/*
Theme Name: Roller SE
Theme URI: https://roller.od.ua
Description: Roller.od.ua Theme
Author: ITnow
Author URI:
Version: 1.0
Tags: roller
*/


/* Reset */

* {font-size: 100%; margin: 0; padding: 0;}

body {
    margin: 0; padding: 0;
    font-size: 100%; line-height: 130%; text-align: center; font-family: Arial, Helvetica, sans-serif;
    color: #000; background-color: #fff;
    }

img {border: none; margin: 0; padding: 0;}

h1, h2, h3 {margin-bottom: 0.5em; font-weight: normal; font-family: "Times New Roman", Times, serif;}
h1 {font-size: 2em; line-height: 1em;}
h2 {font-size: 1.5em; line-height: 1em;}
h3 {font-size: 1em; line-height: 1em;}

p {font-size: 1em; line-height: 1em; margin: 0 0 1.3em 0;}
p.BeforeUl {margin-bottom: 0.5em;}

ul {margin: 0 0 1.2em 0; padding: 0 0 0 2em; list-style-type: disc; font-size: 1em; line-height: 1.2em;}
ul li {margin-bottom: 0.5em;}

table {width: 100%; margin: 0 0 1.3em 0; padding: 0; border: 0; border-collapse: collapse;}
th, td {margin: 0; padding: 0; vertical-align: top; text-align: left;}

div.Clear {clear: both; height: 1px; overflow:hidden;}

/* Links */

