/*  

Theme Name: Noir

Theme URI: http://www.vistorywebdesign.com/noir

Description: dropdown page menu, fixed width, 3 columns homage to the gritty black and white film noir films of old

Version: 1.1

Author: Computer Mike

Tags: white, black, three-columns, fixed-width

*/



body{

margin:0;

font-family: Arial, Helvetica, Georgia, Sans-serif;

font-size: 12px;

text-align: left;

vertical-align: top;

background: rgb(48, 61, 92);

color: #000;

}





body,h1,h2,h3,h4,h5,h6,address,blockquote,dd,dl,hr,p,form{

margin: 0;

padding: 0;

}





#wrapper{

margin: 0 auto 0 auto;

width: 1001px;

border-left: 1px solid #6E6E6E;

border-right: 1px solid #6E6E6E;

text-align: left;

color: #ccc;

}



#header{

width: 981px;

height: 130px;

padding: 10px;

background: red url(graphics/header.jpg);

color: #fff;

}



/* start: top page menu codes */



div#toppagemenu{

width: 1001px;

height: 22px;

background: url(graphics/toppagemenubg.jpg);

text-align: left;

}





#toppagemenu ul{

margin:0px;

padding: 0px;

list-style-type:none;

}



#toppagemenu ul li{

position: relative; /* for dropdown datum */

float: left;

text-align:center;

}



#toppagemenu ul li a{

float:left;

padding-top: 4px;

padding-left: 10px;

padding-right: 10px;

height: 18px;

border-left: 1px solid #888;

border-right: 1px solid #444;

text-decoration: none;

text-transform: uppercase;

font-size: 12px;

font-family: arial;

font-weight: 600;

color: #bbb;

/* No background is necessary if */

/* you use menu background */

}





#toppagemenu ul li a:hover{

color: #000;

background: url(graphics/toppagemenuhoverbg.jpg);

}



#toppagemenu li ul{

display: none;

position: absolute; 

top: 22px;

left: 0px;

}



#toppagemenu li > ul{

top: 22px;

left: 0px;

}



#toppagemenu li.over ul,

#toppagemenu li:hover ul{

display: block;

clear: left; 

}





#toppagemenu li ul li{

clear: left;

text-align: left;

}





#toppagemenu li ul a{

width: 140px;

padding-top: 2px;

height: 16px;

border: 1px solid #ccc;

border-top: 0;

background: #232323;  /* or graphic */

text-decoration: none;

text-transform: none;

font-size: 11px;

font-family: arial;

font-weight: 600;

opacity: .85; /* for IE */

filter: alpha(opacity=85); /* for FF */

color: #b0b0b0;

}



#toppagemenu li ul a:hover{

color: #000;

background: url(graphics/submenuhoverbg.jpg)

}





/* end: top page menu codes */





#container{

width: 1001px;

height: 100%;

overflow: hidden;

background: url(graphics/containerbg.jpg);

}



#containertop{

width: 1001px;

height: 30px;

background: url(graphics/containertopbg.jpg);

}





.sidebar{

float: left;

width: 200px;

padding: 10px;

margin: 10px;

display:inline; /* because IE doubles set margins  */

color: #ccc;

}



.sidebar ul{

list-style-type: none;

margin: 0;

padding: 0 10px 0 10px;

}





.sidebar ul li{

padding: 10px 0 10px 0;

}





.sidebar ul li h2{

font-family: Georgia, Sans-serif;

font-size: 14px;

}



.sidebar ul ul li{

padding: 0;

line-height:24px;

}



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

}



#content{

float:left;

width: 501px;

height: 100%;

padding: 10px;

}



#containerbottom{

width: 1001px;

height: 30px;

background: url(graphics/containerbottombg.jpg);

}





#footer{

position: relative;

width: 993px;

padding:4px;

background: #282828;

color: #b0b0b0;

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: #000;

}



.sidebar a:hover{

text-decoration: underline overline;

color: #fff;

}







#content a{

text-decoration: underline;

color: #ccc;

}



#content a:hover{

color: #fff;

}



.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{

font-family: Georgia, Sans-serif;

font-size: 18px;

}



.entry{

line-height: 18px;

}



p{

padding: 10px 0 0 0;

}



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

background: rgb(107, 107, 107);

}



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: rgb(48, 61, 92);

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;

}



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

}