/*
	Theme Name: Bluelime Media
	Theme URI: http://www.bluelimemedia.com
	Description: Theme Designed and Developed by Christine Rondeau
	Version: 2.0
	Author: Christine Rondeau
	Author URI: http://www.bluelimemedia.com
*/
/*----Global Reset Courtesy of Eric Meyer----*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline:0;
}
.hide {display:none;}


/* Images
----------------------------------------------*/
.alignright, .padLight {float:right; padding:0 0 10px 10px;}
.alignleft, .padReft {float:left; padding:0 10px 10px 0;}
.aligncenter {margin: 0 auto 0 auto;}
a img {border:0;}

.wp-caption {
      text-align:center;  
      font-size:10px;
}
.wp-caption p.wp-caption-text {font-size:11px; padding:3px;}

/* Typography
------------------------------------------------*/

p {padding:5px 0 10px 0; font-size:0.95em; line-height:1.4em;}
a {color:#312b2b;}
a:hover {color:#c0c825;}
h1 {
	margin:0 0 10px 0;
	color:#312b2b;
	font-weight:normal;
	font-size:1.8em; 
}

h2, h3, h4, h5, h6 { 
	margin:10px 0 4px 0;
	color:#312b2b;
	font-weight:normal;
	font-size:1.4em;
}

h1 a, h2 a {text-decoration:none; color:#312b2b;}
h1 a:hover, h2 a:hover {color:#312b2b; text-decoration:underline;}

hr {
	background-color: #c0c825;
	border:0;
	height: 1px;
	margin: 20px 0; 
	clear:both;
}


/* Main Layout
-----------------------------------------------*/

body {
	margin: 0px; padding: 0px;
	background:url(images/bg.gif);
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 100%; color: #312b2b;
}

body.home {background:#15b5e9;}
#wrapper {width:100%;background:#15b5e9 url(images/wrapper_bg.gif) top repeat-x;}
.home #wrapper {background:url(images/wrapper_home_bg.gif) top repeat-x;}

#wrap {
	position:relative;
	width: 960px;
	margin: 0px auto 0px auto; padding:0;
}

/* Header Area 
-----------------------------------------------------------*/
#header { float:left; width:960px; height:110px;}
#logo a {
	float:left; display:block;
	width: 258px; height: 70px;
	padding:10px 0 0 0px; 
	background:url(images/logo.gif) bottom right no-repeat;
}
#tagline {display:none;}


/* Top Navigation 
-----------------------------------------------------------*/

#top_nav {
	position:absolute;
	top:80px; right: 0;
	width:660px;
	font-size:15px;
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2",sans-serif;
}
#top_nav ul { list-style-type:none;}
#top_nav ul li { float:right; padding:0px 12px 12px 12px;}
#top_nav ul li a {
	color:#c0c825;
	text-decoration:none;
	text-transform:uppercase;
	padding: 4px 6px 10px 6px;
	
}
#top_nav ul li a:hover {color:#312b2b;}
#top_nav ul li.current_page_item a, #top_nav ul li.current_page_parent a {border-right:2px solid #FFF; border-left:2px solid #FFF;}


/* Main Body Content Area 
-----------------------------------------------------------*/

#main { float:left; width:960px; background:url(images/main_bg.gif) right repeat-y;}
.home #main, .page-template-work-php #main {background:none;}
#content {
	float: right;
	width:600px;
	padding:30px 20px 0 20px;
}


