/*  

Theme Name: =IcaruS= 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 (Revised by =IcaruS= LeonTubrok)

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

*/

body{
margin:0;
font-family: verdana, Arial, Sans-serif;
font-size: 0.8em;
text-align: left;
vertical-align: top;
background: #404040 url(http://www.icarusstudios.co.uk/gfx/back9.jpg) no-repeat fixed center top;
color: #ccc;
}

body,h1,h2,h3,h4,h5,h6,address,blockquote,dd,dl,hr,p,form{
margin: 0;
padding: 0;
}

hr.golden{
margin: 10px 0px;
color: #C6C600;
background-color: #C6C600;
height: 5px;
}

hr.golden2{
margin: 10px 0px;
color: #C6C600;
background-color: #C6C600;
height: 3px;
}

div.hrule {
height: 60px;
background: transparent url(http://www.icarusstudios.co.uk/news/wp-content/uploads/2010/08/feather.png) no-repeat scroll center;
border: none;
margin-top: 10px;
}

#wrapper{
margin: 0 auto;
padding: 0;
width: 1011px;
text-align: left;
color: #ccc;
}

#header{
width: 1011px;
padding: 4px 0px;
height: 180px;
color: #C6C600;
background: transparent url(http://www.icarusstudios.co.uk/gfx/semiTrans.png);
background-repeat: repeat;
border: 2px solid #C6C600;
text-align: center;
margin: 0 auto;
}

/* start: top page menu codes */

div#toppagemenu{
width: 1011px;
height: 22px;
background: url(graphics/toppagemenubg.jpg);
text-align: center;
margin: 0 auto;
}

#toppagemenu ul{
margin:0 auto;
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: 5px;
padding-right: 5px;
height: 18px;
border-left: 1px solid #888;
border-right: 1px solid #444;
text-decoration: none;
text-transform: uppercase;
font-size: 12px;
font-family: verdana, Arial, Sans-serif;
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: 150px;
padding-top: 2px;
height: 16px;
border: 1px solid #ccc;
border-top: 0;
background: #232323;  /* or graphic */
text-decoration: none;
text-transform: none;
font-size: 10px;
font-family: verdana, Arial, Sans-serif;
font-weight: 500;
opacity: .85; /* for IE */
/* filter:alpha(opacity=85); */ /* for FF */
color: #fff;
}

#toppagemenu li ul a:hover{
color: #000;
background: url(graphics/submenuhoverbg.jpg)
}

/* end: top page menu codes */


#container{
width: 1011px;
height: 100%;
overflow: hidden;
background: transparent url(http://www.icarusstudios.co.uk/gfx/semiTrans.png);
background-repeat: repeat;
border: 1px solid #C6C600;
margin: 0 auto;
}

#containertop{
width: 1011px;
}

.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;
text-align: left;
}

.sidebar ul li h2{
font-family: "Trajan Pro",Trajan,Georgia,"Book Antiqua";
font-size: 0.8em;
color: #C6C600;
}

.sidebar ul li h2 a{
font-family: "Trajan Pro",Trajan,Georgia,"Book Antiqua";
font-size: 12px;
color: #C6C600;
}

.sidebar ul ul li{
padding: 0;
font-size: 10px;
line-height:14px;
}
.sidebar ul ul li a{
padding: 0;
font-size: 12px;
line-height:15px;
}
.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;
width: 100%;
}



/* for right sidebar */


.sidebar2 {
float: right;
width: 155px;
padding: 0px;
/* margin: 10px; */
margin: 0;
display:inline; /* because IE doubles set margins  */
color: #ccc;
}

.sidebar2 ul{
list-style-type: none;
margin: 0 auto;
padding: 0;
color: #C6C600;
/* padding: 0 10px 0 10px; */
}

.sidebar2 ul li{
padding: 0px;
/* padding: 10px 0 10px 0; */
text-align: center;
color: #ccc;
}

.sidebar2 ul li a{
padding: 0px;
/* padding: 10px 0 10px 0; */
text-align: center;
color: #c6c600;
}

.sidebar2 ul li h2{
font-family: "Trajan Pro",Trajan,Georgia,"Book Antiqua";
font-size: 0.8em;
color: #C6C600;
/* font-size: 14px; */
}

.sidebar2 ul ul li{
padding: 0;
line-height:14px;
font-size: 10px;
}

