/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
TAGS: widgets, sandbox, microformats, hcard, hatom, xoxo
VERSION: 1.5.2
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
*/

/* Two-column with sidebar on left from the /sandbox-layouts/ folder  */
/* @import url('sandbox-layouts/2c-l.css'); */

@import url('reset.css');

/** crazed2.css **/

body{ 
	background: url(images/body_bg.gif) repeat-x #151515 0px 224px;
	color:#aab6bf;
	min-width:900px;
	
	/*font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
}

strong, em, b, i {
    font-family: Arial, Helvetica, sans-serif;
}

html {background-color:#050505;}

a { color: #3B5DA5; text-decoration: none; }
a:hover { text-decoration: underline; }

strong { font-weight:bold; }

p { 
	margin: 1em 0; 
	font-family: "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.textwidget {
	font-family: "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

h3 { font-size: 197%; }
h4 { font-size: 167%; }

/**
 * 	header 
 **/
div#header{margin:0 auto;	height:200px;	background: #151515 url(images/header_bg.gif) repeat-x;}
h1 {	background: url(images/header.gif) no-repeat center top; height:200px; margin:0; padding:0;}
h1 a {
	text-indent: -1000em;
	position: absolute;
	top: 150px;
	height: 40px;
	width: 100%;
	outline: none;
}
#blog-description{text-indent: -1000em;}

/**
 *	nav section 
 */

div#access{margin:0 auto; height:24px; background:url(images/nav_bg.gif) repeat-x top;}
div#access #menu {width:900px; margin: 0 auto;font-size: 123.1%}

/* common attributes for the nav links */
div#menu{height:24px;}
div#menu ul a{font-weight:normal;text-decoration:none;}
div#menu ul,div#menu ul ul,div#menu ul li{list-style:none;margin:0;padding:0;}
div#menu ul li{margin-right:1em; float: left;margin-top:1px;}
div#menu ul li a{text-decoration:none; color:#b55e10; line-height: 23px;	text-transform: uppercase; font-size:95%;}
div#menu ul li a:hover {color: #e47009;}

/* sub menus */
div#menu ul ul{display:none;}
div#menu ul ul li{float:none;}
div#menu ul ul li a{margin:0;padding:0;}
div#menu ul li:hover ul{display:block;font-size:0.9em;padding-top:0.5em;position:absolute;}
div#menu ul li:hover ul li a{background:#f5f5f5;border:none;display:block;padding:0.1em;width:10em;}

/** nav top **/
#nav-above { display: none; }

/** 
 *	body section 
 */
#container { width:900px; margin:0 auto;	padding-top:4em; overflow:auto;}

#content { position:relative; margin-left:130px; float:left; width:530px;		/* give 10px gap between the subcolumn */ }
#content.misc, #content.error404 { margin-left:0; width: 670px; }

#content h2, .entry-title {
	font-size:246.2%; font-family:Arial, Helvetica, sans-serif; letter-spacing: -0.5px;
	color:#909ba2;	margin:0; font-weight: normal; line-height:1;
}
.entry-title a { text-decoration: none; color: #909ba2; }

#content h3 { margin: 0em 0; color:#f0f0f0;}
#content h4 { margin: 1em 0; }

.archive #content h3 { margin-top: 0; }

div#content .entry-date { display: none; }

.date-meta {
	position: absolute;
	left: -130px;
	width: 120px;
	height: 200px;
    font-family: Arial, Helvetica, sans-serif;	

	background: url(images/sidemeta_bg.gif) no-repeat right top;
}

.entry-date {
	font-size: 1.2em; color: #999183; letter-spacing: -1px;
	margin: 0; padding-bottom: 2px;
}

.date-meta .date {
	margin: 7px; text-align: right; line-height: 1.1;
	font-size: 161.6%; font-weight: normal; letter-spacing: -1px;color: #5a6c78; 
	text-align: right;	
	display: block;
}

div.post {
	color:#aab6bf;	font-size:1em;	line-height:1.6;
	margin-right:10px; padding-bottom:7em;	/* originally used margin-bottom, but bug in FF2 causes absolutely positioned blocks to be unaffected */
}

div.entry-time {	color: #4c5760;	text-transform: uppercase;	line-height: 1;	margin-bottom: 1.75em;	display: block;}
div.entry-content, .entry-time {	font-size: 100%;}

div.entry-meta { 
	margin-top: 3em; 
	font-size:  11px; /*85% 11px */
	text-transform: uppercase;
	color: #434B51;
	overflow: visible;
    font-family: Arial, Helvetica, sans-serif;
}
.entry-meta a { color: #344c5e; }
.comments-link {
/*	padding-left: 12px;	background: url(images/icon_comment_stop.gif) no-repeat 0 2px; */
	font-weight: bold; color: #344c5e;
}
/* .comments-link a {color: #344c5e; text-decoration: none;} */
.meta-sep { background: url(images/icon_comment_stop.gif) no-repeat 0 0px; width:10px; height:10px; margin: 4px 3px 0; text-indent: -1000em; }

div.entry-meta span { float:left; }
div.entry-meta span span { float: none; }
.single div.entry-meta span { float: none; }

.entry-content { color:#BABEC0; }
.entry-content li {list-style: inherit; margin: 0.7em 0; }
.entry-content ul { margin-left:2em; list-style: bullet; }
.entry-content ul ul { list-style:disc; }
.entry-content ol { margin-left:2em; list-style:decimal;}
.entry-content ol ol { list-style:lower-roman; }

/** single post page **/
body.single #content .entry-meta { top:0; position:absolute; left: 550px; width:220px; margin-top:0; }
body.single #content .entry-meta h3 {	margin:0.5em 0 0; color:#5c5c4f; letter-spacing:-1px; font-size: 197%;}
body.single .entry-meta p, body.single #nav-side div { margin: 0 0 1em; text-transform: none; font-size: 123.1%; display:block; float:none; }
body.single #nav-side div.nav-previous { margin-bottom: 0; white-space:nowrap; overflow:hidden;}
body.single #nav-side span { text-decoration: none; color:#545e66;}
body.single #nav-side a:hover span { text-decoration:none;}
body.single #nav-below { display:none; }
.entry-comment-meta { padding-top:2em; text-transform:uppercase; color:#434B51; font-size:11px; /*85% 11px */ }
.entry-comment-meta a { color:#344c5e; }

/** page **/
body.page .entry-content {
	line-height: 1.7;
}

/** categories / archive pages **/
#content h2.page-title.bluebar {
	font-size: 189%;
	margin-bottom: 2em;
	background:url(images/section_header_bg.gif) no-repeat bottom;
	margin-left: -129px;
	letter-spacing:0;
	padding-left:1px;
	margin-top:10px;
}

#content h2.page-title {
	font-size: 189%;
	margin-bottom: 2em;
	background:url(images/section_header_bg_gra1.jpg) no-repeat 0px -5px;
	margin-left: -129px;
	letter-spacing:-1px;
	padding:12px 0px 12px 8px;
	margin:0 0 2em -130px;
	color: #AFADCD;
}

body.category #content h2.page-title { background-image: url(images/section_header_bg_pat1.jpg); }
body.date #content h2.page-title { background-image: url(images/section_header_bg_rb.jpg); }

body.category-computing #content h2.page-title { background-image: url(images/section_header_bg_gra1.jpg); color: #C2C9CD; }

/** for pages **/

body.page #content h2.entry-title {
	font-size: 189%;
	margin-bottom: 2em;
	background:url(images/section_header_bg_gra1.jpg) no-repeat 0px -5px;
	margin-left: -129px;
	letter-spacing:-1px;
	padding:12px 0px 12px 8px;
	margin:0 0 1em -130px;
	color: #b3b49c;
}

/** tables **/
.entry-content table { border-collapse: separate; }
.entry-content thead th {
	background: #39362D;
	border-bottom:4px solid #918A73;
	line-height:1;
	padding:1.3em 0.5em 0.7em 0.5em;
	vertical-align:bottom;
}

.entry-content tbody td {
	padding:4px 0 4px 0.5em;
	border-bottom:1px solid #282828
}

/** 
 *	sidebars 
 */
 
div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}
div.sidebar input#s{width:7em;}

/* div.sidebar li{list-style:none;margin:0 0 1em;} */
div.sidebar li form{margin:0.2em 0 0;padding:0;}
/* div.sidebar ul ul{margin:0 0 0 1em;} */
/*div.sidebar ul ul li{list-style:disc;margin:0;}*/
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:circle;}
 
 div.sidebar {
	width: 220px;
	float: right;
}
div.sidebar a { color:#4a565e; }
div.sidebar h3 {
	font-size:		177%;
	font-weight: 	normal;
	margin: 		0.5em 0 1.25em 0;
	color: 			#87939c;
	letter-spacing: -1px;
	background:		url(images/heading_line.gif) no-repeat center bottom;
	padding-bottom: 2px;
	
}
div.sidebar h3 {	/* new style */
    font-family: Arial, Helvetica, sans-serif;	
	color: #5c5c4f;
	font-size: 167%;
	text-transform: uppercase;
}

#primary.sidebar > ul > li:first-child h3 {
	background:		url(images/heading_line_top.gif) no-repeat center bottom;
}

div.sidebar li{list-style:none;margin:0 0 3em; color:#77818b; font-size:108%; }
div.sidebar ul ul {margin-top:0; color:#636d76;}
div.sidebar ul ul li{border-bottom: 1px dotted #1E1E27; margin: 0; font-size:100%; line-height:1.5}
div.textwidget { font-size: 0.87em; line-height:1.8; }

div.side-item {
	font-size: 1em;
	margin-bottom: 0.7em;
	line-height: 1.1;
	color: #6a7c86;
}



.sidecontent dl {
	margin-top: 0;
	font-size: 0.86em;
	color: #636d76;
}
.sidecontent dt {
	border-bottom: 1px dotted #1E1E27;
}

.side-item h3 {
	font-weight: normal;
	font-size: 1em;
	margin: 0;
}

div#secondary { clear: right; }

/** calendar **/
#wp-calendar {
	text-align:right;
	width:95%;
}
#wp-calendar caption {font-weight:bold; margin-bottom: 1em;}
#wp-calendar th { font-weight:bold; text-align:right; }
#wp-calendar td { }
#wp-calendar #prev { text-align:left; }


/** last fm **/
.lastfm-item {border-bottom: 1px dotted #31313F;}

/**
 *	comments
 
 #comments h3 { margin:1em 0 0 -130px; padding:10px 0 15px 15px; height:40px; line-height:50px; background:url(images/comments_header.gif) repeat-x; font-size: 153.9%; text-transform:uppercase;}
#comments h3 span { font-size:182%; }

.comments ol li { position:relative; line-height:1.5; background:url(images/comment_bg6.gif) no-repeat; padding: 1em 0 3.5em 130px; margin:0 0 0 -130px;}
.comments ol li.bypostauthor { background:url(images/comment_bg2.gif) no-repeat;}

#comments .comment-meta { margin-left:0;}
#comments .comment-author img { position:absolute; top:1.75em; left:20px; }

 */
#comments { margin-left: -130px;}


#comments h3 { margin:1em 0 0 0; padding:10px 0 15px 15px; height:40px; line-height:50px; background:url(images/comments_header.gif) repeat-x; font-size: 153.9%; text-transform:uppercase;}
#comments h3 span { font-size:182%; }

.comments ol li { position:relative; line-height:1.5; background:url(images/comment_bg6.gif) no-repeat; padding: 1em 0 3.5em 130px; margin:0 0 0 0px;}
.comments ol li.bypostauthor { background:url(images/comment_bg2.gif) no-repeat;}

#comments .comment-meta { margin-left:0;}
#comments .comment-author img { position:absolute; top:1.75em; left:20px; }



#comments .comment-meta div { float:left; margin-right:0.4em; font-size:131%;}
#comments .comment-meta .comment-date {float:none;}
#comments .comment-meta .at { display:none; }

#comments .comment-author { font-weight:bold; color:#703F00;}
#comments .comment-author a { color:#8a4e00;}
#comments .comment-date .date { color:#5a6c78; }
#comments .comment-date .time { color:#5d4d1f; }
#comments .comment-permalink { display:none; }
#comments .comment-edit { right:0; position:absolute; top:0.7em; }
#comments .comment-edit .meta-sep { display:none; }

/** comment form **/
label { color: #fff; }
#respond .formcontainer { margin-left:130px; }

form#commentform { position: relative; }
form#commentform,form#commentform p{padding:0;}
form#commentform span.required{color:#E6E600;font-size:200%;line-height:0; vertical-align:middle;}

textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:96%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
input#url, input#author, input#email { width: 30%; position:absolute; top:4.3em;}

#label-url, #label-author, #label-email { width:33%; position:absolute; top:3em;}
#label-author, input#author { left:0; }
#label-email, input#email { left:33%; }
#label-url, input#url { left:66%; }

#label-comment { margin: 6em 0 2px;}
body.loggedin #label-comment { margin-top:2em; }

/** open id **/
#openid_url { padding: 0.2em 0.2em 0.2em 18px; width:93%; background-color:#fff; }
#openid_enabled_link { color: #F16322; font-style:italic; }
#openid_enabled_link:hover { background-color: #CF5117; color:#000;}

#openid_text {
	display:block; position:absolute; top:-70px; left:173px;
	background:url(images/spbubble220.gif) no-repeat;
	padding: 22px 16px 0 57px; width:164px; height:156px;
	font-family:verdana,helvetica,sans; color:#333333;font-size:11px;line-height:1.4;
}
#openid_text a:first-child { display:block; margin-top: 1.2em; }
#openid_text a { color:#F16322; }



/**
 *	footer
 */
 
#footer {
margin-top: 1em;
padding: 1em 0;
background: #050505;
border-top:1px solid #1B2023;
}
#footer-wrap {
	width: 900px;
	margin: 1em auto 2em;
	position: relative;
	overflow: auto;
	height: 40px;
}

#footer-current {
	margin-bottom: 1em;
	position: relative;
	overflow: auto;
	display:none;
}
.footer-item { float:left; width: 300px; }
#footer-meta { float:left; color: #475761; font-style:italic;}
#theme-link a { color:#475D7F; }

#copyright {
	float: left;
	margin-right: 1em;
	color: #475761;
}
div#footer-nav ul a{font-weight:normal;text-decoration:none;}
div#footer-nav ul {}
div#footer-nav ul li{margin-right:0.5em; float: left; padding:2px 0.5em 0px 0; border-right: 1px solid #555;}
div#footer-nav ul li a{text-decoration:none; color:#b55e10; text-transform: none;}
div#footer-nav ul li a:hover {color: #e47009;}
div#footer-nav {float:right; margin-right:220px;}

