/* 
Andrew Colclough

Layout loosely based on a theme called Corporate Slave. (http://www.samdevol.com)
*/
html {background: #000 url(http://andrewdc.com/images/ui/stripe.png);}
body { font-size: small; font-family: verdana, geneva, sans-serif; margin:0px 0px 50px 0px; padding:0px; /*text-align:center;*/ color:#978174;list-style:none;}

#wrapper {text-align:left; margin-left:auto; margin-right:auto; width:955px; background-image: url(http://andrewdc.com/images/ui/bg_tile.gif); position:relative;}
#header{height:284px; margin-top:15px; background: #DDD url(http://andrewdc.com/images/ui/blog_head.jpg);}

#container{float:right; width:750px; position:relative;}

#title{color:#CCC;letter-spacing:-1px;text-align:right;margin:0px 10px 0px 0px;}
#description{color:#CCC;letter-spacing:-1px;text-align:right;margin:0 10px;}
#single-content{float:right;text-align:left;width:100%; position:relative;}
#single-content p{padding:10px 10px 5px 10px; line-height:17px;}
#content1{float:left;text-align:left; width:375px; background-color:#D4CAC2; position:relative;}
#content1 p{padding:10px 10px 5px 10px; line-height:17px;}
#content1-pad{/*padding:5px 10px 5px 10px;*/}
#content2{float:right;text-align:left; width:375px; background-color:#DAE6DD; position:relative;  color:#4E4E4E;}
#content2-pad{/*padding:5px 10px 5px 10px;*/}
#content2 p{padding:10px 10px 5px 10px; line-height:17px;}
#content2 ul{padding:10px 0px 10px 5px;}
#sidebar-floatfix {float:left; /*margin-top:150px;*/ position:relative; text-align:right;}
#sidebar{/*float:right;*/ border-right:#5B280C 1px solid; text-align:right; width:204px; /*margin-right:-1px;margin-left:-30%;*/ position:relative;}

#nav {height:143px; background: #111 url(http://andrewdc.com/images/ui/nav/blog_nav.jpg) no-repeat;}
.buttons {float:left; position:relative;}
.buttons a, .buttons a:visited {height:143px; text-decoration:none; border:none; margin:0px; padding:0px;}

.headlink {display:block; height:284px;}

a.main-button1 {background: url(http://andrewdc.com/images/ui/nav/nav1_01.jpg) 0 0px no-repeat; display:block; width:145px;}
a.main-button1:hover {background: url(http://andrewdc.com/images/ui/nav/nav1_01.jpg) 0 -143px no-repeat;}
a.main-button2 {background: url(http://andrewdc.com/images/ui/nav/nav1_02.jpg) 0 0px no-repeat; display:block; width:151px;}
a.main-button2:hover {background: url(http://andrewdc.com/images/ui/nav/nav1_02.jpg) 0 -143px no-repeat;}
a.main-button3 {background: url(http://andrewdc.com/images/ui/nav/nav1_03.jpg) 0 0px no-repeat; display:block; width:132px;}
a.main-button3:hover {background: url(http://andrewdc.com/images/ui/nav/nav1_03.jpg) 0 -143px no-repeat;}
a.main-button4 {background: url(http://andrewdc.com/images/ui/nav/nav1_04.jpg) 0 0px no-repeat; display:block; width:132px;}
a.main-button4:hover {background: url(http://andrewdc.com/images/ui/nav/nav1_04.jpg) 0 -143px no-repeat;}
a.main-button5 {background: url(http://andrewdc.com/images/ui/nav/nav1_05.jpg) 0 0px no-repeat; display:block; width:135px;}
a.main-button5:hover {background: url(http://andrewdc.com/images/ui/nav/nav1_05.jpg) 0 -143px no-repeat;}
a.main-button6 {background: url(http://andrewdc.com/images/ui/nav/nav1_06.jpg) 0 0px no-repeat; display:block; width:132px;}
a.main-button6:hover {background: url(http://andrewdc.com/images/ui/nav/nav1_06.jpg) 0 -143px no-repeat;}
a.main-button7 {background: url(http://andrewdc.com/images/ui/nav/nav1_07.jpg) 0 0px no-repeat; display:block; width:128px;}
a.main-button7:hover {background: url(http://andrewdc.com/images/ui/nav/nav1_07.jpg) 0 -143px no-repeat;}

a.main-button-blog {background: url(http://andrewdc.com/images/ui/nav/nav_single_01.jpg) 0 0px no-repeat; display:block; width:128px;}
a.main-button-blog:hover {background: url(http://andrewdc.com/images/ui/nav/nav_single_01.jpg) 0 -143px no-repeat;}

/*	Sidebar Styles
======================================================*/
div#sidebar ul {list-style:none;margin:0;padding:0;position:relative;}
div#sidebar ul li{position:relative;font-size:10px;margin:0;padding:0;}
div#sidebar li h2{font-size:1.1em;margin:20px 0px 5px 0px;}
div#sidebar ul li p,div#sidebar ul li ul,div#sidebar ul li ul li{margin:0 0.5em;padding:0;}
div#sidebar ul li ul li ul li{font-size:0.9em;margin:0 0 0 1em;}
div#sidebar .sidebartext{color:#888;font-size:0.75em;font-weight:400;line-height:125%;margin:0 5px 0 0;}
div#sidebar .sidebartext img{margin:0 4px 5px 0;}
div#sidebar .widgettitle{color:#8FA090;/*background:#F3F3F3;*/padding-right:6px;}
div#sidebar img {margin-right:-1px;border:none;}
#calendar table {margin:0 20px;}
/*	Permanent Sidebar Links
======================================================*/
#navlist{background:#F3F3F3;font-weight:700;margin-left:0;width:204px;}
#navlist li{border-top:#CCC 1px solid;list-style:none;text-align:right;margin:0;}
#navlist li a{background:#F3F3F3;display:block;text-decoration:none;padding:3px 10px 3px 5px;}
#navlist li a:link{color:#8FA090;}
#navlist li a:visited{color:#b4c8b4;}
#navlist li a:hover{background:#111;color:#fff;border-color:#FE3;}
div#utw_widget{margin:0 10px;}
/*#single-content .dateblock{float:right;margin:0 20px;}*/

/*div.post-permalink{float:right;}
div.post-comments{float:left;}*/

/*	Global Styles
======================================================*/
h1#title {padding:15px 0px 0px 0px;}
ul {padding:10px 0px 10px 50px;}
a:link,a:active,a:visited{color:#C68D6C;text-decoration:none;}
a:hover,a:active:hover,a:visited:hover{color:#713222;text-decoration:underline;}
div.post-entry a:link, div.post-entry a:active, div.post-entry a:visited {}
div.post-entry a:link img, div.post-entry a:active img, div.post-entry a:visited img  {background:none;}
img{border:none; margin:0px;}
a img{border:#5d2a0c 1px solid; margin:0px;}
a img:hover{border:#c7a99b 1px solid;}
.clearer {clear: both;margin-top: -1px;}
.cleardiv{clear:both; width:100%;}
/*	Special Cases Styles
======================================================*/
.image {/*border:#DFC9B3 1px solid;*/ padding:0px 10px 10px 10px; /*background-color: #F2F1E7;*/ float:left; position:relative;}
div#single-content .image {margin-right:15px; margin-bottom:15px;}

.visit /*.visit a, .visit a:link, .visit a:active, .visit a:visited*/ {padding:5px 5px 5px 5px; background-color: #f0ddc5; border: 1px solid #c7a99b; text-align:center;}
.gallery {float:right; border: 1px solid #c7a99b; background-color: #9B8F80; padding:10px; margin-left:10px;}
.gallery img {margin:3px 0px 3px 0px;}

.archive-width{padding:5px 0px 5px 10px;}

img.center{display:block;margin:0.4em auto;}
img.alignright{float:right;margin:0.4em 0 0.4em 1.1em;}
img.alignleft{float:left;margin:0.4em 1.1em 0.4em 0;}
/*h3.post-date,p.post-date-single,h3#comment-count{text-align:right;word-spacing:0.2em;margin:-15px 0 10px;}
h3.post-date,div.post-entry h1,div.post-entry h2,div.post-entry h3,div.post-entry h4,div.post-entry h5,div.post-entry h6,div#sidebar ul li p{background:#fff;font-size:0.8em;}*/

h2.post-title a {color:#8FA090;font-size:26px;font-weight:700;text-align:left; font-family: Arial, "MS Trebuchet", sans-serif; padding:10px 10px 10px 40px; display:block; background: url(http://andrewdc.com/images/ui/blog_heading_icon.gif) 10px 13px no-repeat;}
h2.post-title-single {padding:10px 10px 10px 10px; font-size:30px;}
div.post-entry p { text-align: left; margin-bottom:10px;}
/*	Block Quote Styles
======================================================*/
div.post-entry blockquote{background:#fff;display:block;font-size:0.9em;line-height:120%;width:85%;margin:0 15px;padding:10px;}
div.post-entry blockquote p{font:12px/13px georgia, palatino, serif;text-indent:10px;}
div.post-entry blockquote:before,blockquote:after{background:transparent;color:#6C8EFF;display:block;font:16px/18px georgia, palatino, serif;font-size:500%;width:50px;}
div.post-entry blockquote:before{content:open-quote;height:0;margin:0 0 -0.4em -0.45em;}
div.post-entry blockquote:after{content:close-quote;height:0;margin-bottom:0;margin-left:93%;margin-top:-0.2em;}
#content2 div.post-entry blockquote{background:#fff;display:block;font-size:0.9em;line-height:120%;width:45%;margin:0 0 0 51%;padding:0;}
#content2 div.post-entry blockquote p{font:12px/13px georgia, palatino, serif;text-indent:10px;margin:5% 0 0 14%;}
#content2 div.post-entry blockquote:before{content:open-quote;height:0;margin:10% 0% -10% -0%;}
#content2 div.post-entry blockquote:after{content:close-quote;height:0;margin-bottom:0;margin-left:99%;margin-top:0;}
/*	Lists
==========================================*/
dl {margin:8px 10px 8px 9px; padding:8px; width:280px; border-top:#444 solid 1px; border-right:#444 solid 1px; border-left:#444 solid 1px; border-bottom:#555 solid 1px; background-image: url(../images/ui/sm_bg.gif); float:left;}
dt {margin:0px; padding:0px; color:#666; padding:0px 0px 8px 0px; text-align:center; font-size:20px; font-weight:800;}
dd.main_image {margin:0px; padding:0px;}
dd.main_image IMG {border:#666666 solid 1px;}
dd.main_image IMG:hover {border:#9eb37f solid 1px;}
dd.work {margin:0px; padding:3px; color:#ccc; font-size:10px; text-align:left;}
dd.visit {margin:0px; padding:3px; font-size:10px; text-align:left;}
dd.more {margin:2px 0px 2px 0px; color:#CCC; font-size:10px;}
dd.more a, dd.more a:visited  {color:#CCC; text-decoration:none; display:block; padding:5px 3px 5px 3px; border:1px solid #555; text-align:center; background-color: #313431;}
dd.more a:hover {color:#FFF; background-color:#1C211D;}

#links dl {margin:8px 10px 8px 9px; padding:8px; width:280px; float:left; background:none; border:none;}
#links dt {margin:0px; padding:0px; color:#666; padding:0px 0px 8px 0px; text-align:left; font-size:20px; font-weight:800;}
#links dd {margin:0px; padding:3px; color:#ccc; font-size:16px; text-align:left;}

/*	Post Lists
======================================================*/
div.post-entry ul li{list-style:square inside;}
div.post-entry ul li,div.post-entry ol {line-height:120%;margin:0 0 0.5em -3em;}
#content2 div.post-entry ul li,div.post-entry ol li{line-height:120%;margin:0 0 0.5em 1.5em;}
/*div.post-entry h1,div.post-entry h2,div.post-entry h3,div.post-entry h4,div.post-entry h5,div.post-entry h6{font-size:1.5em;font-weight:400;margin:1.2em 0 -0.6em;}
div.pullquote{color:#333;float:right;font:16px/18px georgia, palatino, serif;text-align:center;width:40%;margin:2% 1% 2% 3%;padding:0;}
#content2 div.pullquote{color:#333;float:right;font:16px/18px georgia, palatino, serif;text-align:center;width:16%;margin:2% 1% 2% 3%;padding:0;}*/

/*	Single Post Only Styles
======================================================*/
h2.post-title-single {font-size:25px; padding:10px 10px 10px 40px; background: url(http://andrewdc.com/images/ui/blog_heading_icon.gif) 10px 8px no-repeat;}
div.single-post .post-footer {color:#6c8eff;font-size: 0.8em;}
div.single-post .post-entry ul {margin:0;}
div.widecolumn{margin:0;/*padding:0 4% 0 2%; position:relative;*/}
div.widecolumn .single-post{line-height:150%;/*width:100%;margin:10px;*/padding:0px 15px 15px 15px; position:relative;}
div.widecolumn li,div.widecolumn .post-footer p{margin:0 15px;padding:0;}
div.widecolumn .post-entry blockquote:after{content:close-quote;height:0;margin-bottom:0;margin-left:99%;margin-top:-0.2em;text-align:right;}

div.post-footer {font-size: .8em; padding:5px; border-top: 1px dotted #5d2a0c; border-bottom: 1px dotted #5d2a0c; clear:both; margin:5px 0px 5px 0px; background-color: #111;}
div.post-footer p,h4#comment-header,/*div.nav-left,div.nav-right,*/.center{text-align:center; }
div.nav-left {float:left; margin-left:20px; margin-right:20px; position:relative;}
div.nav-right {float:right; margin-right:20px; margin-left:20px; position:relative;}
div.post-header {font-size: .8em;  border-top: 1px dotted #5d2a0c; border-bottom: 1px dotted #5d2a0c; background-color: #111; /*float:right;*/ text-align:right; width:100%; clear:both;}
div.post-header p{padding:5px;  margin:5px 5px 5px 5px;}
div.post-header p,p.post-date-single,div.post-footer,h3#comment-count,div#sidebar ul li h2{/*background:#D5E5D9;*/color:#C3B7AD;}
div.post-header .post-permalink {float:right;}
div.post-header .post-comments {float:left;}
p.post-edit{margin:0px; padding:0px;}

/*	Form Details
======================================================*/
div.formcontainer p{position:relative;}
div.formcontainer {font-size: 1em; width: 100%; position:relative; /*background-color: #f5f5f5;*/}
div.formright, div.formleft {display: inline;float: left;margin: 0 0 0.5em 0;color: #888;}
div.formleft {clear: both;text-align: right;width: 15%;margin: 0 2% 0 0;}
div.formright { width: 80%; }
input#searchsubmit, input#submit { /*border: 1px outset #999;margin:0 6px 1px;*/ cursor:pointer; }
input#s, input#author, input#email, input#url { width: 200px; }
input#s, input#author, input#email, input#url, textarea {/*border: 1px inset #999;*/margin: 1px;}
TEXTAREA { width: 80%; border: 1px solid #C7A99B;background-color: #f0ddc5;}
FIELDSET { border: 1px solid #ccc; padding: 1em; margin: 0; }
LEGEND { color: #ccc; font-size: 120%; }
INPUT, TEXTAREA { font-family: Arial, verdana; font-size: 125%; padding: 7px; border: 1px solid #C7A99B;background-color: #F0DDC5; color: #665147;}
LABEL { display: block; margin-top: 10px; }
input.text, textarea {display: block;margin:0;padding:10px;width: 385px;border: 1px solid #c7a99b;background-color: #f0ddc5;	font: 13px Arial, Helvetica, sans-serif;	color: #665147;}
input.submit {font-size:9px; text-transform:uppercase;padding:4px;padding-left:8px;padding-right:8px;color:#dbdac6; line-height:20px;}

h4#respond{padding:10px;}

/*	Comment Area Styles
======================================================*/
span#comment-count{vertical-align:top;font-size:0.9em;margin-left:15px;}
span#comment-header{font-size:1.6em;font-weight:400;margin:1em 0 1em 1.1em;}
div#comments {border-top: 1px dotted #5B280C; border-bottom: 1px dotted #5B280C; background-color: #3A3A3A; padding:10px 0px 10px 0px; margin:10px 0px 0px 0px;}
div#commentform{margin:1em 0 1em 1.1em;}
#commentform p{padding:15px;}
div#comments ol li{background:#F5E2CA;color:#111;margin:1em 5%;padding:0.5em 1em;}
div#comments ol li.alt{background:#DBDFE2;color:#111;}
div#comments ol li p{color:#333;margin:0.5em 0;}
div#comments ol li p.comment-metadata{font-size:0.8em; color:#A1A1A1;}
div#comments blockquote{margin:3em 2em 2em 3.5em;}
div#recentcomments{font-size:0.8em;}


#footer{clear:both; width:100%; font-size:10px; text-align:center;text-transform:lowercase; position:relative; height:123px; background: url(http://andrewdc.com/images/ui/footer.gif);}
#footer p{padding:75px 0px 0px 0px;}


/*	THICKBOX STYLES
==========================================*/
*{padding: 0; margin: 0;}
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
#TB_window {font: 12px Arial, Helvetica, sans-serif; color: #333333; }
#TB_secondLine {font: 10px Arial, Helvetica, sans-serif;color:#666666;}
#TB_window a:link, #TB_window a:visited, #TB_window a:active, #TB_window a:focus {color: #666666;}
#TB_window a:hover {color: #000;}
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
#TB_overlay {position: fixed;	z-index:100;	top: 0px;left: 0px;	height:100%;	width:100%;}
.TB_overlayMacFFBGHack {background: url(http://andrewdc.com/scripts/macFFBgHack.png) repeat;}
.TB_overlayBG {background-color:#000;	filter:alpha(opacity=50);	-moz-opacity: 0.50;opacity: 0.50;}
* html #TB_overlay { /* ie6 hack */ position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_window {position: fixed;	background: #111111;	z-index: 102;	color:#97B292;	display:none;	border: 4px solid #3B443C;	text-align:left;	top:50%;	left:50%;}
* html #TB_window { /* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_window img#TB_Image {display:block;	margin: 15px 0 0 15px;	border-right: 1px solid #ccc;	border-bottom: 1px solid #ccc;border-top: 1px solid #666;	border-left: 1px solid #666;}
#TB_caption{	height:25px;	padding:7px 30px 10px 25px;	float:left;}
#TB_closeWindow{	height:25px;	padding:11px 25px 10px 0;float:right;}
#TB_closeAjaxWindow{padding:7px 10px 5px 0;	margin-bottom:1px;	text-align:right; 	float:right;}
#TB_ajaxWindowTitle{float:left;	padding:7px 0 5px 10px;	margin-bottom:1px;}
#TB_title{	background-color:#e8e8e8; color:#000; 	height:27px;}
#TB_ajaxContent{clear:both;	padding:2px 15px 15px 15px;	overflow:auto;	text-align:left;line-height:1.4em;}
#TB_ajaxContent.TB_modal{padding:15px;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
#TB_load{	position: fixed;	display:none;	height:13px;	width:208px;	z-index:103;	top: 50%;	left: 50%;	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
* html #TB_load { /* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect{z-index:99;	position:fixed;	top: 0;	left: 0;	background-color:#fff;	border:none;	filter:alpha(opacity=0);	-moz-opacity: 0;	opacity: 0;	height:100%;	width:100%;}
* html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_iframeContent{clear:both;	border:none;	margin-bottom:-1px;	margin-top:1px;	margin-bottom:1px;}


/*	ClearFix Hack
======================================================*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: block;}

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