/*
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');*/

/* Just some example content */
div#header{text-align:center;margin-bottom:1em;}
div#access div.skip-link{position:absolute;top:1em;right:1em;}
div#menu{font-size:0.9em;height:1.5em;padding-top:0.3em;background:#eee;width:100%;}
div#menu ul a{font-weight:700;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{float:left;}
div#menu ul li a{background:#eee;padding:0.3em 0.5em;}
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;}

.entry-title{clear:both;}
div#container,div.sidebar{margin-top:2em;}
div#nav-above,div#nav-below{width:100%;height:1em;}
div#nav-above{margin-bottom:1em;}
div#nav-below{margin-top:1em;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}
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;}
div.comments ol li{margin:0 0 3.5em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}

div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}
div.sidebar h3{font-size:1.2em;}
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#footer{text-align:center;}

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

/* New Stuff */


/*
LAYOUT: Two-Column (Left)
DESCRIPTION: Two-column fluid layout with one sidebars left of content

div#container {
	float: right;
	margin: 0 auto;
        text-align: left;
	width: 96%;
}
div#content {
	margin: 0 0 0 200px;
}
div.sidebar {     
        margin-top: -9999px;
	float: left;
	width: 180px;
	overflow: hidden;
}
div#secondary {
	clear: left;
}
div#footer {
	clear: both;
	width: 100%;
}*/

div#comments { float: left; width: 100%; background: #000;}
div#content { float: left; width: 100%; background: #000;}
div#post-3 { float: right; width: 500px; background: #000;}

div#container { width: 1100px; text-align: left;}
div#sidebar { margin-left: -5000px;}
.comment-author { padding: 0px;}

div#blog-title { font-size: 32px; font-family: Times New Roman; font-style: italic; }
ol { list-style-type: none; width: 100%; clear: both; text-align: center; display: block;}
ol li { display: inline; }
.customComment { padding-left: 10px; float: left; width: 250px; clear: both;}
.customComment a { text-decoration: none; }
.customComment p:hover { color: #fff;}

div#header { background: url(http://www.yourbeliefs.org/wp-content/themes/sandbox/images/header.jpg) repeat-x; height: 23px; width: 100%; margin: 0px; padding: 0px; padding-left: 15px; margin-left: -8px; text-align: left;}
div#header a { font-size: 14px; color: #333; font-family: Impact, sans-serif; text-decoration: none;}


.general { color: #999999; float: left;}
.general a { color: #999999; text-decoration: none; }

.culture { color: #FFFF66;float: left;}
  .books { color: #FFFF99; float: left;}
  .celebrities { color: #FFFFCC; float: left;}
.culture a { color: #FFFF66; text-decoration: none; }
  .books a { color: #FFFF99; text-decoration: none; }
  .celebrities a { color: #ffffcc; text-decoration: none; }

.entertainment { color: #003366;float: left; }
.entertainment a { color: #003366; text-decoration: none; }
  .movies { color: #006699; float: left;}
  .movies a { color: #006699; text-decoration: none; }
  .music  { color: #0099CC; float: left;}
  .music a { color: #0099CC; text-decoration: none; }
  .sports { color: #00CCFF;float: left; }
  .sports a { color: #00CCFF; text-decoration: none;}

.romance { color: #990000; float: left;}
.romance a { color: #990000; text-decoration: none; }
  .love { color: #CC3333; float: left;}
  .love a { color: #CC3333; text-decoration: none; }
  .dating { color: #CC6666; float: left;}
  .dating a { color: #CC6666; text-decoration: none; }
  .sex { color: #CC9999; float: left;}
  .sex a { color: #CC9999; text-decoration: none; }

.business { color: #336600; float: left;}
.business a { color: #336600; text-decoration: none; }
  .money { color: #339933; float: left;}
  .money a { color: #339933; text-decoration: none; }
  .jobs { color: #33CC66;float: left; }
  .jobs a { color: #33CC66; text-decoration: none; }

.science { color: #993399; float: left;}
.science a { color: #993399; text-decoration: none; }
  .tech { color: #9966CC; float: left;}
  .tech a { color: #9966CC; text-decoration: none; }
  .vgames { color: #9999FF; float: left;}
  .vgamse a { color: #9999FF; text-decoration: none; }

.philosophy { color: #FF6600; float: left;}
.philosophy a { color: #ff6600; text-decoration: none; }
  .religion { color: #FF6600; float: left;}
  .religion a { color: #ff6600; text-decoration: none; }
  .politics { color: #FF6600; float: left;}
  .politics a { color: #FF6600; text-decoration: none; }
  .life { color: #FF6600; float: left;}
  .life a { color: #FF6600; text-decoration: none; }

.rest { color: #CCCCCC; font-size: 12px; float: left; width: 1000px;}

.count {
float:left;
font-size:36px;
color:#FFF;
padding: 5px;
margin-top: 5px;
} 

div#comments-list { float: left; }
.comments { float: left; width: 100%; padding-top: 15px;}
.comment { float: left; }

.scroll {

}

body { background: #000; color: #fff; width: 99%; margin: 0 auto; text-align: center;}
div#wrapper { margin: 0 auto; text-align: center; }
div#container {margin: 0 auto; text-align: center; }

#colors { float: left; padding: 0px;  text-align: center; width: 100%; padding-top: 8px; }
#colors ul { display: block; list-style-type: none; }
#colors ul li {  padding: 0px; margin-left: 5px; width: 8px; display: inline;}
#colors ul li a { text-decoration: none; display: inline;}
  .box { width: 32px; height: 8px; border: 1px white solid; font-size: 8px;}
  .col_cul { background: #FFFF66; }
  .col_ent { background: #003366; }
  .col_rom { background: #990000; }
  .col_bus { background: #336600; }
  .col_sci { background: #993399; }
  .col_phi { background: #FF6600; }
  .col_gen { background: #CCCCCC; }

#comments ol { display: block; }
#comments ol li { display: inline; float: left; }

#comment_form_box { float: left; width: 500px; color: #fff; background: #000; padding: 5px; padding-bottom: 35px; text-align: left; margin-top: 25px;}

#comment_form_box input, #comment_form_box select, #comment_form_box textarea { background: #000; color: #fff; }