#footer-search {right:0; position:absolute; width:216px; clear:right;}
#footer-search h3 {float:left; font-size:100%; display:none;}
#footer-search form {float:left;}
#footer-searchform .submit-button { border:none; background:none; padding:0; }

#footer-searchform .text-input { border: 1px solid #242C31; vertical-align: top; width:188px; }





/** 
 *	special page: archives
 */
 
#container.archives {}
#container.archives #content h2.entry-title { margin-left:0; color:#909BA2; font-size:246%; padding-left:0;}
#container.archives #content { width:900px; margin-left:0;}
#archives-page {
	list-style: none;
	overflow:auto;
	margin-left: 20px;
}
#archives-page li {float:left; width:220px;}
#archives-page li li {float:none; width:auto;} 

#archives-page h3 {
	font-weight: 	normal;
	margin: 		0.5em 0 1.25em 0;
	letter-spacing: -1px;
	background:		url(images/heading_line.gif) no-repeat center bottom;
	padding-bottom: 2px;
	color: #5c5c4f;
	font-size: 167%;
	text-transform: uppercase;
}
#archives-page a { color:#344c5e; }
#archives-page span.meta-postcount { color:#545454; }
#archives-page li { line-height: 1.25; }

#category-archives li { color:#545454; }
#category-archives ul { list-style:none; margin-left:0; }
#category-archives a { width:130px; }