/* Main body content formatting
--------------------------------------------------------------*/
.entry {padding:0 0 50px 0;}
.entry ul, .entry ol {	margin: 0px 20px 5px 20px; padding:5px 20px; font-size:0.95em;}
.single {border-bottom: 1px dotted #312b2b;}/* entry appearing on single.php */

.entry h2 a {background:url(images/h2_a_bg.gif) left top no-repeat; margin-left:-20px; display:block; padding-left:20px;}

.entrymeta {
	clear:top;
	margin:10px 0; padding:4px;
	border-top: 1px dotted #312b2b;
	border-bottom: 1px dotted #312b2b;
	width:600px; 	
}
.entrymeta p {padding:3px 0; font-size:0.8em;}
.entrymeta .comments {float:right; text-align:right;}
.entrymeta a {color:#312b2b; text-decoration:none;}
.entrymeta a:hover {color:#312b2b; text-decoration:underline; }

.post-navigation {padding:10px 0;}
.post-navigation a {font-weight:bold; color:#15b5e9; text-decoration:none;}

.navigation-previous { float:left; width:50%; text-align:left;}
.navigation-next { float:right; width:50%; text-align:right;}

.more-link {text-decoration:none; font-weight: bold; color:#c0c825;}
.more-link:hover {color:#15b5e9;}

blockquote{
	color: #15b5e9;
	border-left:5px solid #15b5e9;
	padding:8px 20px 8px 20px; margin:10px 0 10px 20px;
	font-size:1em; line-height:1.6em;
}
blockquote a {color:#15b5e9;}

/* Styles for home page
------------------------------------------------------------------*/
#content_home {
	float:left;
	width:340px; height:270px;
	padding:60px 0 0 0;
}

#content_home p {color:#FFF; font-size:1.4em; padding: 6px 10px;}

#slideshow {
    position:relative;
	float:right;
    width:620px; height:330px;
}

#slideshow img {
    position:absolute;
    top:0; left:0;
    z-index:8;
}

#slideshow img.active { z-index:10;}
#slideshow img.last-active { z-index:9;}

#slideshow_buttons {
	position:absolute;
	top:285px; right:0;
	z-index: 120;
	list-style:none;
}
#slideshow_buttons li { float:right; padding-left:4px;}
#slideshow_buttons li a{
	margin:0; padding:0;
	list-style: none;
	display:block;
	width:25px; height:25px;
	outline:0;
	background:url(images/transparent.gif) 0 0 no-repeat;
}

#slideshow_buttons span, #link1 span, #link2 span, #link3 span, #link4 span, #link5 span {display:none;}
#link1 a, #link2 a, #link3 a, #link4 a, #link5 a{
	position:absolute;
	top:40px; right:0;
	width: 540px; height:290px;
	z-index: 200;
	background:url(images/transparent.gif) 0 0 no-repeat;
	outline:none;
}

#bottom_callout {
	float:left;
	width:960px;
	background:url(images/tagline.png) 100% 10% no-repeat;
}

.callout {
	float:left;
	width:300px;
	padding:50px 0px 20px 10px;
}
.second {padding-left:100px;}
.callout h2 {font-size:1.2em;}
.callout p {color:#FFF; padding: 3px 0;}
.callout a {color:#FFF;}


#social-media {
	float:right;
	width:200px; height:44px;
	padding:50px 0px 0px 0px;
	text-align:right; 
	background:url(images/iconz.png) bottom right no-repeat;
}
#social-media ul {list-style:none;}
#social-media li {float:right; margin: 0 0 0 6px; width:43px; height:42px;}
#social-media li a {display:block; width:43px; height:42px; }


/* Styles for portfolio Section
------------------------------------------------------------------*/
#intro {
	width:700px;
	padding:20px 240px 0 20px;
	background:#FFF url(images/h2_a_bg.gif) 0 28% no-repeat;
	position:relative;
}

#showButton {
	background: url(images/btn_collapse.gif) no-repeat left top;
	height: 27px; width: 93px;
	text-indent: -99999px;
	position: absolute; 
	bottom:0px; right: 58px;
}

.work-content {
	float:left;
	width:920px; height:360px;
	background:#FFF url(images/ribbon.gif) 0 95% no-repeat;
	padding: 20px; margin: 20px 0;
}

.work-info {
	float:left;
	height:330px; width:300px;
}