.sidebar2 h2{
border-left: 1px solid #aaa;
border-right: 1px solid #000;
padding: 0px;
/* padding-left: 5px; */
padding-top: 1px;
background: url(graphics/sidebarh2.jpg);
height: 19px;
width: 100%;
}

#content{
float:left;
width: 583px;
height: 100%;
padding: 10px;
background: transparent url(http://www.icarusstudios.co.uk/gfx/semiTrans.png);
background-repeat: repeat;
text-align:left;
border: 1px solid #c6c600;
}

#content p{
color: #fff;
}

#containerbottom{
width: 1011px;
/* height: 30px; */
/* background: url(graphics/containerbottombg.jpg); */
}

#footer{
position: relative;
width: 993px;
padding:4px;
background: transparent url(http://www.icarusstudios.co.uk/gfx/semiTrans.png);
background-repeat: repeat;
color: #C6C600;
border-left: 1px solid #C6C600;
border-right: 1px solid #C6C600;
border-bottom: 1px solid #C6C600;
font-size: 1em;
height: 60px;
}


/* start: anchor/link codes */


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

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

.sidebar a{
text-decoration: none;
color: #C6C600;
}

.sidebar a:hover{
text-decoration: underline overline;
color: #fff;
}

#content a{
text-decoration: underline;
color: #C6C600;
font-size: 14px;
}

#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: #C6C600;
}

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


/* end: anchor/link codes */


span.footercredits{
position: absolute;
left: 400px;
}

h1{
font-family: "Trajan Pro",Trajan,Georgia,"Book Antiqua";
font-size: 24px;
padding: 0 0 10px 0;
}

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

.post h2{
font-family: "Trajan Pro",Trajan,Georgia,"Book Antiqua";
font-size: 18px;
}

.entry{
line-height: 16px;
}

p{
padding: 10px 0 0 0;
}

p.postmetadata{
border-top: 1px solid #a6a600;
border-bottom: 5px solid #c6c600;
margin: 10px 0 0 0;
}

.navigation{
padding: 10px 0 0 0;
font-size: 12px;
font-weight: bold;
line-height: 18px;
text-align: center;
}

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;
padding: 10px;
width: 400px;
height: 120px;
border: 1px solid #ccc;
background: #111;
overflow: auto;
/* scrollbar-base-color: #111; */
/* 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;
margin: 5px 5px 5px 0px;
}

.alignright {
float: right;
margin: 5px 0px 5px 5px;
}

.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: 0px 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: "Trajan Pro",Trajan,Georgia,"Book Antiqua";
font-size: 16px;
}

.commentmetadata{
font-size: 12px;
}

.comments-template p.nocomments{
padding: 0;
}

.comments-template textarea{
font-family: Verdana, Arial, Sans-serif;
font-size: 12px;
}

.comments-template img{
border: 1px solid #000;
}

#hd{
text-align: center;
padding: 6px 0px;
}

.hdritem {
padding: 10px 0px;
background: transparent url(http://www.icarusstudios.co.uk/gfx/semiTrans.png);
background-repeat: repeat;
border: 2px solid #C6C600;
height: 180px;
}

.topsystem {
margin: 0 auto;
}

.leftimage {
float:left;
height: 130px;
width: 244px;
margin-left: 4px;
}

.rightimage {
float: right;
height: 130px;
width: 244px;
padding: 0px;
margin: 0px;
margin-right: 4px;
color: #C6C600;
text-align: left;
}

.rightimage a img {
border: 0;
}

.blank {
float: right;
height: 130px;
width: 226px;
padding: 0px;
margin: 0px;
color: #C6C600;
text-align: left;
}

.blank a img {
border: 0;
}

.topcentred {
margin: auto;
text-align: center;
color: #C6C600;
width: 485px;
height: 180px;
}

.centre {
text-align: center;
}

.pagetitle {
height: 30px;
font-family:"Trajan Pro",Trajan,Georgia,"Book Antiqua";
font-size:24px;
font-weight: lighter;
vertical-align: bottom;
text-align: center;
margin: 0 auto;
padding-top: 0.5em;
white-space: nowrap;
}

.pagesubtitle {
height: 30px;
font-family:"Trajan Pro",Trajan,Georgia,"Book Antiqua";
font-size:20px;
font-weight: lighter;
border-top: #C6C600;
border-right: #C6C600;
border-bottom: #C6C600;
border-left: #C6C600;
vertical-align: bottom;
text-align: center;
margin: 0 auto;
padding-top: 1em;
white-space: nowrap;
}

.bold {
height: 40px;
font-family:"Trajan Pro",Trajan,Georgia,"Book Antiqua";
font-size:30px;
font-weight: normal;
vertical-align: bottom;
text-align: center;
margin: auto;
white-space: nowrap;
}

/* .goldbar {
border-top: #C6C600 3px solid;
padding-top: 10px;
margin-top: 5px;
} */

