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

body{
margin:0;
font-family: Arial, Helvetica, Georgia, Sans-serif, Century Gothic;
font-size: 12px;
text-align: left;
vertical-align: top;
background: #000;
background: url(graphics/1.gif);
color: #ccc;
cursor: url("graphics/arrowcur.cur"),default;
}


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;
text-align: left;
color: #ccc;
}

#header{
width: 981px;
height: 220px;
padding: 10px;
background: #000 url(graphics/header.jpg) no-repeat;
color: #fff;
}

/* start: top page menu codes */
#menu {
  float:left;
  width:100%;
  font-size:93%;
  line-height:normal;
  }
#menu ul {
  margin:-40px 0 0 0;
  padding:5px 10px 0 50px;
  list-style:none;
  }
#menu li {
  float:left;
width:60px;
height:30px;
  background:url(graphics/stab_menu.gif) no-repeat left top;
  margin:0 ;
  padding:0 0 0 3px;
text-align: center;
  }
#menu a {
  float:left;
  display:block;
  background:url() no-repeat right top;
padding:5px 10px 2px 4px;
  text-decoration:none;
  font-weight:bold;
  color:#ccc;
  }

#menu .secnav{
float:right;
font-weight:bold;
color:#ccc;
text-align: center;
padding:0 0 0 2px;
margin: 0 42px 0 0;
width:60px;
height:30px;
background:url(graphics/stab_menu.gif) no-repeat 0 0;
}
#menu .secnav a:hover {color:#336699;}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#menu a {float:none;}
/* End IE5-Mac hack */
#menu a:hover {
  color:#336699;
  }
/* end: top page menu codes */

/* Header - Ssearch */
#header #search {
background:url(graphics/sidebar_search.gif) no-repeat 0 0;
width:252px;
height:27px;
display:block;
float:right;
padding:0px;
margin-right:-140px;
margin-top:160px;
}

#header #search #search-form {
margin: 0;
padding: 0;
width: 252px;
height: 27px;
}
		
#header #search #s {
width: 149px;
height: 17px;
border: 0;
padding: 5px;
font: bold 13px "Century Gothic", Century Gothic;
color: #000000;
background: transparent;
float: left;
}
		
#header #search #searchsubmit {
background: transparent;
border: none;
width: 83px;
height: 27px;
padding: 0;
float: right;
}

#header .info {
font: bold 13px "Century Gothic", Century Gothic;
color: #99CCFF;
margin: 0 0 0 140px;
}

#container{
width: 1001px;
height: 100%;
overflow: hidden;
background: url(graphics/kontenmid.jpg);
}

#containertop{
width: 1001px;
height: 30px;
background: url(graphics/kontentop.jpg);
}

/*left sidebar*/
.lsidebar{
font-family: Century Gothic;
float: left;
width: 200px;
padding: 2px 10px 10px 10px;
margin: 2px 10px 10px 10px;
display:inline; /* because IE doubles set margins  */
color: #ccc;
}

.lsidebar ul{
list-style-type: none;
margin : 0;
padding: 0 10px 0 15px;
}

.lsidebar ul li{
padding: 10px 0 0 0;
}

.lsidebar ul li h2{
font-family: Century Gothic;
padding-top:10px;
font-size: 14px;
color: #336699;
text-align:center;
}

.lsidebar ul ul li{
padding: 0;
line-height:20px;
}

.lsidebar h2{
padding-top: 1px;
background: url(graphics/sbtop.gif) no-repeat;
height: 30px;
width:200px;
}

.lsidebar .sbcontent{
width:200px;
background: url(graphics/sbcontent.gif) repeat-y;
margin-top:-10px;padding-bottom:0px;
}

/* right sidebar */
.rsidebar{
font-family: Century Gothic;
float: left;
width: 200px;
padding: 2px 10px 10px -5px;
margin: 2px 10px 10px -5px;
display:inline; /* because IE doubles set margins  */
color: #ccc;
}

.rsidebar ul{
list-style-type: none;
margin: 0;
padding: 0 10px 0 10px;
}

.rsidebar ul li{
padding: 10px 0 0 0;
}

.rsidebar ul li h2{
font-family: Century Gothic;
padding-top:10px;
font-size: 14px;
color: #336699;
text-align:center;
}

.rsidebar ul ul li{
padding: 0 0 0 10px;
line-height:24px;
}

.rsidebar h2{
padding-top: 1px;
background: url(graphics/sbtop.gif) no-repeat;
height: 30px;
width:200px;
}
.rsidebar .sbcontent{
width:200px;
background: url(graphics/sbcontent.gif) repeat-y;
margin-top:-10px;padding-bottom:1px;
}

