/*   
Theme Name: Ian Storm Taylor
Theme URI: http://ianstormtaylor.com
Description: A custom theme for ianstormtaylor.com
Author: Ian Storm Taylor
Author URI: http://ianstormtaylor.com
Version: 1.0
*/
/* RESET */ html, body, div, span, applet, object, iframe, h1, h2, h3, 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, textarea, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } cite { font-style: normal } h1, h2, h3, h4, h5, h6 { font-weight: normal; text-decoration: none; } a { color: inherit; text-decoration: inherit; }
/* WP Classes */ .aligncenter { display:block; margin:0 auto } .alignleft { float:left } .alignright { float:right } .wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
/* Useful */ div, ul, li { position:relative } br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } .hidden { display: none; }


/* ------------ START ------------- */

/* General */

html, #wrap { height: 100% }
body > #wrap { height: auto; min-height: 100% }

body { 
		height: 100%;
		font: normal 15px/21px "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #333;
	 	}
	::selection { background: #fff1b2; color: black; } ::-moz-selection { background: #fff1b2; color: black; }

strong { font-weight: bold; }

a { 	font-weight: bold; color: #111; 
		transition: opacity .2s linear;
		-webkit-transition: opacity .2s linear;
		-moz-transition: -moz-opacity .2s linear;
		
		}
	a:hover, a:focus { -khtml-opacity:.5; -moz-opacity:.5; -ms-filter:Óalpha(opacity=50)Ó; filter:alpha(opacity=50); opacity:.5;  }
	a:active { -khtml-opacity:.75; -moz-opacity:.75; -ms-filter:Óalpha(opacity=75)Ó; filter:alpha(opacity=75); opacity:.75; position: relative; top: 1px; }
	
p { margin: 0 0 39px }

h1, h2, h3 { 
		font: 100 48px/46px "league-gothic-1", "league-gothic-2", "Helvetica Neue", Helvetica, sans-serif; color: #111; text-transform: uppercase; 
		margin: 0 0 23px; 
		}
	h1 a, h2 a, h3 a { text-decoration: inherit; font-weight: inherit }
	h1.small, h2.small, h3 { font-size: 30px; line-height: 30px; }
		
hr { clear: both; color: #e5e5e5; background-color: #e5e5e5; height: 1px; margin: 23px 0 46px 0; }



input[type=text], input[type=submit], textarea { 
		padding: 5px 5px 2px 5px;
		background-color: #f9f9f9; border: 1px solid #e5e5e5;
		font: normal 15px/21px "Helvetica Neue", Helvetica, Arial, sans-serif; 
		}
	input[type=text]:focus, input[type=submit]:focus, textarea:focus { border: 1px solid #aaa }



/* Structure */

#main { 
		width: 780px; min-height: 100%; padding: 20px 20px 65px 180px;
		}
	
#header {
		height: 60px; padding: 10px 0 10px; margin: 0 0 80px 0;
		font: italic 100 14px/20px Georgia, serif; text-align: center; color: #ccc;
		border-top: solid 1px #e6e6e6; border-bottom: solid 1px #e6e6e6; 
		}
	#header a { color: #808080; font-weight: inherit; text-decoration: inherit }
	#header a:hover, #header a:focus { color: #666 }
	#header a:active { color: #999 }	

	#home-header { height: 60px; margin: 0 0 80px 0; padding: 10px 0;  }
		
#footer { 
		clear: both; position: relative;
		width: 780px; height: 15px; padding: 5px 0; margin: -47px 0 20px 180px;
		font: italic 12px/14px Georgia, serif; text-align: center; color: #b2b2b2;
		border-top: solid 1px #e6e6e6; border-bottom: solid 1px #e6e6e6; 
		}
	#footer a { color: #666666; font-weight: inherit; text-decoration: inherit }
	#footer a:hover, #footer a:focus { color: #444 }
	#footer a:active { color: #777 }	

#sidebar { 
		width: 80px; height: 100%; padding: 20px;
		position: fixed; top: 0; left: 0; z-index: 1000;
		background-color: #111; color: #FFF;
		font: 13px/25px "Helvetica Neue", Helvetica, Arial, sans-serif; 
		box-shadow: 2px 0px 2px rgba(0,0,0,.3); -moz-box-shadow: 2px 0px 2px rgba(0,0,0,.3); -webkit-box-shadow: 2px 0px 2px rgba(0,0,0,.3);
		}
	

/* Sidebar */
#logo { 
	width: 90px; height: 90px; margin: -5px -5px 75px -5px;
	background: url(images/logo.png) no-repeat;
	display: block; text-indent: -9999px; cursor: pointer; 
	}
	