#category-archives a, #monthly-archives ul ul a { border-bottom:1px dotted #1E1E27; display:block; float:left;}

/** archive monthyear list **/
#monthly-archives {}
#monthly-archives ul { list-style:none; }
#monthly-archives ul.years { margin-left:0; margin-top:1em; }
#monthly-archives ul.years ul { margin-left:4em; border-left: 1px solid #333; padding-left: 12px; padding-bottom:1em;}
#monthly-archives ul ul a { width: 80px; }

#monthly-archives ul.years li { margin: 0; }
#monthly-archives ul.years li li { margin:0; padding:0.2em 0 0.35em; }

#monthly-archives ul.years a { position: absolute; font-size:153.9%;}
#monthly-archives ul.years li li a { position: relative; border-right:none; font-size:108%;}

#monthly-archives ul.years span { display: none; }
#monthly-archives ul.years li li span { display: inline; }

/** tags **/
#tag-archives ul { margin-left:0; list-style:none;}
#tag-archives li { padding-left:16px; background:url(images/icon_comment_stop.gif) no-repeat 0 4px; }

/** links archive **/
#links-archives ul {
	list-style:none;
	margin-left: 0;
}
#links-archives h4 {
	margin-bottom:0; font-size:138.5%;
}



/**
 * contact / about
 */
 
