/*
	Theme Name: Finally
	Theme URI: http://www.3roadsmedia.com
	Description: Finally, a website design that doesn't suck. Not that the other designs we had sucked, per say; they just didn't show off our awesomeness like this.
	Version: 7.0
	Author: Ryan Burney
	Author URI: http://www.3roadsmedia.com
*/

/*
	3 ROADS MEDIA 7.0
	Redesign + Development
	
	MASTER STYLESHEET
	This file created: 8 June 2009
	Authored by: Ryan Burney
	
	NOTE TO FUTURE DEVELOPERS: This CSS file is organized first chronologically, then alphabetically.
	Global declarations for HTML entities appear first, followed by custom declarations. These are
	sorted roughly in the order they appear on the page. Declarations are indented to show inheritance.
*/


/** Globals ***************/
/**************************/

a { color:#9f2321; text-decoration:none; }
a:hover { text-decoration:underline; }

body {
	background:url(images/bg_strip-top.gif) repeat-x;
	font:14px Arial, Helvetica, sans-serif;
	margin:0;
	}

h1 {
	background:url(images/bg_h1.png) center bottom no-repeat;
	clear:both;
	font:24px "Avenir LT 95 Black", Arial, sans-serif;
	margin:0;
	padding:25px 20px 30px;
	position:relative;
	text-transform:uppercase;
	}

h2 {
	color:#782221;
	font:bold 22px "Avenir LT 45 Book", Arial, sans-serif;
	margin:0;
	}
h2 strong { color:#9f2321; }

h4 a { color:#a0a0a0; }

img { border:0; }

p { color:#222; line-height:17px; margin:0; }
p.notice {
	background:url(images/icon_info.gif) center left no-repeat;
	margin:0 0 6px 7px;
	padding:7px 0 9px 25px;
	}

/* code blocks */
pre {
	background:url(images/bg_codebox.gif);
	border:1px solid #ccc;
	color:#000;
	margin-bottom:15px;
	margin-top:0;
	overflow:auto;
	padding:10px;
	}
pre .script { color:#900; }
pre .value { color:#00f; }
pre .var { color:#009; font-weight:bold; }

ul { list-style:none; margin:0; padding:0; }
ul#subnav {
	font-size:18px;
	position:absolute;
	right:20px;
	top:132px;
	}
ul#subnav a { color:#a0a0a0; }
ul#subnav li { display:inline; margin-left:15px; }



/** Structure *************/
/**************************/

#top-strip { background:url(images/bg_floral-top.png) top center no-repeat; height:40px; }

#wrapper-outer { background:url(images/bg_fibers.jpg) bottom left repeat-x; }

#wrapper {
	background:url(images/bg_wrapper.jpg) bottom center no-repeat;
	margin:0 auto;
	position:relative;
	width:1000px;
	}

#main { float:left; margin-top:25px; position:relative; width:1000px; }


/** Header ****************/
/**************************/

#header {
	background:url(images/bg_scanlines-feature-top.png) bottom center no-repeat;
	float:left;
	height:100px;
	width:100%;
	}
#header a { float:left; padding:38px 20px 20px; }
#header a:hover { background:#f2ebde; }
#header #logo:hover { background:none; }
#header li { display:inline; }
#header ul { float:right; margin-right:-20px; }
#header ul a { float:none; }

#header #logo { padding:18px 0 0; }


	/** Navigation ************/
	/**************************/
	
	#header li {
		display:block;
		float:left;
		margin-left:10px;
		}
	#header li a { display:block; font-size:0; }
	#header li a:hover span { background-position:0 -11px; }

	/* active states */
	.web #header li.web a,
	.grafx #header li.graphic a,
	.mktg #header li.marketing a,
	.portfolio #header li.portfolio a,
	#contact li.contact a { background-color:#eee1c8; padding:55px 20px 10px; }

	#header span { display:block; height:11px; text-indent:-9999px; }

	li.page-item-8 span		{ background:url(images/nav_web.gif); width:37px; }
	li.page-item-11 span	{ background:url(images/nav_graphic.gif); width:72px; }
	li.page-item-17 span	{ background:url(images/nav_marketing.gif); width:97px; }
	li.page-item-45 span	{ background:url(images/nav_portfolio.gif); width:92px; }
	li.page-item-4 span	{ background:url(images/nav_contact.gif); width:78px; }


/** Page Specific *********/
/**************************/

	/** HOME ******************/
	/**************************/

		/** Feature ***************/
		/**************************/
		
		#feature {
			background:url(images/bg_feature.jpg) bottom center no-repeat;
			float:left;
			padding:20px 20px 5px;
			position:relative;
			width:960px;
			}
		#feature div { float:left; width:50%; }
		#feature div + div {
			height:310px;
			position:relative;
			text-align:center;
			}
		#feature h1 {
			background:none;
			font-size:24px;
			margin-bottom:16px;
			padding:0;
			}
		#feature img { position:absolute; right:20px; top:0; }
		#feature p { font:16px "Palatino Linotype", Garamond, serif; padding:0 20px 20px 0; }
		#feature small {
			color:#686868;
			font:italic 14px Georgia, "Times New Roman", serif;
			left:138px;
			position:absolute;
			top:288px;
			}
		/*#feature strong { color:#9f2321; }*/

		#folio-slideshow { position:absolute; left:35px; }
		#folio-slideshow img { display:none; } /* prevent flickering of images on page load */

		/* prev / next arrow links */
		a.nav {
			float:left;
			height:21px;
			position:absolute;
			top:125px;
			width:12px;
			}
		a#next { background:url(images/arrow_next.png) no-repeat; right:-12px; }
		a#prev { background:url(images/arrow_prev.png) no-repeat; left:3px; }


		/** Triad *****************/
		/**************************/
		
		#triad {
			background:url(images/bg_scanlines-feature-bot.png) top center no-repeat;
			clear:both;
			float:left;
			padding:51px 0 40px;
			width:100%;
			}
		#triad h2 { font:22px "Avenir LT 45 Book", Arial, sans-serif; margin:0 0 5px; text-transform:uppercase; }
		#triad li {
			border-right:1px solid #969696;
			float:left;
			padding:0 25px;
			width:300px;
			}
		#triad li.first { padding-left:0; width:299px; }
		#triad li.last { border-right:0; padding-right:0; width:299px; }
		#triad p { font-size:12px; margin:0 0 30px; }


	/** PAGE ******************/
	/**************************/

		/** Sidebar ***************/
		/**************************/
		
		#sidebar {
			right:20px;
			margin-bottom:50px;
			position:absolute;
			top:0;
			width:320px;
			}
		#sidebar h3 {
			border-bottom:2px solid #d8d8d8;
			color:#000;
			margin:60px 0 7px;
			padding-bottom:4px;
			text-transform:uppercase;
			}
		#sidebar > h3:first-child { margin-top:0; }
		#sidebar li {
			border-bottom:1px dotted #c4c4c4;
			display:block;
			}
		#sidebar li a, #sidebar li strong {
			background:url(images/triangle_faded.gif) center left no-repeat;
			color:#000;
			display:block;
			padding:7px 20px;
			}
		#sidebar li a:hover { background:url(images/triangle.gif) center left no-repeat; }
		#sidebar #vcard {
			background:url(images/icon_vcard.gif) center left no-repeat;
			color:#9f2321;
			/*margin:11px 0 3px;	uncomment when vCard is downloading properly */
			padding:0 0 0 25px;
			}
		#sidebar #drive {
			background:url(images/icon_directions.gif) center left no-repeat;
			color:#9f2321;
			margin:11px 0 0;		/* remove when vCard is downloading properly */
			padding:0 0 0 25px;
			}
		#sidebar li p { padding:0 0 0 20px; }
		#sidebar li p.last { padding-bottom:23px; }
		#sidebar li strong { margin-bottom:7px; }
		
		/* Active States */
		.web-design #sidebar li.web-design a,
		.cms #sidebar li.cms a,
		.e-commerce #sidebar li.e-commerce a,
		.small-biz #sidebar li.small-biz a,
		.web-mktg #sidebar li.web-mktg a,
		.web.app #sidebar li.web-app a,
		
		.graphic-design #sidebar li.grafx-design a,
		.logo-design #sidebar li.logo-design a,
		.folder-design #sidebar li.folder-design a,
		.printing #sidebar li.printing a,
		
		.mail #sidebar li.direct-mail a { background:url(images/triangle.gif) center left no-repeat; font-weight:bold; }
		
		.folio-logo #subnav li.logo a,
		.folio-web #subnav li.web a,
		.folio-print #subnav li.print a { color:#333; }


			/** Gallery ***************/
			/**************************/
	
			#gallery {
				background:url(images/bg_folio.png) no-repeat;
				margin-bottom:18px;
				margin-top:-9px;
				padding-top:9px;
				text-align:center;
				}
			#gallery img { padding-bottom:4px; }
			#gallery small {
				color:#686868;
				font:italic 14px Georgia, "Times New Roman", serif;
				}


			/** Testimonials **********/
			/**************************/

			#testimonial {
				background:url(images/bg_testimonial.gif) no-repeat;
				font-size:16px;
				font-style:italic;
				margin-top:65px;
				padding-top:15px;
				}
			#testimonial img {
				border:3px solid #a0a0a0;
				float:right;
				margin-left:10px;
				padding:1px;
				}
			#testimonial p { color:#555; line-height:1.4em; }
			#testimonial p.author {
				background:url(images/bg_testimonial_author.gif) bottom right no-repeat;
				color:#222;
				font-size:14px;
				font-style:normal;
				padding-top:23px;
				}
			#testimonial p.author em {
				font-style:normal;
				font-weight:bold;
				text-transform:uppercase;
				}


		/** Content ***************/
		/**************************/

		#content {
			margin:0 400px 0 20px;
			min-height:450px;
			padding-bottom:50px;
			}
		#content h1 {
			background:none;
			margin:0 0 11px;
			padding:0;
			}
		#content h2 {
			font-size:20px;
			margin:20px 0 0;
			text-transform:uppercase;
			}
		#content li { line-height:18px; padding:0 0 12px 3px; }
		#content ol { margin:0; padding-bottom:12px; }
		#content ul {
			list-style:square;
			margin-left:35px;
			padding-bottom:12px;
			}
		#content p {
			line-height:18px;
			margin:0;
			padding-bottom:23px;
			}

		/* Page-specific H2 - designed to look like a blockquote */
		#page h2 {
			font:22px "Avenir LT 45 Book", Arial, sans-serif;
			line-height:23px;
			margin:0;
			padding:0 0 23px;
			text-transform:none;
			}
		#page h2 strong { color:#9f2321; font-weight:normal; }


	/** SINGLE ****************/
	/**************************/

		/* remove padding on empty "read more" p generated by WordPress */
		/*#content p.sIFR-replaced + p { padding:0; }*/


		/** Header Image **********/
		/**************************/

		/* most blog posts have unique thumbnails that appear in the header -- relative to #main */
		#blog-image, #blog-overlay { position:absolute; top:89px; right:19px; z-index:1; }
		#blog-overlay { z-index:2; }


		/** PRE POST META *********/
		/**************************/
		.meta {
			background:#fef9ef;
			border:1px dotted #C4C4C4;
			border-width:1px 0;
			font:italic 14px Georgia, Times, serif;
			margin:5px 0 15px;
			padding:10px 50px 10px 10px;
			position:relative;
			}
		.meta span {
			background:url(images/icon_bubble.png) 0 3px no-repeat;
			color:#a0a0a0;
			font-style:normal;
			padding-left:21px;
			position:absolute;
			right:10px;
			top:8px;
			}
		.meta span:hover { color:#222; }
		.meta span.edit { background:none; font-weight:bold; top:10px; }
		.meta span.edit a { color:#a0a0a0; }
		.meta span.edit a:hover { color:#222; text-decoration:none; }

		.meta.after { margin-bottom:30px; }


		/** IMAGES W/ CAPTIONS ****/
		/**************************/
	
		.wp-caption {
			background:url(images/bg_scanlines-caption-top.png) top center no-repeat;
			border:1px solid #d8d8d8;
			border-width:1px 0;
			color:#222;
			font:italic 14px Georgia, Times, serif;
			margin-bottom:17px;
			padding-top:17px;
			text-align:center;
			width:580px;
			}
		#content p.wp-caption-text {
			background:url(images/bg_scanlines-caption-bot.png) bottom center no-repeat;
			padding-top:17px;
			}


		/** BLOCKQUOTES ***********/
		/**************************/

		#single blockquote {
			border-left:4px solid #782221;
			color:#333333;
			font:20px Georgia,serif;
			margin:0 10px 23px;
			padding:6px 16px;
			}
		#single blockquote p {
			color:#9f2321;
			font-style:italic;
			line-height:25px;
			padding-bottom:16px;
			}
		#single blockquote p:last-child { padding-bottom:0; }


		/** SIDEBAR ***************/
		/**************************/

		/* similar posts */
		h3#more-similar { background:url(images/icon_docs-stack.gif) center right no-repeat; }
		
		/* popular posts */
		h3#popular { background:url(images/icon_star.gif) center right no-repeat; }
		
		/* topic cloud */
		h3#cloud { background:url(images/icon_tag.gif) center right no-repeat; }

		/* recent comments */
		h3#recent { background:url(images/icon_bubbles.gif) center right no-repeat; }


		/** COMMENTS **************/
		/**************************/

		#comments h3 {
			clear:left;
			font:24px "Avenir LT 95 Black", Arial, sans-serif;
			margin:0;
			padding:0;
			text-transform:uppercase;
			}
		#comments input { padding:5px; width:275px; }
		#comments input#submit { cursor:pointer; margin-left:200px; width:auto; }
		#comments label {
			display:block;
			float:left;
			font-weight:bold;
			width:200px;
			}
		#comments label em {
			color:#444;
			font-size:11px;
			font-style:normal;
			font-weight:normal;
			}
		#comments li {
			border-top:2px solid #CCCCCC;
			clear:left;
			float:left;
			padding:0;
			width:100%;
			}
		#comments li div {
			background:url(images/icon_bubble.png) 0 14px no-repeat;
			border-top:2px solid #666;
			float:left;
			font:12px Georgia, Times serif;
			margin-top:-2px;
			padding:11px 10px 30px 25px;
			width:115px;
			}
		#comments li div a {
			font:12px Georgia, Times, serif;
			font-size:12px;
			}
		#comments li div span {
			display:block;
			font:11px "Lucida Sans Unicode", Lucida Sans, Arial, sans-serif;
			font-size:11px;
			padding-bottom:6px;
			}
		#comments li.author { background:url(images/bg_author.gif) top right no-repeat; }
		#comments p {
			margin-left:150px;
			margin-top:-2px;
			padding:10px 0;
			}
		#comments p.subscribe-to-comments { margin-left:200px; }
		#comments p.subscribe-to-comments label {
			display:inline;
			float:none;
			font-weight:normal;
			}
		#comments ol, #comments ul {
			float:left;
			list-style:none;
			margin:0 0 32px;
			padding:0;
			width:100%;
			}
		#comments textarea { width:374px; }
		#comments ul li { border:0; margin-bottom:8px; }

		#comments .required { font-weight:bold; color:red; }

		ul li#logged-in {
			background:#fef9ef;
			border:1px dotted #C4C4C4;
			border-width:1px 0;
			font:italic 14px Georgia, Times, serif;
			margin:5px 0 15px;
			padding:10px;
			width:560px;
			}


	/** ARCHIVES **************/
	/**************************/

	#archives h3 { border-bottom:2px solid #d8d8d8; margin:0; padding-bottom:4px; }

	#archives #main { padding:0 20px; }

	#archives #content h1 { margin-bottom:20px; }
	#archives #content h2 {
		font:italic 19px Georgia, Times, serif;
		margin:0 0 7px;
		position:relative;
		text-transform:none;
		}
	#archives #content h2 span {
		background:url(images/icon_bubble.png) 0 4px no-repeat;
		color:#a0a0a0;
		font-size:15px;
		font-style:normal;
		padding-left:20px;
		position:absolute;
		right:0;
		top:0;
		}
	#archives #content h2 span:hover { color:#222; }
	#archives .column { float:left; margin:23px 50px 73px 0; width:455px; }
	#archives .column li { border-bottom:1px dotted #c4c4c4; position:relative; }
	#archives .column li a { background:url(images/triangle_faded.gif) center left no-repeat; display:block; padding:7px 20px; }
	#archives .column li a:hover { background:url(images/triangle.gif) center left no-repeat; }
	#archives .column li span { position:absolute; right:0; top:7px; }
	#archives .column ul { margin-bottom:23px; }
	#archives .right { margin-right:0; }
	#archives .post { margin-bottom:48px; }


	/** PORTFOLIO *************/
	/**************************/

	#portfolio {
		float:left;
		margin-top:-9px;
		min-height:450px;
		padding:0 11px 50px;
		}
	#portfolio h3 {
		border:0;
		font:14px "Arial Black", Arial, sans-serif;
		margin:2px 0 1px;
		margin-right:18px;
		padding-bottom:0;
		position:relative;
		text-transform:uppercase;
		}
	#portfolio h3 a { color:#000; }
	#portfolio h3 img { position:absolute; right:0; top:5px; }
	#portfolio h4 {
		color:#a0a0a0;
		font-weight:normal;
		margin:0;
		margin-right:18px;
		}
	#portfolio li {
		background:url(images/bg_folio.png) no-repeat;
		float:left;
		margin-bottom:10px;
		padding:9px;
		width:311px;
		}
	#portfolio li#p_3, #portfolio li#p_6, #portfolio li#p_9, #portfolio li#p_12 { padding-right:0; }

	#portfolio #content { margin-left:0; padding-bottom:50px; }


	/** CONTACT ***************/
	/**************************/

	#sidebar li a.email { background:none; color:#9f2321; padding:0; }
	#sidebar li span { display:block; float:left; width:72px; }

	#contact #sidebar li { margin-bottom:15px; }
	#contact #content { padding-bottom:225px; }
	
	#contact form { azimuth:behind; }
	#contact form li { float:left; }
	#contact form ul { list-style:none; margin:0; padding:0; }
	#contact input {
		padding:5px;
		width:200px;
	}
	#contact label {
		display:block;
		float:left;
		font-weight:bold;
		width:200px;
	}
	#contact label em { color:#c00; }
	#contact label.error {
		color:#c00;
		display:block;
		font-style:italic;
		font-weight:normal;
		margin-left:200px;
		width:auto;
	}
	#contact input.pooh { display:none; }
	#contact input.submit { margin-left:200px; width:auto; }
	#contact textarea {
		font:14px Arial, Helvetica, sans-serif;
		height:160px;
		padding:5px;
		width:325px;
	}


	/** BLOG ******************/
	/**************************/

	#blog #header { padding-bottom:26px; }
	#blog #feature div + div { height:286px; }

	#post-image { position:absolute; right:0; }
	#post-image img { z-index:1; }


		/** Footer ****************/
		/**************************/

		#blog #footer, .blogpost #footer { min-height:400px; }
		#blog #footer h3, .blogpost #footer h3 { display:none; }

		#blog .wide, #single.blogpost .wide { background:url(images/bg_recent-comments.png) no-repeat; margin-right:15px; width:640px; }
		#blog .last, #single.blogpost .last {
			background:url(images/bg_popular-posts.png) no-repeat;
			}

		#triad .meta {
			background:none;
			border:0;
			color:#666;
			font:12px Arial, Helvetica, sans-serif;
			padding:0;
			text-transform:uppercase;
			}

		#recent-comments, #popular-posts {
			border-left:1px solid #fff;
			float:left;
			margin-left:20px;
			padding-left:10px;
			}
		#recent-comments img, #popular-posts img {
			border:7px solid #c1706e;
			float:left;
			}
		#recent-comments img:hover, #popular-posts img:hover { border:7px solid #e2bdbd; }

		#footer #recent-comments li, #footer #popular-posts li {
			border:0;
			float:left;
			height:62px;
			padding:0 50px 25px 0;
			width:254px;
			}


			/** Recent Comments *******/
			/**************************/
	
			#footer #recent-comments p {
				margin:-3px 0 0 70px;
				padding:0;
				}
			#footer #recent-comments p + p { margin-top:0; }
			#footer #recent-comments span {
				font-weight:bold;
				position:relative;
				text-transform:uppercase;
				top:0;
				}


			/** Popular Posts *********/
			/**************************/

			#popular-posts h4 { margin:-3px 0 3px 70px; text-transform:uppercase; }
			#popular-posts li { float:none; width:100px; }
			#footer #popular-posts p { font-size:11px; margin-left:70px; padding:0; }
			#footer #popular-posts p + p { color:#ccc; }
			#popular-posts {
				border-left:1px solid #fff;
				margin-left:20px;
				padding-left:10px;
				}