#navigation a { 
		padding: 16px 20px 10px; margin: 5px -20px; 
		display: block; 
		line-height: 0; font-weight: inherit; color: white; text-decoration: inherit 
		}
	#navigation a:hover, #navigation a:focus { color: #999; cursor: pointer }
	
	#navigation a.active { background-color: #3b3b3b; }
	#navigation a.active:hover, #navigation a.active:focus { -khtml-opacity:1; -moz-opacity:1; -ms-filter:Óalpha(opacity=100)Ó; filter:alpha(opacity=100); opacity:100; }
	#navigation a.active:active { -khtml-opacity:1; -moz-opacity:1; -ms-filter:Óalpha(opacity=100)Ó; filter:alpha(opacity=100); opacity:100; }
	#navigation a.active:after {
		content:"\00a0";
		display:block; /* reduce the damage in FF3.0 */
		position:absolute;
		top: 0; /* value = - border-top-width - border-bottom-width */
		left: 100px; /* controls horizontal position */
		width:0; height:0;
		border-width: 15px 15px; /* vary these values to change the angle of the vertex */
		border-style: solid;
		border-color: #3b3b3b transparent transparent;
		-moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -transform: rotate(-90deg);
	}

#sidebar hr { color: #2a2a2a; background-color: #2a2a2a; height: 1px; width: 100%; margin: 14px 0; }

	
#copyright { 
		position: absolute; bottom: 46px;
		max-width: 100px;
		font: 10px/12px "Helvetica Neue", "Helvetica", Arial, sans-serif; color:#595959;
		}
	#copyright p { margin: 12px 0;}
	#copyright a { font-weight: inherit; color: #888; text-decoration: inherit; }



/* Blog */

#post-list h2 { font-size: 30px; line-height: 30px; margin: 3px 0 -1px 0; cursor: pointer; }
#post-list .post-time { color: #aaa; font-size: 13px; margin-bottom: 15px !important; }
#post-list .post-excerpt p:last-of-type { margin-bottom: 15px !important; }

/* Posts */


