/*
Theme Name: Strobe
Theme URI: 
Description: Custom Wordpress Theme for Strobe.
Version: 1.0
Author: Citron Studio
Author URI: http://citronstudio.com/
Tags: custom header, fixed width, two columns, widgets
*/


body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Helvetica, sans-serif;
	background: #C3CF21 url(images/bgBody.jpg) 50% -100px no-repeat;
	color: #333;
}

/* main wrapper */
	#MainWrapper{
		margin: 23px auto;
		padding: 0;
		width: 749px;
	}
	
	.MainWrapperTop{
		width: 749px;
		height: 9px;
		overflow: hidden;
		background: url(images/bgWrapperTop.gif) 0 0 no-repeat;
	}
	
	.MainWrapperTop[class]{
		background: url(images/bgWrapperTop.png) 0 0 no-repeat;
	}
	
	.MainWrapperContent{
		width: 749px;
		background: url(images/bgWrapperSides.gif) 0 0 repeat-y;
	}
	
	.MainWrapperContent[class]{
		background: url(images/bgWrapperSides.png) 0 0 repeat-y;
	}
	
	.MainWrapperBtm{
		width: 749px;
		height: 8px;
		overflow: hidden;
		background: url(images/bgWrapperBtm.gif) 0 0 no-repeat;
	}
	
	.MainWrapperBtm[class]{
		background: url(images/bgWrapperBtm.png) 0 0 no-repeat;
	}
/* main wrapper */

/* inner wrapper */
	#InnerWrapper{
		background: #FFF url(images/bgInnerWrapper.jpg) 0% 100% repeat-x;
		width:741px;
		margin: 0px 0px 0px 4px;
	}
/* /inner wrapper */

/* header */
	#header{
		background: #2B6995 url('images/bgHeader.jpg') repeat-x;
		width: 741px;
		height: 104px;
		position:relative;
		}
	
	/* logo */
		#header h1#Logo{
			margin: 0px 0px 0px 0px;
			position:absolute;
			top: 7px;
			left: 18px;
			z-index:1;
		}
		
		#header h1#Logo a{
			display: block;
			width: 246px;
			height: 67px;
			overflow: hidden;
			text-indent: -9999px;
			background: url(images/Strobe.png) 0 0 no-repeat;
		}
	/* / logo */
	
	/* tagline */
		#header em#Tagline{
			position:absolute;
			top: 91px;
			left:25px;
			z-index:1;
			font: normal bold 15px/15px Arial, Helvetica, sans-serif;
			color: #C0E3FA;
		}
		
	/* /tagline */
	
	/* header quote */
		#header div#HeaderQuote{
			position:absolute;
			top: 16px;
			right:19px;
			z-index:1;
			font: italic bold 14px/17px Arial, Helvetica, sans-serif;
			color: #FFF;
			text-align: right;
			width: 350px;
		}
		
		#header div#HeaderQuote em.Quote{
		
		}
		
		#header div#HeaderQuote strong.QuoteAuthor{
			display:block;
			color:#C6E6FB;
			font: normal normal 13px/13px Arial, Helvetica, sans-serif;
		}
	/* /header quote */
	
	/* main nav */
		#header #MainNav{
			width: 110%;
			height: 24px;
			overflow: hidden;
			position:absolute;
			bottom: 0px;
			left: 11px;
			z-index:1;
		}
		
		#header #MainNav ul{
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			list-style-type: none;
			width: 100%;
			height: 24px;
			overflow: hidden;
		}
		
		#header #MainNav ul li{
			float: left;
			height: 24px;
			overflow: hidden;
			padding: 0px 2px 0px 1px;
			margin: 0px 0px 0px -1px;
		}
		
		#header #MainNav ul li a{
			display: block;
			float: left;
			height: 18px;
			font:normal 10px/14px Arial, Helvetica, sans-serif;
			color: #FFF;
			text-decoration: none;
			padding: 5px 19px 0px 20px;
			white-space: nowrap;
			background: #5290B7 url(images/bgMainNavTab.jpg) 0% 100% repeat-x;
			border: 1px solid #6096B9;
			border-bottom: none;
			-moz-border-radius-topright: 9px;
			-moz-border-radius-topleft: 9px;
			-webkit-border-top-right-radius: 9px;
			-webkit-border-top-left-radius: 9px;
			border-top-right-radius: 9px;
			border-top-left-radius: 9px;
		}
		
		#header #MainNav ul li a:hover, #header #MainNav ul li.current_page_item a, #header #MainNav ul li.home a{
			color: #2B6995;
			background: #FFF url(images/bgMainNavTab_hover.jpg) 0% 100% repeat-x;
			border-color: #FFF;
		}
	/* /main nav */
	