/** Footer ****************/
/**************************/

#footer {
	background:#782221 url(images/bg_footer.png) repeat-x; clear:both;
	color:#fff;
	font:12px Arial, Helvetica, sans-serif;
	min-height:70px;
	padding-top:27px;
	}
#footer a { color:#fff; }
#footer div, #subfooter div, #subfooter div div { margin:0 auto; width:1000px; }
#footer div div { float:left; margin-right:97px; width:215px; }
#footer div.first { margin-right:0; width:688px; }
#footer div.last { margin-right:0; width:300px; }

#footer h2 { color:#fff; font:30px "Arial Black", Arial, sans-serif; text-align:right; }
#footer h3 {
	border-bottom:1px solid #b36665;
	font:14px Arial, Helvetica, sans-serif;
	margin:0 0 5px;
	padding:0 0 7px;
	}
#footer h3 + p { font-size:14px; }

#footer li {
	border-bottom:1px dotted #b36665;
	display:block;
	padding:1px 36px 6px 0;
	position:relative;
	}
#footer li span {
	position:absolute;
	right:0;
	top:3px;
	}
#footer li span a { font:10px Arial, Helvetica, sans-serif; }
#footer li span img { float:left; margin-right:5px; }

#footer p { color:#fff; padding-bottom:15px; }
/*#footer p span { color:#ccc; font-style:italic; }*/


/** Sub Footer ************/
/**************************/

#subfooter {
	background:url(images/bg_strip-bot.gif) repeat-x;
	color:#fff;
	font:bold 12px Arial, Helvetica, sans-serif;
	min-height:40px;
	}
#subfooter a { color:#fff; margin-left:20px; }
#subfooter p {
	color:#fff;
	float:left;
	margin:0;
	margin-top:13px;
	}
#subfooter li { display:inline; }
#subfooter ul { float:right; margin-top:13px; }

#subfooter div { background:url(images/bg_floral-bot.png) bottom center no-repeat; min-height:40px; width:100%; }
#subfooter div div { background:none; }


/** WORDPRESS CLASSES *****/
/**************************/

.wp-caption { width:auto !important; }
.wp-image-776 { margin-left:15px; }

/** MISC ******************/
/**************************/

a.hide { display:none; }
.clear { clear:both; }

.email span { display:none; }