@CHARSET "UTF-8";

body {font-family:  'Open Sans', sans-serif;  margin: 0; padding: 0; text-decoration: none; font-size: 13px; color: #1A1A1A; line-height: 24px; }
a {text-decoration: none; color: #2c3e50;}
a:hover {text-decoration: underline; color: #000000;}
.float-left  { float: left; }
.float-right { float: right; }
.error {color:red;}
.size-0{font-size:10px; text-decoration: none;}
.size-1{font-size:11px; text-decoration: none;}
.size-2{font-size:12px; text-decoration: none;}
.size-3{font-size:14px; text-decoration: none;}
.size-4{font-size:16px; text-decoration: none;}
.size-5{font-size:18px; text-decoration: none;}
.size-6{font-size:20px; text-decoration: none;}
.size-7{font-size:22px; text-decoration: none;}
.rk {padding:5px; text-align: center; width: 90%; margin: auto;}

.form{ 
    max-width: 100%; 
    min-width: 25%;
    border: 1px solid #D4D4D4; 
    border-radius: 2px; 
    padding:5px;
    background-color: #e5e5e5;
} 

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

form input[type=text], 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: 150px; 
    background-color: #2c3e50; 
    color: #e5e5e5; 
} 

.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-size: 14px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase;
    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 { display: block; float:right; width:65%; }
.sidebar {width: 33%; float:left; margin-right: 1%;}

.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;}
footer a {color: #FFFFFF;}

@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;
    }
}




/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
    position: relative;
    margin: 0 auto 10px;
    padding: 0;
    *zoom: 1;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(../images/bxslider/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #e5e5e5;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
    left: 10px;
    background: url(../images/bxslider/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url(../images/bxslider/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(../images/bxslider/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(../images/bxslider/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}


/*  styles for the unit rater
--------------------------------------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com 
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */
.ratingblock { display:block; border-bottom:1px solid #999; padding-bottom:8px; margin-bottom:8px; }
.loading { height: 30px; background: url('../images/working.gif') 50% 50% no-repeat; }
.unit-rating { list-style:none;
    margin: 0px;
    padding:0px;
    height: 30px;
    position: relative;
    background: url('../images/starrating.gif') top left repeat-x;		
}

.unit-rating li{
    text-indent: -90000px;
    padding:0px;
    margin:0px;
    /*\*/
    float: left;
    /* */
}

.unit-rating li a {
    outline: none;
    display:block;
    width:30px;
    height: 30px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 20;
    position: absolute;
    padding: 0px;
}

.unit-rating li a:hover{
    background: url('../images/starrating.gif') left center;
    z-index: 2;
    left: 0px;
}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}	
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {
    background: url('../images/starrating.gif') left bottom;
    position: absolute;
    height: 30px;
    display: block;
    text-indent: -9000px;
    z-index: 1;
}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}
