/* @group Sandbox Defaults */

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


/* Just some example content */

div#menu {
height:1.5em;
margin: 0 0 1em 0;
}

div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
}

div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

/*div#menu ul li:hover ul {
left:0px;
}*/

.entry-title,.entry-meta {
clear:both;
}

div#container,div#primary {
margin-top:2em;
}
#primary li {
  padding: 0;
  background-image: none;
}
form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

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

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

div.comments ol li {
margin:0 0 3.5em;
}

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

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

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 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;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
  margin: 0 0 15px;
}

div#nav-below {
margin: 2em 0 2em;
padding: 2em 0 0 0;
border-top:1px dotted #E9E4D8;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

div#header,div#footer {
text-align:center;
}

input#author,input#email,input#url,div.navigation div {
width:40%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}



/* @end */








/* @group Base Styles */





/* @group Reset */

/* This area resets many existing styles that browsers have, and makes the whole stylesheet easier to work with */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
table{border-collapse:separate;border-spacing:0}
caption, th, td{text-align:left;font-weight:normal}
table, td, th{vertical-align:middle}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:"" ""}
a img{border:none}
iframe{margin: 12px 0}
img { -ms-interpolation-mode:bicubic; }

/* @end */








/* @group Utility */

/* Here, we're defining utility styles, like clearfix, that are useful and re-useable */

*{margin:0; padding:0}
a img, frameset{border:0}
.clearfix:after, #wrapper:after, .entry-meta:after, div#nav-above:after, div#nav-below:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clear{clear:both}
.left{float:left}
img.left{margin:0 16px 16px 0}
.right{float:right}
img.right{margin:0 0 16px 16px}
.hide{display:none}

/* @end */







/* @group Text Base */

/* Here, we're setting the basic font styles and sizes for the site */

