/*
THEME NAME: Evening Red (based on Sandbox)
THEME URI: http://n3wjack.net/
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.0
AUTHOR: n3wjack
AUTHOR URI: http://n3wjack.net/
*/


div#container {
	float: left;
	margin: 0 -300px 0 0;
	width: 100%;
}
div#content {
	margin: 0 300px 0 0;
}
div#primary {
	float: right;
	overflow: hidden;
	margin: 0;
	width: 280px;
}
div#secondary	{
  float: left;
}

div#footer {
	clear: both;
	width: 100%;
}

/* Just some example content */

div#header{margin-bottom:2em;margin-top:0;padding: 0;}
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{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:none;margin:0;}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:none;}

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



/**********************/

body {
  font-family: verdana, arial;
	font-size: 90%;
	color: #888;
	/*background-color: #000;*/
	margin:0;
  background: #000 url(img/redtoblack.png) repeat-x;
}

#content {
  padding-left: 10px;
}

h3 {
  text-transform: lowercase;
	color: white;
}

.sidebar h3:before {
  color:green;
	
}

a:link, a:visited {
  color: #ccc;
	text-decoration: none;
}

a:hover {
  color: #800;
}

/* Hide the top menubar */
#menu {
  display:none;
}

div#footer {
  background: #222;
	text-align: right;
	text-transform: uppercase;
	font-size: x-small;
}

.sidebar div, .sidebar ul {
  color: #888;
}

#secondary {
  background: #222 url(img/blacktogrey.png) repeat-x;
  /*background-color: #222;
	background-image: url(img/blacktogrey.png);*/
	padding: 80px 0 10px 0;
	width: 100%;
	float:left;
	overflow: hidden;
}

#secondary li.widget {
	width: 300px;
	clear: none;
	float:left;
	margin-left: 5px;
	color: #0f0;
}

/* remove "skip to content" link */
.skip-link {
  display:none;
}


.sidebar h3:before {
	color: #888;
	font-size: 80%;
	content: "// ";
}

.widgettitle, .widgettitle a {
  color: white;
}

div.entry-meta {
  /*background-color: #111;*/
	background: #111 url(img/darkgreytoblack_horizontal.png) repeat-y right;
	padding: .5em 0;
}

.entry-title {
  color: #d00;
	font-family: Georgia;
	font-style: italic;
}

.entry-title a {
  color: #d00;
}

.entry-title a:hover {
  color: #800;
}


/* set titles a little bigger */

h2.entry-title {
  font-size: 190%;
}

h3.entry-title  {
  font-size: 150%;
}

.entry-content img {
  border: 0;
	padding: 5px;
}

.entry-title:before {
	color: #fff;
	content: "// ";
}

.entry-content code {
	font-size: 120%;
}

.entry-content blockquote {
  padding: 0.2em;
}

.entry-content blockquote, .entry-content code {
  color: #bbb;
	background-color: #223; 
}

.entry-content a {
	font-weight: bold;
}

/***** blog titles *****/

#blog-title {
	font-size: 4.5em;
	font-weight: bold;
	letter-spacing: -.14em;
	margin: -.25em 0 0 -.1em;
	text-transform: uppercase;
	word-spacing: .2em;
}

#blog-title a:link, #blog-title a:visited {
	color: #aaa;
	text-decoration: none;
}

#blog-title a:hover {
	color: #eee;
	letter-spacing: normal;
}

#blog-description {
	color: #444;
	font-size: 1.8em;
	font-weight: bold;
	margin: -0.9em 1.9em 0;
	text-align: left;
}

#blog-title:before {
  color: #555;
  content: " // "
}
#blog-description:before  {
  content: " { "
}
#blog-description:after {
  content: " }"
}

/* comments */

.comment-author-admin {
  background-color: #222;
}

#theme-link:after {
  content: " (mostly)";
}