/*
	Theme Name: ww2-area 
	Theme URI: http://ifelse.co.uk/flex
	Description: A flexible, customisable theme
	Version: 1.0
	Author: Phu Ly
	Author URI: http://ifelse.co.uk/
*/

/************************************************
 *	Main structure															*
 ************************************************/


div.float {
    float: right;
    margin-top: 3px;
 }
div.float-left {
    float: left;
    margin:3px;
    padding:5px;
 }
.bbcrumb {
   text-transform: uppercase;
   font-size: 0.9em;
   letter-spacing: 1px;
   padding: 3px 0 3px;
}
#menu-top {
font-family:"Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
font-size: 1.1em;
}

#latest td, #forumlist td, #favorites td { padding: 5px 10px; }
#latest th, #forumlist th, #favorites th {
        border-bottom: 1px solid #aaa;
	background-color: #ddd;
	font: 11px Verdana,Arial,Helvetica,sans-serif;
	padding: 5px 10px;
	text-transform: uppercase;
					}
#forumlist tr td div.nest {
        padding-left: 2.5ex;
	}
.infobox {
        border-bottom: 1px solid #ccc;
        border-width: 1px 0;
        padding: 1em;
	width: 400px;
}
.infobox ul {
        margin: 1px 0 1px 1px;
        padding: 0;
}

.infobox ul li { padding-bottom: 3px; }
#thread {
        list-style: none;
        margin: 0;
        padding: 0;
}

#thread li {
        line-height: 1.5em;
        clear: both;
        /* Hack to force padding on .threadauthor on IE */
        border-top: 1px solid #fff;
}

#thread li ol, #thread li ul { margin-left: 40px; }

#thread li ol li, #thread li ul li { padding: 0; }

.threadauthor {
     float: left;
     padding: 1em 1em 0 1em;
     width: 120px;
}

.threadauthor p { margin: 0; }

.threadauthor small { font: 11px Verdana, Arial, Helvetica, sans-serif; }

.threadpost {
        padding: 1.5em 1em;
        margin-left: 140px;
        background-color: #eee;
        -moz-border-radius: 6px;
        -khtml-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
}

#thread li.alt .threadpost { background-color: transparent; }

#thread li.deleted { background-color: transparent; }

#thread li.deleted .threadpost { background-color: #ee8888; }

#thread li.alt.deleted .threadpost { background-color: #ff9999; }

#thread .post {
        _height: 90px; /* Hack to fix broken .alt coloring in IE6 */
	}

#thread .post blockquote {
        margin: 0 0 0 4ex;
        padding: 0 0 0 1ex;
        border-left: 5px solid #ccc;
}

#thread .post li { clear:none; }

	.poststuff {
        clear:both;
        _clear: none; /* Hack to fix broken .alt coloring in IE6 */
        border-top: 1px dotted #ccc;
        margin: 10px 0 0;
        padding: 5px 0 0;
        font: 10px Verdana, Arial, Helvetica, sans-serif;
        text-transform: uppercase;
}

.num, #forumlist small {
        font: 11px Verdana,Arial,Helvetica,sans-serif;
        text-align: center;
}

.postform {
        background-color: #f0f0f0;
        padding: 1em;
        margin-bottom: 1em;
        -moz-border-radius: 6px;
        -khtml-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
}
#commentblock{
        margin:0;
	width:744px;
	float:left;
	}
#menu-top ul {
        margin:0;
        padding: 1em 0 0 0;
        list-style: none;
        font-size: 85%;
        float: left;
        padding-left: 20px;
}
#discussions {
        margin-left: 10px;
	width: 590px;
		}

#menu-top li {
        display: inline;
        float: left;
	background: #805d34;
	}

#menu-top a {
        float: left;
	backgroup: white;
        margin:0;
        padding:0 0 0 4px;
        text-decoration:none;
        line-height: 1.5em;
}

