/*
Theme Name: TOK Magazine
Theme URI: 
Description: TOK Magazine Tamplate. 
Version: 1.0 
Author: Andrei Bryk
Author URI: 
*/

* {
    margin:0;
    padding:0;
}

#mixes p{
display:none;
}


#top h2 {
width:100%;background:#000000;color:#fff;padding:0px 2px;margin:0px 0px 5px 0px;
font:12px/20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

#mixes h2 {
width:100%;color:#000;padding:0px 0px;margin:0px 0px 0px 0px;
font:12px/20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

.btn_mix {
cursor:pointer;
}

#left_content {
   min-height:1230px;

}
#right_content {
    min-height:1230px;
    
}


body {
    text-align: center;
    margin:0px;
    color:#000;
    background: #FFFFFF;
    font:12px/20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
     
}

A:link {
    COLOR: #000; text-decoration: none;
}
A:visited {
    COLOR: #000; text-decoration: none;
}
A:active {
    COLOR: #000; text-decoration: none;
}
A:hover {
    COLOR: #000; text-decoration: underline;
}

img {
    border:0;
}

#page_wrapper {
    background:#FFFFFF;
    margin-left: auto;
    margin-right: auto;
    width: 1020px;
    text-align: left;


}

#header_wrapper {

    margin:0px; padding:0px;
}
#header_line {
    padding-top: 5px;
    color: #ffffff;
    text-align: right;
    background:#000000;
    height:27px;
    width:100%;
}
#header {
    height:250px;
    color:#eee;
    margin:0px;
    text-align:center;
}


h1 {
    font-size:23px;
    padding:20px;
}
#header h1 { margin:0px; padding:20px 0px 0px 15px;font:normal 23px impact;;}
#header p { padding:3px 0 0 15px;color:#fff;margin:0px;font:11px verdana;}

#header h1 a {
    color:#ccff00;
    text-decoration:none;
}



#sitename {
    margin:0px;
    font-family: verdana, arial, sans-serif;
    font-size: 28px;
    color:#ffffff;
    letter-spacing: -1px;
}

#header h2 {
    margin:0px;
    font-family: verdana, arial, sans-serif;
    font-size: 14px;
    color:#B1C6EB;
    letter-spacing: 1px;
}

#left_side {
    margin: 0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float: left;
    width: 160px;
    background:#fff;
}

.poll ul li{
    text-align:left;
    display:list-item;
}

#right_side {
    margin: 0px 0 0px 0;
    padding:0px 0px 0px 0px;
    float: right;
    width: 160px;
    background:#fff;
}

#content {
    margin-top: 0px;
    margin-left: 165px;
    margin-right: 165px;
    line-height: 18px;
    color: #333333;
}



/* Home page design */

#mainleft {
    margin-right:5px;
    width:395px;
    float:left;
    background:#E7E8EA;

}

#maincenter {
    width:295px;
    float:left;
    background:#E7E8EA;

}		

#mainleft h1, #maincenter h1{
    clear:both;
    font:normal 15px/20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    letter-spacing:1px;
    margin:0px 0px 0px 0px;
    padding:0px 0 0 0;
}

#mainleft h1 a, #maincenter h1 a{		
    color:#018301;
    text-decoration:underline;
}



#content #mainleft p.morree a, #content #maincenter p.morree a{
    
    padding:1px;
}


/*
** Menu styles
*/
ul.menu {
    list-style: none;
    border: none;
    text-align:left;
}
ul.menu li {
    margin: 0 0 0 0.5em;
}
li.expanded {
    list-style-type: circle;
    list-style-image: none;
    padding: 0.2em 0.5em 0 0;
    margin: 0;
    color: #759ADB;
}
li.collapsed {
    list-style-type: circle;
    list-style-image: none;
    padding: 0.2em 0.5em 0 0;
    margin: 0;
    color: #759ADB;
}
li.leaf {
    list-style-type: disc;
    list-style-image: none;
    padding: 0.2em 0.5em 0 0;
    margin: 0;
    color: #759ADB;
}



#left_side a, #right_side a {  
    line-height: 16px;
}

