/* YUI Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{ border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{ border:0;}
/* YUI Fonts (modified) */
body, html body.wwi-style {font:15px/1.231 "Helvetica Neue",helvetica,arial,verdana,sans-serif, serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* clearfix hack */
/* slightly enhanced, universal clearfix hack */
.clearfix:after, #bd:after, .game-pic:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

html { background: none !important; }
body, html body.wwi-style { background-image: url("http://wwiaircombat.com/images2/_bg.png"); background-repeat: repeat-x; background-color: #ffe7ad; *background-color: #ffecbf; }
img { max-width: 875px; }
h1 { font-weight: bold; font-size: 150%; text-shadow: 0px 0px 1px #AAAAAA; }
h2 { font-weight: bold; font-size: 130%; text-shadow: 0px 0px 1px #AAAAAA; }
h3 { font-family: georgia; font-size: 140%; margin: 2em 0 0.5em 0; }
strong, em { font-weight: bold; }
blockquote, body.wwi-style blockquote { background-color: #ffe4a2; padding: 1em 2em 2em 2em; margin-top: 15px; margin-bottom: 15px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #e2c98a; }
.clear { clear: both; }
#wrapper { width: 920px; margin: auto; padding: 10px; }
input { background-color: #FFFBF1; padding: 3px 5px; border: 1px solid #5D5237; }
input:focus, input:hover { background-color: white; border: 1px solid #BBDAFD !important; }
::-moz-selection { background: #744c00; color:#ebebeb; }
::selection { background:#744c00; color:#ebebeb; }

/* --------------------------------------- */
/* Links                                   */
a, body.wwi-style a, body.wwi-style #search-box a { color: #8a5715; text-decoration: none; font-weight: bold; cursor: pointer; }
a:visited, body.wwi-style a { color: #8a5715; }
a:hover, body.wwi-style a:hover { color: #5d5237; text-decoration: underline; background: #FEECC6; }
a:hover img {  opacity: 0.75; filter: alpha(opacity=75); }
a.download { background-image: url("http://wwiaircombat.com/images/download-icon.png"); background-repeat: no-repeat; padding-left: 20px; line-height: 25px; }
a.picture { background-image: url("http://wwiaircombat.com/images/camera-icon.png"); background-repeat: no-repeat; background-position: 0 2px; padding-left: 20px; }
a.video { background-image: url("http://wwiaircombat.com/images/video-icon.png"); background-repeat: no-repeat; background-position: 2px 3px; padding-left: 20px; }


/* --------------------------------------- */
/* Header                                  */
#hd { margin: 1em 0 0 0; }
#hd #logo-link { display: block; height: 64px; }
#hd #logo-link:hover { background: none; }
#hd a:hover #decoration-plane { background-position: 0 0; }
#hd #decoration-plane { background: url("http://wwiaircombat.com/images2/_dr1.gif") 0px -64px; height: 64px; width: 125px; display: block; position: absolute; } 
#hd #logo { margin-left: 190px; margin-top: 10px; }
#hd h1 { text-indent: -1000em; overflow: hidden; position: absolute; azimuth: center; }
#hd ul { float: right; clear: both; margin-top: 1em; azimuth: right; }
#hd ul li, ul#ft li { display: inline; border-left: 1px solid #8A5715; float: left; }
#hd ul li.first-item, ul#ft li.first-item { border-left: 0 none; }
#hd ul li a, ul#ft li a { float: left; padding-left: 1em; padding-right: 1em; margin-left: 0px; margin-right: 0px; display: block; font-size: 110%; text-shadow: 0px 0px 1px #AAAAAA; }
#hd ul li .rss, ul#ft li .rss { margin-top: 0.1em; text-indent: -1000em; overflow: hidden; background: transparent url("http://wwiaircombat.com//images/rss.png") no-repeat scroll 0 0; padding-left:  0; padding-right: 0; width: 18px; height: 18px; float: left; margin-left: -10px; margin-right: 14px; }
#hd ul li .rss:hover, ul#ft li .rss:hover { opacity: 0.6; filter: alpha(opacity=60); }

/* --------------------------------------- */
/* Footer                                  */
ul#ft { clear: both; padding-top: 1em; width: 37em; *width: 38em; margin-left: auto; margin-right: auto; text-align: center; display: block; }
ul#ft li { display: inline; }
ul#ft li a { margin: auto; display: inline-block; }

/* --------------------------------------- */
/* Body                                    */
#bd { margin: 1em 0 0 0; background-color: #FEF1D5; padding: 2em; border: 1px solid black; -moz-border-radius: 7px; -webkit-border-radius: 7px; width: 864px;}
#bd .news_item img.left { float: left; margin-bottom: 10px; margin-right: 10px; text-align: center; }
.news_item .inlineimg { display: inline; border: 0; padding: 0; }
.pic_left { float: left; margin-bottom: 10px; margin-right: 10px; text-align: center; }
.news_item { margin-bottom: 2em; padding-bottom: 2em; line-height: 1.4em; border-bottom: 1px solid #ccc; text-align: justify; }
.news_item h2 { font-weight: bold; font-size: 150%; letter-spacing: -0.02em; }
.news_item ul li { list-style-position: inside; list-style-type: disc; }
.news_item span.postedby { color: #A47D4B; font-size: 85%; letter-spacing: -0.01em; }
.news_item span.postedby:hover { color: #5D5237; }
.news_item p { margin-top: 1.5em; }
.news_item img, .pic img { border: 1px solid black; background-color: white; text-align: center; margin: auto; display: block; clear: both; z-index: 1; position: relative; }
.news_item .caption, .news_item .caption-2, .news_item .caption-3, .news_item .pic_left span { display: block; text-align: center; font-size: 95%; font-family: georgia, helvetica; letter-spacing: -0.02em; margin: auto; top: -2.5em; padding: 0.5em 0; background: transparent url("http://wwiaircombat.com/images/bg-transparent.png") repeat-x scroll 0 0; color: #FFECBF; position: relative; z-index: 10; border: 1px solid black; border-width: 0 1px 0 1px; width: 860px; }
.news_item .caption-2 { top: -3.9em; }
.news_item .caption-3 { top: -5.4em; }
.news_item .pic_left .caption, .news_item .pic_left .caption-2, .news_item .pic_left .caption-3 { width: 100%; }
.news_item .caption a, .news_item .caption-2 a, .news_item .pic_left span a { color: #fef1d5; }
.news_item .pic_left { float: left; margin-bottom: 1.3em; margin-right: 1.3em; display: inline; }
.news_item div.pic_left { width: 450px; }
.news_item .pic_full { border: 1px solid black; margin: auto; clear: both; text-align: center; }
.news_item .pic_middle { clear: both; margin: auto; text-align: center; margin: 0 0 1em 0; display: inline; }

/* --------------------------------------- */
/* Subpages (non-index)                    */
#content-middle .bd { white-space: pre; }
#footer { clear: both; }
#newslist { margin-top: 1em; list-style: none; }
#newslist li { margin-top: 0.7em; }

/* --------------------------------------- */
/* Games Section                           */
#bd .game-pic { float: left; border: 1px solid black; margin: 10px 20px 10px 0; padding: 5px; background-color: white; text-align: center; }
#bd.game-info h2 { margin-top: 20px; }
#bd.game-info h2.first { margin-top: 5px; }
#bd .game-pic-small { float: left; border-width: 1px; border-style: inset; margin-right: 10px; padding: 5px; background-color: white; height: 150px; text-align: center; }
#bd .game-pic-small:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#bd.game-videos a { text-decoration: none; }
.game-videos ul { clear: both; }
.game-videos ul li { float: left; display: inline; }
.game-videos ul li img { padding-bottom: 5px; width: 250px; height: 250px; }
.game-videos ul li a { float: left; border: 1px solid black; background-color: white; padding: 5px; margin: 10px; text-align: center; }
.game-list { font-size: 130%; }
.game-list li { margin: 0.5em 0; }
.game-list li:hover { margin-left: 0.3em; }
.game-list a { height: 25px; display: block; }
.game-list img { margin-right: 5px; vertical-align: -8px; border: 1px solid black; }
#bd ul.subnav { display: block; margin: 0.2em 0 3em 0; }
#bd ul.subnav li { float: left; margin: 0 0 0 1em; display: inline; }
#bd ul.subnav li.first { margin: 0; }
#bd ul.subnav li a { background-color: transparent; border: 0; margin: 0; padding: 0; }
#bd.faq p { line-height: 1.5em; }
#bd.faq h2 { margin-top: 1.5em; }

/* --------------------------------------- */
/* Forum                                   */
body.wwi-style .forabg, body.wwi-style .forumbg { background-image: none; background-color: #563710; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
body.wwi-style, body.wwi-style #logo { padding: 0; }
body.wwi-style h1, body.wwi-style h2 { color: black; margin: auto; }
body.wwi-style #wrapper #wrap { font-size: 75%; width: 920px; }
body.wwi-style #wrapper #wrap .border-left, body.wwi-style #wrapper #wrap .border-right, body.wwi-style #wrapper #wrap .border-top, body.wwi-style #wrapper #wrap  .border-top-left, body.wwi-style #wrapper #wrap .border-top-right, body.wwi-style #wrapper #wrap .border-bottom, body.wwi-style #wrapper #wrap .border-bottom, body.wwi-style #wrapper #wrap .border-bottom span { background: none; }
body.wwi-style #wrapper #wrap { padding: 0; }
body.wwi-style #page-body p.right { display: none; }
body.wwi-style #page-body ul.linklist { display: none; }
body.wwi-style .navbar { background: none; padding: 0; }
body.wwi-style .navbar .inner .linklist { float: left; }
body.wwi-style .fontsize { display: none; }
body.wwi-style .navlinks, body.wwi-style .headerbar, body.wwi-style .postprofile, body.wwi-style .inside { border: 0; margin: 0; padding: 0; background: none; }
body.wwi-style div.headerbar span, body.wwi-style div.headerbar span span, body.wwi-style span.corners-top, body.wwi-style span.corners-top span, body.wwi-style span.corners-bottom, body.wwi-style span.corners-bottom span { background: none; }
body.wwi-style #search-box { margin-top: 0; font-size: 90%; }
body.wwi-style .bg1, body.wwi-style .bg2 { padding: 1em 1.5em; border: 1px solid #382700; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
body.wwi-style .bg1 { background-color: #FEF1D5; }
body.wwi-style .bg2 { background-color: #fff9ec; }
body.wwi-style ul.topiclist li { font-color: #5D5237; }
body.wwi-style li.row { background-color: #fffbf1; border-bottom-color: none; border-top-color: none; }
body.wwi-style li.row:hover dd { border: none; }
body.wwi-style ul.topiclist dd { border: none; }
body.wwi-style a.forumtitle { padding: 0.2em 0; margin-top: 0.7em; }
body.wwi-style a.forumtitle span { margin-top: -0.5em; }
body.wwi-style .forum-image { margin-right: 8px; }
body.wwi-style .panel { background-color: #FFFBF1; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 1em 2em; }

/* Twitter feed */
#hd a.twitter { width: 520px; text-align: right; display: block; clear: both; float: right; margin-top: 0.5em; font-size: 95%; color: #a47d4b; }


.question { font-style: italic; font-weight: bold; margin-top: 3em; margin-bottom: -0.6em; display: block; }
.video  { text-align: center; margin: 2em auto; }
.video-top { text-align: center; margin: 0 auto 2em 2em; }


/* --------------------------------------- */
/* Jquery lightbox gallery                 */
.gallery { clear: both; display: inline-block; margin: 0 0 1em 0; text-align: left; }
#bd.game-screenshots .gallery { margin: 0 0 3em 0; }
.gallery cite { font-size: 80%; }
.gallery:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
/* start commented backslash hack \*/
* html .gallery { height: 1%; }
.gallery { display: block; }
/* stop commented backslash hack */
.gallery li { float: left; display: inline; width: 200px; list-style-type: none; margin: 1em 1em 0 0; }
.gallery li a img { border: 1px solid black; }
.gallery li a:hover img { opacity: 0.8; filter: alpha(opacity=80); }
.gallery.auto-size li { width: auto; }

#jquery-lightbox img { max-width: none; }

#video-data { display: none; }
