/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}


body {font-family:  'Open Sans', sans-serif;  margin: 0; padding: 0; text-decoration: none; font-size: 12px; color: #1A1A1A; line-height: 22px; }
a {text-decoration: none; color: #2c3e50;}
a:hover {text-decoration: underline; color: #000000;}
.float-left  { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.error {color:red;}
form{ 
    max-width: 100%; 
    min-width: 25%;
    border: 1px solid #D4D4D4; 
    border-radius: 2px; 
    padding:5px;
    background-color: #e5e5e5;
    margin:3px;
} 

form label{ display: block; font-weight: bold;} 
form .row{ display: block; margin-bottom: 10px; padding:5px; } 
.search-form .row{ display: block; padding:5px;}

form input[type=text], form input[type=password], form input[type=url], form input[type=search], form input[type=email], form textarea, form select{
    border: 1px solid #2c3e50; 
    width: 99%; 
} 
form textarea{ height: 100px; width: 99%;}
form input[type=submit], .search-form input[type=submit], input[type=button] { 
    width: auto; 
    background-color: #2c3e50; 
    color: #e5e5e5; 
} 

form p label {font-weight: bold;  float: left; padding-right: 5px; text-align: right; width: 20%;}
form p input[type="text"], form p textarea, form p select { width: 75%}

.form .hihihi{display: none;}
.form-info{ display:block; font-size:11px; padding: 2px; width:99%; margin:0 auto;}
.modalBbcode { display:none; border:1px solid #2c3e50; padding:5px; width:320px; height:auto; position:absolute; visibility: visible; z-index: 100; background: #e5e5e5; }
.reportSpamContainer { display:none; border: 0px solid #2c3e50; width:400px; height:auto; position:absolute; visibility: visible; z-index: 100; background: #e5e5e5; }

header {position:relative; width:auto; max-width:990px; margin: 0 auto; padding: 5px; }
header h1 { margin: 10px 0 0 0; font-size: 28px; }
header h1 a {color:#1D4B77;}
header p { line-height: 30px; }

nav  { 
    background: none repeat scroll 0 0 #2c3e50;
    border-radius: 5px;
    margin: 10px 0;
    width: 100%;
    list-style:none;
    text-align: right;
}

nav ul li { display: inline-block; }

nav ul li a, nav #menubtn {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
}

nav ul li a:hover {color: #D4D4D4; text-decoration: none; }

.container:before, .container:after { display: table; content: " "; }
.container:after { clear: both; }
.container {position:relative; width:auto; max-width:990px; margin: 0 auto; padding: 5px; }
.content { width:100%; min-height: 300px;}

.content h1, .content h2, .sidebar h2 {font-size: 18px; margin-bottom:10px; line-height: 28px; border-bottom: 1px solid #2c3e50; }
.content h1 a {
    color: #202427;
    letter-spacing: -1px;
    line-height: 44px;
    margin: 15px 0 20px;
    padding: 0;
    text-decoration: none;
}
.content h2 {font-size:16px;}


.content article:before, .content article:after { display: table; content: " "; }
article:after { clear: both; }
.content article {background: none repeat scroll 0 0 #e5e5e5; margin-top: 20px; border-radius: 5px; color:#2c3e50; }
.content article h3 {margin-bottom: 10px; font-size:16px; line-height: 20px; padding-left: 5px;}
.content article h3 a {color: #2c3e50;}
.content article h3 a:hover {color: #000000; text-decoration: underline; }
.content article p { line-height: 24px; padding: 0 5px; }
.content article p.small { font-size: 11px; line-height: 18px; float:right; padding-right: 7px;}
.content article p.small a {text-decoration: underline; color: #2c3e50;}
.content article p.small a:hover {color: #000000; }
.content .pager{ text-align: center; padding:10px; }

.content .hp-promo {height: 170px; margin-top:10px; background:  #2c3e50; border-radius: 5px;}
.content .hp-promo article { color:#e5e5e5; background:  #2c3e50; }
.content .hp-promo article h3 a {color: #e5e5e5;}
.content .hp-promo article h3 a:hover {color: #e5e5e5; text-decoration: underline; }

.sidebar h2 {font-size: 14px;line-height: 28px; font-weight: bold; color:#2c3e50; }
.sidebar .sidebaritem {margin-bottom: 15px; background-color: #e5e5e5; border-radius: 5px; padding:0 5px;}

.boxstats{padding:0; margin:0px 10px;}
.boxstats .pr { width:40px; float:left;}
.boxstats .prbar{float:left; position: relative; width: 140px; padding: 6px 4px 4px 4px;}
.boxstats .prbar strong{display: block; position: relative; background: none repeat scroll 0% 0% rgb(94, 170, 94); text-align: center; color: rgb(51, 51, 51); height: 12px;}
.boxstats .prpr {float:right; padding-right:5px;}

.lefttab{ cursor:pointer; width:48%; float:left; border-bottom: 1px solid #2c3e50; background:#e5e5e5; padding-left:2%;}
.tabselected {background:#2c3e50; color:#FFFFFF;}
ol.contentrating{display:block; margin: 0; padding: 1px; list-style: inside;}
.contentrating li {list-style-type: decimal; }

.table-calendar {width:98%; margin:0 auto; background: #e5e5e5;}
.table-calendar td{ height:30px; width:28px; padding:3px; border:1px solid #FFFFFF; text-align:center; }
.table-calendar td a {font-weight: bold; }

footer {position:relative; width:auto; max-width:980px; background-color: #2c3e50; color: #e5e5e5; font-size: 12px; line-height: 24px; clear: both; margin: 10px auto; padding:5px;}

footer {text-align: center;}
footer p {text-align: center;}

@media (max-width:767px){
    .content{ width: 99%; }
    .sidebar{ width: 99%; margin-top: 5px;}

    nav {   
        height: auto;  
    }  
    nav ul {  
        width: 100%;  
        display: block;  
        height: auto;  
    }  

    nav ul li a {
        font-size:12px;
        line-height: 24px;
        height: 24px;
        padding-left: 5px;
        padding-right: 5px;
    }
}




.submenu {float: right;text-align: right; width: 99%; }
.clr {clear: both;}
.a {background: #99B3FF;}
.b {background: #e5e5e5}
.lb {font-weight: bold;}
table {margin: 5px;}
table td { 
    display: table-cell;
    vertical-align: top; 
    padding:1px;
}
.show-info {font-weight: bold; width: 98%; padding: 5px; margin:5px auto; border: 1px solid #307bc7; background-color: #CEE1F3;}

.morebtn{cursor: pointer;}
#wpsinfocontent { width: 450px; min-height: 50px; position: absolute; z-index: -99; display: none; border: 1px solid #307bc7;
                  padding: 5px; background-color: #CEE1F3; cursor: pointer; color: #000000}