/*
Theme Name: WoW UI Gallery
Theme URI: http://www.wowuigallery.com/
Description: Blah
Version: 1.0
Author: Steve Morton
Author URI: http://www.smorto.com/
*/

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


/* constants */
body { background: #151515 url(images/bg_body.jpg) no-repeat top center; color: #fff; font-family: 'Lucida Sans Unicode', Helvetica, Arial, sans-serif; font-size: 12px; }
h1 { background: url(images/bg_headline.png) no-repeat; color: #fff; font-size: 30px; margin: 0 10px; padding: 12px 0 0 20px; width: 720px; height: 48px; }
h2 { font-size: 24px; }
h2 span.postAdmin { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
h3 { font-size: 20px; }
a { color: #b1e0ff; text-decoration: none; }
a:hover { text-decoration: underline; }
div.hr { border-top: 1px solid #1b1b1b; border-bottom: 1px solid #2f2f2f; line-height: 0px; margin: 10px 0 10px; }
.widget div.hr { border-top: 1px solid #1b1b1b; border-bottom: 1px solid #2f2f2f; line-height: 0px; margin: 0 30px 0 0; }

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


/* forms */
#content form fieldset { margin: 0 10px; }
#content form label { display: block; font-size: 14px; margin-top: 15px; }
#content form label span { font-size: 11px; }
#content form label input { vertical-align: -2px; }
#content form input.styled { background: url(images/bg_input.png) no-repeat; border: none; color: #fff; font-size: 16px; display: block; margin: 6px 0 0 0; padding: 7px 8px 0 8px; height: 27px; width: 306px; }
#content form input.error { background-position: 0 -34px; }
#content form input#tags-input { background: url(images/bg_tags.png) no-repeat; width: 646px; }
#content form input#tags-input.error { background-position: 0 -34px; }
#content form input#postformsub { display: block; margin: 20px auto 0; }
#content form select.styled { background: url(images/bg_input.png) no-repeat; border: none; color: #fff; font-size: 16px; display: block; margin: 6px 0 0 0; padding: 7px 8px 7px 8px; height: 34px; width: 322px; }
#content form select.error { background-position: 0 -34px; }
#content form textarea { background: url(images/bg_description.png) no-repeat; border: none; color: #fff; font-family: 'Lucida Sans Unicode', Helvetica, Arial, sans-serif; font-size: 16px; display: block; margin: 6px 0 0 0; padding: 7px 8px 0 8px; width: 646px; height: 185px; }
#content form textarea.error { background-position: 0 -192px; }
#content form .allowed { font-size: 11px; margin: 2px 0 0 5px; }
#content form label.error { display: none; }
#content form .submit { cursor: pointer; margin-top: 15px; }
#content form span.forumName { display: none; }
#content form p.warning { margin: 10px 0; text-align: center; }
/* end forms */


/* layout */
#login { border-bottom: 1px solid #444; background: #222222; height: 8px; }
#wrapper { margin: 0 auto; width: 1000px; }
/* end layout */


/* header */
#header { height: 158px; position: relative; }
#header #account { position: absolute; top: -1px; right: 20px;   }
#header #account .left { background: url(images/bg_account.png) no-repeat top left; float: left; width: 22px; height: 22px; }
#header #account .right { background: url(images/bg_account.png) no-repeat bottom right; float: left; padding: 0 10px 6px 5px; height: 16px; text-align: right; }
#header .logo { position: absolute; top: 50px; left: 0px; }
#header .beta { position: absolute; top: 42px; left: 380px; }
#header #bannerTop { background: #141414; border: 1px solid #444; color: #3e3e3e; position: absolute; top: 55px; right: 20px; width: 468px; height: 60px; text-align: center; }
/* end header */


/* content */
#content { float: right; width: 760px; }
#content .frame { background: url(images/bg_frame.png) repeat-y; padding: 0 30px 5px; }
#content .sorting { font-size: 11px; }
#content .bbcrumb { font-size: 11px; }
#content .frameBottom { background: url(images/bg_frameBottom.png) no-repeat; height: 31px; }
/* end content  */


/* front page */
#content .gallery { list-style: none; margin: 0 -10px -10px -10px; }
#content .gallery li { float: left; margin: 0 10px 10px; position: relative; }
#content .gallery li a { color: #fff; cursor: pointer; text-decoration: none; }
#content .gallery li div.info { background: url(images/bg_info.png) repeat; border: 2px solid #000; display: none; padding: 5px; position: absolute; top: 0px; left: 0px; width: 206px; height: 111px; }
#content .gallery li div.info span.views { position: absolute; bottom: 5px; left: 5px; }
#content .gallery li div.info span.rating { position: absolute; bottom: 5px; right: 5px; }
#content .topNav { float: right; }
#content .topNav a { margin: 0 0 0 5px; }
#content .topNav a.rss-link { display: block; margin: -15px 0 0 0; }
#content .topNav span { margin: 0 0 0 5px; }
#content .nav { width: 700px; position: relative; text-align: center; }
#content .nav a { margin: 0 0 0 5px; }
#content .nav span { margin: 0 0 0 5px; }
#content .nav a.next { margin: 0px; position: absolute; top: 0px; right: 0px; }
#content .nav a.prev { margin: 0px; position: absolute; top: 0px; left: 0px;  }
/* end front page */


/* register page */
#content #registerForm p { margin: 0 0 15px 0; }
#content #registerForm label { display: inline-block; margin-right: 5px; text-align: right; width: 180px; }
#content #registerForm label.error { text-align: left; margin-left: 5px; width: 140px; }
#content #registerForm input { display: inline-block; }
#content #registerForm input.submit { display: block; margin: 15px auto 0; }
/* end register page */


/* login page */
#content #loginForm { background: url(images/verticalRule.png) no-repeat right 25px; float: left; margin-right: 4px; padding-right: 4px; }
#content #passwordRecoveryForm { float: left; }
#content #passwordRecoveryForm p { margin-top: 15px; }
/* end login page */


/* profile page */
#content #vcard p { margin-top: 15px; }
#content #vcard #userinfo { margin-top: 15px; width: 410px; }
#content #vcard #userinfo dt { display: inline-block; width: 200px; }
#content #vcard #userinfo dd { display: inline-block; width: 200px; }
#content #user-replies { margin-top: 15px; }
#content #user-replies ol { list-style: none; }
#content #user-threads { margin-top: 15px; }
#content #user-threads ol { list-style: none; }
#content #editProfile label { display: inline-block; margin-right: 5px; text-align: right; width: 180px; }
#content #editProfile label.error { text-align: left; margin-left: 5px; width: 140px; }
#content #editProfile input { display: inline-block; }
#content #editProfile select { display: inline-block; }
#content #editProfile label.ignore { width: 300px; }
#content #editProfile input.submit { display: block; margin: 15px auto 0; }
/* end profile page */


/* submit your ui form */
#content #postForm .images div.uploadContainer { float: left; }
div.uploadContainer { position: relative; margin: 0 0 6px 0; width: 330px; height: 34px; }
div.uploadContainer div { position: absolute; top: 0px; left: 0px; z-index: 1; }
div.uploadContainer div input { background: url(images/bg_upload.png) no-repeat; width: 240px; border: none; color: #fff; font-size: 16px; margin: 6px 0 0 0; padding: 7px 8px 0 8px; height: 27px; }
div.uploadContainer div input.error { background-position: 0 -34px; }
div.uploadContainer div.disabled { -moz-opacity: .25; filter: alpha(opacity: 25); opacity: .25; }
div.uploadContainer div img { vertical-align: bottom; }
div.uploadContainer input.uploadStyle { position: relative; text-align: right; z-index: 2; margin: 6px 0 0 0; width: 320px; height: 34px; -moz-opacity: 0; filter: alpha(opacity: 0); opacity: 0; }

div.metaData div { width: 150px; float: left; }
div.metaData label { margin-bottom: 5px; }
div.metaData ul { list-style: none; margin-left: 0px; }
div.metaData ul.resolution li.standard4x3 { display: none; }
div.metaData ul.resolution li.standard5x4 { display: none; }
div.metaData ul.resolution li.widescreen { display: none; }
div.metaData ul.resolution li.highDefinition { display: none; }
div.metaData ul.resolution li.other { display: none; }
div.metaData span { display: block; height: 18px; padding-top: 2px; }
div.metaData span.radio { width: 19px; height: 18px; padding: 0 2px 0 0; background: url(images/radio.png) no-repeat; display: block; clear: left; float: left; }
/* end submit your ui form */


/* forums */
.listing { position: relative; margin: 0 0 25px 12px; padding: 1px 0 0 0; }
.listing .listingMeta { position: absolute; top: 0px; left: -10px; }
.listing .listingMeta .left { background: url(images/bg_darkLeft.png) no-repeat; float: left; width: 20px; height: 50px; }
.listing .listingMeta .content { background: url(images/bg_dark.png) repeat-x; float: left; padding: 10px 0 0 0; width: 655px; height: 40px; text-transform: uppercase; }
.listing .listingMeta .right { background: url(images/bg_darkRight.png) no-repeat; float: left; width: 20px; height: 50px; }
.listing table { background: #101010; border: 1px solid #333333; margin-top: 36px; width: 675px; }
.listing th { background: #181818; color: #999999; font-size: 11px; padding: 6px 8px; text-align: left; }
.listing tr.alt { background: #181818; }
.listing td { padding: 8px; }
.listing img.isUI { margin: 0 0 0 5px; vertical-align: middle; }
.listing a.page-numbers { margin-left: 5px; }
.listing .forumNav { font-size: 11px; position: absolute; top: 10px; right: 25px; }
.listing .forumNav a { margin: 0 0 0 5px; }
.listing .forumNav span { margin: 0 0 0 5px; }
/* end forums */


/* topic */
#content #thread { list-style: none; }
#content .ui .uiGallery { list-style: none; margin-bottom: 10px; overflow: hidden; position: relative; }
#content .ui .uiGallery li { display: none; }
#content .ui .uiGallery li.selected { position: relative; display: block; }
#content .ui .uiThumbnails { list-style: none; }
#content .ui .uiThumbnails li { cursor: pointer; float: left; margin: 0 10px 0 0; }
#content .ui .hr { margin: 10px 0 10px 0; }
#content .ui .uiSocial { float: right; }
#content .ui .uiDescription { margin: 0 0 0 15px; }
#content .ui p { margin-top: 10px; }
#content .ui .commentsHeader { margin-bottom: 5px; }

#content #googleBannerMid { width: 468px; margin: 10px auto 0px; }
#content #googleLinkUnitMid { width: 468px; margin: 5px auto; }

#content .comment { position: relative; }
#content .comment .top { background: url(images/bg_commentTop.png) no-repeat center; height: 30px; }
#content .comment .content { background: url(images/bg_comment.png) repeat-y center; padding: 5px 35px 5px 35px; }
#content .comment .content p { margin-top: 10px; }
#content .comment .content img { display: block; margin: 0 auto; }
#content .comment .content ol { margin: 10px 0 0 30px; }
#content .comment .content blockquote { background: #151515; border: 1px solid #333; color: #CCC; margin: 10px 0 0 0; padding: 0 10px 10px 10px; }
#content .comment .content blockquote cite { border-bottom: 1px solid #333; font-size: 11px; }
#content .comment .bottom { background: url(images/bg_commentBottom.png) no-repeat center; height: 25px; }
#content .comment .commentMeta { position: absolute; top: 1px; left: 9px; }
#content .comment .commentMeta .left { background: url(images/bg_darkLeft.png) no-repeat; float: left; width: 20px; height: 50px; }
#content .comment .commentMeta .content { background: url(images/bg_dark.png) repeat-x; float: left; padding: 10px 0 0 0; height: 40px; }
#content .comment .commentMeta .content .commentAuthorTitle { color: #999; font-size: 10px; }
#content .comment .commentMeta .content .commentTime { font-size: 10px; } 
#content .comment .commentMeta .right { background: url(images/bg_darkAngle.png) no-repeat; float: left; width: 45px; height: 50px; }

#content .admin { margin: 25px 10px 0; }
#content .admin form { display: inline; }
#content .admin form fieldset { display: inline; vertical-align: middle; }
#content .admin form fieldset input[type="submit"] { border: 1px solid #777; background: #111; color: #ccc; cursor: pointer; }

#content span.error { color: #ff0000; }

#content .Admin .uiDescription p { color: #00C0FF; }
#content .Admin .content p { color: #00C0FF; }
#content .Admin .content li { color: #00C0FF; }
#content .Admin .content blockquote p { color: #ccc; }
/* end topic */


/* sidebar */
#sidebar { float: right; list-style: none; margin-left: -40px; width: 280px; }
#sidebar .search { background: url(images/bg_search.png) no-repeat 10px 0; margin: 0 0 10px 20px; width: 260px; height: 50px; }
#sidebar .search form { padding: 12px 0 0 19px; }
#sidebar .search form .text {  background: none; border: none; color: #fff; padding: 6px 0 0 5px; width: 141px; }
#sidebar .search form .submit { vertical-align: top; }
#sidebar .widget .top { background: url(images/bg_widgetTop.png) no-repeat; width: 280px; height: 18px; }
#sidebar .widget .content { background: url(images/bg_widget.png) repeat-y; padding: 0 30px 0 40px; width: 240px; }
#sidebar .widget .content em { background: url(images/bg_hr.gif) repeat-x bottom; display: block; font-size: 24px; margin: 0 30px 8px 0; padding: 0 0 8px 0; text-transform: uppercase; }
#sidebar .widget .content em span { color: #f89532;  }
#sidebar .widget .bottom { background: url(images/bg_widgetBottom.png) no-repeat; width: 280px; height: 30px; }

#sidebar .submit a { background: url(images/icon_raquo.png) no-repeat 190px 7px; color: #fff; display: inline-block; font-size: 36px; padding: 0 25px 0 0; text-decoration: none; text-transform: uppercase; }
#sidebar .submit a span { color: #f89532; }

#sidebar .vitals ul { list-style: none; }
#sidebar .vitals li { margin-top: 4px; }
#sidebar .vitals div.star-holder { display: inline-block; }
#sidebar .vitals .addons { margin-top: 10px; }
#sidebar .vitals #tags-list { display: inline-block; padding: 0 10px 0 0; }
#sidebar .vitals #tags-list li { float: left; }
#sidebar .vitals .download { background: url(icons/disk.png) no-repeat; padding-left: 20px; }

#sidebar .browse label { cursor: pointer; display: block; font-size: 14px; margin: 0 0 5px 0; }
#sidebar .browse label span { background: url(images/icon_browse.gif) no-repeat; display: inline-block; margin-left: 5px; width: 9px; height: 9px; }
#sidebar .browse label span.expanded { background-position: -9px 0; }
#sidebar .browse ul { list-style: none; margin: 0 0 8px 0; overflow: hidden; padding: 0 0 8px 0; position: relative; width: 210px; }
#sidebar .browse ul.last { margin: 0 0 0 0; }
#sidebar .browse li { margin-left: 10px; }
#sidebar .browse .browseHr { background: url(images/bg_browse.png) repeat-x; margin: 0 0 0 0; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 11px; }

#sidebar .links { margin: 0 0 50px 0; }
#sidebar .links ul { list-style: none; margin: 0 0 0 42px; }
#sidebar .links li { float: left; margin: 0 15px 0 0; }
/* end sidebar */


/* about page */
#content .about p { margin: 0 0 15px 0; }
#content .about h2 { margin: 0 0 5px 0; }
#content .about .profile .profilePic { float: left; width: 150px; }
#content .about .profile .profileDesc { float: left; padding: 20px 0 0 0; width: 510px; }
#content .about .profile .profileDesc h3 { margin: 0 0 10px 0; }
#content .about .profile .profileDesc ul { list-style: none; }
#content .about .profile .profileDesc li { float: left; margin: 0 15px 0 0; }
/* end about page */


/* contact page */
#content #contactForm ul { list-style: none; }
#content #contactForm label { display: inline-block; margin-right: 5px; text-align: right; width: 180px; }
#content #contactForm label.error { text-align: left; margin-left: 5px; width: 140px; }
#content #contactForm label.message { vertical-align: top; }
#content #contactForm input { display: inline-block; }
#content #contactForm select { display: inline-block; }
#content #contactForm textarea { background: url(images/bg_message.png) no-repeat; display: inline-block; width: 306px; }
#content #contactForm input.submit { display: block; margin: 15px auto 0; }
/* end contact page */


/* ie6 */
body.ie6 { background: #151515; }
body.ie6 #logo { display: block; margin: 15px auto 0; }
body.ie6 #splash { display: block; margin: 0 auto 15px; }
body.ie6 p { margin: 0 auto 15px; width: 600px; }
body.ie6 ul { margin: 0 auto 50px; width: 600px; list-style: none; }
body.ie6 li { float: left; width: 128px; text-align: center; margin: 0 8px; } 
body.ie6 li a { font-size: 14px; }
/* end ie6 */