#menu-top a span {
        padding:5px 15px 4px 6px;
        color:white;
        display: block;
        float: left;
        cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
	}
 #menu-top a:hover { background: #404040; }
 #menu-top a:hover span { background: #ff00f;       }

body {
  margin:0px;
  padding:0px;
  text-align:center;
  font:11px/15px Georgia,"Times New Roman",Serif;
	color: #555558;
}
#maincol {
font-family:sans-serif;
  width:950px;
  background:#fff;
  float:left;
}

#maincol .col {
	padding-bottom: 5px;
	padding-left:10px;
	padding-right:10px;
	line-height:1.6em;
	margin-top:10px;
}
#headbar{

	background:#452911;
	height:8px;
border-bottom:1px solid #636161;
}
#navcol {
 	border-left: 1px dashed	#C0C0C0;
	margin-top:5px;
	padding:5px;
	padding-top: 10px;
	clear:right;
	width:180px;
  	right:0px;
	float:right;
  	font-size:1em;
  	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
  }
#navcol h2 {
	background: #777;
	color: white;}
#navcol ul {
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none;
	}
#navcol li {
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none;
	}
#navcol ul ul{
	margin: 0; /*removes indent IE and Opera*/
        padding: 0; /*removes indent Mozilla and NN7*/
        list-style-type: none;
        }
#categories-1  ul.children{
	padding: 0 0 0 1px;
        padding-left: 5px;
	font-style:italic;
        }

#container{
 width:1140px;
 text-align:left;
 margin-left: auto;
 display:block;
 margin-right: auto;
 background:#fff;
 border-left: 2px solid #777;
 border-right: 2px solid #777;
 padding-bottom:0;
}

#container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
a{
	text-decoration:none;
}
a{
	color: #3C657B;
	text-decoration: none;
	}
#footer{
border-top:1px solid #111;
border-bottom:1px solid #111;
color: #eee;
background: #555;
clear:both;
padding: 5px;
 text-align:center;
 margin-left: auto;
 display:block;
  margin-right: auto;
  font-size: 0.9em;
  font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
}
#footer a{
	color: #fff;
	font-weight:bold;
}
a:hover {
	text-decoration:underline;
}
.entry{
	width: 724px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left:10px;
	border: 1px solid #777;
	background:#FAFAFA;
}
.entry2{
	width: 724px;
	padding-right: 10px;
	margin-top:10px;
	padding-left:10px;
	border: 1px solid #777;
}
/************************************************
 *	Header																			*
 ************************************************/
h1, h2, h3, h4 {
font-family:"Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
}
#header {
	padding: 0px;	
	margin-top: 3px;
	margin-left: 0px;
	padding-top:140px;
	
	padding-bottom:2px;
	border-bottom: 1px solid #bab1b1;
#	background: #404040;
	text-align:right;
	padding-right:20px;
	padding-left:5px;
	background: #9e7542 url('http://www.ww2-area.info/wp-content/themes/ww2-thema/images/banner-new2.jpg') no-repeat left top;
	width: 1115px;
}
#header h1{
	padding:0px;
	margin: 0px;
	margin-top:4px;
	margin-bottom:1px;
	font-size: 2.4em;
	letter-spacing:0.1em;
	
}
#header h1 a {
	color: #ffffef;
}
#header h1 a:hover {
	text-decoration:none;
	color: #bb4444;
}
#header img {
border:none;
}
#subtitle {
	font-family:"Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	margin-bottom:3px;
	font-size: 0.9em;
	text-transform:uppercase;
color:#bbb;
}

h2 {
	font-size: 1.2em;
	margin-bottom:5px;
}
h2.entrydate{
	margin-bottom:1px;
	font-size: 1.8em;
	font-weight:normal;
	text-transform:uppercase;
}
.entrymeta{
	font-size: 0.9em;background:#eee;
	text-align: justify;
}