a {text-decoration: underline; background-color: transparent;}
a:link {color: #ffcc00;}
a:visited {color: #ffcc00;}
a:hover {color: #fff;}
a:active {color: #fff;}

.HeaderNav a {display: block; padding: 4px 7px 4px 7px; text-decoration: none;}
.HeaderNav a:link {background-color: #333;}
.HeaderNav a:visited {background-color: #333;}
.HeaderNav a:hover {background-color: #272727;}
.HeaderNav a:active {background-color: #272727;}

.PostTop h1 a {text-decoration: none;}
.PageNavi a {text-decoration: none;}

.TagsBox a {text-decoration: none;}
.TagsBox a:link {color: #ccc;}
.TagsBox a:visited {color: #ccc;}
.TagsBox a:hover {color: #fff;}
.TagsBox a:active {color: #fff;}

.Sidebar a {display: block; padding: 0.20em 0px 0.20em 0px; text-decoration: none;}
.Sidebar a:hover {background-color: #3f3f3f;}
.Sidebar a:active {background-color: #3f3f3f;}

.Sidebar .widget_tag_cloud a {display: inline; padding: 0;}
.Sidebar .widget_tag_cloud a:hover,
.Sidebar .widget_tag_cloud a:active {background-color: transparent;}

.Sidebar .widget_rss a,
.Sidebar .widget_archive a {}




a.more-link, .LeftNav a, .RightNav a  {display: inline-block; padding: 0.3em 0.5em 0.3em 0.5em; background-color: #3f3f3f; text-decoration: none;}
a.more-link:hover, .LeftNav a:hover, .RightNav a:hover  {background-color: #272727;}

/* Hypertext */

body    {
    font-family: Arial, Helvetica, sans-serif;
    color: #d9d8ca;
    background: #333 url(images/stripes.png) 50% 0% no-repeat;
    }

p, ul , h3 {
    margin-bottom: 16px;
    font-size: 14px; line-height: 20px;
    }

ul {list-style-type: none;}
.Content ul {list-style-type: disc;}


/* Titles */

h1, h2, h3 {font-family: Arial, Helvetica, sans-serif; font-weight: normal;}

h1 {font-size: 24px; line-height: 30px;}
h2 {font-size: 18px; line-height: 1em;}

.PostTop h1 {   padding: 15px 0 0 0; margin:0; color: #fff;}

.PostContent h1, .PostContent h2, .PostContent h3 {}

.PostContent h1, .PostContent h2 {line-height: 1em; margin-bottom: 16px; padding-top: 1.5em; color: #fff;}
.PostContent h3 {font-weight: bold; padding-top: 8px;}



h3#comments,
#respond h3 {
    padding: 7px 0px 25px 0px; margin: 0;
    border-top: 1px solid #d9d8ca;
    }

.Sidebar h2 {
    padding: 7px 0px 10px 0px; margin: 0;
    font-size: 14px; line-height: 16px;
    border-top: 1px solid #d9d8ca;
    }


/* Layout */
div.Wrapper {
    width: 960px; padding: 0;
    margin: 0 auto; text-align: left;
    }

div.HeaderBox {
    height: 220px;
    }

div.SubHeader {
    height: 30px; overflow: hidden;
    }

div.ContentBox {
    margin-bottom: 10px; padding-bottom: 40px;
    background-image: url(images/logotype_r.png); background-position: 96% 100%; background-repeat: no-repeat;
    }

div.FooterBox {
    padding: 10px 0 15px 0;
    font-size: 12px; line-height: 14px;
    }

div.Content {
    float: left; width: 640px;
    font-size: 14px; line-height: 20px;
    }

div.OneCol {width: 100%;}

ul.Sidebar {
    position: relative; /* fix for s links */
    float: right; width: 270px; margin: 0 0 150px 0; padding: 0;
    list-style-type: none;
    font-size: 14px; line-height: 20px;
    }

ul.Sidebar  li {
    margin: 0 0 35px 0; padding: 0;
    }

.Sidebar ul {margin: 0; padding: 0;}
.Sidebar ul li {margin: 0; padding: 0;}

.Sidebar .widget_text {
    padding: 7px 0px 10px 0px; margin: 0;
    border-top: 1px solid #d9d8ca;
    }

.widget_tag_cloud {line-height: 22px;}


/* Header */

div.HeaderNav {height: 50px; overflow: hidden;}

.HeaderNav ul {float: right; margin: 0; padding: 0;}
.HeaderNav ul li {float: left; margin: 0 0 0 5px; padding: 0; background-image: url(images/back_trans.png);}


div.LogoBox {
    float: left; margin-left: 0px; padding-top: 0px;
    }



/* Post */

.sticky {
    /*
    background-color: #e5e5e5;
    */
    }

.PostTop {
    padding: 7px 0 25px 0;
    border-top: 1px solid #d9d8ca;
    }

.PostDate, .PostEdit {
    display: inline;
    margin-bottom: 0px; padding: 0 5px 0 0;
    }

.PostAuthor {margin-bottom: 0px;}

.PostBottom {margin: 40px 0 5px 0;}

.PageNavi {font-size: 16px; line-height: 20px;}
.PageNavi .LeftNav {float: left;}
.PageNavi .RightNav {Float: right;}


.Content img {display: block; background-color: #272727;}
.Content iframe {display: block; background-color: #272727;}


ol.commentlist {list-style-type: none;}
.comment-body {padding-bottom: 20px;}
.comment-body p {margin-bottom: 10px;}
.comment-author cite {font-weight: bold; font-style: normal;}
.comment-meta {margin-bottom: 9px; font-size: 12px; line-height: 14px;}


.PostContent th,
.PostContent td {border: 1px solid #666; padding: 2px 4px 2px 4px; vertical-align: middle; font-size: 12px; font-weight: normal;}

.PostContent th {}

/* Gallery */
.GalleryBox {
    overflow: hidden;
    margin: 0 0 25px 0; padding: 8px;
    background-color: #3f3f3f;
    }
    .GalleryBox a {
        display: block;
        float: left; width: 150px; margin: 0; padding:0;
        border: 3px solid #3f3f3f; text-align: left;
        }
    .GalleryBox a:hover {border-color: #ffcc00;}
        .GalleryBox a img {display: block; width: 150px; height: 150px; border: 0;}


/*Fix for floats container*/
.ClearFix {*zoom: 1;}
.ClearFix:before,
.ClearFix:after {display: table; line-height: 0; content: "";}
.ClearFix:after {clear: both;}



.FooterBox div.FooterLeft {float: left; width: 250px;}
.FooterBox div.FooterRight {float: right; width: 640px; text-align: right; color: #777;}
.FooterRight a {color: #777; text-decoration: none;}

/* Borders */

div.FooterBox {border-top: 1px solid #d9d8ca;}


/* Tags */
div.TagsBox {
    width: 520px; height: auto; padding-top: 4px;
    float: left;
    font-size: 12px; font-style: italic;
    }

/* Share Buttons */
div.SocButtns {width: auto; height: auto; float: right;}

.SocButtns .b-share {padding: 0px !important;}
.SocButtns .b-share__handle {height: 24px !important; padding: 0px !important; margin-left: 5px;}

.b-share-icon {
    width: 24px !important;
    height: 24px !important;
    background-repeat: no-repeat !important;
    }

.b-share-icon_vkontakte         {background: url(images/soc_icons.png) 0px 0px !important;}
.b-share-icon_facebook      {background: url(images/soc_icons.png) 0px 72px !important;}
.b-share-icon_twitter       {background: url(images/soc_icons.png) 0px 48px !important;}
.b-share-icon_gplus             {background: url(images/soc_icons.png) 0px 24px !important;}

.b-share-icon_vkontakte:hover   {background-position: 24px 0px !important;}
.b-share-icon_facebook:hover    {background-position: 24px 72px !important;}
.b-share-icon_twitter:hover         {background-position: 24px 48px !important;}
.b-share-icon_gplus:hover       {background-position: 24px 24px !important;}


/* Map */
div.MapBox {
    text-align: left;
    height: 550px; overflow: hidden;
    margin: 0px; padding: 0;
}

.MapBox iframe {width: 100%; height: 525px;}
.MapBox p {padding: 0; margin: 0;}


/* Radio */

div.RadioBox {margin-bottom: 20px; text-align: center;}

div.StationItem {display: none;}
div.StationItem {background-color: #555; padding: 5px; height: 50px;}

.RadioMenu a {
    float: left; display: block;
    width: 150px; padding: 0.20em 5px 0.20em 5px;
    text-decoration: none; outline: 0;
    }
.RadioMenu a:hover {background-color: #3f3f3f;}
.RadioMenu a:active {background-color: #3f3f3f;}

.RadioMenu a.active {text-decoration: none; background-color: #b30000; color: #eee;}




/* S Links */
div.happy {
    position: absolute; left: 0; bottom: -75px; padding-top: 5px;
    /*width: 100%; border-top: 1px solid #777;*/
    font-size: 12px; line-height: 14px; color: #777;
    }
    .happy a {
        display: inline;
        color: #777; text-decoration: none;
        }

div.GAD {
    margin-top: 20px;
}