/*
Site Name: Fotec
Version: 1.0
Author: Peter Mansell
*/

body {
	font:62.5%/1.5 Helvetica, Arial, sans-serif;
	color:#FFF;
	background:#202124 url(../images/backies/backie.gif) no-repeat top center;
}

a {
	color:#999999;
	text-decoration:none;
	border-bottom:1px solid #38393c;
}
a:hover {
	color:#817f7f;
	border-bottom-color:#313134;
}

p, ol, ul {
	font-size:1.3em;
	padding-bottom:1em;
}
ol, ul { padding-left:30px; }
ul { list-style:disc; }
ol { list-style:decimal; }
ul ul, ul ol, ol ul, ol ol { font-size:1em; padding-bottom:0; }

h2 {
	font-size:2.8em;
	font-weight:bold;
	padding:15px 0 15px 0;
}

h3 {
	font-size:2.4em;
	font-weight:bold;
	padding:15px 0 0 0;
	filter:alpha(opacity=50);
}

#header h3 {
	font-size:2em;
	padding:0 0 0 4px;
	color:#909092;
}

h3.h3 { padding:15px 0; }
	h3 span { font-size:0.6em; color:#826832; }

h4 {
	color:#414245;
	font-size:3em;
	font-weight:bold;
	text-align:right;
	line-height:1;
	padding:20px 20px 0;
}
	h4 span { font-size:0.33em; display:block; }
		.post h4 { text-align:left; color:#FFFFFF; font-size:2em; padding:20px 0 0 0; }
h5 {
	color:#5f5f62;
	font-size:1em;
	font-weight:bold;
}

pre {
	clear:both;
	margin-top:36px;
	font-size:1.2em;
	line-height:1.4;
	color:#e2e1dc;
	background-color:#232323;
	border:3px solid #1c1c1c;
	padding:15px;
	overflow:auto;
	font-family:"Monaco", "Courier New", Courier;
}

/*
---- Structure
*/
#container {
	width:948px;
	margin:0 auto;
}

#main-content {
	width:948px;
}


/*
---- Header
*/

#header h1 { padding:104px 0 0 0; }
#header h1 a {
	display:block;
	background:transparent url(../images/backies/logo.gif) no-repeat top left;
	width:180px;
	height:75px;
	overflow:hidden;
	text-indent:-99999px;
}
#header p.h1 { 
	padding:10px 0 10px 4px;
	font-size:1.2em;
	width:200px;
	border-top:6px solid #FFF;
	color:#909092;
	font-weight:bold;
}

#header .container { 
	float:right;
	width:660px;
	background:transparent url(../images/backies/skyscraper.gif) no-repeat top right;
	 }

#header .container p,
#header .container form { padding-top:205px; float:left; }
#header .container p { font-weight:bold; color:#696969 }
#header .container form { float:right; }

/*
---- Header - Search Form + page
*/

#header form div, .container form div { float:left; padding-left:7px; }
	#header form div input, .container form div input, .container form div textarea { background:#1a1b1e; border:1px solid #38393D; padding:3px; color:#4f4f4f; }
	#header form div.submit input, .container form div.submit input { background:#353639; border:#353639; color:#FFFFFF; padding:2px; margin-top:1px; }
	.container form div input#submit { cursor:pointer; }

body.search #main-content .container .content .blog-post h3 { padding-bottom:15px; padding-left:7px; }

/*
---- Excerte
*/

