/*  
Theme Name: Alex Tourtillott
Theme URI: http://www.alextourtillott.com
Description: A simple Wordpress theme that is widget ready and a fixed width.
Version: 1.0
Author: Shane Strong
Tags: simple, theme, clean, widget-ready 
Author URI: http://www.shanestrong.com
*/

body { margin: 0 auto; background: #1C1B1B url('images/bg.jpg') no-repeat center 1em; font-size: 10px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; }
.container { width: 69em; padding-top: 10px; }			
#page {
	float: left;
	margin-bottom: 20px;
	background: #ffffff;
	position: relative;
	min-height: 45em;
}
blockquote {
	font-style: normal;
	padding: 0 0 0 0;
	color: #000;
	background: url('../images/quote.png') .5em top no-repeat;
}
a { color: #3E4967; text-decoration: none; }
a:hover	{ color: #000; }
blockquote p { padding: 0 20px 0 30px; }
hr { background: #CCC; height: 1px; }
.clear { clear: both; }
img	{ margin: 0; }
p img { float: none; }
a.button { float: left; } /* Fix for buttons */
input { padding-left: 0; border: 1px solid #CCCCCC;  }
ul { margin-left: 15px; list-style-type: none; }
ul li { padding: 2px 0 2px 9px; background: url('../images/icons/bullet_square_grey.gif') left 5px no-repeat; }
ol { margin-left: 35px; }
label { font-weight: normal; }
textarea { height: 200px; width: 500px;}
.small { font-size: .9em; }
.nomargin { margin: 0; }
a.button, button { font-weight: normal; }
h3, h3 a {
	font-size: 2.1em;
	color: #1c1b1b;
	text-decoration: none;
	line-height: 1.5;
}
#maincontent {float: left;}
#maincontent h2 { color: #3B4A25; border-bottom: 2px dotted #AAA; margin-bottom: 15px; }
h2 a { color: #3B4A25; text-decoration: none; }
#maincontent .post h2 { margin-bottom: 5px; }
#maincontent .content { padding: 2.5em 0 2em 3em; }	
.navigation, .navigation a { color: #AAA; }
.alignright { float: right; }
.alignleft { float: left; }
.post { margin-bottom: 25px; }

/* Header */
#header { height: 33.5em; }
#header h1, #header .description { width: 100%; margin: 0; line-height: 1em; }
#maincontent, #sidebar { padding: 0 0 20px 0; }
.logo {width: 100%; height: 33.5em; display: block;}
.logo h1 { height: 3.5em; }
.alex {background: url('images/alex.png') no-repeat; height: 75.3em; width: 66.4em; position: relative; top: -8.4em;}
/* Navigation */
#nav, #subnav { padding: 0; background: #668040; float: left; width: 100%; line-height: 1.5em; }
#nav ul, #subnav ul	{ margin: 0; padding: 0; list-style: none; }
#nav li, #subnav li	{ margin: 0; padding: 0; float: left; background-image: none; }
#nav li a, #subnav li a { color: #F2FFDF; padding: 5px 15px; float: left; text-decoration: none; }
#nav li.current_page_item a, #nav li a:hover { background: #485A2D; color: #F2FFDF; }
#subnav	{ background: #616161; }
#nav li.current_page_item a, #subnav li.current_page_item a, #subnav li a:hover { color: #F2FFDF; }
#nav li.first a { margin-left: 50px; }

/* Navigation bar in posts (use main nav html inside a post) */
.entry #nav .content { padding: 0; margin: auto; }
.entry #nav { margin-bottom: 15px; background: #FFF; }
.entry #nav li a { color: #FFF; border-right: 1px solid #AAA; background: #666; }
.entry #nav li.last a	{ border-right: none; }
.entry #nav li a:hover 	{ background: #333; color: #FFF;}

/* Sidebar */
#sidebar { margin-left: 2.5em; }
#sidebar h2 { font-size: 1.3em; line-height: 1.2; }
#sidebar ul, #sidebar ul ol { margin: 0; padding: 10px 0 0; }
#sidebar ul li { padding: 0; }
#sidebar ul li a {color: #807E7E;}
#sidebar ul ul { padding: 0 !important; }
#sidebar ul ul li a {color: #a5a3a3;}
#sidebar ul li ul li {
	margin: 0 0 0 -18px;
	padding: 2px 0 2px 9px;
	background: url('../images/icons/bullet_square_grey.gif') left 3px no-repeat;
	font-size: 0.9em;
}
.feedlink { padding: 2px 0 2px 20px; background: url('../images/icons/feed_small.png') left center no-repeat; }
#sidebar ul li, #sidebar ul li#subscribe ul li { list-style-type: none; background: none; margin-bottom: 20px;}
#sidebar ul li#subscribe ul li { margin: 0 0 0 -30px; }
#sidebar #search { display: none; }

/* Footer */
#footer { text-align: center; font-size: .9em; margin: 0;}
#footer a { text-decoration: none; }

/* Search */
#search	{ float: right; }
#search #s { 
	background: transparent url('../images/icons/search_grey.gif') 0px center no-repeat;
 	padding: 2px 0 2px 17px;
	width: 135px; 
	color: #CCCCCC; 
	font-size: 0.9em; 
	margin-right: 20px;
}
#search #s:hover { color: #000; }
.search-excerpt { margin: 0; }

/* Comments */
.commentlist li { padding: 8px 15px; } 
.comments-alt { background: #EEE;}
#comments .avatar { float: right; margin: 0; padding: 0; }

/* Page Template */
.img-left {float:left; margin: 0; width: 19em; min-height: 19em;}
.img-right {float:right; margin: 0; width: 19em; min-height: 19em;}

/* Navigation */
.nav li {margin: 0 !important; padding: 0 !important; line-height: 1.1;}
.nav li a {font-size: 2.7em; color: #807e7e;}
.nav li a span {color: #b1afaf; float:left; width:5em;}
.nav li a span.norm {color: #807e7e;}
/* Misc Shane Styles */
.content h3 {margin-bottom:1.5em;}
.reviews {font-family: arial;}
.reviews p {font-size:1.1em;}
.nav {margin-bottom:1em !important; float:left;}
.blue {color: #4167bf;}
.green {color: #09ac2b;}
big {font-size: 1.8em; margin-bottom: 1em; display:block;}
medium {font-size: 1.2em; margin-bottom: 1.5em; display:block;}
.main h4 {margin-bottom: .5em;}
.fnav li {display:inline; float:left;}
.fnav a {font-size: 4em; color: #d6d5d5; padding: .5em;}
/* Scrollerbar */
.holder {float: right;}
.jScrollPaneContainer {position: relative; overflow: hidden; z-index: 1;}
.jScrollPaneTrack {position: absolute; cursor: pointer; right: 0; top: 0; height: 100%;}
.scroller .jScrollPaneDrag {}
.scroller a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: .4em;
	right: 0;
	text-indent: -200em;
	overflow: hidden;
	height: 1.7em;
	background: url('images/arrow-up.png') no-repeat;
}
.scroller a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -200em;
	overflow: hidden;
	height: 1.7em; 
	background: url('images/arrow-down.png') no-repeat;
}
.scroll-pane {width: 49em; height: 25em; overflow: auto; float: left;}
.scroll-pane2 {width: 49em; height: 40em; overflow: auto; float: left;}
* html .scroller .jScrollPaneDragBottom {bottom: -1px;}

.leftside { }

.leftside .topleft { width: 8em; font-size: 3.6em; color: #000000; }
.leftside .topleft img {position: relative; z-index: 1;}
.leftside .middleleft {color: #044f12; font-size: 1.8em;}
.leftside .bottomleft {font-family: 'century gothic'; font-size: 1.7em;}
.leftside .bottomleft b {font-size: 1.5em;}
.rightside { width: 30em; }
.rightside p {font-size: 1.2em;}

/*Portfolio*/
ul#portfolio { float: left; list-style: none; margin-left: 0; width: 62em; padding-left:0; }
ul#portfolio li { 
	float: left; 
	margin: 0 3px; 
	padding: 20px 70px 0 0;
	width: 18em;
	min-height: 22em;
}
ul#portfolio a { display: block; width: 100%; text-align: center;}
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img { display: block; padding-bottom: 5px; }
.hidden {display: none;}

/* Lightbox */
.section ul {list-style: none;margin-top: 5px;}
.section ul li {display: inline;}
.section ul a {background-color: #ECECEC;border: 1px solid #999999;padding: 5px 5px 10px;display: block;float: left;margin: 5px;}
.section ul a:hover {background-color: #FFFFFF;border: 1px solid #333333;}
.section ul a img {border: 1px solid #999999;}
.section ul a.lightbox-enabled img {border: 1px dotted #999999;}
.section span.code {font-family: "Courier New", Courier, monospace;margin-left: 10px;padding-left: 10px;font-size: 11px;border-left: 1px solid #000;}
.section .link {font-size: 12px;font-style: italic;padding-left: 10px;margin-left: 10px;}
.section .important {text-decoration: underline;}
.section .title {font-weight: bold;font-size: 16px;}
.section.header {text-align: center;font-size: 12px;padding-top: 10px;border-top: none;}
.section.footer {text-align: center;font-size: 12px;padding-top: 10px;}

/* Misc Wordpress CSS */
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 0 0 2px 7px; display: inline; }
img.alignleft { margin: 0 7px 2px 0; display: inline; }
.wp-caption {
	border: 1px solid #ddd; 
	text-align: center; 
	background-color: #f3f3f3; 
	padding-top: 4px; 
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }