/*

- Fox & Riddle 1.0
- http://www.foxandriddle.com
- designed by Switch Creative Group
- http://www.groupswitch.com

*/

/* ! ---- COLORS ---- */
/* ---------------------------------------------------- */
	/* ! #f6f4f4 - body background */
	/* ! #DCDBD8 - lt background */
	/* ! #8C7F7E - grey brown */
	/* ! #C8CE68 - green */
	/* ! #A9B653 - dkr green */
	/* ! #B8D9E4 - lt blue */


/* ! ---- STRUCTURE ---- */
/* ---------------------------------------------------- */
	
	body {
		background: url(../_img/body_background.jpg);
		color: #8C7F7E;
		font-family: Georgia, Times, 'Times New Roman', serif;
		}
	


/* ! ---- HEADER ---- */
/* ---------------------------------------------------- */
	
	#header_hldr {
		background: url(../_img/header_background.jpg) repeat-x;
		position: relative;
		width: 100%;
		z-index: 2;
		}
	
	#header {
		margin: 0 auto;
		position: relative;
		width: 1000px;
		}
	
	#header {}
	
	#header h1 a {
		background: url(../_img/header_logo.png) no-repeat 0 5px;
		display: block;
		height: 172px;
		text-indent: -9999px;
		width: 258px;
		}	



/* ! ---- MAIN_NAV ---- */
/* ---------------------------------------------------- */
	
	#main_nav_hldr {
		background: url(../_img/main_nav_sprite.png) no-repeat;
		height: 43px;
		position: absolute;
			top: 41px;
			left: 320px;
		width: 660px;
		}
	
	#main_nav {
		position: absolute;
			top: 0;
			left: 0;
		}
	
	#main_nav li {
		height: 43px;
		float: left;
		text-indent: -9999px;
		}
	
	#main_nav a {
		display: block;
		height: 43px;
		text-indent: -9999px;
		}
	
	#home				{ left: 0;			width: 72px;	}
	#about			{ left: 72px;		width: 86px;	}
	#portfolio	{ left: 158px;	width: 126px;	}
	#services		{ left: 284px;	width: 113px;	}
	#press			{ left: 397px;	width: 86px;	}
	#blog				{ left: 483px;	width: 75px;	}
	#contact		{ left: 558px;	width: 102px;	}
	
	#home a:hover, #home.active						{ background: url(../_img/main_nav_sprite.png) 0 -43px no-repeat; 		 }
	#about a:hover, #about.active					{ background: url(../_img/main_nav_sprite.png) -72px -43px no-repeat;	 }
	#portfolio a:hover, #portfolio.active	{ background: url(../_img/main_nav_sprite.png) -158px -43px no-repeat; }
	#services a:hover, #services.active		{ background: url(../_img/main_nav_sprite.png) -284px -43px no-repeat; }
	#press a:hover, #press.active					{ background: url(../_img/main_nav_sprite.png) -397px -43px no-repeat; }
	#blog a:hover, #blog.active						{ background: url(../_img/main_nav_sprite.png) -483px -43px no-repeat; }
	#contact a:hover, #contact.active			{ background: url(../_img/main_nav_sprite.png) -558px -43px no-repeat; }