p.more { float:left; font-weight:bold; }
	p.more a { color:#FFFFFF; border:none; }

/*
---- Navigation
*/

#nav { float:left; margin-top:-1px; width:200px; }
	#nav ul { width:200px; border-top:2px solid #FFF; list-style:none; padding:15px 0 0 4px; }
		#nav ul li a { color:#5f5f62; font-size:1.4em; border:none; font-weight:bold; }
		#nav ul li a:hover,
		#nav ul li.current a { color:#FFFFFF; }
			#nav ul li ul { border-top:none; padding:0 0 0 15px }
				#nav ul li ul li a { font-size:1em; border:none; }

/*
---- Main Content
*/

#main-content .container, .footer {
	border-top:1px solid #38393d;
	padding-bottom:36px;
}
#main-content .first { border:none; }
	#main-content .container .content, 
	.footer .content,
	#main-content .post-navigation .content {
		width:660px;
		float:right;
	}
	#main-content .container .additional-info {
		float:right;
		width:88px;
	}
		#main-content .container .content .blog-post-first .post,
		#main-content .container .content .blog-post .post,
		#main-content .container .content .blog-post-first .read-more-tags .tags {
			width:480px;
			float:left;
		}
		#main-content .container .content .blog-post-first .post-additional,
		#main-content .container .content .blog-post .post-additional,
		#main-content .container .content .blog-post-first .read-more-tags .read-more {
			width:150px;
			float:right;
		}
		#main-content .container .content .blog-post-first h3 a,
		#main-content .container .content .blog-post h3 a {
			border:none;
			color:#FFFFFF;
		}
			#main-content .container .content .blog-post-first .post-additional h5,
			#main-content .container .content .blog-post-first .post-additional ul,
			#main-content .container .content .blog-post-first .read-more-tags .read-more p {
				padding-left:48px;
			}
			#main-content .container .content .blog-post-first .post-additional ul {
				list-style:none;
			}
				#main-content .container .content .blog-post-first .post-additional ul a,
				#main-content .container .content .blog-post-first .read-more-tags .read-more p a {
					color:#FFFFFF;
					border:none;
				}
		#main-content .container .content .blog-post-first .read-more-tags {
			clear:both;
			border-top:1px solid #38393d; 
		}
			#main-content .container .content .blog-post-first .read-more-tags p {
				font-weight:bold;
				padding:15px 10px 0 0;
				float:left;
			}
			#main-content .container .content .blog-post-first .read-more-tags ul,
			#main-content .container .content .blog-post .post-additional ul,
			#main-content .container .content .blog-post-first .tag-cloud ul,
			#main-content .container .content .blog-post-first .post-additional ul,
			#nav ul.social-media {
				list-style:none;
				padding:15px 0 0 0;
			}
			#main-content .container .content .blog-post-first .strip ul { padding:0 0 15px 48px; }
				#main-content .container .content .blog-post-first .read-more-tags ul li,
				#main-content .container .content .blog-post .post-additional ul li,
				#main-content .container .content .blog-post-first .tag-cloud ul li,
				#main-content .container .content .blog-post-first .post-additional ul li,
				#nav ul.social-media li {
					float:left; padding:0 3px;
				}
					#main-content .container .content .blog-post-first .read-more-tags ul li a,
					#main-content .container .content .blog-post .post-additional ul li a,
					#main-content .container .content .blog-post-first .tag-cloud ul li a,
					#main-content .container .content .blog-post-first .post-additional ul li a,
					#nav ul.social-media li a  {
						color:#909092;
						border:none;
						background:#313235;
						padding:3px 5px;
						font-weight:bold;
						font-size:0.9em;
						-moz-border-radius:3px;
						-webkit-border-radius:3px;
						width: 99.9%;
						white-space:nowrap;
					}
					#main-content .container .content .blog-post-first .strip ul li a { color:#FFFFFF; background:none; padding:1px 0; }
						#main-content .container .content .blog-post-first .read-more-tags ul li a:hover,
						#main-content .container .content .blog-post-first .tag-cloud ul li a:hover,
						#nav ul.social-media li a:hover {
							background:#292a2d;
						}
	/*
	---- Main Content - Navigation hack
	*/
	#main-content .clear { min-height:300px; }
	/*
	---- Main Content - Random Quote
	*/
	#main-content .home-quote { float:left; width:300px; }
	#main-content .home-quote blockquote { font-size:1.4em; font-weight:bold; padding:0 0 10px 0; display:block; }
	#main-content .home-quote cite span { font-size:0.8em; }
	#main-content #flash_quote_quotemark { background:url(../images/backies/quote.gif) no-repeat top left; margin-left:-60px; padding-left:60px; }
	
	/*
	---- Main Content - Post Navigation
	*/
	#main-content .post-navigation .left, #main-content .post-navigation .right { float:left; }
	#main-content .post-navigation  a { font-size:1.4em; border:none; color:#FFFFFF; font-weight:bold; padding:0 10px 10px 0; display:block; float:left; }
	/*
	---- Main Content - Normal Post
	*/
	#main-content .container .content .blog-post h3 { font-size:1.8em; padding:15px 0 0 0 }
	#main-content .container .content .blog-post h5,
	#main-content .container .content .blog-post-first h5 { padding:0 0 15px 0; }
	#main-content .container .content .blog-post-first .strip h5 { padding:0 0 0 48px; }
		#main-content .container .content .blog-post h5 a,
		#main-content .container .content .blog-post-first h5 a { border:none; }
	#main-content .container .content .blog-post .post-additional ul { width:150px; padding:0 0 0 0; }
	#main-content .container .content .blog-post-first .tag-cloud ul { padding:10px 0 20px 0; }
		#main-content .container .content .blog-post .post-additional ul li,
		#main-content .container .content .blog-post-first .tag-cloud ul li,
		#main-content .container .content .blog-post-first .read-more-tags ul li,
		#main-content .container .content .blog-post-first .post-additional ul li { padding:3px; }
		#main-content .container .content .blog-post-first .strip ul li { float:none; padding:0; font-size:0.8em; }
			#main-content .container .content .blog-post-first .tag-cloud ul li a { color:#FFFFFF; }
	#main-content .container .content .blog-post-first .tag-cloud p { padding:0 3px; }
	#main-content .container .content .blog-post .post-additional { padding:25px 0 0 0 }
	
	/*
	--- Main Content - Homepage extra top block
	*/
	#main-content .container .content .blog-post-first h3 { color:#be9a50; font-size:2.3em; line-height:1; }
	body.single #main-content .container .content .blog-post-first h3 { color:#FFFFFF; }
	#main-content .container .content .blog-post-first h5.h5 { color:#FFFFFF; font-size:1.4em; font-weight:bold; padding:15px 0 0 0; }
		#main-content .container .content .blog-post-first h5 span { color:#be9a50; font-size:1.2em; }
	#main-content .container .content .blog-post-first .tag-cloud { float:right; width:300px; }