#searchform input.searchfield {
background: transparent;
border: 1px solid #C6C600;
padding: 2px;
width: 98%;
font-family:"Trajan Pro",Trajan,Georgia,"Book Antiqua";
color: #C6C600;
font-weight: bold;
font-size: 0.9em;
}

.posttitle{
font-family: "Trajan Pro",Trajan,Georgia,"Book Antiqua";
font-size: 18px;
}

.widgettitle{
font-family: "Trajan Pro",Trajan,Georgia,"Book Antiqua";
font-size: 12px;
color: #C6C600;
}

.center{
text-align: center;
margin: 1em auto;
}

.centerMenu {margin: 0 auto;}

/* ANOTHER go at centering that top menu */
/* start: top page menu codes */
div#toppgmenu{
width: 1011px;
height: 22px;
background: url(graphics/toppagemenubg.jpg);
text-align: center;
}

#toppgmenu ul{
margin:0 auto;
padding: 0px;
list-style-type:none;
}

#toppgmenu li{
display: inline;
}

#toppgmenu a{
padding: 0 10px;
height: 18px;
border-left: 1px solid #888;
border-right: 1px solid #444;
text-decoration: none;
text-transform: uppercase;
font-size: 12px;
font-family: verdana, Arial, Sans-serif;
font-weight: 600;
color: #bbb;
}

#toppgmenu a:hover{
color: #000;
background: url(graphics/toppagemenuhoverbg.jpg);
}

#toppgmenu li ul{
display: none;
position: absolute; 
top: 22px;
left: 0px;
}

#toppgmenu li > ul{
top: 22px;
left: 0px;
}

#toppgmenu li.over ul,
#toppgmenu li:hover ul{
display: block;
clear: left; 
}

#toppgmenu li ul li{
clear: left;
text-align: left;
}

#toppgmenu li ul a{
width: 148px;
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: verdana, Arial, Sans-serif;
font-weight: 600;
opacity: .85; /* for IE */
/* filter: alpha(opacity=85); */ /* for FF */
color: #b0b0b0;
}

#toppgmenu li ul a:hover{
color: #000;
background: url(graphics/submenuhoverbg.jpg)
}

/* end: top page menu codes */
/* stu nicholl's centered dropdown menu */
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton4.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {width:1011px; height:22px; background: url(graphics/toppagemenubg.jpg); text-align:center; margin:0 auto;}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#menu ul {display:inline-block; border:1px solid #444;} 
#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul ul {position:absolute; left:-9999px;}
#menu ul.level1 {margin:0 auto;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative;}
#menu b {position:absolute;} /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/
#menu a {display:block; font:normal 11px verdana,arial,sans-serif; color:#fff; line-height:25px; text-decoration:none;padding:0 25px 0 15px;}
#menu ul.level1 li.level1-li a.level1-a {float:left;}
#menu ul li:hover > ul {visibility:visible; left:0; top:25px;}
#menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-25px;}
#menu li.left:hover > ul {visibility:visible; left:auto; right:0; top:25px;}
#menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-25px;}
#menu a:hover ul {left:0; top:23px;}
#menu li.left a:hover ul {left:auto; right:-1px; top:23px;}
#menu li.left ul a {text-align:right; padding:0 10px 0 20px;}
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu li.left a:hover a:hover ul, 
#menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}
#menu li.left a:hover ul ul, 
#menu li.left a:hover a:hover ul ul {left:-9999px;}
#menu li a.drop {background:transparent url(anywidth/white-down.gif) no-repeat right center;}
#menu li a.fly {background:transparent url(anywidth/white-right.gif) no-repeat right center;}
#menu li.left ul a.fly {background:transparent url(anywidth/white-left.gif) no-repeat left center;}
#menu li a:hover,
#menu li a.fly:hover {color:#fc6; direction:ltr;} 
#menu li:hover > a,
#menu ul li:hover > a.fly {color:#fc6;}
#menu table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-4px;}
#menu table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}
#menu li.left table {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse; margin-top:-4px;}
#menu li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}