/* /header */

/* footer */
	#footer{
		font:normal 10px/100% Arial, Helvetica, sans-serif;
		color: #63634B;
		padding: 6px 0px 20px 18px;	
	}
	
	#footer p {
		margin: 0;
	}
	
	ul#FooterNav{
		margin: 0px 0px 6px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		height: 12px;
		overflow: hidden
	}
	
	ul#FooterNav li{
		float: left;
		padding: 0px 15px 0px 7px;
		margin: 0px 0px 0px -8px;
		border-left: 1px solid #896D48;
	}
	
	ul#FooterNav li a{
		text-decoration:underline;
		color: #63634B
	}
	
	ul#FooterNav li a:hover{
		color: #484839;
	}
	
	ul#FooterNav li.current_page_item a, ul#FooterNav li.home a{
		color: #484839;
		font-weight:bold;
		text-decoration:none
	}
/* /footer */

/* content cols */
	#InnerContent{
		width: 730px;
		overflow: hidden;
		padding: 0px 11px 0px 0px;
	}
	
	#MainContent{
		float: left;
		padding: 38px 0 38px 25px;
		margin: 0px 0 0;
		width: 448px;
	}
	
	#SideContent{
		float: right;
		padding: 38px 0 38px 0px;
		margin: 0;
		width: 196px;
	}
	
	#MainContent.widecolumn, .widecolumn{
		width: auto;
		float: none;
		padding: 38px 25px 38px 25px;
	}
/* /content cols */