/*
---- Home Page - Tag Cloud
*/	


.quarter { -moz-opacity:0.25; -khtml-opacity: 0.25;opacity: 0.25;  filter:alpha(opacity=25); }
.half { -moz-opacity:0.5; -khtml-opacity: 0.5;opacity: 0.5;  filter:alpha(opacity=50);  }
.three-quarter { -moz-opacity:0.75; -khtml-opacity: 0.75;opacity: 0.75;   filter:alpha(opacity=75);  }
.full { -moz-opacity:1; -khtml-opacity: 1; opacity:1; filter:alpha(opacity=100);  }
/*
---- Single Page - Comments - Respond
*/	

#respond { padding:15px 0 0 0; clear:both; }

/*
---- Footer
*/	

.footer h3 {}
.footer p { padding:0; color:#5f5f62; }

.footer ul { list-style:none; margin:0; padding:0; float:left; color:#5F5F62; }
	.footer ul li { float:left; padding:0 8px 2px 8px;  }
	.footer ul span { display:block; float:left; }
		.footer ul li a { border:none; color:#5F5F62; }

.footer .left { width:20%; float:left; }
.footer .right { width:70%; float:left;  }
/*
---- Forms
*/


form.base { padding:12px 24px 0; }
form.base div, form span div  {
	padding:0 0 10px;
	clear:both;
}
.container form.wpcf7-form div {
	padding:0;
}

form.base label, form label {
	display:block;
	font-weight:bold;
	font-size:1.3em;
	padding:4px 6px 4px 0;
	color:#999999;
}
form.base div.date label,
form.base div.select label { padding-top:0; }
form.base div.text input,
form.base div.password input,
form.base textarea,
form.wpcf7-form div input,
form.wpcf7-form div textarea  {
	padding:3px 4px;
	font-size:13px;
	font-family:Arial, sans-serif;
}
	form.wpcf7-form div input,
	form.wpcf7-form div textarea {
		margin-bottom:10px;
}
form div.address-line { padding-bottom:4px; }
.container form div.no-label { padding-left:168px; }
form.base textarea { width:380px; }

form.base div.error-message {
	border:none;
	font-size:1.2em;
	font-weight:bold;
	color:#c60000;
	padding:3px 0 0 168px;
}

form.base p {
	clear:both;
	padding:3px 0 0 0 !important;
	color:#666;
	font-size:1.2em;
}

form.base div.checkbox { padding-left:168px; }
form.base div.checkbox p { padding-left:0; }
form.base div.checkbox label { display:inline; float:none; padding:0 0 0 3px; width:auto; font-size:1.2em; }
form.base div.checkbox input { padding:0; margin:0; }

form div span span { display:block; border:1px solid #FF0000; background:#990000; padding:5px; font-size:1.2em; color:#FFFFFF; }

div#main-content div#respond h3 { background:#151515; -moz-border-radius:6px; -webkit-border-radius:6px; padding:7px 12px; margin:0 12px; }

#supplemental-content { padding-top:100px; }

/*
---- Comments Section
*/
.blog-post ol { list-style:none; padding:0; }
	.blog-post ol li p { font-size:1em; }
.blog-post .comment { clear:both; border-bottom:1px solid #38393D; padding:10px 0 0 0; }
.blog-post .comment-text { float:left; width:300px; }
.blog-post .comment-details {float:right; width:200px; }

/*
---- Social Media
*/

#nav ul.social-media {
	border:none;
	padding-top:0;
}
	#nav ul.social-media li {
		display:block;
		float:left;
		margin:0;
		width:auto;
		padding:0 2px;
	}
		#nav ul.social-media li a { display:block; width:auto; color:#FFFFFF; }
		
#nav p { padding-left:4px; font-weight:bold; }
.container form.wpcf7-form div.wpcf7-mail-sent-ok { border:1px solid #00FF00; padding:10px; background:#006633; clear:both; color:#FFFFFF; font-size:1.2em; }

.alignleft { float:left; margin:0 10px 10px 0; }
.alignright { float:left; margin:0 0 10px 10px; }

/* ---- Clearfix */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */