/*   
Theme Name: fifthandbrannan
Theme URI: http://fifthandbrannan.com
Description: Site theme of Fifth and Brannan
Author: Barron Cuadro
Author URI: http://barroncuadro.com
Version: 1.0
*/

/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* ----------------- FIFTH AND BRANNAN ---------------- */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */

	/* ----------------------------- */
	/* --------- css reset --------- */
	/* ----------------------------- */
		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; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
							/* remember to define focus styles! */
		:focus				{ outline: 0;}
		body				{ line-height: 1; color: #eee; background: black url(http://fifthandbrannan.com/blog/wp-content/themes/fifthandbrannan/images/plaidBg2.gif) repeat; }
		ol, ul				{ list-style: none; }
							/* tables still need 'cellspacing="0"' in the markup */
		table				{ border-collapse: separate; border-spacing: 0; }
		caption,
		th, td				{ text-align: left; font-weight: normal; }
		blockquote:before,
		blockquote:after,
		q:before, q:after	{ content: ""; }
		blockquote, q 		{ quotes: "" ""; }
		:-moz-any-link:focus { outline: none; }  /*firefox dotted border*/
		a					{text-decoration: none; }
}

		
		
	/*
	color palette:		#fff white
						#eeeeee gray
						#E9EBB6 pale green	
						#A2A37F dark pale green gray
						#944626 med brown postFooter text
						#3d200e post bottom border
						#170E03 postFooter brown
						#672963 pale purple
	*/
	
	
	
	
	/* ---------------------------------- */
	/* --------- overall styles --------- */
	/* ---------------------------------- */
		

		body {
			background: black url(http://fifthandbrannan.com/blog/wp-content/themes/fifthandbrannan/images/plaidBg2.gif) repeat;
		}

		h1, h2, h3, h4,
		a, a:link, a:visited, a:hover, a:active {
			font-family: Palatino, "Palatino Linotype", "Hoefler Text", "Times New Roman", serif;
		}


		h1, h2, h3, h4 {
			color: #E9EBB6; /*pale green*/
			letter-spacing: -0.2px;
		}
		
		a, a:link, a:visited, a:hover, a:active {
			color: #E9EBB6; /*pale green*/
			letter-spacing: 0;
		}
		
		h2 span, h5, h6, p {
			font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
		}
		
		p {
			font-size: 12px;
			color: #fff;
			line-height: 160%;
		}
		
		h2 {
			font-weight: normal;
			font-size: 187.5%;
		}
		
		h2 span {
			display: block;
			font-size: 12px;
			color: #eeeeee;
		}
		
		
		h3 {
			font-size: 120%;
			color: #A2A37F;
		}
		
		h4 {
			font-size: 100%;
			text-transform: uppercase;
		}
		
		h5 {
			font-size: 100%;
			color: #eee;
			margin: 0 0 10px;
			letter-spacing: 0.4px;
		}
		
		h6 {
			font-size: 90%;
			color: #fff;
		}
		



		iframe { background: transparent !important; }

		strong { font-weight: bold;letter-spacing:0.4px; font-size:108.4%; }
		
		em { font-style:italic;letter-spacing:0.4px; font-size:108.4%; }



	/* ---------------------------------- */
	/* ------------ top ----------------- */
	/* ---------------------------------- */	
		#top {
			background: url(images/headerShadow.png) no-repeat center -15px;
			_background:transparent;
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="images/headerShadow.png");
			position: fixed;
			margin-bottom: 100px;
			height: 90px;
			width: 100%;
			z-index: 10000;
		/*----- ie7 makes me sad ------*/
			*position: static;
			*margin-bottom: 40px;

			
		}
	
		#headerWrap {
			background: url(images/headerBg2.gif) repeat;
			height: 80px;
			width: 100%;
		}
		
		
		#header {
			width: 1040px;
			position: relative;
			margin: 0 auto;
		}
		
		#header h1 a {
			width: 293px;
			height: 60px;
			background: url(images/logo.gif) no-repeat;
			float: left;
			margin: 10px 0;
		}
		
	/* --- headerMenu --- */
		.menu {
			float: right;
			margin: 26px 0 0;
		}

		.menu .sectionHed {
			width: 265px;
			background: none;
			float: left;
		}
		
		.menu .sectionHed .innerHed {
			background: transparent;
		}
	
		.menu li,
		.menu h3 {
			*float: left;
		}

	
		.menu li a,
		.menu li.active a {
			background: url(images/menuBg2.png) no-repeat center top;
			_background:transparent;
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="images/menuBg2.png");
			float: left;
			height: 25px;
			padding: 0 10px;
			border-left: 1px solid #672963;
			font: bold 78.1% Palatino, "Palatino Linotype", "Hoefler Text", "Times New Roman", serif;
		}
		
		.menu li a,
		.menu li.active a,
		.menu li.first a {
			border-right: 1px solid #444;
		}
		
		.menu li a {
			font-style: italic;
			color: #cfd1a2;
			line-height: 29px;
			/*---- ie7 makes me sad -----*/
			*line-height: 25px;
			
		}
		
		.menu li.active a {
			font-style: normal;
			color: #fff;
			line-height: 29px;
			/*---- ie7 makes me sad -----*/
			*line-height: 25px;
		}
		
		.menu li.first a {
			background-position: left top;
			border-left: 0;
		}
		
		.menu li.last a {
			background-position: right top;
			border-right: 0;
		}
		
		.menu li.active a,
		.menu li a:hover {
			background-color: #672963;
		}
			
		.menu li.first.active {
			background-position: left -49px;
			border: 0;
		}
		
		.menu li.last.active {
			background-position: right -49px;
		}
		
		.menu li a span,
		.menu li.active a span {
			padding: 0 5px;
			margin: 0;
			display: block;
		}
		

		
		
	
	
	
	
	/* ------------------------------------------ */
	/* ------------ contentBody ----------------- */
	/* ------------------------------------------ */
		#contentBody {
			width: 960px;
			position: relative;
			margin: 0 auto 40px;
			padding-top: 130px;
			/*---- ie7 makes me sad -----*/
			*padding-top: 0;
		}
		
		#contentBody h2 {
			margin-bottom: 20px;
		}
		
		#contentBody h3 {
			margin-top: 20px;
		}		
		
		h2 span.date {
			font-size: 55%;
			font-weight: bold;
			font-style: italic;
			color: #eeeeee;
			display: block;
		}
		
		span.rtfb {
			float: right;
			width: 165px;
			margin-top: 10px;
			_display: inline;
		}
	
		span.rtfb .tweetmeme_button,
		span.rtfb .fb_button {
			display: block;
		}
		
		span.rtfb .tweetmeme_button {
			width: 65px;
			float: right;
		}
		
		span.rtfb .fb_button {
			width: 81px;
			float: right;
		}
		
		
	/* --- sidebar --- */		
		#sidebar {
			position: relative;
			top: -50px;
			width: 210px;
			padding-top: 50px;
			float: left;
			background: url(images/sidebarBg.png) repeat-x;
			_background:transparent;
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="images/sidebarBg.png");
			min-height: 960px;
			letter-spacing: 0.2px;
		}
		
		#sidebar a,
		#sidebar a:link,
		#sidebar a:visited,
		#sidebar a:hover,
		#sidebar a:active {
			color: #A2A37F;
			font-size: 75%;
		}
		
		#sidebar a:hover {
			color: #ccc;
		}
		
		#sidebar h4 {
			margin: 0 0 5px;
			
		}

		.getUpdates,
		.keepInTouch,
		.latestPosts,
		.adminTools,
		.subscribe {
			padding: 0 10px;
			margin: 0 0 40px;
			clear: both;
		}
		
		/*--- global search ---*/
		.globalSearch {
			background: url(images/globalSearch.png) no-repeat;
			_background:transparent;
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="images/globalSearch.png");
			width: 193px;
			height: 40px;
			margin: 0 7px 20px 10px;

		}
		
		.globalSearch form#searchform {
			margin: 5px 0 0 5px;
			height: 30px;
		}
		
		input#s {
			float: left;
			border: 0;
			width: 140px;
			height: 15px;
			background: transparent;
			padding: 10px 0;
			*padding: 2px 0 10px;
			font: normal 87.5% Palatino, "Palatino Linotype", "Hoefler Text", "Times New Roman", serif;
			color: #ccc;
		}
		
		input#s focus {
			color: #fff;
		}		
		
		input#searchsubmit {
			width: 35px;
			height: 30px;
			border: 0;
			float: right;
			background: transparent;
			cursor: pointer;
			
		}
		
		/*--- get updates ---*/

		.getUpdates #mce-success-response,
		.getUpdates #mce-error-response {
			margin: 10px 0;
			font-size: 10px;
			clear: both;
		}
		
		#mce-success-response {
			color: #eee;
		}
		
		#mce-error-response {
			color: #fff;
			background: #bf0d0a !important;
		}
		
		.getUpdates div.mce_inline_error {
			border: 0 !important;
			background: #bf0d0a !important;
			color: #eee !important;
			margin: 10px 0 !important;
			padding: 2px !important;
			width: auto !important;
			font-size: 10px;
		}
		

		
		.getUpdates input.nameEmail {
			background: url(images/inputBg.png) no-repeat;
			_background:transparent;
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="images/inputBg.png");
			width: 185px;
			height: 21px;
			border: 0;
			color: #ccc;
			padding: 4px 0 0 5px;
			margin: 0 0 5px;
			font: normal 87.5% Palatino, "Palatino Linotype", "Hoefler Text", "Times New Roman", serif;
			/*----- ie7 makes me sad ------*/
			*padding-top: 2px;
			*height: 25px;
		}
		
		.getUpdates input.submitButton {
			background: url(images/submit.gif) no-repeat;
			width: 95px;
			height: 23px;
			border: 0;
			float: right;
			margin-right: 5px;
			_display: inline;
			/*----- ie7 makes me sad ------*/
			*color: #463320;
			*text-align: right;
			*font-size: 0;
			cursor: pointer;
		}
		
		
		/* --- keep in touch --- */
		.keepInTouch {
			background: url(images/sidebarCalloutBgBottom2.png) no-repeat left bottom;
			_background:transparent;
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="images/sidebarCalloutBgBottom2.png");
			padding: 20px 0;
		}
		
		.keepInTouch h4 {
			padding-right: 40px !important;
			line-height: 115%;
		}
		
		.keepInTouch h4,
		.keepInTouch .icons {
			padding: 7px 12px 0 10px;
		}
		
		.keepInTouch span.calloutBg {
			width: 210px;
			height: 11px;
			display: block;
			background: url(images/sidebarCalloutBg2.png) no-repeat;
			_background:transparent;
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="images/sidebarCalloutBg2.png");
		}		
		
		.keepInTouch .icons {
			float: right;
		}
		
		
		.keepInTouch img {
			
		}
		
		
		/* --- latest posts --- */
		#sidebar .latestPosts {
		
		}
		
		#sidebar .latestPosts li,
		.latestPosts404 li {
			margin: 0 0 10px;
		}
		
		#sidebar .latestPosts li a,
		.latestPosts404 li a {
			font: normal 87.5% Palatino, "Palatino Linotype", "Hoefler Text", "Times New Roman", serif;
			color: #A2A37F; /*darker pale green*/
			margin: 0 0 10px;
			letter-spacing: 0.2px;
			font-style: italic;
		}
		
		#sidebar .latestPosts li span.recentdate,
		.latestPosts404 li span.recentdate {
			font: normal 75% Palatino, "Palatino Linotype", "Hoefler Text", "Times New Roman", serif;
			font-style: italic;
			color: #eeeeee;
			display: block;
			letter-spacing: 1px;
		}
		

		
		/*--- 404 ---*/
		.search404 {
			float: left;
			background: #2a0f06;
			padding: 30px;
			margin: 20px 0;
			width: 570px;
			text-align: center;
		}
		
		.search404 .globalSearch {
			margin: 0px auto;
		}
		
		#contentMain .latestPosts404 {
			float: left;
			width: 570px;
			margin: 20px 0;
		}
		
		.search-no-results .latestPosts404 {
			background: #2a0f06;
			padding: 15px 30px;
			margin: 0;
		}
		
		.search-no-results #contentMain h3 {
			margin: 20px 0 10px;
		}
		
		/*--- admin tools ---*/
		.adminTools {
			
		}
		
		.subscribe {
		
		}
			
		
		
		
		
		
	/* --- contentMain --- */
		#contentMain {
			width: 700px;
			padding: 0 0 0 10px;
			float: right;
		}
	
		#contentMain .post,
		#contentMain .page {
			border-bottom: 1px solid #3d200e;
			padding-bottom: 3px;
			margin-bottom: 60px;
		}
		
		#contentMain p {
			margin-bottom: 10px;
			font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
			color: #fff;
			line-height: 170%;
		}
		
		#contentMain .entry a:link,
		#contentMain .entry a:visited,
		#contentMain .entry a:hover,
		#contentMain .entry a:active {
			font-size: 112.5%;
		}
		
		.entry p.list {
			width: 690px;
			display: block;
			
		}
		
		
		.entry ul {
			float: left;
			margin-right: 10px;
			_display: inline;
			list-style-type: none;
		}
		
		.entry ul li {
			font: normal 16px Palatino,"Palatino Linotype","Hoefler Text","Times New Roman",serif;
			padding: 6px 0;
			color: #fff;	
		}
		
		
		#contentMain img {
			border: 2px solid #3d200e;
		}
		
		#contentMain img.left {
			float: left;
			margin: 0 10px 10px 0;
		}
		
		#contentMain img.right {
			float: right;
			margin: 0 0 10px 10px;
		}
		
		#contentMain blockquote {
			background: #180a02;
			padding: 10px;
			font: normal 120% Palatino, "Palatino Linotype", "Hoefler Text", "Times New Roman", serif;
			font-style: italic;
			color: #eeeeee;
		}
		
	/* --- postFooter --- */
		.postFooter {
			background: #170E03;
			padding: 10px 2px;
		}
		
		#contentMain .postFooter p {
			letter-spacing: 1.1px;
			color: #E9EBB6;
			font-family: Palatino, "Palatino Linotype", "Hoefler Text", "Times New Roman", serif;
			margin-bottom: 0;
			line-height: 18px;
			font-size: 71.6%;
		}
		
		#contentMain .postFooter p.commentsCallout {
			margin: 0 0 7px;
			font-size: 91.6%;
		}
		
		.postFooter p span.catTitle {
			font-style: italic;
			color: #A2A37F; /*darker pale green */
			font-size: 109.2%
		}
	
		.postFooter a,
		.postFooter a:link,
		.postFooter a:hover,
		.postFooter a:visited,
		.postFooter a:active {
			color: #A2A37F;
			letter-spacing: 1px;
			padding: 0 5px;
			background: #271006;
		}
	
		.postFooter a:hover {
			background: #401A0A;
		}
		
		a.post-edit-link {
			font-size: 9px;
			float: right;
		}
		
	
	
	
	/* --- comments --- */	
		.postComments {
		
		}
		
		ol.commentlist,
		#respond {
			color: #ccc;
			font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
		}
	
		
		form#commentform p {
			font-size: 78.1%;
		}
	
		
		ol.commentlist {
			margin: 20px 0;
			line-height: 160%;
		}
		
		ol.commentlist .comment-body {
			margin-bottom: 40px;
		}
		
		ol.commentlist .comment-body .vcard {
			font: normal 78.1% Palatino,"Palatino Linotype","Hoefler Text","Times New Roman",serif;
			letter-spacing: 1.1px;
			line-height: 18px;
			margin-bottom: 0;
		}
		
		ol.commentlist .comment-body .vcard cite.fn {
			color: #fff;
		}
		
		ol.commentlist .comment-body .vcard cite.fn a {
			color: #E9EBB6;
		}
		
				
		ol.commentlist p {
			font: normal 90.6% Palatino,"Palatino Linotype","Hoefler Text","Times New Roman",serif;
			padding: 10px 40px;
			line-height: 140%;
			font-style: italic;
			letter-spacing: 0.8px;
		}
		
		ol.commentlist .commentmetadata {
			float: right;
		}
		
		ol.commentlist cite {
			vertical-align: top;
		}
		
		#respond {
			margin-top: 40px;
			background: #180A02;
			padding: 20px;
		}
		
		#respond textarea#comment,
		#respond input {
			background: #180A02;
			border: 1px solid #3D200E;
			color: #ccc;
			font: normal 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
			margin: 5px 0;

		}
		
		
		#respond textarea#comment {
			width: 590px;
			height: 100px;
			overflow-y: auto;
		}

		form#commentform input#submit {
		
		}
		
		#respond label {
			font: normal 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
		}
		

		
		
		
		
	
	/* ------------------------------------- */
	/* ------------ footer ----------------- */
	/* ------------------------------------- */	
		#footerWrap {
			background: url(images/headerBg2.gif) repeat;
			padding: 15px;
			position: relative;
			margin: 0 auto;
			font: bold 81.5% Palatino, "Palatino Linotype", "Hoefler Text", "Times New Roman", serif;
			color: #cfd1a2;
			font-style: italic;
			letter-spacing: 1px;
		}
		
		#footer {
			width: 1040px;
			margin: 0 auto;
			position: relative;
		}
		
		#footer a {
			font-size: 100%;
			color: #cfd1a2;
		}

		#footer .copyright p {
			float: left;
		}
		
		#footer p.login {
			float: right;
		}
		
		#footer ul.footerMenu {
			float: right;
		}
		
		#footer ul.footerMenu li {
			float: left;
			margin-right: 5px;
			_display: inline;
		}
	
	
	/* ----------------------------- */
	/* --------- disqus ------------ */
	/* ----------------------------- */
	
	#disqus_thread {color:#fff;}
	.dsq-comment-cite {color:#E9EBB6;}
	.dsq-comment-message {color:#f0f0f0;}
	input.dsq-trackback-url {border: 1px solid #666;color:#ccc;}
	
	
	/* ----------------------------- */
	/* --------- hide text --------- */
	/* ----------------------------- */
	
	#headerWrap h1 a,
	.getUpdates input.submitButton,
	.globalSearch input#searchsubmit,
	.hideText {
		text-indent: -9999px;
		overflow: hidden;
		display: block;
	}
	
	
	
	
	/* ----------------------------- */
	/* --------- clearfix ---------- */
	/* ----------------------------- */
	#contentBody:after,
	#contentMain .post:after,
	#header:after,
	#sidebar:after,
	.getUpdates #mce-responses:after,
	.globalSearch form#searchform:after,
	.globalSearch form#searchform div:after,
	.getUpdates:after,
	.keepInTouch:after,
	span.kitWrap:after,
	#top:after,
	#footer:after,
	#footerWrap:after,
	p.list:after,
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	#contentBody,
	#contentMain .post,
	#header,
	#sidebar,
	.getUpdates #mce-responses,
	.globalSearch form#searchform,
	.globalSearch form#searchform div,
	.getUpdates,
	.keepInTouch,
	span.kitWrap,
	.top,
	#footer,
	#footerWrap,
	p.list,
	.clearfix {
		*display: inline-block;
	}