/* main content col */
	h2.pagetitle{
		margin: 0px 0px 10px 0px;
		font:bold 22px/120% Arial, Helvetica, sans-serif;
		color: #2A6994;
	}
	
	h3{
		font-size: 1.3em;
		margin: 0px 0px 5px 0px;
	}
	
	h3#comments{
		margin: 0px 0px 0px 0px;
	}
	
	/* post */
		.post{
			padding: 0px 0px 40px 0px;
			margin: 0px 0px 20px 0px;
			border-bottom: 1px solid #EAEAEA;
		}
		
		.search-results .post{
			padding: 0px 0px 20px 0px;
			margin: 0px 0px 10px 10px;
		}
		
		.post h2{
			margin: 0px 0px 0px 0px;
			font:bold 18px/120% Arial, Helvetica, sans-serif;
			color: #387CA7;
		}
		
		.post .postdate{
			display: block;
			margin: 0px 0px 0px 0px;
			font:normal 11px/120% Arial, Helvetica, sans-serif;
			color: #989898;
		}
		
		.post .entry {
			font:normal 12px/134% Arial, Helvetica, sans-serif;
			color: #3333;
			padding: 18px 0px 0px 0px;
		}
		
		.post .entry p{
			margin: 0px 0px 1em 0px;
		}
		
		.post .postmetadata{
			font:normal 11px/120% Arial, Helvetica, sans-serif;
			color: #4C4C4C;
		}
		
		.post .postmetadata ul{
			display: inline;
			list-style-type: none;
			list-style-image: none;
		}
		
		.post .postmetadata ul li{
			display: inline
		}
		
		.post .postmetadata.alt, .post .postmetadata.even{
			margin: 0;
			padding: 10px;
			border-left: 1px solid #ddd;
		}
			
		.post .postmetadata.alt small, .post .postmetadata.even small{
			font:normal 11px/120% Arial, Helvetica, sans-serif;
		}
		
		
		.post a{
			color: #387CA7;
			text-decoration: none
		}
		
		.post a:hover{
			text-decoration: underline
		}
	/* /post */
	
	/* navigation */
		.navigation {
			display: block;
			text-align: center;
			margin: 5px 0px 10px 0px;
			padding: 3px 0px 3px 0px;
			overflow: hidden;
			width: 100%;
		}
		
		.navigation .alignright {
			float: right;
			padding: 0px 5px 0px 5px;
		}
		
		.navigation .alignleft {
			float: left;
			padding: 0px 5px 0px 5px;
		}
	/* /navigation */
	
	/* comments */
		/* comments list */
			.commentlist {
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				list-style-type: none;
				text-align: justify;
			}
			
			.commentlist li {
				list-style-type: none;
				margin: 15px 0 10px;
				padding: 5px 5px 10px 10px;
				font: bold 1.1em Arial, Verdana, Arial, Sans-Serif;
			}
			
			.commentlist li ul li { 
				margin-right: -5px;
				margin-left: 10px;
				font-size: 1em;
			}
			
			.commentlist .comment-body{}
			.commentlist .comment-author{}
			
			.commentlist li .avatar { 
				float: right;
				border: 1px solid #eee;
				padding: 2px;
				background: #fff;
			}
			
			.commentlist cite, .commentlist cite a {
				font-weight: bold;
				font-style: normal;
				font-size: 1.1em;
			}
			
			.commentlist cite.fn{}
			.commentlist span.says{}
			
			.commentlist .commentmetadata{
				margin: 0;
				display: block;
				font-weight: normal;
			}
			
			.commentlist .commentmetadata a{}
			
			.commentlist .alt{
				margin: 0;
				padding: 10px;			
			}
			
			.commentlist .alt small{
				font:normal 11px/120% Arial, Helvetica, sans-serif;
			}
			
			.commentlist p {
				margin: 10px 5px 10px 0;
				font-weight: normal;
				line-height: 1.5em;
				text-transform: none;
			}
			
			.nocomments {
				text-align: center;
				margin: 0;
				padding: 0;
				color: #777;
			}
		/* /comments list */		
				
		/* comment form */
			#commentform {
				margin: 5px 10px 0 0;
				font: 1.2em Arial, Helvetica, sans-serif;
			}
			
			#commentform input {
				width: 170px;
				padding: 2px;
				margin: 5px 5px 1px 0;
				vertical-align: middle;
			}
			
			#commentform textarea {
				width: 100%;
				padding: 2px;
			}
			
			#commentform #submit{
				margin: 0 0 5px auto;
				float: right;
			}
			
			#commentform p {
				margin: 5px 0;
			}
				
			#respond:after{
				content: "."; 
				display: block; 
				height: 0; 
				clear: both; 
				visibility: hidden;
			}
		/* /comment form */
	/* /comments */
/* /main content col */

