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

/* Two-column with sidebar on left from the /examples/ folder  */
html { font-family: 'Helvetica Neue','Arial','tahoma','Thonburi',sans-serif; font-size: 14px; }
body { width: 950px; margin: 0 auto; background: #020403 url('images/gradient_bg.jpg') repeat-x; }
div#container { background-color: white; }
div#container .firstpage { padding: 10px 10px 10px 10px; width: 629px; background-color: white; }
div#container .firstpage #hilight { border: 1px solid black; }
div#container .firstpage #hilight .top { font-size: 1.1em; font-weight: normal; padding-left: 5px; padding-bottom: 4px; padding-top: 4px; color: white; background-color: gray; }
div#container .firstpage #hilight .left { float: left; padding: 5px; }
div#container .firstpage #hilight .right { padding-top: 5px; }
div#container .firstpage .cover_tagcloud { padding: 5px; background-color: #c0e5fe; border: 1px solid #2ba8ff; margin: 5px 0px 5px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div#container .firstpage .cover_tagcloud a { color: #363636; }
div#container #listtopic_firstpage {  }
div#container #listtopic_firstpage h2 { font-size: 1.1em; font-weight: normal; padding-left: 5px; padding-bottom: 4px; padding-top: 4px; }
div#container #listtopic_firstpage table { width: 100%; }
div#container #listtopic_firstpage table tr td { padding: 3px; background-color: #cdcdcd; border-bottom: 1px dotted white; }
div#container #listtopic_firstpage table tr td a:link { color: #363636; text-decoration: none; }
div#container #listtopic_firstpage table tr td a:hover { color: #045f8c !important; text-decoration: underline !important; }
div#container #listtopic_firstpage table tr td a:visited { color: #363636; text-decoration: none; }
div#container #listtopic_firstpage table tr th { background-color: #1e1e1e; color: white; font-weight: bold; padding: 3px; text-align: center; }
div#container #listtopic_firstpage .morelink { text-align: right; padding: 10px 0px 0px 0px; }
div#container #listtopic_firstpage .morelink a { text-decoration: none !important; font-size: 1.1em; padding: 3px 5px; border: 1px solid black; background-color: #098cc0; color: white; }
div#container .listcat { padding: 10px 10px 10px 10px; width: 629px; background-color: white; }
div#container .listcat h2 a:link { color: red; text-decoration: underline; }
div#container .listcat h2 a:hover { color: red; text-decoration: underline; }
div#container .listcat h2 a:visited { color: red; text-decoration: underline; }
div#container .viewcontent { padding: 10px 10px 10px 10px; width: 629px; background-color: white; }
div#container .viewcontent .entry-meta { font-size: 0.8em; }
div#content .eachpage { padding: 10px 0px 10px 10px; width: 639px; }
div#content { width: 649px; float: left; padding-top: 2px; border-right: 1px solid #373737; }
div#content .eachpage .entry-content a:link, div#container .viewcontent a:link { text-decoration: underline; color: #1e1e1e; }
div#content .eachpage .entry-content a:hover, div#container .viewcontent a:hover { text-decoration: underline; color: #f7a64b !important; }
div#content .eachpage .entry-content a:visited, div#container .viewcontent a:visited { text-decoration: underline; color: #1e1e1e; }
div#content p { margin-bottom: 1em; }
div#content strong { font-weight: bold; }
div#content ul { margin-bottom: 1em; }
div#content ul li { margin-left: 20px; }
div#content h2 { color: red; padding: 5px; font-weight: bold; font-size: 1.2em; }
div#content .item { background-color: #1e1e1e; padding: 10px; border-bottom: 1px dotted #cdcdcd; color: white; }
div#content .item .thumb { float: left; width: 129px; }
div#content .item .detail { float: left; width: 461px; padding-left: 10px; }
div#content .item .detail h3 a:link { color: white; text-decoration: none; font-size: 1.2em; }
div#content .item .detail h3 a:hover { color: #f7a64b !important; text-decoration: underline !important; font-size: 1.2em; }
div#content .item .detail h3 a:visited { color: white; text-decoration: none; font-size: 1.2em; }
div#content .item .detail .entry-content { margin-bottom: 0.8em; }
div#content .item .detail .entry-date abbr { font-size: 0.8em; }
div#content .item .detail .entry-date span { font-weight: bold; color: #feef6e; }
div#content .item .detail .entry-meta span.tag-links { font-weight: bold; color: #feef6e; }
div#content .item .detail .entry-meta a:link { color: white; text-decoration: none; font-size: 0.9em; }
div#content .item .detail .entry-meta a:hover { color: #f7a64b !important; text-decoration: underline !important; font-size: 0.9em; }
div#content .item .detail .entry-meta a:visited { color: white; text-decoration: none; font-size: 0.9em; }
div#content #nav-below { text-align: right; }
div#content #nav-below .nav-previous { text-align: right; padding: 3px; border: 1px solid #ffcc00; }
div#content #nav-below .nav-next { text-align: right; padding: 3px; }
div#content #nav-below .nav-previous a:link , div#content #nav-below .nav-next a:link { color: black; text-decoration: none; }
div#content #nav-below .nav-previous a:hover , div#content #nav-below .nav-next a:hover { color: black; text-decoration: underline !important; }
div#content #nav-below .nav-previous a:visited , div#content #nav-below .nav-next a:visited { color: black; text-decoration: none; }
div.sidebar { float: left; overflow: hidden; width: 300px; padding-top: 2px; }
.sidebar h1 { font-size: 1.2em; color: #383838; font-weight: bold; padding-left: 5px; padding-bottom: 2px; color: red; }
.sidebar #newproduct, .sidebar #map, .sidebar #creditcard { padding: 10px 10px 0px 10px; }
.sidebar #newproduct .detail {  }
.sidebar #newproduct .detail .item { padding: 5px 6px 5px 6px; margin-bottom: 3px; }
.sidebar #newproduct .detail .item img { float: left; margin-right: 6px; }
.sidebar #newproduct .detail .item p {  }
.sidebar #newproduct .detail .item p a:link { color: white; text-decoration: none; font-size: 1.2em; }
.sidebar #newproduct .detail .item p a:hover { color: white; text-decoration: underline !important; font-size: 1.2em; }
.sidebar #newproduct .detail .item p a:visited { color: white; text-decoration: none; font-size: 1.2em; }
.sidebar #newproduct .detail .odd { background-color: #7c8396; }
.sidebar #newproduct .detail .even { background-color: #098cc0; }
.sidebar #map .detail { text-align: center; font-size: 12px; }
.sidebar #map .detail img { width: 276px; border: 1px solid #373737; margin-bottom: 5px; }
.sidebar #creditcard .detail { text-align: center; padding: 10px 0px 10px 0px; }
div#secondary {
clear:right;
}

div#footer { clear:both; width:100%; background: url('images/gradient_head.jpg') repeat-x; padding: 15px 0px 15px 0px; }

/* Just some example content */
div.skip-link {
position:absolute;
right:1em;
top:1em;
}

div#menu {
background: url('images/gradient_menu.jpg') repeat-x;
height: 27px;
margin: 0px;
width: 100%;
}

