/*
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:
*/

@import url('master.css');
html {font-size:100.01%} /* em Hack */

body { background:#fff url(images/bgtile.jpg) center center repeat-y; color: #333333 }
#wrapper { width:60em; margin:0 auto; background:#fff; margin-top:-49px}



div#container { float: left; width:60em; background:url(images/tile.gif)  32.5em 0 repeat-y; }
div#content { margin: 0 0; float:left; width:32.5em; min-height:800px;  }
* html div#content { height:800px}
div.sidebar { float: left;  }
div#sb-a {overflow: hidden; width: 13.5em; border-right:1px solid #eee }
div#sb-b {overflow: hidden; width: 13.75em;}
div#sb-c {overflow: hidden; width: 11.25em;}



div#primary {}
* html div#primary { left: 1.25em;  position: relative;}
div#secondary { margin: 0 0 0 0; }
div#footer { clear: both; }


/* Just some example content */
div#header{text-align:left;  height:200px;background:#fff  url(images/header.jpg) bottom center no-repeat; }
div.header-pos { width:960px; margin:0 auto;}
div.header-set { position:absolute}
div.header-set #blog-title {  margin:0; padding:0; text-indent:-9999px; position:relative; display:none}
div.header-set #blog-description {top:114px; left:148px;position:relative; padding:0px; margin:0; color:#666666; font-size:0.6125em}
div.header-set .blog-who { top:0px; left:530px; width:420px; font-size:0.75em; position:relative; color:#666666; margin-top:15px}
div.header-set .blog-who a { color:#21AD94; font-weight:700}
div.header-set .blog-who b{ color:#000}
div.header-set .blog-who img{ float: right; margin:0 0 0px 4px }


div#access div.skip-link{position:absolute;top:1em;right:1em;}
div#menu{font-size:0.75em;height:3.3em; background:url(images/nav.gif) bottom left repeat-x; border-bottom:1px solid #aaa;}


div#menu ul{list-style:none;margin:0;padding:0;}

div#menu ul li{float:left; line-height:1em;background: url(images/nav-sep.gif) right center no-repeat;list-style:none;margin:0;padding:0;}

div#menu ul li.alt { float:right; background:none; padding-top:2px; line-height:0.9em}
div#menu ul li:hover{ background:#65C6B5 url(images/nav-hover.gif) bottom repeat-x;}
div#menu ul li.alt:hover {  background:none; }

div#menu ul li.current_page_item { background:#65C6B5 url(images/nav-hover.gif) bottom repeat-x;}
div#menu ul li.current_page_item  a { color:#fff; }
div#menu ul li a{padding:0.3em 1em; line-height:3.3em; text-decoration:100px; color:#333333; text-decoration:none}
div#menu ul li.alt a { padding:0; background:none}


div#menu ul li:hover a{color:#333;}
div#menu ul li.alt:hover a{color:none; background:none}

div#menu ul ul{display:none;list-style:none;margin:0;padding:0;}
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;}

.hentry {padding: 0 0.625em;  font-size:0.75em; background: #fff url(images/tilev.gif) repeat-x bottom}
.single .hentry { background:none}

.entry-title{clear:both; font-family:Georgia, "Times New Roman", Times, serif;  line-height:2em;background:#eee;padding:0 0.3125em;  }
.entry-title a:link,  .entry-title a:visited { }

h2.entry-title { font-size:2em;margin-top: 0.5em}
h3.entry-title { font-size:1.5em;margin-top: 0.5em}

.page h2.entry-title { border-bottom:#65C6B5 2px solid;margin-bottom:0.625em; }
.page .hentry { background:none}

.entry-content { line-height:1.5em}
#content .entry-content img{ margin: 0px auto; display:block; margin: 10px; padding:10px; border:1px solid #ccc; background:#eee}
.entry-content h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; line-height:2em; border-bottom:1px dashed #999} 

.page-title { font-family:Georgia, "Times New Roman"; text-align:center; background:#333 url(images/title-back.jpg) center center; color:#fff}
.page-title span {color: #21AD94}

.entry-date { font-size:0.75em; margin-bottom:2em; padding:0 0.625em; color:#999; line-height:1.5em;background:#ddd; border-bottom:#65C6B5 2px solid}
.entry-date abbr { border:0}

.entry-meta { font-size:0.75em; color:#999999; border-top: 1px #eee solid; line-height:1.5em; padding:1.25em; }
.single  .entry-meta { padding:10px 0 10px 0; margin-bottom:10px; border-bottom:5px solid #65C6B5}

.archive-meta { padding:0.625em}
.archive-meta p{ padding:0}

.error404 { min-height:800px}
* html .error404  { min-height:800px}

.clear { clear:both}


.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}

a:link, a:visited { color: #21AD94; text-decoration:none; font-weight:100}
a:hover, a:active { color: #65C6B5; text-decoration:underline; font-weight:100}
.content a:link,.content a:visited { color: #1C3835; text-decoration:none; font-weight:700}
.content a:hover, .content a:active { color: #65C6B5; text-decoration:underline; font-weight:700}

.nav-next { margin:0 5px 0 0;}
.nav-previous { margin:0 0 0 5px; }
.nav-previous ,.nav-next {background:#21AD94; width:46%;  margin-bottom:10px}
.nav-title {font-size:12px; font-weight:700; margin:5px 5px 10px 5px}
.meta-nav { font-size:10px; color:#FFFFFF; text-align:right; border-top:1px solid #65C6B5; margin:5px 5px 5px 5px}


blockquote { border-left:0.3125em solid #65C6B5; color:#666; font-size:0.9em}

/*Commenting*/
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{background:#fff;color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}

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

#comments { font-size:0.9em}
#comments h3 { background:url(images/title-back.jpg) center center; margin-bottom:0.5em; padding: 1em 0; font-weight:100; font-family:Georgia, "Times New Roman", Times, serif; color:#fff; text-align:center; font-size:1.5em}
#comments h3 span { color:#65C6B5}
#comments-list ol { padding-left:78px}
#comments-list ol li{margin:0 0 2em;  list-style:none; background:#eee; border-bottom:2px solid #65C6B5; position:relative}
#comments-list ol li p { padding:10px}
#comments-list ol li .comment-meta { font-size:0.75em; line-height:1.5em; background:#ddd; padding:0px 10px; color:#aaa}
#comments-list ol li .comment-meta a { color: #666;}
#comments-list ol li .comment-author { position:absolute; left:-70px}

#trackbacks-list ol { padding:0.5em}
#trackbacks-list ol li{ font-size:0.6em; list-style:none; margin-bottom:0.5em; padding-bottom:0.5em; border-bottom:1px solid #eee}
#trackbacks-list ol li a { color:#444}

.formcontainer { padding:10px}
.formcontainer input, .formcontainer textarea{ border:1px solid #ccc; background:#eee;}


/* Sidebar Tweaks*/
div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}
div.sidebar h3{font-size:1.5em; line-height:1.5em; color:#21AD94; margin-bottom:0.3125em; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; border-bottom:#1C3835 solid 1px}
div.sidebar input#s{width:10em;}
div.sidebar li{list-style:none;margin:0 1em 1em; font-size:0.75em }
div.sidebar li li{list-style:none;margin:0 1em 1em; font-size:1em }
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 0em;}
div.sidebar ul ul li{list-style:none;margin:0;  line-height:2em; border-bottom:1px #eee solid}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:circle;}

div#footer{text-align:center; background:#333; padding:10px; font-size:0.7em; color:#999999}
div#footer a { color:#CCCCCC;}



.ad-block { float:right; width:27.5em; border-bottom:#aaa solid 1px; background:#ccc url(images/tile2.gif) left repeat-y; margin-bottom:0.625em  }
.ad-block img { margin:0.625em 0 0.625em 1em;}

/* sidebar search*/

.text-input { border:2px #21AD94 solid; padding:0.125em; font-size:14px; }
.submit-button { background:#21AD94; color:#FFFFFF; border:0; padding:0.1875em; font-size:14px}
* html .submit-button {padding: 0.0625em 0.125em 0.125em}

/* 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;}

/* Slider */

.feature { float:right; height:300px; width:27.5em; border-bottom:#aaa solid 1px; background:#157a8c url(images/feat.gif) center   }

.feature a { color:#FFFFFF}
.feature h2  { font-size:22px; border-bottom:1px solid #65C6B5; padding:0; background:none}
.feature .entry-content { padding:10px 0; font-size:0.8em; color:#FFFFFF}
.feature .read-more  { background:#333; color:#CCCCCC; font-size:11px; padding:5px 5px }
.feature .read-more a { color:#fff}
.more-link a { background:#333; color:#CCCCCC; font-size:0.6em; padding:5px 5px }

.feature .thumb { float:right; margin:0px 0px 5px 5px}

.flickrstream {height:230px;}
.flickrstream h2{ font-size:18px; padding: 0 0 5px; margin: 0 0 5px; border-bottom:1px dashed #ccc; color:#eee}
.flickrstream img { margin:5px; border:1px solid #ccc; background:#eee; padding:5px;}

#slider {  width: 330px;  margin: 0 auto;  position: relative;}

.scroll {  height: 270px; margin:15px 0px;    width: 330px;  overflow: auto;  position: relative; /* fix for IE to respect overflow */clear: left;}
* html .scroll {    width: 330px; }

.scrollContainer div.panel { padding: 0 10px; height: 200px; width: 300px; /* change to 560px if not using JS to remove rh.scroll */}

.scrollButtons {  position: absolute;  top: 112px;  cursor: pointer; }
.scrollButtons.left {  left: -48px;}
.scrollButtons.right {  right: -48px; }

/*lifestream*/