/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
    Style name:     CosplayForum2011
    Based on style: subSilver (the default phpBB 2 style)
    Original author:    subBlue ( http://www.subBlue.com/ )
    Modified by:        Ren - Cosplay-it.com ( http://www.cosplay-it.com )
        
    Copyright 2011 CosplayForum
    --------------------------------------------------------------
*/

/* Layout
 ------------ */

* {
    /* Reset browsers default margin, padding and font sizes */
    margin: 0;
    padding: 0;
}

html {
    font-size: 100%;
    background: #002530 url("../imageset/top-body-bg.jpg") no-repeat 50% 0;
}

body {
    /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
    font-family: "Lucida Sans Unicode",arial,tahoma,verdana,sans-serif;
    color: #333;
    /*background-color: #FFFFFF;*/
    font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
    margin: 0;
    overflow-y:scroll; 
}

a{outline: none; }
a:hover {-webkit-transition: color 0.2s ease-out !important;-moz-transition: color 0.2s ease-out !important; opacity: 1; cursor: hand !important; }
.white-font *{color:#fff !important;}

/*TOP BAR*/
.top-bar-container{box-shadow:0 1px 2px rgba(0,0,0,0.498);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.498);-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.498);background:-moz-linear-gradient(-90deg,#333333,#111111) repeat scroll 0 0 transparent !important;background:#111;height:32px;border-bottom:1px solid #333;font-size:11px; font-family: "Lucida Sans Unicode",arial,tahoma,verdana,sans-serif; font-size: 12px; min-width:990px;}
.top-bar-container ul{list-style:none;margin:0 !important;}
.top-bar-container li{float:left;border-left:1px solid #040404;border-right:1px solid #040404;width:115px;text-align:center;}
.top-bar-container a,.top-bar-container span{display:block;line-height:32px;padding:0 5px;}
.top-bar-container span{ color:#fff;}
.top-bar-container a {color:#aaa !important;}
.top-bar-container a:hover{text-decoration:underline;color:#fff !important; background: #252525;} 
.top-bar-container li.active span{color:#f1c901 !important;display:block;cursor:default;line-height:32px;padding:0 5px;background:rgba(0,0,0,0.698) !important; background: #000; font-size: 13px}

/*TOP NEWS*/
.top-news {
    width:750px; height:90px; float:right; padding-top:0px; background:  url("../theme/images/top-news/top-news-bg.png") no-repeat 50% 0; padding:5px 0;
    zoom: 1;
}
.top-news .logos{}
.top-news .logos a {height:44px; display: inline-block;}
.top-news .logos a:hover {background-position: 0 100%;  } 
.top-news .logos .cosplay-it {background:  url("../theme/images/top-news/cosplay-it-logo.png") no-repeat 0 0; width:161px;}
.top-news .logos .cosplay-mag {background:  url("../theme/images/top-news/cosplay-mag-logo.png") no-repeat 0 0; width:188px;}
.top-news .logos .cosplayforum {background:  url("../theme/images/top-news/cosplay-forum-logo.png") no-repeat 0 0; width:168px;}
.top-news a{ color:#fff !important; text-decoration: underline !important; }
.top-news a:hover{ text-decoration: none !important; }
.top-news p{color:#fff; text-align: left; font-size: 1.2em;padding-bottom:15px;}
.top-news .headline {font-size: 1.6em;}

#wrapheader {
    min-height: 120px;
    height: auto !important;
    height: 120px;
/*  background-image: url('./images/background.gif');
    background-repeat: repeat-x;*/
/*  padding: 0 25px 15px 25px;*/
    padding: 0;
}

#wrapcentre {
    margin: 0 15px 0 15px;
}

#wrapfooter {
    text-align: center;
    clear: both;
    
}
#wrapfooter * {color:#ccc;}


#wrapnav {
    width: 100%;
    margin: 0;
    background-color: #ECECEC;
    border-width: 1px;
    border-style: solid;
    border-color: #A9B8C2;
}

#logodesc {
    margin-bottom: 5px;
    padding: 5px 25px;
    background: #D9DFE4;
    border-bottom: 1px solid #4787A7;
}

.logo-header {display: inline-block; position: relative; left: 0; margin: 20px 0 0 0; }

#menubar {
    margin: 0 25px;
}

#datebar {
    margin: 10px 25px 0 25px;
}

#findbar {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}

.forumrules {
    background-color: #F9CC79;
    border-width: 1px;
    border-style: solid;
    border-color: #BB9860;
    padding: 4px;
    font-weight: normal;
    font-size: 1.1em;
}

.forumrules h3 {
    color: red;
}

#pageheader { }
#pageheader .titles{font-variant: small-caps; font-weight: lighter; max-width: 800px; display: inline-block; margin-top:10px;} 
#pagefooter { }

#poll { }
#postrow { }
#postdata { }


/*  Text
 --------------------- */
h1 {
    color: black;
    
    font-size: 1.8em;
    text-decoration: none;
}

h2 {
    
    font-size: 1.5em;
    text-decoration: none;
    line-height: 150%;
}

h3 {
    font-size: 1.3em;
    
    line-height: 120%;
}

h4 {
    margin: 0;
    font-size: 1.4em;
}

p {
    font-size: 1.1em;
}

p.moderators {
    font-size: 1.1em;
    margin: 0;
    float: right;
    color: #003A4C;
    text-align: center;
    opacity: 0.6;
    padding: 0 5px;
    display: inline-block;
    margin: 0 0 0 5px;
    
}
p.moderators:hover {opacity: 1;}

.moderators-outside {color: #fff !important; opacity: 1 !important;}

.rtl p.moderators {
    float: right;
}

p.linkmcp {
    margin: 0;
    float: right;
    white-space: nowrap;
    color:#fff ;
    position: absolute; top:80px; right:20px;
}
p.linkmcp a:link, p.linkmcp a:focus, p.linkmcp a:visited{
color:#fff ;
}

.rtl p.linkmcp {
    float: left;
}
.breadcrumbs-container{background: none !important;}

.breadcrumbs {
    margin: 0;
    float: left;
    color: black;
    white-space: normal;
    font-size: 1em;
}
p.breadcrumbs * {color:#fff !important;}

.rtl p.breadcrumbs {
    float: right;
    color:#fff !important;
}

p.datetime {
    margin: 0;
    float: right;
    white-space: nowrap;
    font-size: 1em;
    color:#fff !important;
}

.rtl p.datetime {
    float: left;
}

p.searchbar {
    padding: 2px 0;
    white-space: nowrap;
} 

p.searchbarreg {
    margin: 0;
    float: right;
    white-space: nowrap;
}

.rtl p.searchbarreg {
    float: left;
}

p.forumdesc {
    font-size :1.25em;
    padding: 0 20px 4px;
    width:95%;
    opacity: 1;
    line-height:1.1em;
}
p.forumdesc:hover {opacity:1;}

.forumdesc strong {font-weight: lighter; }
 
p.topicauthor {
    margin: 1px 0;
}

p.topicdetails {
    margin: 1px 0;
    font-size: 1.1em;
}


.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
    margin: 0 5px;
    color: red;
    
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
    color: green;
    
}

.postapprove img, .postreported img {
    vertical-align: bottom;
}

.postauthor {
    color: #000000;
    font-size: 1.1em;
}

.postdetails {
    color: #000000;
    opacity:0.7;
    display: table-cell;
    text-align: left;padding:0 15px;
    line-height: 14px;
}

.postrank {text-align: center;}

.postbody {
    font-size: 1.3em;
    line-height: 1.4em;
    padding:0 2px; 
}

.message-title {padding:0 4px;}
.message-btns {padding:0 2px;}

.postbody li, ol, ul {
    margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
    margin: 0 1.5em 0 0;
}

.posthilit {
    background-color: yellow;
}

.nav {
    margin: 0;
    color: #000;
    font-size: 1.1em;
    
}

.pagination {
    padding: 4px;
    color: black;
    font-size: 1.1em;
    color:#7c8f94;
}
.pagination * {color:#7c8f94 !important;}
.pagination strong {color:#fff !important;}

.cattitle {

}

.gen { 
    margin: 0 1px; 
    font-size: 1.2em;
}

.genmed {
    margin: 3px 0;
    font-size: 1.25em;
    line-height: 1.2em;
    color:#007a9d;
    
}

.genmed td{background: #fff;}

.top-navlinks {padding-left:10px; font-weight: lighter;}
.top-navlinks *{color:#adb9bc !important;}
.top-navlinks strong {color:#fff !important;}
.content-flow {position: absolute; top:80px; right:20px;}

.gensmall {
    margin: 0 1px;
    font-size: 1.1em;
    color:#555;
}

.copyright {
    color: #ccc;
    font-weight: normal;
    
}

.copyright a {color:#fff !important;}

.titles {
    color:#fff !important; 
    font-size: 1.6em;
    font-weight:normal; 
    text-decoration: none;
    text-align:center;
}

.error {
    color: red;
}


/* Tables
 ------------ */
th {
    color: #f1aa01;
    font-size: 1.4em;
    background:none;
    white-space: nowrap;
    padding: 4px 5px 5px;
    
    font-weight: normal;
    
}

td {
    padding: 0;
}
td.profile {
    padding: 4px;
    text-align: center;
}

.tablebg {
    
}

.row1 {
    background-color: #fff;
    padding: 4px 7px 5px;
    line-height:18px;
}

.private-message .row1 .genmed, .private-message .row1 .gen {padding: 4px 7px 5px;}

.row2 {
    background-color: #FFF4E8;
    padding: 4px 7px 5px;
    line-height:18px;
}

.row3 {
    background-color: #C0C8D0;
    padding: 3px 5px;
}

.row4 {
    background-color: #fff;
    padding: 3px 5px;
}

.row5 {
    background-color: #fff;
    padding: 1px;
}
.row5 img {width:40px;}

.row6 {
    background-color: #F1F4F7;
    line-height: 18px;
    padding: 3px 5px;
    background-color: #FFF4E8;
}
 

.catdiv {
    height: 28px;
    margin: 0;
    padding: 0;
    border: 0;
    background: rgba(0, 51, 66, 0.6) !important;
    background: #003342;
    border-top:1px solid #00536a;
    border-bottom:1px solid #f1aa01;
    color:#fff !important;
}
.rtl .catdiv {
    background-color: #ecdddd;
}

.cat {
    height: auto;
    margin: 0;
    padding: 5px;;
    border: 0;
    text-indent: 4px;
    background: rgba(0, 51, 66, 0.6) !important;
    background: #003342;
    
    border-top:1px solid #00536a !important;
    border-bottom:1px solid #f1aa01 !important;
    color:#fff !important ;
    
}
.cat *{color:#fff;}
.cat .gensmall {font-weight: lighter; font-size: 1.25em;}

.cat span {color:#fff;}

.cat a{
    font-weight: normal !important;
    color:#fff !important;
}

.cat a:hover {color:#f1aa01 !important;}

.date-container {background:none; color:#7C8F94; padding:0; }

.spacer {
    
}

hr {
    height: 1px;
    border-width: 0;
    background-color: #D1D7DC;
    color: #D1D7DC;
}

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

.legend *{color:#ccc;}
.legend span{opacity: 0.8;}


/* Links
 ------------ */
a:link {
    color: #003a4c;
    text-decoration: none;
}

a:active,
a:visited {
    color: #003a4c;
    text-decoration: none;
}

a:hover {
    color: #f1aa01;
    text-decoration: underline;
}

a.forumlink {
    color: #003a4c;
    font-size: 1.6em;
    font-weight: normal;
}

a.forumlink:hover {color: #f1aa01;}

.topictitle, a.topictitle {
    margin: 1px 0;
    font-size: 1.3em;
}

a.topictitle:visited {
    color: #5E5F5F;
    text-decoration: none;
}

th a,
th a:visited {
    color: #f1aa01 !important;
    text-decoration: none;
}

th a:hover {
    text-decoration: underline;
}


/* Form Elements
 ------------ */
form {
    margin: 0;
    padding: 0;
    border: 0;
}

input {
    color: #333333 !important;
    
    font-size: 1.1em;
    font-weight: normal;
    padding: 1px;
    border: 1px solid #A9B8C2;
    background-color: #FAFAFA;
}

textarea {
    background-color: #FAFAFA;
    color: #333333;
    
    font-size: 1.3em; 
    line-height: 1.4em;
    font-weight: normal;
    border: 1px solid #A9B8C2;
    padding: 2px;
}

select,select * {
    color: #333333 !important;
    /* background-color: #FAFAFA;
    border: 1px solid #A9B8C2;*/    
    font-size: 1.1em;
    font-weight: normal;
    padding: 1px;
}

option {
    padding: 0 1em 0 0;
}

option.disabled-option {
    color: graytext;
}

.rtl option {
    padding: 0 0 0 1em;
}

input.radio {
    border: none;
    background-color: transparent;
}

.post {
    background-color: white;
    border-style: solid;
    border-width: 1px;
}

.btnbbcode {
    color: #000000;
    font-weight: normal;
    font-size: 1.1em;
    
    background-color: #EFEFEF;
    border: 1px solid #666666;
}

.btnmain {
    font-weight: bold;
    background-color: #ECECEC;
    border: 1px solid #A9B8C2;
    cursor: pointer;
    padding: 1px 5px;
    font-size: 1.1em;
}

.btnlite {
    font-weight: normal;
    background-color: #ECECEC;
    border: 1px solid #A9B8C2;
    cursor: pointer;
    padding: 1px 5px;
    margin:5px 0;
    font-size: 1.1em;
}

.btnfile {
    font-weight: normal;
    background-color: #ECECEC;
    border: 1px solid #A9B8C2;
    padding: 1px 5px;
    font-size: 1.1em;
}

.helpline {
    background-color: #DEE3E7;
    border-style: none;
}


/* BBCode
 ------------ */
.quotetitle, .attachtitle {
    margin: 10px 5px 0 5px;
    padding: 4px;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #000;
    color: #fff;
    background-color: #005069;
    background: #002530 url("../imageset/top-body-bg.jpg") no-repeat scroll 80% 0;
    font-size: 0.85em;
    font-weight: bold;
}

.quotetitle .quotetitle {
    font-size: 1em;
}

.quotecontent, .attachcontent {
    margin: 0 5px 10px 5px;
    padding: 5px;
    border-color: #A9B8C2;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.4em;
    
    background-color: #fff;
    color: #005069;
}

.attachcontent {
    font-size: 0.85em;
}

.codetitle {
    margin: 10px 5px 0 5px;
    padding: 2px 4px;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #A9B8C2;
    color: #333333;
    background-color: #A9B8C2;
    
    font-size: 0.8em;
}

.codecontent {
    direction: ltr;
    margin: 0 5px 10px 5px;
    padding: 5px;
    border-color: #A9B8C2;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    font-weight: normal;
    color: #006600;
    font-size: 0.85em;
    background-color: #FAFAFA;
}

.syntaxbg {
    color: #FFFFFF;
}

.syntaxcomment {
    color: #FF8000;
}

.syntaxdefault {
    color: #0000BB;
}

.syntaxhtml {
    color: #000000;
}

.syntaxkeyword {
    color: #007700;
}

.syntaxstring {
    color: #DD0000;
}

/*UCP
---------------------*/
#pagecontent {margin-top:5px;}
#ucp *{color:#002530;}
#ucp th {color:#fff;}

.ucp-nav {color:#000; font-size: 1.15em;}
.ucp-nav .nav {color:#000;}

.ucp-nav li b{color:#000;}

b.ucp-nav {}

/* Private messages
 ------------------ */
.pm_marked_colour {
    background-color: #000000;
}

.pm_replied_colour {
    background-color: #A9B8C2;
}

.pm_friend_colour {
    background-color: #007700;
}

.pm_foe_colour {
    background-color: #DD0000;
}


/* Misc
 ------------ */
img {
    border: none;
}

.sep {
    color: black;
    background-color: #FFA34F;
}

table.colortable td {
    padding: 0;
}

pre {
    font-size: 1.1em;
}

.nowrap {
    white-space: nowrap;
}

.username-coloured {
}

.old-links {display:none;}