h3.entrytitle{
margin-top:0px;
margin-bottom:1px;
font-size: 1.8em;
font-weight:normal;
}
.entry{
margin-top:8px;
}
.entrybody p a{
font-weight:bold;
}
.entrybody p {
font-size:11px;
font-family:sans-serif;
	margin-top:4px;
	margin-bottom:12px;
}
/************************************************
 *	Navigation Sidebar													*
 ************************************************/

ul {
 margin:0 0 1em 0;
 padding-left:0px;
 list-style-type:none;
}
ul.extern {
	font-style:italic;
	
}

/************************************************
 *	Comments													*
 ************************************************/
h2#comments{
text-align:center;
border-top:1px solid #acb1ba;
background:#9ba1aa;
padding:7px;
border-bottom:1px solid #acb1ba;
margin-bottom:10px;
margin-top:20px;
}
ol#commentlist {
margin-top:0px;

 padding: 5px;
 margin-left: 0px;
 color: #9b9b9b;
 list-style-type: none;
 font-size:0.9em;
}
#commentlist li  p{
 padding: 0px;
 margin: 0px 0px 0px 0px;
}
.commentname {
 float: left;
 margin: 0;
 padding: 0  0 2px 0;

}
.commentinfo{
 width: 200px;
 float: right;
 text-align: right;
}
.commenttext {
 clear: both;
 padding-top: 0px;
 margin-top: 0px;
 margin-bottom: 30px;
 border-top: 1px solid #ebebeb;
 line-height:12px;
 color: #5b5b5b;
 font-size: 1.2em;
}
#commentsformheader{
padding-left:18px;
font-size: 1.4em;
}
#commentsform{
	margin-top:none;
	text-align:center;
	border:1px solid #ddd;
	background:#ededed;
	padding:0px 10px;
}
#commentsform form{
text-align:left;
margin:0px;
}
#commentsform p{
	margin:5px;
}
#commentsform form textarea{
	width:100%;
}
#mybox{
width:710px;
height:850px;
float:left;
margin:3px;
text-align:left;
padding:5px;
}

#mybox2{
border:1px solid black;
color:black;
text-align:justify;
#background:#B80000;
background:white;
filter:alpha(opacity=80);
opacity:.88;
padding:5px;
margin:7px;
}
#mybox3{
border:1px solid black;
color:black;
text-align:justify;
background:white;
padding:5px;
margin:7px;
}

#search_area {
        margin-top:6px;
        margin-bottom:6px;
}
#search_area input[type="submit"]{
        padding:2px;
	font-size: 1.1em;
	border: 1px solid #black;
	background: #fff;
	}
/************************************************
 *	Extra													*
 ************************************************/
code{
	font-family: 'lucida console', 'Courier New', monospace;
	font-size: 0.8em;
	display:block;
	width:500px;
	padding:5px;
	margin:5px;
	background-color: #eee;
	border: 1px solid #d3d3d6;
}
input[type="text"], textarea {
	padding:3px;
	border: 1px solid #d3d3d6;
	color: #535356;
	-moz-border-radius: 3px;
}
input[type="submit"]{
	padding:2px;
	font-size: 1.25em;
	border: 1px solid #d3d3d3;
	background: #fff;
	-moz-border-radius: 3px;
}
blockquote {
	//border-left: 3px solid #686868;
	color: #888;
	padding-left: 8px;
	margin-left: 25px;
	padding-right: 2px;
	width:490px;
}
a img {
border:none;
}
#navcol-left {
        border-right: 1px dashed #C0C0C0;
        margin-top:5px;
        padding:2px;
        padding-top: 10px;
        width:170px;
        right:2px;
        float:left;
        font-size:1em;
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
  }
#navcol-left ul {
        margin: 0; /*removes indent IE and Opera*/
        padding: 0; /*removes indent Mozilla and NN7*/
        list-style-type: none;
        }
#navcol-left li {
        margin: 0; /*removes indent IE and Opera*/
        padding: 0; /*removes indent Mozilla and NN7*/
        list-style-type: none;
        }
#navcol-left h2 {
        background: #777;
        color: white;}

