/* CSS 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; }
fieldset,img,a {border:0; outline:none; }		
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal; } 
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal; } 
strong { font-weight: bold; }
/* end CSS reset */


/* generic classes */
.center {text-align: center;}
.left {float: left;}
.right {float: right;}
.clearFix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearFix {display: inline-block;}
html[xmlns] .clearFix {display: block;}
* html .clearFix {height: 1%;}
/* end generic classes */


/* constants */
body { background: #000 url(images/bgNav.jpg) repeat-x 0 128px; font-family: "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 13px; color: #fff; }
h1 { font-weight: bold; font-size: 24px; color: #0a5588; margin: 0 0 15px 0; }
h2 { font-weight: bold; font-size: 18px; color: #19a4ff; margin: 0 0 15px 0; }
h3 { font-weight: bold; font-size: 14px; color: #fff; background: url(images/bgTitle.png) no-repeat top center; width: 250px; height: 32px; text-align: center; padding-top: 7px; }
small { font-weight: normal; font-size: 11px; color: #999999; text-align: right; }
p { margin: 0 0 15px 0; line-height: 18px; }
a { color: #19a4ff; text-decoration: none; }
a:hover { text-decoration: underline; }

label { cursor: pointer; }
input, textarea, select { font-family: "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 18px; border: 1px solid #054879; color: #054879; background: #101010; }
input, textarea { padding: 5px; }
select { padding: 5px 2px; }
input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:hover { border: 1px solid #3e8ac6; color: #3e8ac6;  }
/* end constants */

#wrapper { background: url(images/bgHeader.jpg) no-repeat top center; width: 1024px; margin: 0 auto; }

#container { width: 900px; margin: 0 auto; }

#header { height: 128px; position: relative; }
#header img { position: absolute; top: 40px; }
#googleAd { background: url(images/bgGoogleAd.png) no-repeat; position: absolute; top: 18px; right: 0; padding: 16px 6px 6px 6px; }

#navigation { margin: 0 0 37px 0; position: relative; }
#navigation li { float: left; list-style: none; }
#navigation li a { background: url(images/nav.jpg) no-repeat top left; display: block; height: 37px; text-indent: -9999px; }
#navigation #home a { width: 67px; background-position: 0px 0px; }
#navigation #home a:hover { width: 67px; background-position: 0px -37px; }
#navigation #screenshots a { width: 122px; background-position: -67px 0px; }
#navigation #screenshots a:hover { width: 122px; background-position: -67px -37px; }
#navigation #download a { width: 105px; background-position: -189px 0px; }
#navigation #download a:hover { width: 105px; background-position: -189px -37px; }
#navigation #blog a { width: 68px; background-position: -294px 0px; }
#navigation #blog a:hover { width: 68px; background-position: -294px -37px; }
#navigation #forum a { width: 81px; background-position: -362px 0px; }
#navigation #forum a:hover { width: 81px; background-position: -362px -37px; }
#navigation #about a { width: 75px; background-position: -443px 0px; }
#navigation #about a:hover { width: 75px; background-position: -443px -37px; }
#navigation #contact a { width: 94px; background-position: -518px 0px; }
#navigation #contact a:hover { width: 94px; background-position: -518px -37px; }

.content { background: url(images/bgContent.jpg) no-repeat top center; position: relative; }
.main { width: 575px; float: left; padding: 25px 0 25px 25px; }
.sidebar { width: 250px; float: left; padding: 25px; font-size: 12px; line-height: 14px; }
.hr { border-top: 1px solid #3e8ac6; border-bottom: 1px solid #063f66; height: 1px; width: 860px; margin: 0 auto; }
.hrSmall { border-top: 1px solid #3e8ac6; border-bottom: 1px solid #063f66; height: 1px; width: 575px; margin: 25px auto; }
.share { text-align: right; }


/* sidebar */
.box { background: #101010; border-left: 1px solid #054879; border-right: 1px solid #054879; border-bottom: 1px solid #054879; width: 208px; padding: 20px; margin: -7px 0 25px 0; position: relative; z-index: 0; }
.quoteOpen { background: url(images/quoteOpen.jpg) no-repeat; width: 248px; height: 168px; position: absolute; top: 0px; left: 0px; z-index: -1; }
.quoteClose { background: url(images/quoteClose.jpg) no-repeat; width: 75px; height: 56px; position: absolute; bottom: 0px; right: 0px; z-index: -1; }

#advertise { background: url(images/advertise.png) no-repeat top left; display: block; width: 250px; height: 32px; text-indent: -9999px; }
#advertise:hover { background-position: 0 -32px; }

#testimonials p { margin: 0 0 5px 0; }
#testimonials span { display: block; text-align: right; }

#support #donateButton { display: block; margin: 0 auto; }

#footer { font-size: 11px; padding: 2px 20px 50px 20px; }
#footer span { float: right; }
/*end sidebar */


/* home */
#taeoHome { position: absolute; top: 40px; left: -65px; z-index: 9999; }
.iefail { display: none; }

#slideshow { background: url(images/bgImage.png) no-repeat top left; margin: -12px 0 0 35px; width: 534px; height: 316px; }
#slideshow img { padding: 18px; }

#donateHome { margin: 0 0 0 135px; }
#donateHome p { font-size: 10px; margin: 0 10px 0 0; float: right; width: 235px; line-height: 14px; }

#donateButton { background: url(images/donate.png) no-repeat top left; display: block; width: 181px; height: 55px; text-indent: -9999px; padding: 0; border: none; }
#donateButton:hover { background-position: 0 -55px; }

#downloadButton { background: url(images/download.png) no-repeat top left; display: block; width: 257px; height: 55px; text-indent: -9999px; }
#downloadButton:hover { background-position: 0 -55px; }
/* home */


/* screenshots */
.screenshot { float: left; width: 250px; margin: 0 18px 25px 18px; text-align: center; }
.screenshot img { border: 1px solid #054879; margin: 0 0 5px 0; }
.screenshot img:hover { border: 1px solid #19a4ff; }
/* end screenshots */


/* download */
#download #icon { width: 50px; float: left; }
#download #text { width: 500px; float: left; }
#download #text ul { margin: 0 0 25px 0; }
#download #text li { margin: 0 0 5px 15px; list-style-position: outside; }
#instructions li { margin: 0 0 3px 20px; }
/* end download */


/* about */
.about { margin-bottom: 15px; }
.about .image { width: 145px; height: 155px; float: left; }
.about .bio { width: 425px; float: left; padding-top: 23px; }
.about .bio li { float: left; margin-right: 35px; list-style: none; }
/* end about */


/* contact */
.contactForm { background: url(images/taeoShout.jpg) no-repeat 400px 0px }
.contactForm li { margin-bottom: 10px; list-style: none; }
.contactForm li.error { display: none; }
.contactForm li.error img { margin-left: 220px; }
.contactForm li.error img { margin-left: 215px; }
.contactForm label { display: inline-block; font-size: 18px; width: 100px; text-align: right; vertical-align: top; padding-top: 6px; }
.contactForm label.error { display: none; }
.contactForm input { width: 275px; }
.contactForm input.error { border: 1px solid #cccc66; }
.contactForm select { width: 287px; }
.contactForm textarea { width: 400px; height: 250px; }
/* end contact */


/* comments */
.commentlist li { padding: 5px; }
.commentlist .odd { background: #232323; }
.commentlist p { margin: 10px 0 0 0; }
.comment-author-admin p { color: #3e8ac6; }
.comment-author-infinitemonkey p { color: #3e8ac6; }
/* end comments */


/* forum */
.topicmeta { list-style: none; }
#topic-tags ul { list-style: none; }

.search { position: absolute; top: 4px; right: 0px; }
.search .hidden { display: none; }
.search input.text { border: none; background: url(images/bgSearch.jpg) no-repeat; width: 140px; height: 25px; padding: 4px; }
.search input.submit { border: none; background: url(images/btnSearch.jpg) no-repeat; width: 76px; height: 29px; text-indent: -9999px; margin-left: -4px; vertical-align: top; cursor: pointer; }

.forum h3 { width: 560px; background: url(images/bgTitleForum.png) no-repeat; }
.listing { position: relative; }
.listing table { width: 560px; margin: -7px 0 25px 0; background: #101010; border-left: 1px solid #054879; border-right: 1px solid #054879; border-bottom: 1px solid #054879; }
.listing th { text-align: left; background: url(images/bgSubTitle.jpg) repeat-x; padding: 8px; }
.listing tr.alt { background: #181818; }
.listing td { padding: 8px; }
.listing .searchContext { margin-bottom: 0px; }

.nav { position: absolute; top: -30px; right: 25px; }
#front-page .nav { top: 5px; }
.nav-bottom { float: right; margin-right: 20px; }
#topic-page .nav { top: -25px; }
.nav .page-numbers, .nav-bottom .page-numbers { margin-left: 5px; }


#viewdiv { width: 200px; float: left; }
#views { list-style: none; }
#viewdiv { }
#hottags { width: 350px; float: left; }

.forum .bbcrumb { margin-bottom: 25px; }

#threads { width: 558px; margin: -7px 0 5px 0; background: #101010; border-left: 1px solid #054879; border-right: 1px solid #054879; border-bottom: 1px solid #054879; position: relative; }
#threads ol { list-style: none; }
#threads li { padding: 15px; }
#threads li.alt { background: #181818; }
#threads blockquote { border: 1px solid #232323; background: #090909; font-style: italic; padding: 10px; margin-bottom: 10px; }
#threads div.Overlord .post { color: #3e8ac6; }
#threads div.Moderator .post { color: #66b566; }
#threads .threadauthor { width: 100px; float: left; }
#threads .threadpost { width: 420px; float: left; }
#threads .threadpost ul { margin: -15px 0 15px 0; }
#threads .threadpost li { background: url(icons/bullet_blue.png) no-repeat 0px 1px; list-style: none; padding: 0 0 0 20px; }
#threads .threadpost li.donezo { background: url(icons/tick.png) no-repeat 0px 1px; }

.forum form legend { display: none; }
.forum form li { margin-bottom: 10px; list-style: none; }
.forum form tr.form-field td { padding-bottom: 10px; }
.forum form label { display: inline-block; font-size: 18px; width: 120px; text-align: right; vertical-align: top; padding-top: 6px; }
.forum form th label { padding-top: 0; width: 175px; }
.forum form .allow { height: 30px; padding-bottom: 5px; }
.forum form th { padding-bottom: 12px; }
.forum form .form-field input { width: 275px; }
.forum form .form-field textarea { width: 275px; }
.forum form .error input { border: 1px solid #cccc66; }
.forum form select { width: 287px; }
.forum form p.submit input { cursor: pointer; }
.forum form .submit input { cursor: pointer; }
.forum form li.remember label { text-align: left; font-size: 12px; vertical-align: 1px; }

#postform label { width: 75px; }
#postform li.form-field input { width: 469px; }
#postform li.form-field textarea { height: 250px; width: 469px; }
#postform span.forumName { font-size: 18px; display: inline-block; margin-top: 6px; }

#profile-menu { list-style: inside; }

#profile-page #left { width: 150px; float: left; }
#profile-page #right { width: 400px; float: left; }
#profile-page #right dt { width: 150px; float: left; }
#profile-page #right dd { width: 250px; float: left; }

#pass-strength-result { color: yellow; font-size: 18px; width: 175px; height: 32px; padding-left: 5px; }
#pass-strength-result.short { color: yellow; }
#pass-strength-result.bad { color: red; }
#pass-strength-result.good { color: green; }

#sidebarLoginForm ul { list-style: none; }
#sidebarLoginForm li { margin-bottom: 10px; }
#sidebarLoginForm label { font-size: 15px; display: inline-block; width: 82px; text-align: right; }
#sidebarLoginForm .form-field { width: 110px; }

#tag-form #tag { width: 120px; }

#topic-search-form div { display: inline-block; margin-bottom: 8px; }
#topic-search-form label { width: 120px; display: inline-block; }
#topic-search-form label:after { content: " :"; }
#topic-search-form #search { width: 275px; }
#topic-search-form div.submit label { visibility: hidden; }

#postform #override label { width: 250px; vertical-align: 1px; margin-bottom: 15px; }

#topic-move { margin-top: 15px; }
#topic-move label { width: 350px; text-align: left; display: block; margin-bottom: 5px; }
/* end forum */