@charset "utf-8";
/*
Theme Name: supermagazine
Theme URI: http://freethemelayouts.com/
Description: Designed by <a href="http://freethemelayouts.com">FTL</a>.<br> This work is licensed <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a> This means you may use it and make any changes you like. However, credit links must remain on footer for legal use.
Version: 1
Author: FreeThemeLayout/DreamTemplate
Author URI: http://www.freethemelayouts.com/
*/

html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr,fieldset {
    border:0;
    border-collapse:separate;
    border-spacing:0;
    margin:0;
    padding:0;
}

body {
    text-align:center;
    background-image:url(images/bg.jpg);
    background-repeat:repeat-x;
    background-color:#F3F3F3;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#666;
}

#frame {
    width:950px;
    margin-right:auto;
    margin-left:auto;
    text-align:left;
    padding:0;
}

#contentheader {
    height:205px;
    margin-bottom:10px;
}

#contentheader .pages {
    height:30px;
}

#contentheader .pages li {
    list-style:none;
    display:inline;
    font-size:13px;
    font-weight:bold;
}

#contentheader .pages a {
    color:#E0EAF3;
    text-decoration:none;
    display:block;
    float:left;
    margin-right:20px;
    padding:10px 10px 8px;
}

#contentheader .pages li a:hover {
    background-color:#100F13;
}


#contentheader .header {
    height:136px;
    margin-top:4px;
    padding-left:10px;
}

#contentheader .logo {
    width:400px;
    float:left;
}

#contentheader .ads {
    width:530px;
    float:left;
    text-align:right;
}

#contentheader .ads img{
    margin-top:40px;
}

#contentheader .nav {
    height:35px;
    margin-top:2px;
    padding:0;
}

#contentheader .nav ul {
    float:left;
    list-style:none;
    padding:0;
}

#contentheader .nav a {
    display:block;
    color:#E0EAF3;
    text-decoration:none;
    padding-left:10px;
    padding-right:10px;
}

#contentheader .nav li {
    float:left;
    line-height:33px;
    font-size:13px;
    font-weight:700;
    margin-right:20px;
}

#contentheader .nav li a:hover {
    background:#7FA9B5;
}

#contentheader .nav li ul {
    position:absolute;
    width:15em;
    left:-999em;
    padding-top:0;
}

#contentheader .nav li:hover ul,#contentheader .nav li.sfhover ul {
    left:auto;
    z-index:1000;
}

#contentheader .nav li ul li {
    background:#17161D;
    border-bottom:1px solid #000;
    line-height:28px;
    width:15em;
    font-weight:400;
    font-size:12px;
    padding:0;
}

#contentheader .nav li ul li a {
    padding-left:5px;
}

#contentheader .nav li:hover,#contentheader .nav li.hover {
    position:static;
}

#contentheader .nav li ul ul {
    margin:-29px 0 0 15em;
}

#contentcenter {
    width:618px;
    float:left;
    margin-right:10px;
}

#contentcenter .head h1 {
    color:#AA2616;
    font-size:16px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    margin-top:5px;
    text-decoration:none;
    display:block;
    margin-bottom:10px;
}

#contentcenter .head h1 a {
    color:#AA2616;
    text-decoration:none;
    display:block;

}

#contentcenter .head .cat a {
    color:#AA2616;
    font-size:11px;
    font-weight:400;
    text-transform:uppercase;
    padding-bottom:1px;
    border-bottom:1px solid #eee;
    text-decoration:none;
}

#contentcenter .content {
    overflow:hidden;
}

#contentcenter .content p {
    font-size:12px;
    margin-bottom:10px;
}

#contentcenter .content img {
    float:left;
    border:1px solid #eee;
    margin-right:10px;
    margin-bottom:4px;
    padding:5px;
}

#contentcenter .continue {
    margin-top:5px;
}

#contentcenter .continue a {
    color:#AA2616;
    font-size:14px;
    text-decoration:none;
    padding-right:23px;
    background-image:url(images/arrow.gif);
    background-position:right;
    background-repeat:no-repeat;
}

#contentcenter .footer {
    border-top:1px solid #eee;
    padding-top:10px;
    margin-top:10px;
    padding-bottom:15px;
}

#contentcenter .footer p {
    font-size:11px;
}

#contentcenter .footer p.left {
    float:left;
    background-image:url(images/cal.gif);
    background-position:left;
    background-repeat:no-repeat;
    padding-left:23px;
}

#contentcenter .footer p.right_orj {
    float:right;
    background-image:url(images/balloon.gif);
    background-position:left;
    background-repeat:no-repeat;
    padding-left:23px;
}
#contentcenter .footer p.right {
    float:right;
    background-image:url(images/arrow.gif);
    background-position:right;
    background-repeat:no-repeat;
    padding-right:23px;
}

#contentcenter .posts {
    width:398px;
    float:left;
    margin-left:10px;
}

