/*  
Theme Name: Noir
Theme URI: http://www.vistorywebdesign.com/noir
Description: dropdown page menu, valid XHTML, lots of comments ,fixed width, 3 columns homage to the gritty black and white film noir films of old
Version: 1.2
Author: Computer Mike
Tags: white, black, three-columns, fixed-width
Author URI: http://binarybonsai.com/
*/

body {
 margin:0;
 font-family: Arial, Helvetica, Georgia, Sans-serif;
 font-size: 12px;
 text-align: left;
 vertical-align: top;
 background: #000000 url(graphics/body_back.jpg) no-repeat fixed 0 0;
 color: #ccc;
}

body,h1,h2,h3,h4,h5,h6,address,blockquote,dd,dl,hr,p,form {
 margin: 0;
 padding: 0;
}

#wrapper {
 background: transparent url(graphics/wrapper_back.png) repeat 0 0;
 margin: 0 auto 0 auto;
 width: 1000px;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 text-align: left;
 color: #ccc;
}

#header{
 width: 1000px;
 height: 176px;
 padding: 0;
 background: #000000 url(graphics/header.jpg);
 color: #fff;
}

/* start: top page menu codes */
div#toppagemenu {
 padding: 0 15px 0 24px;
 width: 961px;
 height: 60px;
 background: transparent url(graphics/toppagemenubg.png) no-repeat 0 0;
 text-align: left;
}

#toppagemenu .menuContainer {
 float: left;
 width: 650px;
}

#toppagemenu ul{
 margin: 0;
 padding: 0;
 list-style-type: none;
}

/*Top level list items*/
#toppagemenu ul li{
 padding-right: 1px;
 position: relative;
 display: inline;
 float: left;
}

/*Top level menu link items style*/
#toppagemenu ul li a{
 text-align: center;
 white-space: nowrap;
 /*width: 1% add to IE HACKS*/
 display: block;
 padding: 7px 20px;
 border-left-width: 0;
 text-decoration: none;
 background: transparent url(menubg.gif) -100 -100 no-repeat; /* Mozilla ignores crazy MS image filters, so it will skip the following */
 color: #E0E0E0;
 font-weight: bolder;
 cursor: default;
}

/*Sub level menu*/
#toppagemenu ul li ul{
 left: 0;
 top: 0;
 border-top: 1px solid #808080;
 position: absolute;
 display: block;
 visibility: hidden;
 z-index: 100;
}

/*Sub level menu list items*/
#toppagemenu ul li ul li{
 display: inline;
 float: none;
 padding: 0;
}

/* Sub level menu links style */
#toppagemenu ul li ul li a{
 width: 160px; /*width of sub menu levels*/
 font-weight: normal;
 padding: 2px;
 border-bottom: 1px solid #808080;
 border-left: 1px solid #808080;
 border-right: 1px solid #808080;
 background: #202020;
}

#toppagemenu ul li a:hover{
 color: #FFFFFF;
 background-color: #404040;
}

#toppagemenu ul li ul li a:hover{
 color: #FFFFFF;
 background-color: #606060;
}
	
/* Holly Hack for IE \*/
* html #toppagemenu ul li { float: left; height: 1%; }
* html #toppagemenu ul li a { height: 1%; }
/* End */

/* Header menu banner*/
.bannerContainer {
 float: right;
 width: 234px;
 height: 58px;
 margin-right: 4px;
 margin-top: 1px;
 
 position: relative;
}

/* end: top page menu codes */

#container{
 width: 1000px;
 height: 100%;
 overflow: hidden;
}

#containertop{
 display: none;
 width: 1000px;
 height: 30px;
}

.sidebar{
 float: left;
 width: 180px;
 padding: 0 10px 10px 10px;
 color: #ccc;
}

.sidebar ul{
 list-style-type: none;
 margin: 0;
 padding: 0;
}

.sidebar ul li{
 padding: 10px 0 10px 0;
}

.sidebar ul li h2{
 font-family: Georgia, Sans-serif;
 font-size: 12px;
}

.sidebar ul li h3{
 font-size: 11px;
}

.sidebar ul li h4{
 font-size: 11px;
}

.sidebar ul ul li{
 padding: 0;
 /*line-height:24px;*/
 font-size: 11px;
}

.sidebar h2{
 border-left: 1px solid #aaa;
 border-right: 1px solid #000;
 padding-left: 5px;
 padding-top: 1px;
 background: url(graphics/sidebarh2.jpg);
 height: 19px;
}

.sidebar1 {
}

.sidebar2 ul {
}

#content {
 float:left;
 width: 580px;
 height: 100%;
 padding: 0 10px 10px 10px;
 color: #FFFFFF;
 line-height: 150%;
}

#footer {
 position: relative;
 width: 992px;
 padding:4px;
 background: transparent url(graphics/footer_back.png) repeat-x;
 color: #FFFFFF;
 font-weight: bolder;
 border-bottom: 1px solid #ccc;
 font-size: 11px;
}

/* start: anchor/link codes */
#header a{
 text-decoration: none;
 color: #b0b0b0;
}