/* ! ---- CONTENT ---- */
/* ---------------------------------------------------- */
	
	#content {
		background: url(../_img/content_background.png) repeat-y;
		margin: -60px auto 0;
		padding: 70px 75px 50px;
		width: 919px;
		z-index: 1;
		}
	
	
	/* ! ---- HOME ---- */
	/* ---------------------------------------------------- */
		#home_left{
			float: left;
			width: 665px;
			}
		
			#home_left h2 {
				border-bottom: 1px solid #b8d9e4;
				font-size: 48px;
				font-style: italic;
				font-weight: normal;
				margin-bottom: 18px; 
				padding-bottom: 12px;
				text-transform: lowercase;
				}
			
			#home_left h2 a {
				color: #8c7f7e;
				}
			
			#home_left h2 small {
				font-size: 13px;
				font-style: normal;
				letter-spacing: 3px;
				padding-left: 15px;
				text-transform: uppercase;
				vertical-align: middle;
				}
			
			#home_left p {
				font-size: 17px;
				font-style: italic;
				line-height: 1.3em;
				margin-bottom: 1.3em;
				}
			
			#home_slideshow {
				border-bottom: 1px solid #b8d9e4;
				height: 340px;
				margin-bottom: 18px;
				padding-bottom: 18px;
				width: 665px;
				}
		
		#home_right {
			float: right;
			text-align: center;
			width: 215px;
			}
			
			#home_right #blog_intro {
				background: url(../_img/home_right_blog_intro.gif) no-repeat;
				cursor: pointer;
				height: 174px;
				text-indent: -9999px;
				width: 223px;
				}
			
			#home_right h4.categories {
				background: url(../_img/home_right_h4_categories.gif) no-repeat center top;
				height: 18px;
				margin: 20px 0 15px;
				text-indent: -9999px;
				width: 215px;
				}
			
			#home_right ul {}
			
			#home_right ul li {
				font-size: 14px;
				font-style: italic;
				margin-bottom: 10px;
				text-transform: capitalize;
				}
			
			#home_right ul li a {
				color: #8C7F7E;
				}
			
			#home_right ul li a:hover {
				color: #B8D9E4
				}



	/* ! ---- ABOUT ---- */
	/* ---------------------------------------------------- */	
		
		#about_meet {
			float: right;
			font-size: 10px;
			font-style: italic;
			letter-spacing: 1px;
			margin: -11px 0 0 0;
			text-transform: uppercase;
			}
			
			#about_meet a {
				border-bottom: 1px solid #ccc;
				color: #8c7f7e;
				}
			
			#about_meet a:hover {
				border-bottom: 1px solid #B8d9e4;
				color: #B8d9e4;
				}
		
		#about_top {
			border-top: 1px solid #B8d9e4;
			border-bottom: 1px solid #B8d9e4;
			margin: 5px 0 40px;
			padding: 15px 0;
			}
			
			#about_top_top {
				}
							
			#about_top_bottom {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 14px;
				line-height: 1.5em;
				margin: 15px 0;
				}
			
			#about_top_bottom p {
				margin-bottom: 15px;
				}
		
		#about_bottom {
			border-bottom: 1px solid #B8d9e4;
			margin-bottom: 30px;
			padding-bottom: 30px;
			}
		
			#about_bottom h3 {
				font-family: Georgia, Times, 'Times New Roman', serif;
				font-size: 36px;
				font-style: italic;
				font-weight: normal;
				margin: 20px 0 10px;
				}
			
			#about_bottom h3 small {
				color: #8c7f7e;
				font-size: 14px;
				vertical-align: middle;
				}
			
			#about_bottom p {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 14px;
				line-height: 1.5em;
				margin-bottom: 15px;
				}
		
		#about_left {
			float: left;
			position: relative;
			width: 430px;
			}
			
			#about_left h3 {
				color: #c8ce68;
				}
		
		#about_right {
			float: right;
			position: relative;
			width: 430px;
			}
			
			#about_right h3 {
				color: #b8d9e4;
				}
		
		ul.likes {
			color: #f6f4f4;
			font-size: 12px;
			font-style: italic;
			list-style: disc;
			margin: 5px 12px 0 11px;
			position: absolute;
				top: 20px;
				left: 275px;
			}
		
		ul.likes li {
			margin-bottom: .8em;
			}
		
		



	/* ! ---- PORTFOLIO ---- */
	/* ---------------------------------------------------- */	
		
		#portfolio_gallery {
			height: 600px;
			width: 100%;
			}
		
		#portfolio_gallery .alt {
			display: none;
			}
			
			
			
	/* ! ---- SERVICES ---- */
	/* ---------------------------------------------------- */
		
		#services_left {
			float: left;
			margin-left: -10px;
			width: 255px;
			}
			
			#services_left h4.menu {
				background: url(../_img/services_roomServiceMenu.gif) no-repeat center;
				height: 44px;
				margin-top: -3px;
				text-indent: -9999px;
				width: 255px;
				}
			
			#services_left ul {
				margin-top: 15px;
				width: 255px;
				}
			
			#services_left ul li {
				display: block;
				font-size: 12px;
				letter-spacing: .1em;
				margin-bottom: 20px;
				text-align: center;
				text-transform: uppercase;
				}
			
			#services_left ul li a {
				color: #8c7f7e;
				}
			
			#services_left ul li a:hover,
			#services_left ul li.current_page_item a {
				color: #A9B653;
				}
			
			#services_left ul li a span.colon {
				vertical-align: text-top;
				}
			
			#services_left .cta {
				margin: 0 auto;
				text-align: center;
				width: 200px;
				}
		
		#services_right {
			float: right;
			width: 640px;
			}
			
			#services_right h3,
			#services_right h3 a {
				color: #b8d9e4;
				font-family: Georgia, Times, 'Times New Roman', serif;
				font-size: 36px;
				font-style: italic;
				font-weight: normal;
				margin: 0 0 10px;
				}
			
			#services_right h3 small {
				color: #8c7f7e;
				font-size: 14px;
				vertical-align: middle;
				}
			
			#services_right p {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 14px;
				line-height: 1.5em;
				margin-bottom: 1em;
				}


			
	/* ! ---- PRESS_GALLERY ---- */
	/* ---------------------------------------------------- */	
		
		#press_gallery {}
		
		#press_gallery ul {
			margin: 20px 0 20px 30px;
			}
		
		#press_gallery ul li {
			float: left;
			margin: 10px;
			}
		
		#press_gallery ul li a {
			display: block;
			height: 200px;
			width: 150px;
			}
		
		#press_gallery ul li div.info {
			display: none;
			}
		
		#tooltip {
			position: absolute;
				top: 0;
				left: 0;
			z-index: 100;
			}
		
		#tooltip_top {	
			background: url(../_img/press_tooltip_top.png) no-repeat;
			height: 60px;
			width: 293px;
			}
		
		#tooltip_middle {
			background: url(../_img/press_tooltip_middle.png) repeat-y;
			padding: 0 25px 0 50px;
			text-align: right;
			width: 218px;
			}
			
			#tooltip_middle #source {
				font-size: 14px;
				font-style: italic;
				padding-top: 5px;
				}
			
			#tooltip_middle #source span.date {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				font-style: normal;
				text-transform: uppercase;
				}
			
			#tooltip_middle #excerpt {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				margin-top: 10px;
				}
			
			#tooltip_middle #excerpt span.full a {
				color: #a9b653;
				font-family: Georgia, serif;
				font-style: italic;
				}
		
		#tooltip_bottom {
			background: url(../_img/press_tooltip_bottom.png) no-repeat;
			height: 60px;
			width: 293px;
			}
		


	/* ! ---- PRESS_SINGLE ---- */
	/* ---------------------------------------------------- */			
		
		#press_single {}
		
		#press_single #top_nav {
			font-size: 10px;
			font-style: italic;
			letter-spacing: 1px;
			text-align: right;
			text-transform: uppercase;
			}
		
		#press_single #top_nav a {
			border-bottom: 1px solid #ccc;
			color: #8c7f7e;
			}
			
		#press_single #top_nav a:hover {
			border-bottom: 1px solid #B8d9e4;
			color: #B8d9e4;
			}
		
		#press_single_top {	
			border-top: 1px solid #B8d9e4;
			border-bottom: 1px solid #B8d9e4;
			margin: 6px 0 25px;
			padding: 25px 0;
			}
			
			#press_single_tl {
				float: left;
				width: 235px;
				}
				
				#press_single_image {
					text-align: center;
					width: 235px;
					}
				
				#press_single_tl h3 {
					font-size: 12px;
					font-style: italic;
					font-weight: normal;
					margin: 25px 0 10px;
					text-transform: uppercase;
					}
				
				#press_single_tl h3 span.date {
					font-family: Arial, Helvetica, sans-serif;
					font-style: normal;
					text-transform: none;
					}
				
				#press_single_tl p {
					font-size: 15px;
					line-height: 1.5em;
					}
				
				#press_single_tl .pdf {
					margin-top: 3px;
					}
				
				#press_single_tl p a[href$=".pdf"] {
					background: url(../_img/services_acrobat_pdf.png) no-repeat;
					color: #8c7f7e;
					font-size: 10px;
					font-family: Arial, Helvetica, sans-serif;
					padding: 1px 0 5px 20px;
					text-decoration: underline;
					}
				
				#press_single_tl p a[href$=".pdf"]:hover {
					color: #b8d9e4;
					text-decoration: none;
					}
			
			#press_single_tr {
				float: right;
				width: 650px;
				}
		
		#press_single_bottom h2 {
			font-family: Georgia, Times, 'Times New Roman', serif;
			font-size: 36px;
			font-style: italic;
			font-weight: normal;
			margin: 20px 0 10px;
			}
		
		#press_single_bottom h2 a {
			color: #a9b653;
			}
		
		#press_single_bottom p {
			font-size: 15px;
			line-height: 1.5em; 
			margin-bottom: 1.2em;
			}
		
		#press_single_bottom p strong {
			text-transform: uppercase;
			}



	/* ! ---- CONTACT ---- */
	/* ---------------------------------------------------- */		
		#contact_top {
			border-top: 1px solid #B8d9e4;
			border-bottom: 1px solid #B8d9e4;
			height: 450px;
			margin: 5px 0 40px;
			padding: 15px 0;
			}
			
			#contact_tl {
				float: left;
				height: 450px;
				width: 655px;
				}
			
			#contact_tr {
				background: #DCDBD8;
				float: right;
				height: 415px;
				padding: 15px 20px 20px;
				width: 210px;
				}
				
				#contact_tr h2 {
					background: url(../_img/contact_header.jpg) no-repeat;
					border-bottom: 1px solid #f6f4f4;
					height: 79px;
					margin-bottom: 15px;
					text-indent: -9999px;
					width: 210px;
					}
				
				#contact_tr .caps {
					font-family: Georgia, Times, 'Times New Roman', serif;
					font-size: 12px;
					font-style: italic;
					letter-spacing: 1px;
					margin: -13px 0 15px;
					text-transform: uppercase;
					}
				
				#contact_tr p {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					line-height: 1.5em;
					}
				
				#contact_tr p a {
					color: #8c7f7e;
					}
				
				#contact_tr p a:hover {
					color: #f6f4f4;
					}
						



	/* ! ---- BLOG ---- */
	/* ---------------------------------------------------- */						
		
		#blog_page {
			}
		
		
		/* ! ---- SIDEBAR ---- */
		/* ---------------------------------------------------- */

			#blog_page #sidebar {
				background: url(../_img/blog_sidebar_background.jpg) repeat-y;
				float: left;
				margin-left: -5px;
				width: 260px;
				}
				
			#blog_page #blog_intro {
				cursor: pointer;
				position: relative;
				padding: 95px 0 0;
				}
			
			#blog_page #blog_intro h3 {
				background: url(../_img/blog_sidebar_header.png) no-repeat;
				height: 59px;
				position: absolute;
					left: -37px;
					top: 15px;
				text-indent: -9999px;
				width: 313px;
				}
			
			#blog_page #blog_intro p {
				background: url(../_img/blog_sidebar_read.gif) no-repeat;
				height: 131px;
				margin: 0 auto;
				text-indent: -9999px;
				width: 219px;
				}
			
			#blog_page h4 {
				height: 18px;
				margin: 25px auto 15px;
				text-indent: -9999px;
				width: 215px;
				}
				
				#blog_page h4.categories {
					background: url(../_img/blog_sidebar_h3_cats.gif) no-repeat center top;
					}
				
				#blog_page h4.archives {
					background: url(../_img/blog_sidebar_h3_archive.gif) no-repeat center top;
					}
			
			#rss_search {
				margin: 35px auto 20px;
				}
			
			#rss_search p {
				font-size: 14px;
				font-style: italic;
				text-align: center;
				}
			
			#rss_search p strong {
				font-style: italic;
				}
			
			#rss_search p a {
				color: #8c7f7e;
				}
			
			#rss_search p a:hover {
				color: #595150;
				}
				
			#rss_search #searchform {
				margin: 15px auto 0;
				text-align: center;
				width: 215px;
				}
				
				#searchform input[type=text] {
					background: #fff;
					border: 1px solid #8c7f7e;
					color: #8c7f7e;
					font-family: Georgia, serif;
					font-size: 14px;
					font-style: italic;
					padding: 5px;
					width: 100px;
					}
				
				#searchform input[type=text]:hover,
				#searchform input[type=text]:focus {
					background: #f6f4f4;
					}
				
				#searchform input[type=submit] {
					background: transparent;
					border: none;
					color: #8c7f7e;
					font-family: Georgia, serif;
					font-size: 14px;
					font-style: italic;
					font-weight: bold;
					}
				
				#searchform input[type=submit]:hover {
					color: #595150;
					}
			
			#blog_page ul {
				text-align: center;
				}
			
			#blog_page ul li {
				font-size: 14px;
				font-style: italic;
				margin: 0 auto 10px;
				text-transform: capitalize;
				}
			
			#blog_page ul li a {
				color: #8C7F7E;
				}
			
			#blog_page ul li a:hover {
				color: #595150;
				}
			
			#blog_page #ads {
				border-top: 1px solid #f6f4f4;
				border-bottom: 1px solid #f6f4f4;
				margin: 45px auto;
				padding: 20px 0;
				width: 215px;
				}


		/* ! ---- COMMENTS ---- */
		/* ---------------------------------------------------- */
			
			#comments {
				border-top: 1px solid #fff;
				padding-top: 15px;
				}
			
				#comments h3 {
					margin-bottom: 20px;
					}
				
				ol#comments_list {
					margin-bottom: 20px;
					}
				
				ol#comments_list li {
					background: #fcfcfc;
					padding: 10px 10px 2px;
					}
				
				ol#comments_list li.alt {
					background: #ededed;
					}
					
					ol#comments_list li .comment_text p {
						font-family: Georgia, serif;
						font-size: 14px;
						font-style: italic;
						}
					
					ol#comments_list li .comments_meta {
						border-top: 1px solid #b8d9e4;
						padding-top: 5px;
						}
			
			
			.comments_reply {
				border-top: 1px solid #fff;
				padding-top: 15px;
				}
			
			.comments_reply textarea {
				background: #fff;
				border: 1px solid #8c7f7e;
				color: #8c7f7e;
				font-family: Georgia, serif;
				font-size: 14px;
				font-style: italic;
				padding: 10px;
				width: 620px;
				}
			
			.comments_reply textarea:hover,
			.comments_reply textarea:focus {
				border: 1px solid #595150;
				}
				
			


		/* ! ---- POSTS ---- */
		/* ---------------------------------------------------- */		

			#blog_page #posts {
				border-top: 1px solid #B8d9e4;
				float: right;
				margin-right: -5px;
				width: 640px;
				}
			
			.post {
				border-bottom: 1px solid #B8d9e4;
				margin: 5px 0 40px;
				padding: 5px 0;
				}
			
			.post h2 {
				font-size: 36px;
				font-style: italic;
				font-weight: normal;
				margin: 0 0 5px;
				}
			
			.post h2 a {
				color: #8c7f7e;
				}
			
			.post h2 a:hover {
				color: #B8d9e4;
				}
			
			.post p a {
				color: #a9b653;
				text-decoration: underline;
				}
			
			.post p a:hover {
				text-decoration: none;
				}
			
			.post .postmeta p {
				font-family: Arial, Helvetica, Verdana, sans-serif;
				font-size: 10px;
				margin: 9px 0;
				}
			
			.post .postmeta a {
				color: #8c7f7e;
				}
			
			.post .postmeta a:hover {
				text-decoration: underline;
				}
			
			.post .postmeta .pm_left {
				float: left;
				}
			
			.post .postmeta .pm_right {
				float: right;
				text-align: right;
				}
			
			.post .wp-caption {
				}
			
			.post .wp-caption p {
				font-size: 10px;
				padding: 8px 8px 0;
				}
			
			.post p {
				font-family: Arial, Helvetica, Verdana, sans-serif;
				font-size: 14px;
				line-height: 1.5em;
				margin-bottom: 15px;
				}
			
			.big_italic {
				font-family: Georgia, Times, Palatino, serif;
				font-size: 16px;
				font-style: italic;
				}
			
			#archive_message {
				float: right;
				font-size: 10px;
				font-style: italic;
				letter-spacing: 1px;
				margin: -10px -5px 0 0;
				text-transform: uppercase;
				}
			
			.aligncenter {
				margin: 0 auto;
				text-align: center;
				}
			




/* ! ---- FOOTER ---- */
/* ---------------------------------------------------- */
	
	#footer_hldr {
		background: url(../_img/footer_background.jpg) repeat-x;
		height: 49px;
		z-index: 3;
		}
	
	#footer {
		margin: 0 auto;
		width: 1000px;
		}
	
	#footer p {
		color: #fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9px;
		padding: 20px 0 0 42px;
		}
	
	#footer p a {
		color: #6F6A68;
		font-weight: bold;
		}



/* ! ---- MISC ---- */
/* ---------------------------------------------------- */
	
	.green_bold_italic {
		color: #C8CE68;
		font-style: italic;
		font-weight: normal;
		}
	
	.h_rule {
		border-bottom: 1px solid #8C7F7E;
		height: 2px;
		margin: 15px 0;
		}