#contentcenter .posts .head h1 a {
    font-size:12px;
    margin-bottom:5px;
}

#contentcenter .lists {
    width:210px;
    float:left;
}

#contentcenter .lists .block h2,#contentright h2 {
    font-size:11px;
    text-transform:uppercase;
    margin-bottom:10px;
    color:#201F29;
}

#contentcenter .lists .block li {
    list-style-type:none;
    border-bottom:1px solid #eee;
    padding-bottom:5px;
    margin-bottom:5px;
    font-size:11px;
}

#contentcenter .lists .block li a {
    color:#AA2616;
    text-decoration:none;
}

#contentright {
    width:322px;
    float:left;
}

#contentright img.ad {
    margin-bottom:5px;
}

#contentright .sidebar li,#contentright .yui-content li {
    border-bottom:1px solid #eee;
    padding-bottom:5px;
    margin-bottom:5px;
    list-style:none;
}

#contentright .sidebar input {
    border:1px solid #eee;
    margin-bottom:5px;
    margin-right:2px;
    width:203px;
    padding:5px;
}

#contentright .sidebar input.btn {
    border:none;
    color:#666;
    margin-right:0;
    width:80px;
}

#contentheader .nav li:hover ul ul,#contentheader .nav li.sfhover ul ul,#contentheader .nav li:hover ul ul,#contentheader .nav li:hover ul ul ul,#contentheader .nav li.sfhover ul ul,#contentheader .nav li.sfhover ul ul ul {
    left:-999em;
}

#contentheader .nav li:hover ul,#contentheader .nav li li:hover ul,#contentheader .nav li.sfhover ul,#contentheader .nav li li.sfhover ul,#contentheader .nav li:hover ul,#contentheader .nav li li:hover ul,#contentheader .nav li li li:hover ul,#contentheader .nav li.sfhover ul,#contentheader .nav li li.sfhover ul,#contentheader .nav li li li.sfhover ul {
    left:auto;
}

.yui-nav li {
    font-size:11px;
    text-transform:uppercase;
    color:#201F29;
    font-weight:700;
    border:none;
    float:left;
    border-right:1px solid #D6D6D6;
    margin:0 10px 0 0;
    padding:0 10px 0 0;
}

.yui-nav li a {
    text-decoration:none;
    color:#201F29;
    display:block;
}

#contentright .yui-navset li {
    list-style:none;
}

#contentright .yui-content {
    padding-top:10px;
}

#contentright .sidebar,#contentright .yui-navset {
    background-image:url(images/box_bg.jpg);
    background-repeat:repeat-x;
    background-color:#fff;
    border:1px solid #E0E0E0;
    margin-bottom:10px;
    overflow:hidden;
    padding:10px 10px 5px;
}

#footer {
    background-color:#17161C;
    padding:10px;
}

#footer .inner {
    width:950px;
    margin-right:auto;
    margin-left:auto;
    text-align:left;
    color:#E0EAF3;
}

#contentcenter .lists .block,#contentcenter .featured,#contentcenter .posts .box {
    background-image:url(images/box_bg.jpg);
    background-repeat:repeat-x;
    background-color:#fff;
    border:1px solid #E0E0E0;
    margin-bottom:10px;
    padding:10px;
}

#contentcenter .head h1 a:hover,#contentcenter .continue a:hover,#contentcenter .footer a:hover,#contentcenter .lists .block li a:hover {
    text-decoration:underline;
}

#contentcenter .head .cat a:hover,.yui-nav li a:hover {
    color:#000;
}

#contentcenter .footer a,#contentright .sidebar li a,#contentright .yui-content a {
    color:#666;
    text-decoration:none;
}

#contentright .sidebar li a:hover,#contentright .yui-content a:hover,.yui-nav li.selected a {
    color:#AA2616;
}

ol.commentlist p{
    margin-top:10px;
}

ol.commentlist a{
    color:#AA2616;
    text-decoration:none;
}

ol.commentlist a:hover{
    text-decoration:underline;
}

ol.commentlist li {
    margin-bottom:10px;
    list-style:none;
    padding-bottom:10px;
    border-bottom:1px solid #eee;
}
ol.commentlist img {
    float:left;
    margin-right:30px;
    margin-bottom:10px;
}
#contentcenter input {
    margin-bottom:10px;
    border:1px solid #eee;
    width:250px;
    margin-right:5px;
    padding:5px;
}

#contentcenter input.btn {
    height:28px;
    border:none;
    color:#666;
    width:120px;
    margin-top:5px;
    margin-bottom:0;
}

#contentcenter textarea {
    margin-bottom:5px;
    border:1px solid #eee;
    width:450px;
    height:150px;
    padding:5px;
}
a.etiket {
    text-decoration:none;
}
a.etiket:hover {
    text-decoration:underline;
}

#contentcenter ul {
    margin-left:20px;
    list-style:none;
}
#contentcenter ul li{
    list-style:none;
}