#hire p { line-height: 1.7; }

.timeline { margin-left:-130px; margin-bottom:2em; margin-top:2em; }

#content .timeline h3, #content .timeline h4 { margin-left:130px; }
#content .timeline h3 { margin-top:1em; }

.timeline h5 {
	float:left;
	width:122px;
	text-align:right;
	color:#fff;
	/* margin-left:-125px; */
}

.timeline p {
	margin: 0 0 0 130px;
	border-left: 2px solid #323F5C;
	padding: 0 0 1em 10px;
}

/* for those right aligned images */
#content .alignright.wp-caption { margin-left:15px; margin-bottom:15px; }
#content .wp-caption { padding-left:1px; padding-top:5px; background-color:#1E242E; border:1px solid #32353A; }
#content .wp-caption img { margin-left:5px; }
p.wp-caption-text { margin:0.3em 0 0.6em; font-size:93%; text-align:center; }

/** sandbox rules **/
div#access div.skip-link{position:absolute;top:1em;right:1em;display:none;}

.entry-title{clear:both;}
div#nav-above,div#nav-below{width:100%;height:1em;}
div#nav-above{margin-bottom:1em;}
div#nav-below{margin-top:1em;margin-bottom:1em;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}

/* New gallery feature styles; Can't use div.attachment because shortcodes can link to galleries in other posts */
div.gallery{clear:both;float:left;width:100%;}
div.gallery dl{float:left;text-align:center;}
div.gallery dl dt{margin:0;}
div.gallery dl dd{margin-left:0;}
div.entry-attachment,div.entry-caption{text-align:center;}
div.entry-attachment img,div#nav-images div img{overflow:hidden;}
body.attachment div#nav-images{clear:both;width:100%;}
body.attachment div#nav-images div{padding:1em 0;width:50%;}
body.attachment div#nav-images div.nav-previous{text-align:left;}
body.attachment div#nav-images div.nav-next{text-align:right;}
body.attachment div.entry-meta,body.attachment div#comments{clear:both;}