/* side content col */
	#SideContent {
		font-family: Arial, Helvetica, sans-serif;
		color: #4E4E4E
	}

	/* search form */
		#SideContent #searchform #s {
			width: 108px;
			padding: 2px;
		}
		
		#SideContent #searchsubmit {
			background: #A0A92A;
			color: #FFF;
			border: 1px solid #A0A92A;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			padding: 2px 5px 2px 5px;
		}
		
		#SideContent form {
			margin: 0;
		}
	/* /search form */
	
	#SideContent h2 {
		font-size: 1.4em;
		font-weight: bold;
		margin: 0px 0px 2px 0px;
		color: #4E4E4E
	}
	
	#SideContent ul{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;	
		font-size: 11px		 
	}
	
	#SideContent li{
		padding: 0px 0px 14px 0px;
	}
	
	#SideContent ul ul{
		margin: 0px 0px 0px 0px;
		padding: 0 0px 0px 14px;
		list-style: none;
	}
	
	#SideContent ul ul li{
		margin: 0px 0 0px 0px;
		padding: 0px 0px 0px 10px;
		background: url(images/bltRaquo.gif) 0 4px no-repeat;
	}
	
	#SideContent ul, #SideContent ul ol {
		margin: 0;
		padding: 0;
	}
		
	#SideContent ul p, #SideContent ul select {
		margin: 5px 0 8px;
	}
	
	#SideContent h2.widgettitle a.rsswidget img{
		vertical-align: middle
	}
	
	/* calendar */
		#wp-calendar {
			empty-cells: show;
			border: 1px solid #CCC;
			border-collapse:collapse;
			width:100%;
		}
		
		#wp-calendar caption {
			font: bold 1.4em Arial, Helvetica, sans-serif;
			text-align: left;
			color: #4E4E4E;
			margin: 0px 0px 2px 0px;
		}
		
		#wp-calendar #next a {
			padding-right: 10px;
			text-align: right;
			font-size: 9pt;
		}
		
		#wp-calendar #prev a {
			padding-left: 10px;
			text-align: left;
			font-size: 9pt;
		}
		
		#wp-calendar a {
			display: block;
			text-decoration: none;
		}
		
		#wp-calendar th {
			font-style: normal;
			text-transform: capitalize;
			padding: 3px;
			background: #EFEFEF
		}
		
		#wp-calendar td {
			padding: 3px;
			text-align: center;
		}
		
		#wp-calendar td.pad:hover { /* Doesn't work in IE */
			background-color: #fff;
		}

	/* /calendar */
/* /side content col */

/* global styles */
	a{
		color: #2C6B98;
		text-decoration: underline;
		outline: none
	}
	
	a:hover{
		text-decoration: none
	}
	
	a img {
		border: none;
	}
	
	blockquote, strike {
		color: #777;
	}
	
	code{
		font: 1.1em 'Courier New', Courier, Fixed;
	}
	
	acronym, abbr
	{
		font-size: 0.9em;
		letter-spacing: .07em;
		cursor: help;
		border-bottom: 1px dashed #999;
	}
	
	blockquote {
		margin: 15px 30px 0 10px;
		padding-left: 20px;
		border-left: 5px solid #ddd;
	}
	
	blockquote cite {
		margin: 5px 0 0;
		display: block;
	}
		
	p img {
		padding: 0;
		max-width: 100%;
	}
	
	hr {
		display: none;
	}
/* /global styles */

/* common */
	.depth-1{
		border: 1px solid #ddd;
	}

	.thread-alt{
		background-color: #f8f8f8;
	}

	.thread-even{
		background-color: white;
	}
		
	span.caps{
		font-size: 0.9em;
		letter-spacing: .07em;
		cursor: help;
	}
	
	.clear{clear: both;}
	
	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	img.alignright{
		padding: 4px;
		margin: 0 0 2px 7px;
		display: inline;
	}
	
	img.alignleft{
		padding: 4px;
		margin: 0 7px 2px 0;
		display: inline;
	}
	
	.alignright{float: right;}
	.alignleft{float: left;}
	.aligncenter, div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.center{text-align: center;}
	
	.hidden{display: none;}
		
	.children {padding: 0;}
		
	.screen-reader-text {
		 position: absolute;
		 left: -1000em;
	}
	
	.alt {
		margin: 0;
		padding: 10px;
	}
		
	.alt small{
		font:normal 11px/120% Arial, Helvetica, sans-serif;
	}
/* /common */

/* sticky */
	.sticky {
		background: #f7f7f7;
		padding: 0 10px 10px;
	}
		
	.sticky h2 {
		padding-top: 10px;
	}
/* /sticky */

/* captions */
	.wp-caption {
		border: 1px solid #ddd;
		text-align: center;
		background-color: #f3f3f3;
		padding-top: 4px;
		margin: 10px;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	.wp-caption img {
		margin: 0;
		padding: 0;
		border: 0 none;
	}
	
	.wp-caption p.wp-caption-text {
		font-size: 11px;
		line-height: 17px;
		padding: 0 4px 5px;
		margin: 0;
	}
/* /captions */

input#searchsubmit, input#submit{
	background: #A0A92A;
	color: #FFF;
	border: 1px solid #A0A92A;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 5px 2px 5px;
}