/*
Theme Name: Flat Road
Theme URI: http://lulejko.pl/
Description: Flat Road for http://lulejko.pl/
Version: 1.0
Author: Marek Wywiał & Tomasz Miruk-Mirski
Author URI: http://onjin.net/

*/

html, body {
    padding: 0;
    margin: 0;
    color: #ddd;
    background: #1b1b1b;
}
body { text-align: center; }
html,body, input, textarea, select, option, th, td {
    font: 12px Verdana , Helvetica, sans-serif;
    font: 12px Tahoma, Arial, sans;;
    line-height: 1.5em;
}
a { outline: 0; }
form, div, fieldset { margin: 0; padding: 0; }

input,textarea {
    border: none;
    background: #404040;
    color: #ccc;
    font-size: 12px;
}
input[type="submit"] {
    background: transparent;
    color: #fff;
    border: solid 1px #fff;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
    display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
h4 {
    font-size: 18px;
    color: #e3e3e3;
    margin: 0 10px 10px ;
    padding: 5px 0 0;
    /* border-bottom: solid 1px #e3e3e3; */
}

h5 {
    font-size: 12px;
    color: #f00;
    margin: 0 10px 5px;
    clear: both;
}
a:link {
    color: #F68326;
}
a:visited {
    color: #F68326;
}
a:hover, a:active {
    color: #F68326;
}
#content a:link, .fotovideo a:link { opacity: .9; }
#content a:visited, .fotovideo a:visited { opacity: .9; }
#content a:hover, #content a:active, .fotovideo a:hover, .fotovideo a:active { opacity: 1; }


#page {
    width: 783px;
    margin: 0 auto;
    background: transparent url(images/main_bg.jpg) 0 28px no-repeat;
    text-align: left;
}
#navi_top { 
    height: 16px;
    text-align: right;
    color: #666;
    margin: 0 3px;
    padding: 10px 0 0;
    background: #1b1b1b;
}
a.shaded {
    color: #666;
    text-decoration: none;
    margin: 0 3px;
}
a.current_page_item {
    color: #ccc;
}
a.shaded:hover {
    color: #aaa;
}

#shorter { margin: 0 40px 0 42px; }

#content { 
    width: 419px;
    float: left;
    margin-right: 11px;
}
.page, .single { 
}
#gallery_navi { text-align: center; }
#gallery_navi ul, #gallery_navi li {
    margin: 0; padding: 0;
}
#gallery_navi li {
    list-style-type: none;
    display: inline;
}
#navifoto a, #navivideo a {
    float: left;
    display: block;
    width: 128px;
    height: 25px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    background: transparent;
}
#navifoto a.activ, #navifoto a:hover {
    color: #fbdc03;
    background: url(images/main_bg_A.jpg) -3px -74px no-repeat;
}
#navivideo a.activ, #navivideo a:hover {
    color: #fbdc03;
    background: url(images/main_bg_A.jpg) -130px -74px no-repeat;
}
#gallery_navi a:active {
    border: none;
}
#gallery_navi ul li a span {
    visibility: hidden;
}
#gallery {
    height: 657px;
}

#gallery_big {
    background: #1b1b1b;
    clear: both;
    padding: 6px;
    border: solid 1px #404040;
    text-align: center;
}
/* sidebar */
#sidebar {
    width: 269px;
    float: right;
    margin: 75px 0 0;
}
.sidebox {
    width: 269px;
}
.fotovideo {
    margin: 6px 0 5px ;
    border-bottom: solid 1px #404040;
}
.fotovideo h4, .fotovideo h2 {
    margin-left: 0;
    font-size: 12px;
    color: #fbdc03;
    border: none;
}
.fotovideo h4 {
    margin: 0 10px 6px;
}
.fotovideo img {
    border: 0;
    margin: 1px 3px;
}
.fotovideo .one-image {
    width: 132px;
    height: 132px;
    float: left;
}
#reklama {
    background: url(images/block_reklama.jpg) repeat-y;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
#reklama h4 {
    color: #000;
    border-bottom: solid 2px #000;
}
#reklama img {
    margin: 2px 5px;
}

.main_reklama {
    border: solid 1px #404040;
    text-align: center;
    padding: 5px 0;
}

#tolubie {
    margin-bottom: 10px;
}
#tolubie div.wrapper {
    background: url(images/block_orange.jpg) no-repeat;
    padding-bottom: 2px;
}
#tolubie h4 {
    color: #000;
    border-bottom: solid 2px #000;
}
#tolubie img {
    margin: 4px 0px;
    border: 0;
}
    
#motopogoda {
    margin-bottom: 10px;
}
#motopogoda div.wrapper {
    background: transparent url(images/block_green.jpg) no-repeat;
    padding-bottom: 2px;
}
#motopogoda h4 {
    color: #000;
    border-bottom: solid 2px #000;
}
#motopogoda img {
    margin: 4px 0px;
    border: 0;
}