.post ul { margin: 0 0 23px 46px; }
.post ul li { list-style: disc outside; color: #999; }

.post-edit-link { font-size: 12px; color: #BBB; position: fixed; top: 13px; right: 20px; }
	
.post-meta { font-size: 12px; }
	.post-meta a { color: #999; font-weight: inherit; text-decoration: inherit }
	.post-meta h2 a { color: inherit !important; }
		.post-meta h2 a:hover, .post-meta h2 a:focus { text-decoration: inherit !important }

.post-content p { margin: 0 0 23px; }
	.post-content h3 { text-transform: uppercase; font-size: 24px; line-height: 30px; }
	.post-content .caption { font: italic 12px/14px Georgia, serif; color: #b2b2b2; text-align: center; margin-top: -14px; }
	.post-content blockquote > p, .post-content p > blockquote, .comment p > blockquote, .comment blockquote > p { font-family: italic Georgia, serif; color: #b2b2b2; padding: 0 30px; margin-bottom: 23px !important; }

.post-relevant-links { margin: 23px 0 0 0; }
.post-relevant-links p { margin: 0 }

.post-social-links { margin: 0 0 0 0; }
.post-social-links p { margin: 0 }

p.read-more { text-align: rig }
	
	

/* Comments */

ol.commentlist p { margin: 0 0 23px; }

.comment-info { margin: 0 60px 0 0; float: left; width: 240px; }
.comment-meta { font-size: 12px; }
	.comment-meta a { color: #999; font-weight: inherit; text-decoration: inherit }
		.comment-meta a:hover, .comment-meta a:hover { text-decoration: underline }

.comment-content { float: left; width: 480px;  }
		.comment-content p:last-of-type { margin: 0; }
		
.comment-reply-link { display: block; font-size: 12px; color: #999; font-weight: inherit; text-decoration: inherit; margin: -23px 0 0 0; }
		.comment-reply-link a:hover, .comment-reply-link a:focus { text-decoration: underline }
		
ol.commentlist li.comment-author-admin .comment-author { text-transform: uppercase; font-size: 24px; line-height: 32px; font-weight: 100 !important; font-family: "league-gothic-1","league-gothic-2","Helvetica","Helvetica Neue","Arial",sans-serif; }
ol.commentlist li.comment-author-admin .comment-author a { font-weight: 100 !important; font-family: "league-gothic-1","league-gothic-2","Helvetica","Helvetica Neue","Arial",sans-serif; }


#respond form { margin: 0 0 23px 0 }
#respond p { margin: 0 0 5px; position: relative; }
#respond fieldset { position: relative; }
#respond label { display: block }

#respond input[type=text] { width: 228px; }
#respond textarea { width: 468px; }	
#respond input[type=submit] { float: right; margin: 3px 0 0 0; }

#respond .subscribe-to-comments { margin: 8px 0 0 300px; }	
#respond .subscribe-to-comments label { position: relative !important; display: inline; top: 2px !important; left: 2px !important }
	

	
/* About/Home */

#about-image { width: 213px; height: 600px; margin: -170px 0 -10px 150px; background: url(images/me.jpg) center no-repeat; }
	
/* Error 404 */

#error-404 { width: 800px; height: 501px; margin: -35px auto 0; background: url(images/404.jpg) center no-repeat; }
	
/* Portfolio */
.portfolio-content { font: 12px/14px "Helvetica Neue", "Helvetica", Arial, sans-serif; }	
.portfolio-content p { margin: 14px 0;}


li.portfolio-post:last-child hr { display: none; }



/* Resume */
#resume p { margin: 0 0 10px 0 }

#resume p.small { 
		margin: -10px 0 23px 0;
		color: #666; font: 12px/15px "Helvetica Neue", "Helvetica", Arial, sans-serif;
		}

#resume span.date { color: #BBB; font-style: italic }

#resume p+h2 { margin-top: 60px; }








/* Contact */

#contactForm form { margin: 0 0 23px 0 }
#contactForm p { margin: 0 0 5px; position: relative; }

#contactForm input[type=text] { width: 228px; }
#contactForm textarea { width: 468px; }	
#contactForm input[type=submit] { float: right; margin: 3px 0 0 0; }
	


div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	z-index: -1
}
div.wpcf7-mail-sent-ok {}
div.wpcf7-mail-sent-ng {}
div.wpcf7-spam-blocked {}
div.wpcf7-validation-errors { color: red; }

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

img.ajax-loader {
	border: none;
	vertical-align: middle;
}



/* Extras */

.box-links a, .box-links-small a { 
		background-color: #e9e9e9;
		font-weight: inherit;
		border-bottom: 1px solid #CCC; border-right: 1px solid #DDD;
		box-shadow:1px 1px 2px #CCC; -moz-box-shadow:1px 1px 2px #CCC; -webkit-box-shadow:1px 1px 2px #CCC;
		cursor: pointer; 
		}
	.box-links a { padding: 0 3px 0 4px; }
	.box-links-small a { padding: 2px 2px 0 3px; }
	
/* Columns */

.next-column { margin-left: 60px; }
.center-column { float: none !important; margin: 0 auto; }

.one-column { width: 60px; float: left; }
.two-column { width: 120px; float: left; }
.three-column { width: 180px; float: left; }
.four-column { width: 240px; float: left; }
.five-column { width: 300px; float: left; }
.six-column { width: 360px; float: left; }
.seven-column { width: 420px; float: left; }
.eight-column { width: 480px; float: left; }
.nine-column { width: 540px; float: left; }
.ten-column { width: 600px; float: left; }
.eleven-column { width: 660px; float: left; }
.twelve-column { width: 720px; float: left; }
.thirteen-column { width: 780px; float: left; }
.fourteen-column { width: 840px; float: left; }
.fifteen-column { width: 900px; float: left; }
.sixteen-column { width: 960px; float: left; }


/* Sociable */

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span, span.sociaable_tagline:focus span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}

.sociable { margin: 23px 0 0 0; }

.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0 3px 0 0;
}

.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover, .sociable-hovers:focus {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}



/* AnythingSlider v1.0 */

.anythingSlider                         { width: 540px; height: 320px; margin: 0 0 46px 0; position: relative; }
.anythingSlider .wrapper                { width: 540px; overflow: auto; height: 320px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; margin: 0; height: 320px; width: 540px; }
.anythingSlider ul li img				{ max-width: 540px }
.anythingSlider .arrow                  { position: absolute; width: 270px; height: 320px; cursor: pointer; top: 0px; }
.anythingSlider .forward                { z-index: 50; display: block; text-indent: -9999px; right: 0; }
.anythingSlider .back                   { z-index: 50; display: block; text-indent: -9999px; left: 0; }
	.anythingSlider .forward:hover          { }
	.anythingSlider .back:hover             { }
#thumbNav                               { position: relative; top: 290px; text-align: left; left: 600px; max-width: 180px; }
#thumbNav a                             { font-weight: normal; font-size: 11px; display: inline-block; padding: 2px 8px 2px 0; height: 18px; margin: 0 5px 0 0; text-align: center; text-decoration: inherit }
#thumbNav a:hover, #thumbNav a:focus                     { color: #666666; }
#thumbNav a.cur                         { font-weight: bold; color: black; }
#start-stop                             { display: none; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 290px; }
#start-stop.playing                     { }
#start-stop:hover, #start-stop:focus                     { color: red; }
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }
	


/* 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 */