.work-url {
	float:left;
	padding: 2px 0 0 0;
	width:290px; text-align:center;
}
.work-url a {color:#FFF; text-decoration:none;}

.gallery {
	float:right; 
	width:580px; height:360px;
}

.main_image {
	width: 540px; height: 360px;
	float: left;
	position: relative;
	overflow: hidden;
	background:#312b2b;
}
.main_image p {	padding: 10px;	margin: 0; color:#FFF;}
.main_image a {color:#FFF;}
.main_image .desc{
	position: absolute;
	bottom: 0;	left: 0;
	width: 100%;
	display: none;
}
.main_image .block{
	width: 100%;
	background: #111;
	border-top: 1px solid #000;
}

.image_thumb { float: left; width: 30px;}
.image_thumb img {
	float: left;
	width: 28px; height:28px;
}
.image_thumb ul {
	margin: 0; padding: 0 0 0 10px;
	list-style: none;
}
.image_thumb ul li{
	margin: 1px; padding: 2px;
	float: left;
	border:1px solid #F1F1F1;
}
.image_thumb ul li.hover {border: 1px solid #F1F1F1; cursor: pointer;}
.image_thumb ul li.active { border: 1px solid #c4cb32; cursor: default;}
.image_thumb ul li .block {	float: left; padding: 0;}	
.image_thumb ul li p{display: none;}


/*Styles for html code examples 
-------------------------------------------------------------------*/

pre {
    font:0.9em/1em 'courier new',courier,monospace;
	background:#F9F9F9;
	border:1px dotted #D4D4D4;
	padding:20px; margin:10px 0;
    overflow:auto;
}
code {color:#4390C9;font:0.9em/1em 'courier new',courier,monospace;}

ol.code { overflow: auto;}
.code {
	padding:3px 0 8px 0; margin:20px 0;
	font-family:'courier new',courier,monospace;
	list-style-type:decimal-leading-zero;
	background:#F9F9F9;
	}
.code li code { font:normal 0.9em Courier,"Courier New",Monaco,Tahoma;}
.code li {
	padding:1px 5px; margin:0;
	color: #4390C9;
	}


/* Sidebar Area 
-------------------------------------------*/

#sidebar {
	float:left;
	width:260px;
	padding:20px 0 0 0px;
}

#sidebar h2 {
	display:block;
	color:#FFF;
	border-bottom:1px dotted #FFF;
	margin: 0px 0 5px 0; padding: 5px;
	text-transform: uppercase;
}
#sidebar ul {list-style: none;}
#sidebar ul ul {margin-bottom:30px;}
#sidebar ul li {padding:5px 10px; text-align:right;}
#sidebar a { color: #FFF; text-decoration: none;}
#sidebar a:hover {color: #312b2b;}

#search {margin: 10px 0; border-top:1px dotted #FFF; border-bottom:1px dotted #FFF;}
#sbutt {background:#FFF; color:#312b2b; border:none; padding:3px 4px; text-transform:uppercase;}
#s {border:1px solid #FFF; width:160px; padding:3px;}

.quote {float:left; width:260px; padding:20px 0;}
.quote p {color:#312b2b; font-size:1em; padding:30px 0 6px 20px; background:url(images/quote.png) top left no-repeat;}
.quote cite {color:#FFF; font-size:0.8em; font-weight:bold; padding-left:20px; display:block;}

/* Footer area
------------------------------------------------------------*/
#foot {	width:100%;}

#footer {
	clear: both;
	text-align: left;
	width:960px; height:300px;
	margin:0 auto 0 auto;
	color:#FFF; background:url(images/footer_bg.gif) top right no-repeat;
}
.page-id-268 #footer {background:url(images/tagline.png) 100% 10% no-repeat;}

#footer p {	font-size:0.9em;  padding:20px 0 0 10px;}
#footer a { text-decoration:none; color:#FFF;}
#footer a:hover { text-decoration:underline; color:#FFF;}

#footer p.copy {font-size:0.8em;}
#footer h5 {color:#FFF; font-size:1.2em; border-bottom:1px dotted #FFF;}
#newsletter {float:left; width:240px; padding:30px 10px;}

#newsletter p {padding:3px 0;}
#l10130-10130 {margin-left:3px;}

#tags, #recent-posts {float:left; width:440px; padding: 30px 0 0 60px;}
#footer ul {list-style:none; padding: 10px; margin: 0 10px; font-size:0.9em;}

#footer #social-media {padding-top:20px;}
#footer #social-media ul {padding:0; margin:0;}


/* Comments													
-----------------------------------------------------*/

h3#comments {
	display:block;
	background:url(images/h2_a_bg.gif) left top no-repeat; 
	margin:30px 0 10px -20px; padding-left:20px;
}		
.avatar {
	float: left;
	display:block;
	padding: 0 20px 0px 0px;
}
.commentlist {padding: 20px 0px;}
.commentlist p {padding:6px 0;}
.commentlist a {color:#312b2b;}
.commentlist a:hover {color:#15b5e9;}
		
.commentmetadata {margin-top: 0;}
ol.commentlist, ol.commentlist li {	list-style: none;}
ol.commentlist li {padding:10px; border-bottom: 1px dotted #312b2b;}
#commentform {padding:20px 0;}
#commentform p {margin-bottom:10px;}

#commentform input, #commentform textarea {
	width:147px;
	border:1px solid #312b2b;
	font-size:0.9em;
	padding:2px 3px 3px;
}

#commentform textarea {width:500px;}
#commentform #submit {
		width:150px;
		border:none;
		background:#15b5e9;
		color:#fff;
		font-size:1em;
		cursor:pointer;
		padding:2px 0 3px;
	}
	
.comment-meta, .comment-author {font-size:.8em;}
.comment-meta {padding-bottom:20px;}
.says {display:none;}
.even {background:#d5d5d5;}