#left_side h2, #right_side h2 {
    color:#cc0000;
    margin:15px 0 5px 0;
    padding:5px 5px 0 3px;
    font:normal 16px/20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    border-bottom:1px dashed #fd9b9b;
}

#left_side h3, #right_side h3 {
    color:#87b220;
    margin:15px 0 5px 0;
    padding:5px 5px 0 0px;
    font:bold 16px/20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    text-transform:uppercase;
}

#left_side h4, #right_side h4 {
    margin-top:0px;margin-bottom:0px;margin-left:10px;
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    color: #2153AA;
}

#left_side ul{
    list-style:none;
    margin: 0px;
    padding: 0px 5px 0px 5px;
}

#right_side ul{
    list-style:none;
    margin: 0px;
    padding: 0px 5px 0px 9px;
}

#left_side li, #right_side li{
    display: inline;
    padding: 0px;
    margin: 0px;


}
#left_side li a, #right_side li a{

    text-decoration:none;    
    display: block;
    color:#575757;
    text-decoration: none;
    margin: 0px;
    padding: 5px 0px 5px 0px;
    border-bottom: 1px solid #C0C0C0;
}

#left_side li a:hover, #right_side li a:hover{
    color:#666;

    text-decoration:underline;
}




#content h3 {
    margin:5px 0 5px 5px;
    font:normal 17px/20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    letter-spacing:.4px;
    border-bottom:1px dotted #ccc;
    color: #2153AA;
}

#content h4 {
    margin-top:0px;margin-bottom:0px;
    font-family: verdana, arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 12px;
    color: #2153AA;
}

#content .post .mori{
    font-size:11px;
    margin:0px;
    padding:0px 0px 0px 10px;
}

#navlist
{
    margin-top:1px;
    margin-bottom:0px;
    text-align:center;
    padding: 5px 0;
    margin-left: 0;
    border-bottom: 1px solid #0F3974;
    font: bold 14px Verdana, sans-serif;
}

#navlist li
{
    list-style: none;
    margin: 0;
    display: inline;
}

#navlist li a
{
    color: #F1F6FE;
    padding: 5px 15px;
    margin-left: 3px;
    border: 1px solid #0F3974;
    border-bottom: none;
    background: #2153AA;
    text-decoration: none;
}

#navlist li a:link { color: #F1F6FE; }
#navlist li a:visited { color: #F1F6FE; }

#navlist li a:hover
{
    color: #FFFFFF;
    background: #3364BB;
    border-color: #0F3974;
}

#navlist li a#current
{
    color: #000;
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

.float_left {
    float: left;
    margin-right: 10px;
}

.float_right {
    float: right;
    margin-left: 10px;
}

.featurebox_center {
    background-color: #fffff6;
    margin:0px;
    padding:10px;
    border: 1px solid #DFE8F7;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    line-height: 18px;
    color: #333333;
}

.featurebox_side {
    background-color: #fffff6;
    margin:0px;margin-left:10px;margin-right:10px;margin-bottom:15px;
    padding:10px;
    border: 1px solid #DFE8F7;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    line-height: 18px;
    color: #333333;
}


.post{margin:0;}

.post .info{
    padding:2px 3px 3px 8px;
    border:1px solid #e3e4e4;
    background-color:#f5f5f5;
    font-size:0.9em;
    color:#505050;
}


#content .post p{
    font: normal 13px/19px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    padding:2px;
    margin-top:10px;
}


/* Comments Styling */
#commentlist li {
    margin-bottom: 1.5em;
    padding-bottom: 1em;
    border-bottom: 1px solid #700000;
}

#commentform {
    margin: 1em 0;
    width: 280px;
}

#commentform textarea {
    background: #f8f7f6;
    border: 1px solid #d6d3d3;
    width: 280px;
}
#commentform textarea:hover {
    background: #FFFFFF;
    border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
    background: #ffffff;
    border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
    font-size: 1.1em;
    background: #f8f7f6;
    border: 1px solid #d6d3d3;
    width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
    font-size: 1.1em;
    background: #ffffff;
    border: 1px solid #d6d3d3;
    width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
    font-size: 1.1em;
    background: #ffffff;
    border: 1px solid #939793;
    width: 280px;
}
#commentform input{
    margin-bottom: 3px;
}

/* Footer  */

