/*
Ok, warning time: this is loosely based on the excellent "sandbox" theme, but it's gone through several 
rounds of modification, accumulating more cruft each time.  It is a huge, huge mess.

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
VERSION: 1.6
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/
/* CSS RESET */
html,body,div,span,applet,object,iframe,h1,h2,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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;
font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
/* END CSS RESET */

/* whole page styles */ 

blockquote {
display:block;
margin: 1em;
padding:.5em;
border: 1px dashed #ccc;
}

a:link, a:visited {
text-decoration:none;
color: #4096ee;
}
a:hover, a:active  {
background:#4096ee;
color:#fff;
}


h1 { font-size:2em; font-weight:bold; }
h2 { font-size:1.5em; font-weight:bold; margin-top:.5em;}
h3 { font-size:1.1em; font-weight:bold; margin-top:1em;}
h4 { font-size:1em; font-weight:bold; margin-top:.5em;}
h5 { font-size:1em; font-weight:bold; margin-top:.5em;}
h6 { font-size:1em; font-weight:bold; margin-top:.5em;}

em { font-style: italic; }
strong {font-weight:bold; }

p {margin-bottom:1em;}

html{
}
body {
	line-height:1.5;
	margin:0;
	background:#fff;
	border-bottom:2px solid #555;
	font-family: helvetica, arial, sans-serif;
	background:#fff;
	}
#wrapper{
padding-top:1em;
width:64em;
margin:0 auto;
}
#container{
}
code {
display:block;
font-family:monospace;
margin: 1em;
padding:.5em;
background:#eee;
}
code strong {
}
div#content {
float:left;
width:47em;
margin-left:6em;
margin-bottom:5em;
min-height:800px;

}


	
/* single-post page only */

body.single #post-links a {
	line-height:2.5;
	}
body.single span.entry-title {
font-weight:bold;
margin-left:.5em;
}


body.single div.post{
margin-bottom:0;
}


/* posts */
div.post, div.page {
margin-top:4em;
border-bottom:1px solid #ddd;
padding-bottom:2em;
}
body.blog div.post{
margin-bottom:8em;
}

	
	
	
/***************************************************************************************************
Navigation
***************************************************************************************************/

div#access {
width:8em;
float:left;
clear:left;
margin-top:4em;
}
div#menu a:link, div#menu a:visited {
color:#555;
}
div#menu a:hover, div#menu a:active {
color:#fff;
}
#menu h3 {
text-align:right;
}
#menu h3 a {
padding-right:.5em;
display:block;
}

#menu ul {
width:100%;
margin:0;
}


div#menu ul li{
float:left;
clear:both;
width:100%;
margin:.1em 0;
text-align:right;
}

div#menu ul li.blog{
margin-top:1em;
display:none;
}
div#menu ul a {
text-align:right;
padding:.1em 6% 0 4%;
margin:0;
}
/*
#menu ul a:hover {text-decoration:none;}
#menu ul a.code:hover {background:#BF3604; color:#fff;}
#menu ul a.research:hover {background:#A44BA6; color:#fff;}
#menu ul a.art:hover {background:#9CD918; color:#fff;}
#menu ul a.life:hover {background:#035AA6; color:#fff;}
#menu ul a.contact:hover {background:#F28C0F; color:#fff;}
*/

#menu div.home{
overflow:hidden;
}
#menu div.home h3 {
display:none;
}
#menu div.blog {
overflow:hidden;
margin-top:1em;

}

#menu div.blog ul li{
margin-top:.1em;
}




/*************  nav that deals with blog  ***********************/
#cats ul {
font-size:.9em;
overflow:hidden;
text-align:left;
margin-top:1em;
line-height:1.3;
}

#menu li#cats ul li {
margin:0.2em 0 0 0.2em;
text-align:right;
width: 93%;  /* hack! */
color:#999;
}
#menu li#cats ul li a:hover:parent {
color:#4096ee;
}
#menu #cats.active ul {
display:block;
}
#menu #cats.active #show-cats {
background:#555;
color:#fff;
}
#menu #cats ul a {
padding:0.2em 0.5em 0;
}

#menu #subscribe a {
	padding:0 20px 0 0;
	margin:.2em .5em 0 0;
	}	
#menu #subscribe a:link {
	background-position:100% 0;
	background:url(./images/grey-rss.png) no-repeat 100% 0;
}
#menu #subscribe a:visited {
	background-position:100% 0;
	background:url(./images/grey-rss.png) no-repeat 100% 0;
}	
#menu #subscribe a:hover {
color:#F28C0F;
background-position:100% -33px;
}

#menu #searchform{
	padding:0;
	width:100%;
	}		
#menu #searchform label{
	float:left;
	text-align:left;
	text-indent:-9999px;
	width:1px;
	height:1px;
	}		
#menu #searchform input {
border:none;
font-size:1.05em;
color:#555;
padding-right:.5em;
float:right;
text-align:right;
width:100%
}
#menu #searchform input:hover {
background:#4096ee;
color:#fff;
cursor:pointer;
}

 #menu #searchform input:focus {
border:1px solid #ddd;
text-decoration:none;
color:#000;
}
 #menu #searchform input:focus:hover {
 cursor: text;
 }

#menu #site-controls {
	float:right;
	}

	
	
	
	
	
	