#content{
float:left;
width: 501px;
height: 100%;
padding: 10px;
}

#containerbottom{
width: 1001px;
height: 30px;
background: url(graphics/kontenfoot.jpg);
}

#footer{
position: relative;
width: 1001px;
height:auto;
padding: 40px 4px 4px 4px;
background: #000000;
background: url(graphics/footer.jpg) no-repeat;
color: #b0b0b0;
text-align:center;
font-size: 11px;
}

/* start: anchor/link codes */

#header a{
text-decoration: none;
color: #b0b0b0;
}

#header a:hover{
color: #fff;
}

.lsidebar a, .rsidebar a{
font: bold 11px/20px Century Gothic;
text-decoration: none;
color: #ffffff;
}

.lsidebar a:hover, .rsidebar a:hover{
font: bold 11px/20px Century Gothic;
text-decoration: underline;
color: #336699;
}

#content a{
text-decoration: none;
color: #336699;
}

#content a:hover{
color: #fff;
text-decoration: none;
}

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

#footer .footercredits{
margin-top: 40px;
}

h1{
font-family: Century Gothic;
font-size: 24px;
padding: 65px 0 10px 140px;
}

.post{
padding: 10px 0 10px 0;
}

.post h2 {
font-family: Century Gothic;
font-size: 18px;
padding: 0 15px;
}

.entry{
line-height: 18px;
text-align:justify;
}
.entry h2{
font : bold 18px Century Gothic;
color:#336699;
padding: 0;
}

#content .post .entry li {
font: 11px/20px arial;
margin: 0 15px;
}

#content .post .entry {
font: 11px/20px arial;
padding: 0 15px;
}

#content .post .entry .more-link {
font: bold 11px/20px arial;
float : right;
padding-bottom : 15px;
color:#FFFFFF;
text-decoration: none;
}

#content .post .entry .more-link :hover {
color: #336699;
text-decoration: underline;
}

#content .postdate{
padding: 0 15px;
font: bold 9px Century Gothic;
}

p{
padding: 2px 0 0 0;
}

p.postmetadata {
border-top: 1px solid #aaa !important ;
border-bottom: 5px solid #666 !important ;
margin: 20px 0 0 0 !important ;
color:	#B0B0B0 !important ;
}
p.postmetadata a {color:#B0B0B0 !important ;}
p.postmetadata a:hover{
color:#FFFFFF !important;
text-decoration:none;
}

.navigation{
padding: 10px 15px 0 15px;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}
#content .navigation .navigation-previous {
float: left;
}
#content .navigation .navigation-next {
float: right;
}

table#wp-calendar{
width: 100%;
padding: 0 15px;
}

blockquote{
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #555;
margin: 10px;
padding: 10px;
}

acronym,
abbr{
font-weight: 600;
}

sup, 
sub{
font-style: italic;
}

code{
font-family: tahoma;
font-size:11px;
color: #fff;
}

pre{
font-family: Century Gothic;
color:#fff;
margin: 10px auto 10px auto;
padding: 5px;
width: 450px;
height: auto;
border: 1px solid #C0C0C0;
background: #585858;
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 15px;
	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: Century Gothic;
	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;
}

.ddsg-wrapper h2{
padding:0px;
margin :2px; 
}
.ddsg-wrapper ul{
line-height:normal;
padding:0px;
margin :0 0 0 25px; 
}
.ddsg-wrapper ul li ul{
line-height:normal;
padding:0px;
margin :0 0 0 55px; 
}
/*
.ddsg-pagenav {

}
*/
/* style for submit button*/
#submit{color:#dddddd;
font-family:'trebuchet ms',helvetica,sans-serif;
font-size:100%;
font-weight:bold;
border-top: 1px #888888 solid;
border-left: 1px #666666 solid;
border-right: 1px #222222 solid;
border-bottom: 1px #000000 solid;
background-color: #4d4d4d;
margin: 3px;
padding: 0px 3px;}
#submit:hover{
background-color: #666666;
}
.sidebar-footer{
width:200px;
background: url(graphics/sbbot.gif) no-repeat;
padding-bottom:20px;
}

.linkcat ul {width:175px;height:270px;background: url(graphics/sbcontent.gif) repeat-y;
overflow-x: hidden; overflow-y: auto !important;
margin-top:-10px;padding-bottom:-2px;margin-right:-250px;}
.linkcat li {width:170px;border-bottom:1px solid #707070;}
/*
#r_c_btm {display:none !important}
#r_c_wrap {background:#000 !important}
*/
#visfeed {height:420px !important;background:#000;overflow: hidden !important;}