div#menu ul li { float: left; height: 22px; padding-top: 5px; padding-bottom: 0px; list-style-type: none; display: block; }
div#menu ul li a { height: 22px; padding: 5px 8px 5px 8px; }
div#menu ul li a:link { text-decoration:none; color: white; }
div#menu ul li a:hover { text-decoration: none; background-color: #00b0c4; }
div#menu ul li a:visited { text-decoration:none; color: white; }
div#menu ul ul ul a {
font-style:italic;
}


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

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-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

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

div.navigation {
height:1.25em;
}

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

div.sidebar h3 {
font-size:1.2em;
}

div.sidebar input#s {
width:7em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

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#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

div#header { background: url('images/gradient_head.jpg') repeat-x; height: 114px; padding-top: 20px; }
div#sitelogo { width: 120px; height: 102px; background: url('images/logo.jpg') 7px 0px no-repeat; float: left; }
div#slogan { text-align: left; }
div#slogan h1#blog-title { padding-left: 123px; padding-top: 10px; }
div#slogan h1#blog-title a:link { color: white; text-decoration: none; font-size: 1.4em; }
div#slogan h1#blog-title a:hover { color: white; text-decoration: underline !important; font-size: 1.4em; }
div#slogan h1#blog-title a:visited { color: white; text-decoration: none; font-size: 1.4em; }
div#slogan #blog-description { padding-left: 123px; color: white; }
div#footer { color: white; }
div#footer a:link { color: #f7a64b; text-decoration: none; }
div#footer a:hover { color: #f7a64b; text-decoration: underline !important; }
div#footer a:visited { color: #f7a64b; text-decoration: none; }
div#header,div#footer {
text-align:center;
}

input#author,input#email,input#url {
width:50%;
}

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