/*

Theme Name: Drew
Theme URI: http://dunlapstudios.com
Description: Drew's Theme
Version: 1.0
Author: Vince
Author URI: http://mynameisvince.com


*/


* {margin: 0;padding: 0;outline: none; border: none;text-decoration: none;}

body {background: #603018 url(images/background.jpg) no-repeat center top;font-family: Verdana, Arial, sans-serif;font-size: 12px;}

#master {background: transparent url(images/background-bottom.jpg) no-repeat center bottom;}

#header {width:960px; height:360px; margin: 0 auto;}
	#header h1 {background:transparent url(images/logo.png) no-repeat 0 0;width:427px;height:224px;margin-left:85px;text-indent:-9999px}
		#logolink {width:427px;float:left;}
	#headport {float:left;margin-left:250px;}
	#headcontact {float:left;margin:-10px 0 0 220px;}
	.pagegraphic {width:400px;top:-6px;left:-290px;position:relative;height:200px;padding-right:30px;float:left;}
		.pagegraphic img {float:right;}
		#index {background:transparent url(images/back-index.png) no-repeat center 54px;}
		#aboutme {background:transparent url(images/back-about.png) no-repeat 40px 20px;}
		#portfolio {background:transparent url(images/back-portfolio.png) no-repeat 0 0;width:450px;}
		#contactme {background:transparent url(images/back-contact.png) no-repeat 55px 15px;}

	.portlink {background: transparent url(images/portfolio.png) no-repeat top center;width:235px;height:98px;margin-left:660px;}
		.portlink:hover {background-position: bottom center;}
	.contactlink {background: transparent url(images/contactme.png) no-repeat top center;width:260px;height:67px;margin-left:635px;margin-top: -15px;}
		.contactlink:hover {background-position: bottom;}

#mainbody {clear:both;width:760px;margin: 0 auto;}

#content {float:left;width:580px;background: transparent url(images/back-posts.png) no-repeat bottom center;padding-bottom: 70px;min-height:590px;}
	#contenttop {background: transparent url(images/back-contenttop.png) repeat-y -5px top;}
	.entry {width:500px;margin: 0 auto;}
		.entryheader {background: transparent url(images/back-posttitle.png) no-repeat 0 0;height:60px;padding:10px 38px 0;margin-left:-80px;}
			.entryheader h1 {color:#333;}
			.entryheader h4 {}
			.entryheader a {color:#333 !important;}
		.entry p {text-align: justify;}
		.entry a, .entry a:visited {color:#fff;}
			.entry a:hover {color:#333;}
		.entry img {border:2px solid #333;}

#sidebar {float:left;width:229px;background: transparent url(images/back-sidebar.png) no-repeat bottom center;margin:-20px -100px 0 26px;padding-bottom: 100px;}
	#sidefill {background-color: #d9ca9b;}
	#sidebar ul {margin-bottom: 15px;}
		#sidebar ul li {list-style-type: none;margin: 0 0 3px 15px;font-size: 14px;}
	#sidebar a, #sidebar a:visited {color: #333;}
		#sidebar li a:hover {border-bottom: 1px dashed #333;}
	.side-topics, .side-archives, .side-mylinks, .side-lastfm {width:250px;height:65px;margin-left:-15px;text-indent: -9999px;}
		.side-topics {background: transparent url(images/topics.png) no-repeat 0 0;}
		.side-mylinks {background: transparent url(images/mylinks.png) no-repeat 0 0;}
		.side-archives {background: transparent url(images/archives.png) no-repeat 0 0;}
		.side-lastfm {background: transparent url(images/lastfm.png) no-repeat 0 0;margin-top:15px;margin-bottom: 10px;}
	#sidebar p {margin: 0 0 3px;padding:0 20px;}

#footer {clear: both;background: transparent url(images/back-footer.png) no-repeat 50px bottom;text-indent: -9999px;height:38px;padding-top: 75px;}

.thumbs {width:490px;margin:0 auto;}
	.thumbs img {margin:5px;}

.sketchwrap {background: transparent url(images/back-customer.png) no-repeat;width:430px !important;height:275px;padding:50px 50px 0;margin:0 auto;}
.sketchbox {width:430px !important;}
	.sketchbox h2 {text-align: center;}
	.customer {text-align: right !important}
	.sketchbox li {height:180px !important;}

.left {float:left;}
.right {float:right;}

.center {text-align: center !important;}

p {margin: 5px 0 15px;}

input, textarea {padding:2px 5px;border:1px solid #333;}

.cform textarea{width:302px !important;}

.pencil {float:left;position:relative;top:100px;left:225px;}

.prev {background: transparent url(images/previous.png) no-repeat;width:100px;height:75px;text-indent: -9999px;float:left;margin-left: 110px;margin-top:20px}
.next {background: transparent url(images/next.png) no-repeat;width:100px;height:75px;text-indent: -9999px;float:left;margin-top:20px}

#wpstats {display: none;}

#lastfmrecords {padding:0 0 10px 24px !important;}

/* Comments */

.comments-template{padding: 10px 50px;}
	.comments-template ol{margin: 0;padding: 0 0 15px;list-style: none;}
	.comments-template ol li{margin: 10px 0 0;	line-height: 18px;	padding: 0 0 10px;	border-bottom: 1px solid #ccc;}
	.comments-template h2, .comments-template h3{font-size: 16px;}
	.comments-template p.nocomments{}
	.comments-template textarea{font-size: 12px;width:460px;}
	.comments-template a , .comments-template a:visited {color:#333;}
		.comments-template a:hover {color:#f90}

.commentmetadata{font-size: 10px;}

.comment-avatar {float:left}

.comment-body {margin-left:95px}

/* REUSE */

.noborder {border:none !important;}


/* LIGHTBOX */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}