/*************************** posts and comments *******************************/
.entry-title,.entry-meta {
clear:both;
}
h2.entry-title {
font-size:1.2em;
margin-bottom:1.5em;
}
h2.entry-title a {
color:#4096ee;
padding:0 .1em;
}
h2.entry-title a:hover {
background:#4096ee;
color:#fff;
text-decoration:none;
}
.entry-meta{
text-align:right;
line-height:.5;
color:#888;
}
.entry-meta abbr.published {
	border-bottom:none;
	}
#nav-below{
text-align:right;
margin-top:.5em;
}
#comments {
color:#555;
}
#comments h3{
margin-bottom:2em;
font-size:1.5em;
}
form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
font-size:.8em;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
width: 60%;
}

div.comments ol li.comment {
margin:0 0 3.5em;
}
div.comment-author img {
float:left;
margin:4px 9px 0 0;
}
li.comment ul li, div.entry-content ul li {
list-style-type:circle;
}
li.comment ol li, div.entry-content ol li {
list-style-type:decimal;
}
li.comment ul, li.comment ol, div.entry-content ol, div.entry-content ul {
margin: .5em 0 1em 2.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:5px 10px 10px 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}


/************ header *******************/
#header h1 a{
background:transparent url(./images/logo.png) no-repeat scroll 0 0;
color:#4096EE;
float:left;
height:49px;
margin:0 .5em 0 1em;
text-indent:-9999em;
width:252px;
}
#header h1 a:hover, #header h1 a:active{
background-position:0 -62px;
}

#header h1 a:hover {
}
#header2 {
border-bottom:1px dotted #4096ee;
padding-bottom:20px;
width:61em;
clear:none;

}
#header2 h2 a {
color:#4096ee;
padding: 0 .2em 0 0;
margin: 0 .4em 0 0;
}
#header2 h2 a:hover,  body.single #header2 h2 a:hover {
color:#fff;
}


#header2  h2{
margin: 16px 0 0 260px;
border:none;
line-height:1;
font-size:1.4em;
color:#555;
}

#header2 h2 span.tagline{
font-weight:normal;
}

	


/*************** footer ******************/
#footer {
	clear:both;
	text-align:center;
	padding:.9em;
	color:#fff;
	background:#4096ee;
}	
#footer a {
color:#fff;
text-decoration:underline;
}
#footer a:hover, #footer a:active {
background:#fff;
color:#4096ee;
text-decoration:none;
}
















/*************** blog pages *************************/
a.blog {
font-weight:bold;
}
h2 {
margin-bottom:.5em;
}

h2 a.blog {
color:#000;
}


div.blog h3 {
display:none;
}






/***************************************************************************************************
 just for the homepage 
 **************************************************************************************************/
 
 /******* navigation on the homepage ****************/
 body.page-template-homepage-php ul#homepage-nav {display:block;margin-bottom:7em;}
 

body.page-template-homepage-php div#menu div.blog h3 a:hover{
}
body.page-template-homepage-php div#menu div.home h3 {
display:none;
}
body.page-template-homepage-php div#menu div.blog {
overflow:hidden;
}
body.page div.blog ul.tools {
display:none;
}
body.page-template-homepage-php a.blog {
color:#555;
background:#fff;
}
body.page-template-homepage-php div.blog  h3{
display:block;
}
body.page-template-homepage-php #menu span.desc {
display:none;
}


body.page-template-homepage-php h2 {
margin:0 0 .5em -.1em;
line-height:.7;
color:#777;
}
body.page div#menu ul li.blog{
display:inline;
}

body.page-template-homepage-php #content h2 {
border-bottom:1px solid #ddd;
padding-bottom:.2em;
}
body.page-template-homepage-php #content div {
padding-bottom:5em;
}

body.page-template-homepage-php #code ul {
margin-left:1em;
}
body.page-template-homepage-php div#menu a#link-to-blog {
}

body.page-template-homepage-php #content {margin-top:4em;}
body.page-template-homepage-php #link-to-homepage {display:none;}


body.page-template-homepage-php #code h2,
body.page-template-homepage-php #research h2,
body.page-template-homepage-php #art h2,
body.page-template-homepage-php #life h2 {
text-indent:-9999em;
font-size:2em;
}

body.page-template-homepage-php #code h2 {
background:url(./images/code.png) no-repeat;
}

body.page-template-homepage-php #research h2 {
background:url(./images/research.png) no-repeat;
}

body.page-template-homepage-php #art h2 {
background:url(./images/art.png) no-repeat;
}

body.page-template-homepage-php #life h2 {
background:url(./images/life.png) no-repeat;
}


#contact {
padding-bottom:4em;
}

/*************** the gallery on the homepage *************************/
body.page-template-homepage-php #art img{
margin:10px 20px 20px 0px;
padding:1px;
border:1px solid #ddd;
}
body.page-template-homepage-php #gal-wrapper{
margin:1em 0 0 -.1em;
overflow:hidden;
}
body.page-template-homepage-php #art ul li {
float:left;

}

/*************** the search page *************************/
body.search-results div.page {
margin-top: 5em;
}


/*************** other pages *************************/
div.page {
margin-top:4em;
}


/***************all pages except the homepage *************************/
div#menu a#link-to-blog {
}
ul#homepage-nav {display:none;}




/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-nav-btnNext:hover { 
	right:-50px;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}