div#centered {
margin: 0 auto;
text-align: center;
}  

a#xstreet {
display: block;
width: 120px;
height: 300px;
margin: 0 auto;
text-align: center;
background: url(http://www.icarusstudios.co.uk/gfx/vertical-triton-banner.jpg) no-repeat;
}

a#xstreet span {
display:none;
}		

#xstreet:hover {
background: url(http://www.icarusstudios.co.uk/gfx/vertical-triton-bannerRLLOVER.jpg) no-repeat;
margin: 0 auto;
text-align: center;
}
span.login{
font-family: verdana, Arial, Sans-serif;
font-size: 0.6em;
color: #111;
}

span.feather{
text-align: center;
margin: 0 auto;
}

span.feather a{
border: 0;
text-decoration: none;
}

span.feather a img {
border: 0;
}

/* new footer */

#footer2 {
width: 1011px;
padding: 10px 0px;
background: transparent url(http://www.icarusstudios.co.uk/gfx/semiTrans.png);
background-repeat: repeat;
color: #C6C600;
border-left: 1px solid #C6C600;
border-right: 1px solid #C6C600;
border-bottom: 1px solid #C6C600;
text-align: center;
margin: 0 auto;
font-size: 1em;
height: 150px;
/* height: 60px; */
}

#footer2 a {
color: #C6C600;
text-decoration: none;
}

#footer2 a:hover {
color: #FFFFFF;
}

#footer2 a img {
border: 0;
}

.leftvalid {
float:left;
width: 90px;
margin-left: 10px;
}

.leftvalid a img {
border: 0;
}

.rightvalid {
float: right;
width: 90px;
padding: 0px;
margin-right: 10px;
color: #C6C600;
text-align: left;
}

.rightvalid a img {
border: 0;
}

.imglink a img {
border: 0;
padding: 4px;
}

.imglink2 {
margin: 4px;
border: 2px solid #c6c600;
}

.imglink3 {
margin: 2px 1px;
border: 2px solid #c6c600;
}

.imglink4 {
margin: 4px;
border: 2px solid #c6c600;
float: left;
}

.imglink5 {
margin: 4px;
border: 2px solid #c6c600;
float: right;
}

.footcentred {
margin: 0 auto;
text-align: center;
color: #C6C600;
width: 455px;
}

.footcentred2 {
margin: 0 auto;
padding-top: 15px;
text-align: center;
color: #C6C600;
width: 750px;
}


li.huntlist {
margin: 1em 0;
padding: 0;
}
li.instr {
margin: 1em 0;
padding: 0;
}

.simpletitle {
font-weight: bold;
}

.simpletitle2 {
font-size: 18px;
font-weight: bold;
color: #C6C600;
font-family:"Trajan Pro",Trajan,Georgia,"Book Antiqua";
text-align: center;
line-height: 24px;
}

.notabene {
font-style: italic;
}

p.sectionhdr {
font-size: 18px;
font-weight: bold;
color: #C6C600;
font-family:"Trajan Pro",Trajan,Georgia,"Book Antiqua";
text-align: center;
line-height: 24px;
}

dt {
color: #C6C600;
font-weight: bold;
margin: 1em 0 0 0;
}

dd {
color: #FFFFFF;
margin: 0 0 1em 0;
}

#content ul li {
color: #FFFFFF;
}
/* Contact Form 7 styles */
span.wpcf7-list-item { 
display: block; 
}

/* RealmS Advert */
div.realmsad1 {
height: 300px;
width: 200px;
margin:10px auto;
padding:0;
background-image:url("http://www.icarusstudios.co.uk/gfx/realms-adRoll.gif");
}

div.realmsad1 a, div.realmsad1 a:link, div.realmsad1 a:visited {
display:block;
}

div.realmsad1 img {
width:100%;
height:100%;
border:0;
}

div.realmsad1 a:hover img {
visibility:hidden;
}