#footer {
    clear:both;
    height:auto;
    height:100px;
    background:#ffffff;
    text-align: left;
    padding:0px 0px 0px 0px;
    color: #000000;
    font:12px/20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    line-height: 18px;
    width:695px;
    margin:0 auto;
}

#footer h2{
    clear:both;
    COLOR: #fff;
    text-transform:uppercase;
    font:normal 17px arial;
    margin:0px 0px 8px 0px;
    padding:40px 0px 0px 0px;
    border-bottom:1px dashed #ccc;
}

#footer A:link {
    COLOR: #000; text-decoration: none;
}
#footer A:visited {
    COLOR: #000; text-decoration: none;
}
#footer A:active {
    COLOR: #000; text-decoration: none;
}
#footer A:hover {
    COLOR: #000; text-decoration: underline;
}

.fcontent12 {
    float:left;
    width:30%;
    margin:0 15px 10px 20px;
}

.fcontent12 ul {
    list-style-type:none;
    margin:0px;
    padding:0;
}

.fcontent12 ul li{
    list-style-type:none;
    margin:0px;
    padding:0;
}

.fcontent12 ul ul{
    margin:0px;
    padding:0px;
}


.fcontent12 ul ul li {
    list-style-type:none;
    font:12px/20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    margin:0;
    padding:3px 0px 3px 22px;
    color:#03d6e3;
    border-bottom: 1px dotted #ffdcdf;
    background:url(images/foot-arr-l.gif) no-repeat left;
}


.fcontent3 {
    float:left;
    width:30%;
    margin:0 0 10px 0px
}

.fcontent3 img{
    padding:1px;

    background:#c7c480;
    margin:5px 0 0 2px;
}

#main_start {position: absolute;left: -10000px;}

#nav {
    margin:0px 0px;
    padding:0;
}                  
#nav ul{
    padding:0;
    margin:0px 170px;
    display:inline;
    list-style-type:none;
}
#nav ul li{
    margin-right:5px;
    display:inline;
}

#nav-foot {
    margin:0px 0px;
    padding:0px 0;
    height:20px
}                  
#nav-foot ul{
    padding:0;
    margin:0px 0px;
    display:inline;
    list-style-type:none;
}
#nav-foot ul li{
    margin-right:20px;
    display:inline;
}

#maincenter A:link {
    COLOR: #000000; text-decoration: none;
}
#maincenter A:visited {
    COLOR: #000000; text-decoration: none;
}
#maincenter A:active {
    COLOR: #000000; text-decoration: none;
}
#maincenter A:hover {
    COLOR: #000000; text-decoration: none;
} 



#maincenter A:link {
    COLOR: #000000; text-decoration: none;
}
#maincenter A:visited {
    COLOR: #000000; text-decoration: none;
}
#maincenter A:active {
    COLOR: #000000; text-decoration: none;
}
#maincenter A:hover {
    COLOR: #000000; text-decoration: none;
} 

.title_header {
 margin:0;
 padding:3px 0px 0px 28px;
 width:368px;
 
 color:#ffffff;
 font-size:10pt;
 font-weight:bold;
 vertical-align:middle;
 border-bottom:#000000 solid 4px;
 background: url('http://tok-magazine.org/images/bg-img.png') #fe0000 no-repeat;
}

.title_header_right {
margin:0;
 padding:1px 0px 0px 28px;
 width:268px;
 
 color:#ffffff;
 font-size:10pt;
 font-weight:bold;
 vertical-align:middle;
 border-bottom:#000000 solid 4px;
 background: url('http://tok-magazine.org/images/bg-img.png') #fe0000 no-repeat;
}

.title_header_right_side{
margin:0;
 padding:1px 0px 0px 5px;
 width:145px;
 
 color:#ffffff;
 font-size:10pt;
 font-weight:bold;
 vertical-align:middle;
 border-bottom:#000000 solid 4px;
 background: #fe0000 no-repeat}

.title_header_null {
margin:0;
 padding:0;
 width:295px;
 height:20px;
 color:#ffffff;
 font-size:10pt;
 font-weight:bold;
 vertical-align:middle;
 border-bottom:#000000 solid 5px;
 background: #fe0000;
}