body{font-size:62.5%;line-height: 2em;text-align:center;}
textarea{font-family:"Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif; font-size:12px}
h1, h2 {color:#111;font-weight: 700;font-family: Arial, Helvetica Bold, Helvetica, sans-serif;}
h3, h4, h5, h6 {color:#111;font-weight: 700;font-family: Arial Bold, Arial, Helvetica Bold, Helvetica, sans-serif;}
h2 {
  font-size: 2.8em;
  margin-bottom: .8em;
}
h2 a {
  color: #2d1f19;
  border-bottom: none;
  font-weight: normal;
  display: block;
}
h2 a:hover{
  font-weight: normal;
  color: #8c3a27;
  border-bottom: none;
}
h2 a span{
  background: url(../images/bg-h2-span.png) 0 30px no-repeat;
}
h3{
    font-size: 1.8em;
	margin: 0 0 .5em 0;
	line-height: 1.7em;
}
h3, h3 a {
	font-weight: normal;
}
h4{ 
	font-size:16px;
	color: #95b9be;
	margin: 0 0 .5em 0;
}
h4 a {text-decoration: none}
h4 a:hover{text-decoration: underline}
h5{font-size:1.4em;margin-bottom:.5em; color: #e46831;}
h6{font-size:1em;font-weight:bold}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{margin:0}
p{margin:0 0 .8em}
p img{margin:0.5em 0 }
p img.right{float:right;margin:0 0 1.5em 1.5em}
p.center{ text-align: center; }
a:focus, a:hover{color:#000}
a{color:#009;text-decoration:underline}
blockquote{margin:1.5em;color:#666;font-style:italic}
strong{font-weight:bold}
em, dfn{font-style:italic}
dfn{font-weight:bold}
sup, sub{line-height:0}
abbr, acronym{border-bottom:none;}
address{margin:0 0 1.5em;font-style:italic}
del{color:#666}
pre, code{margin:1.5em 0;white-space:pre}
pre, code, tt{font:1em 'andale mono', 'lucida console', monospace;line-height:1.5}
li ul, li ol{margin:0 1.5em}
ul{margin: 0 0 1.5em 3em}
ol{list-style-type:decimal; margin:0 0 1.5em 3em }
ul li, ol li{ margin: 0 0 .5em 0; }
dl{margin:0 0 1.5em 0}
dl dt{font-weight:bold}
dd{margin-left:1.5em}s
table{margin-bottom:1.4em;width:100%}
th, td{padding:4px 10px 4px 5px; border-bottom:1px solid #e3edef}
th{font-weight:bold;background:#c7e5ec; border-bottom:1px solid #b8d7de}
tr.even td{background:#E5ECF9}
caption{background:#eee}
.small{font-size:.8em;margin-bottom:1.875em;line-height:1.875em}
.large{font-size:1.2em;line-height:2.5em;margin-bottom:1.25em}

hr, div.hr{color:#ddd;clear:both;float:none;width:100%;height:1px;margin:10px 5px 20px 5px;border:none;border-top: 1px solid #CCC;}
div.hr hr{display:none}
hr.invisible, div.invisible{height: 1px;margin: 10px 0;background: none;}

/* Place this style on an HR and images will flow over it naturally */
hr.no-clear{ clear: none !important; }



/* @end */



/* @group Links */

/* There are the standard colors and styles for links */
a{color:#a35442;border-bottom: dotted 1px #e9e4d8; font-weight: bold; text-decoration: none;}
a:focus, a:hover{color: #8c3a27; border-bottom: solid transparent 1px; }
a:active{color:#8c3a27}

/* This line reduces the weird "dotted-border" issue Phark produces in Firefox */
a[class], a[id]{outline:none}

/* @end */



/* @group Buttons and Button-Style Links */
a:hover img {
  opacity: .8;
  position: relative;
  top: -1px;
}
a:active img {
  position: relative;
  top: 1px;
}
button::-moz-focus-inner { border: 0; }
/* @end */







/* @group Forms */

/* Forms with tighter styles use a UL container, with individual inputs and labels inside LIs */
.cform { width: auto; }
.cform .single, .cform .area { width: 460px; margin-left: 20px;}
.cform .area { height: 50px; }
.cform label { display: block; float: none; width: auto; text-align: left; padding: 0 60px 5px 0; }
.cform label span { display: block; width: auto; }
.cform ol li { position: relative; padding: 0 0 10px 0;}
.cform span.reqtxt { position: absolute; color: red; top: -5px;  text-align: right; width: 50px; left: 375px;}
.cform ol li.textonly { text-align: left; background-color: #FFF; letter-spacing: 0; border-bottom: 1px solid #CCC; margin: 15px 0 5px 0  }

label{font-weight:bold;}
fieldset{padding:1.4em;margin:0 0 1.5em 0}
legend{font-weight:bold;font-size:1.2em;}
input{ margin-right: 10px; }
textarea{height:250px;padding:5px;}
.error, .notice, .success{padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice{background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success{background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a{color:#8a1f11;}
.notice a{color:#514721;}
.success a{color:#264409;}
fieldset li{ background-image: none; padding: 6px 12px; overflow: hidden; zoom:1; }
fieldset li label{ width: 140px; float: left;}
fieldset li input.text, fieldset li textarea{ border: 0px; width: 315px; float: left; background: url(../images/bg-text.png) top left no-repeat; padding: 4px;}
fieldset li input.text:focus, fieldset li textarea:focus{ background: url(../images/bg-text.png) 0 -500px no-repeat; padding: 4px;}
fieldset li.checkbox label{ float: none}
fieldset li.button, fieldset li.checkbox, fieldset li.indent{ padding-left: 152px;}
.avatar {
  display: none;
}
/* @end */

/* @end */

/* @group Type */

#footer p, #primary li, #primary .recentcomments a.url, h2, h3, .entry-title abbr {
  font-family: Baskerville, Baskerville Old Face, Bookman Old Style, Garamond, Hoefler Text, Constantia, Caliston MT, Palatino, Palatino Linotype, Book Antiqua, Georgia, Times, serif;
  font-weight: normal;
}
.entry-meta strong, #primary h3, label, input#submit  {
  font-family: Futura, Function, Futura Std, Franklin Gothic Medium, Gadget, "20th Century MT", Tw Cen MT, Century Gothic, Arial Black, Arial, sans-serif;
  font-weight: bold;
  letter-spacing: .3em;
  color: #a35442;
  text-transform: uppercase;
  font-size: .9em;
  font-style: normal;
}
#primary .recentcomments a, #primary .textwidget {
  font-family:"Lucida Sans",Calibri,"Lucida Sans Unicode",Verdana,sans-serif;
}

/* @end */


/* @group Repeat Styles */

input.text, textarea#comment {
  background-color: #fdf2dd;
  border: 3px double #6d5c59;
  padding: 5px;
  }
/* @end */






/* @group Structural Elements */


/* Here's where we set the basics of the site: The body, wrappers, title div, and etc */
body{ color:#3e2622;font-family:"Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif; }
#wrapper { font-size: 1.1em; line-height: 2em; text-align: left; width: 975px; margin: 0 auto; text-align:left;}
#container {
  width: 575px;
  padding: 0 55px 55px 120px;
  float: left;
}
/* @end */






/* @group Header */

#header {
	height: 170px;
	background: #301612 url(../images/bg-header.jpg) top center no-repeat;
	margin-bottom: 60px;
	padding: 35px 0 0 0;
}
#blog-title a{
  display: block;
  height: 146px;
  background: url(../images/logo.png) no-repeat center center;
  text-indent: -9999px;
  outline: none;
  border: none;
}
#blog-description {
 font-family: Courier New, Courier, Lucida Console;
 color: #e8cc90;
 letter-spacing: 2px;
 font-size: .95em;
 text-transform: uppercase;
}

/* @end */


/* @group Footer */

#footer {
	clear: both;
	background-color: #e9e4d8;
	height: 229px;
	text-align: center;
}

#footer p {
  font-style: italic;
  width: 575px;
  margin: 0 auto;
  padding: 20px 200px;
  font-size: 2.1em;
  line-height: 2em;
}

/* @end */




/* @group Sidebar */

#primary {
  width: 155px;
  float: left;
  text-align: center;
}
#primary ul, #primary li {
  margin: 0;
  list-style: none;
}
#primary li {
  margin: 0 0 4.5em 0;
}
#primary li li {
  font-style: italic;
  margin: 0 0 .1em 0;
  font-size: 1.5em;
  line-height: 2em;
}
#primary li a{
  font-weight: normal;
  color: #3e2622;
}
#primary li a:hover{
  font-weight: normal;
  color: #8c3a27;
}
#primary input.button {
  display: none;
}
#primary input.text {
  width: 147px;
  height: 14px;
  margin: .5em 0 0 0;
}
#primary .recentcomments a {
  font-size: 11px;
  display: block !important;
  color:#a35442;
  font-weight: bold; 
  text-decoration: none;
  font-style:normal;
  padding: 0;
  line-height: 22px;
}
#primary .recentcomments a:hover {
  font-weight: bold; 
}
#primary .recentcomments a.url {
  font-size: 1em;
  display: inline !important;
  line-height: 2em;
  margin: 0 0 .25em 0;
  font-style: italic;
  font-weight: normal;
  color: #3e2622;
  line-height:33px
}
#primary .recentcomments {
  margin: 0 0 25px 0;
  padding: 0;
}

#primary .textwidget {
  font-size: 11px;
  display: block !important;
  font-weight: normal; 
  letter-spacing: normal;
  font-size-adjust: normal;
}
/* @end */


/* @group Post Elements */
.post {
  margin-bottom: 60px;
}
.entry-meta {
  padding: 2px 0;
  border-top: 1px solid #472f2b;
  border-bottom: 1px solid #472f2b; 
}
.entry-meta span {
 float: left;
 display: block;
 text-align: center;
 border-right: 1px solid #472f2b;
 padding: 5px 5px;
 font-weight: bold;
}
.entry-meta .tag-links, .entry-meta .meta-sep {
  display: none;
}
.entry-meta span, .entry-meta span a {
 font-family: Courier New, Courier, Lucida Console;
 color: #2d1f19;
 letter-spacing: 2px;
 font-size: .95em;
 border-bottom: none;
}
.entry-meta strong{
  display: block;
  text-align: center;
  margin-bottom: -4px;
}
.entry-meta .date {
  width: 35px;
}
.entry-meta .author, .entry-meta .cat-links, .entry-meta .comments-link {
  width: 165px;
}
.entry-meta .comments-link {
  border-right: none;
  padding-right: none;
  width:160px
}
.entry-title abbr {
  border: none;
  color: #E9E4D8;
  font-style: italic;
}
.entry-title:hover abbr {
  border: none;
  color: #222222;
}
/* @end */


/* @group Comments */
input#submit {
  border: 1px solid #472f2b;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px; 
  background-color: #533a36;
  cursor: pointer;
  color: #FFF;
  padding: 6px;
}
input#submit:hover {
  background-color: #472f2b;
}
.form-textarea {
  margin: 0 0 10px 0;
}

/* @end */