#header a:hover{
 color: #fff;
}

.sidebar a{
 text-decoration: none;
 color: #fff;
}

.sidebar a:hover{
 text-decoration: overline;
 color: #fff;
}

#content a{
 text-decoration: underline;
}

#content a, a:hover, #content a:visited {
 color: #fff;
}

#content input, #content textarea {
 font-family: monospace;
 border: 1px solid #B0B0B0;
 background: transparent url(graphics/trans50.png) repeat 0 0;
 color: #FFFFFF;
}

#content h2 {
 font-size: 24px;
 margin-bottom: .5em;
}

#content table {
max-width: 570px;
}

#content img {
margin: .5em;
}

.comments-template a{
 text-decoration: none;
 font-weight: 600;
 color: #000000;
}

.comments-template a:hover{
 color: #880026;
}

#footer a{
 text-decoration: none;
 color: #b0b0b0;
}

#footer a:hover{
 color: #fff;
}

/* end: anchor/link codes */

span.footercredits{
 position: absolute;
 left: 400px;
}

h1{
 font-family: Georgia, Sans-serif;
 font-size: 24px;
 padding: 0 0 10px 0;
}

.post{
 padding: 10px 0 10px 0;
}

.post h2{
 display: block;
 width: 100%;
 text-align: center;
 border-bottom: 1px solid #B0B0B0;
 text-transform: uppercase;
 font-family: Georgia, Sans-serif;
 font-size: 18px;
}

.entry{
 line-height: 18px;
}

p.postmetadata{
 border-top: 1px solid #aaa;
 border-bottom: 5px solid #666;
 margin: 10px 0 0 0;
}

.navigation{
 padding: 10px 0 0 0;
 font-size: 14px;
 font-weight: bold;
 line-height: 18px;
}

table#wp-calendar{
 width: 100%;
}

blockquote{
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 background: #555;
 margin: 10px;
 padding: 10px;
}

acronym, abbr, code{
 font-weight: 600;
}

sup, sub{
 font-style: italic;
}

pre{
 margin: 10px auto 10px auto;
 padding: 10px;
 width: 400px;
 height: 120px;
 border: 1px solid #ccc;
 background: #111;
 overflow: auto;
 scrollbar-base-color: #000;
 scrollbar-3dlight-color: #ccc;
 scrollbar-arrow-color: #fff;
 scrollbar-shadow-color: #888;
 scrollbar-dark-shadow-color: #666;
}

/* start: required css for Word Press Themes */
.aligncenter, div.aligncenter {
 display: block;
 margin-left: auto;
 margin-right: auto;
}

.alignleft {
 float: left;
}

.alignright {
 float: right;
}

.wp-caption {
 border: 1px solid #ddd;
 text-align: center;
 background-color: #f3f3f3;
 padding-top: 4px;
 margin: 10px;
 /* optional rounded corners for browsers that support it */
 -moz-border-radius: 3px;
 -khtml-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}

.wp-caption img {
 margin: 0;
 padding: 0;
 border: 0 none;
}

.wp-caption p.wp-caption-text {
 font-size: 11px;
 line-height: 17px;
 padding: 0 4px 5px;
 margin: 0;
 color:grey;
}

/* end: required css for Word Press Themes */

h3#comments{
 margin: 0 10px 0 10px;
 border-bottom: 1px solid #888;
}

.comments-template{
 margin: 2px 10px 0 10px;
 border-bottom: 1px solid #bbb;
 padding: 2px 0 0;
}

.comments-template ol{
 margin: 0;
 padding: 0 0 15px;
 list-style: none;
}

.comments-template ol li{
 margin: 0 10px 0px 10px;
 line-height: 18px;
 padding: 10px;
 border-bottom: 1px solid #888;
}

.comments-template ol li.alt{
 background: #454545;
 color: #bbb;
}

.comments-template h2, .comments-template h3{
 font-family: Georgia, Sans-serif;
 font-size: 16px;
}

.commentmetadata{
 font-size: 12px;
}

.comments-template p.nocomments{
 padding: 0;
}

.comments-template textarea{
 font-family: Arial, Helvetica, Georgia, Sans-serif;
 font-size: 12px;
}

.comments-template img{
 border: 1px solid #000;
}

.new-stuff h3 {
 border-bottom: 1px solid #ffffff;
}

ul.new-stuff li {
 margin-bottom: 10px;
}

ul.childrenNamesContent {
 list-style-type: none;
 margin: 0;
 padding: 0;
}

ul.childrenNamesContent li {
 background: transparent url(graphics/trans50.png) repeat 0 0;
 border: 1px solid #808080;
 display: block;
 margin: 0 0 2em 0;
 padding: 1.5em;
}

ul.childrenNamesContent li table {
 width: 100%;
}

ul.childrenNamesContent li img {
 margin: .5em;
}

ul.qtrans_language_chooser {
 position: relative;
 top: -175px;
 list-style-type: none;
}

ul.qtrans_language_chooser li {
 display: block;
 float: right;
}
div.sidebaradvert {
width: 160px;
height: 300px;
text-align: center;
background: transparent;
}