/* forms */
#logo {
    vertical-align: top;
    width: 240px;
}
#logo a {
    margin: 14px 0 0 2px;
    display: block;
    width: 126px;
    height: 87px;
    background: url(images/logo_lulejko.jpg) 0px 0px no-repeat;
    opacity: .8;
}
#logo a:hover {
    opacity: 1;
}
#logo a span { display: none; }

#form_login {
    width: 240px;
    margin: 5px 0 15px 0;
}
#form_search {
    width: 174px;
    margin: 15px 0 5px 0;
}
#form_search input#s {
    border: solid 1px #bebebe;
    opacity: .5;
    color: #fff;
}
.form_top {
    float: left;
    height: 90px;
    vertical-align: bottom;
}
.form_top form {
    display: block;
    padding: 0 10px;
}
.form_top fieldset { margin-top: 42px; border: none; padding-top: 2px;}
.form_top fieldset legend { padding: 0 0 0 10px; color: #555;visibility: hidden}
.form_top a { color: #666; text-decoration: none; }
.form_top a:hover { color: #ccc; text-decoration: underline; }
.form_top ul, .form_top li { margin: 0; padding: 0; }
.form_top li { display: inline; list-style-type: none; }

#footer {
    clear: both;
    background: url(images/footer_bg.jpg) left top no-repeat;
    height: 150px;
}
#footer .leftside {
    float: left;
    width: 419px; 
    height: 36px;
}
#footer .rightside {
    float: right;
    width: 268px;
    height: 36px;
}
#footer .rightside a {
    color: #999;
}
#footer .rightside a:hover {
    color: #eee;
}

.aboutbox {
    width: 209px;
    float: left;
    margin: 0px;
    padding: 0;
    height: 100px;
}
.aboutbox h4 {
    color: #fbdc03;
    border-bottom: solid 2px #fbdc03;
}
.aboutbox h4 a {
    color: #FBDB03;
}
.aboutbox p {
    text-align: justify;
    margin: 10px;
    padding: 0;
}
.aboutbox p a {
    color: #ccc;
    text-decoration: none;
    display: block;
}
.aboutbox p a:hover , .aboutbox p a:active  {
    color: #ebebeb;
}

.block p a img {
    float: left;
    margin: 0 5px 5px 0;
    border: solid 1px #666;
    opacity: 0.8;
}
.block a:hover p img {
    opacity: 1;
}
.block h4 {
}
.block h4 a {
    text-decoration: underline;
    color: #ebebeb;
}
.block h4 a:hover {
    color: #fbdc03;
}
.block p {
    text-align: justify;
    margin: 5px 10px;
    padding: 0 0 5px;
}
.block a  { 
    color: #ccc;
    text-decoration: none;
    display: block;
}
.block a:hover, .block a:active {
    color: #ebebeb;
}

.block_red {
    clear: both;
    background: transparent url(images/block_red.jpg) repeat-y;
    margin: 10px 0;
}
.block_green {
    clear: both;
    background: transparent url(images/block_green.jpg) repeat-y;
    margin: 10px 0;
}
.block_orange {
    clear: both;
    background: transparent url(images/block_orange.jpg) repeat-y;
    margin: 10px 0;
}
.block_gray {
    clear: both;
    background: transparent url(images/block_gray.jpg) repeat-y;
    margin: 10px 0;
}
/* navigation */
div.navigation {
    padding: 10px;
}
div.navigation a {
    color: #ebebff;
    text-decoration: none;
}
div.navigation a:hover, div.navigation a:active {
}
div.alignleft {
    float: left;
    margin: 0 10px 0 auto;
    background: #1b1b1b;
    padding: 0 5px;
}
div.alignright {
    float: right;
    margin: 0 auto 0 10px;
    background: #1b1b1b;
    padding: 0 5px;
}

/* posts */
.post {
    margin: 0px 10px;
    padding: 0 0 0px;
}
.post h2 {
    font: bold 18px arial, sans-serif;
    padding: 0px 0 0;
    margin: 0;
    border-bottom: solid 2px #ebebeb;
}
.post h2 a {
    font: bold 18px arial, sans-serif;
    text-decoration: none;
    color: #ebebeb;
}
.post .entrytext {
    padding: 10px 0;
}
.post .entrytext p {
    margin: 10px 0;
    text-align: justify;
}
.post span.date {
    color: #646464;
    font-size: 11px;
    margin-left: 15px;
}
/* comments */
.commentsbox {
    padding: 10px;
}
#author, #email, #url, #comment {
    width: 399px;
    border: solid 1px #bebebe;
    opacity: .5;
    color: #fff;
}
ol.commentlist {
    border-top: solid 1px #666;
}
ol.commentlist li {
    border-bottom: solid 1px #666;
    line-height: 15px;
}
ol.commentlist li small {
    line-height: 13px;
    font-size: 11px;
}

/* category id */
.cat_2 {
}
.cat_3 {
}
.cat_4 {
}
.googleadsense {
	text-align: center;
	padding: 10px 0;
	margin-bottom: 20px;
    border: solid 1px #404040;
}
.pageblock {
    padding: 10px 0;
}