﻿/*
Theme Name: Twoje Radio Wlodawa
Theme URI: http://localhost/
Description: Skórka zrobiona przez Pawła Zimnowodzkiego
Version: 0.1
Author: Paweł Zimnowodzki
Author URI: 
Tags: blue, custom header, fixed width, two columns, widgets

*/



/* Begin Typography & Colors */
html {margin-top: 0; padding: 0;}
body {
   /* background: #abd08d url('tlo4.jpg') no-repeat center top;*/
   	background: #FFFFCC;
    width: 100%;
    font-size: 62.5%;
    font-family: Arial, Georgia, sans-serif;
    margin: 0;
    padding: 0;
  }
	
div#page {
    width: 100%;
    margin: 0;
    padding: 0;
  }

/*#page {
	background-color: white;
	border: 1px solid #959596;
	text-align: left;
	}*/
div.top_box
{
	width: 100%;
	text-align: center;
    margin: 0 auto;
    padding: 0;
}
div.top_box > div#menu > ul
{
	text-align: center;
	margin: 0 auto;
}

div.top_box > div#menu
{
	text-align: center;
	margin: 0 auto;
}

div#header {
    width: 100%;
	background-color: #fff;
    margin: 0;
    padding: 0;
  }

div#header a 
{	
	border: none;
	margin: 0;
	margin-right: 0px;
    padding: 0;
    height: 100px;
    text-decoration: none;
}

div#header a > img {
    border: none;
    margin: 0;
    padding: 0;
	height: 100px;
	margin-left: 0px;
  }

div#main {
    width: 960px;
    margin: 0 auto;
    padding: 10px;
    margin-bottom: 20px;
    border: 2px solid #999;
    border-width: 0 2px 2px 2px;
    background: #fff; /* url('images/logo2.jpg') 300px 100px no-repeat;*/
  }

div#menu 
{	
	/*background: #fff url('images/tlomenu2.jpg') repeat-x;*/
	margin: 0;
	padding: 0;
	width: 100%;
	height: 70px;
    background: url('images/panel_gradient.jpg') repeat-x;
}

div#menu ul
{
	margin: 0;
	margin-right: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}
/*
div#menu ul > li
{
	float: left;
	padding: 0;
	margin: 20px 10px;
	width: 105px;
	height: 32px;
}

div#menu ul > li > a
{	
	margin: 0;
	padding: 0;
	width: 105px;
	height: 32px;
    text-decoration: none;
    display: block;
}*/

    div#menu a {text-decoration: none; font-size: 15px; color: #ddd; padding: 30px 8px 25px 8px; 
            font-family: Arial; letter-spacing: 5px; font-weight: bold;}
    div#menu li {float: left;list-style: none; }
    div#menu li * {float: left;}
    div#menu  a:hover {background: url('images/panel_gradien_hover.jpg') repeat-x;} 
    div#menu  a:active {background: url('images/panel_gradient_active.jpg') repeat-x;}
    span.brzeg {background: url('images/panel_brzeg.jpg') no-repeat; width: 5px; height: 70px; display: inline-block;}

/*div#menu ul > li > a > i
{	
	visibility: hidden;
}

div#menu ul > li#aktualnosci 
{
	background: url('images/aktualnosci1.png') no-repeat top left;
}

div#menu ul > li#aktualnosci:hover, div#menu ul > li#aktualnosci :active
{
	background: url('images/aktualnosci2.png') no-repeat top left;
}

div#menu ul > li#redakcja
{
	background: url('images/redakcja1.png') no-repeat top left;
}

div#menu ul > li#redakcja:hover
{
	background: url('images/redakcja2.png') no-repeat top left;
}

div#menu ul > li#faq
{
	background: url('images/faq1.png') no-repeat top left;
}

div#menu ul > li#faq:hover
{
	background: url('images/faq2.png') no-repeat top left;
}

div#menu ul > li#galeria
{
	background: url('images/galeria1.png') no-repeat top left;
}


div#menu ul > li#galeria:hover
{
	background: url('images/galeria2.png') no-repeat top left;
}


div#menu ul > li#archiwum
{
	background: url('images/archiwum1.png') no-repeat top left;
}


div#menu ul > li#archiwum:hover
{
	background: url('images/archiwum2.png') no-repeat top left;
}
*/
/*div#sidebar
{	
	width: 220px;
	margin-left: 0px;
	padding-top: 50px;
	margin-right: -30px;
	background-color: transparent;
	background: url('images/ozdobka.png') top right no-repeat;
	float: left;
	margin-top: -14px;
}
*/
div#sidebar, div#sidebar2
{	
	margin-left: 0px;
	padding-top: 6px;
	margin-right: 10px;
	background-color: transparent;
    float: left;
	margin-top: 10px;
}
div#sidebar
{
	width: 172px;
}
div#sidebar ul, div#sidebar2 ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

div#sidebar ul > li > ul, div#sidebar2 ul > li > ul
{	
	list-style: none;
	margin: 0;
	padding: 0;
}
div#sidebar ul > li > ul
{
	width: 170px;
}

div#sidebar2 ul > li > ul
{
	width: 145px;
}

div#sidebar ul > li.box, div#sidebar ul > li.likcat, div#sidebar ul > li.categories, div#sidebar ul > li.widget,
div#sidebar2 ul > li.box, div#sidebar2 ul > li.likcat, div#sidebar2 ul > li.categories, div#sidebar2 ul > li.widget
{
	padding: 0px;
	margin: 0;
	margin-bottom: 8px;
	background-color: transparent;
	border: 1px solid #bbb;
	border-width: 0 1px 1px 1px;
	border-color: #fff #bbb #bbb #eee;
}

div#sidebar ul > li.box, div#sidebar ul > li.likcat, div#sidebar ul > li.categories, div#sidebar ul > li.widget
{
	width: 170px;
}

div#sidebar2 ul > li.box, div#sidebar2 ul > li.likcat, div#sidebar2 ul > li.categories, div#sidebar2 ul > li.widget
{
	width: 145px;
}
div#sidebar ul > li.box  ul li , div#sidebar ul > li.likcat ul li, div#sidebar ul > li.categories ul li ,  div#sidebar ul > li.widget ul li,
div#sidebar2 ul > li.box  ul li , div#sidebar2 ul > li.likcat ul li, div#sidebar2 ul > li.categories ul li ,  div#sidebar2 ul > li.widget ul li
{
	font-size: 11px;
	padding: 0; 
	margin: 2px 5px;
}
div#sidebar ul > li.box  ul li , div#sidebar ul > li.likcat ul li, div#sidebar ul > li.categories ul li ,  div#sidebar ul > li.widget ul li
{
	width: 160px; 
}

div#sidebar2 ul > li.box  ul li , div#sidebar2 ul > li.likcat ul li, div#sidebar2 ul > li.categories ul li ,  div#sidebar2 ul > li.widget ul li
{
	width: 150px; 
}

div#sidebar > ul li.box h2, div#sidebar > ul li.linkcat h2, div#sidebar ul > li.categories h2,  div#sidebar ul > li.widget h2,
div#sidebar2 > ul li.box h2, div#sidebar2 > ul li.linkcat h2, div#sidebar2 ul > li.categories h2,  div#sidebar2 ul > li.widget h2
{
	font-family: Verdana, sans-serif;
	color: #555;
	font-size: 14px;
	margin: 0;
	padding: 5px;
	padding-top: 16px;
	padding-bottom: 12px;
	
	height: 15px;
	background-color: #bbb;
	border:  1px solid #bbb;
	border-width: 1px 0;
	background: url('images/naglowek_menu1.jpg') top right no-repeat;
}
div#sidebar > ul li.widget_slideshow h2
{
	height: auto;
	min-height: 15px;
}
div#sidebar > ul li.box h2, div#sidebar > ul li.linkcat h2, div#sidebar ul > li.categories h2,  div#sidebar ul > li.widget h2
{
	width: 160px;
}

div#sidebar2 > ul li.box h2, div#sidebar2 > ul li.linkcat h2, div#sidebar2 ul > li.categories h2,  div#sidebar2 ul > li.widget h2
{
	width: 135px;
}
div#sidebar ul > li.box ul > li > a,  div#sidebar ul > li.widget ul > li > a,
div#sidebar2 ul > li.box ul > li > a,  div#sidebar2 ul > li.widget ul > li > a
{
	text-decoration: none;
	color: #444;
}

div#sidebar ul > li.box  a > img,
div#sidebar2 ul > li.box  a > img
{	
	border: none;
}

ul#zprasy > li > a
{
}

ul#polecamy > li > a
{
}

div#sluchaj img
{ 	
	margin: 10px 20px;
}

div#main div.tresc
{	
	margin: 10px;
	float: left;
	width: 600px;
}

div#footer
{	
	margin: 5px 90px;
	padding: 0;
	width: 600px;
	height: 153px;
	background: transparent url('images/stopka.png') no-repeat top right;
}
div#footer p
{
	margin: 10px 40px;
	padding: 130px 10px 10px 200px; 
}
.clear {
    clear: both;
  }


p.autor {
    font-weight: bold;
  }
div.post
{	
	background-color: transparent;
	background: url('images/stopka_niusa.png') bottom right no-repeat;
	border-color: #ddd;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	margin: 5px;
	padding: 5px;
	width: 270px;
	font-size: 11px;
	float: left;
	height: auto;
}
div.leftcolumn, div.rightcolumn
{
	width: 50%;
	margin-right: 0;
}
div.leftcolumn 
{
	float:left;
}	

div.rightcolumn 
{
	float:right;
}
div.post h2 > a
{
	/*color: #777;*/
	font-size: 16px;
	text-decoration: none;
	font-family: georgia;
	color: #000;
}

div.post h2 > a:hover
{
	text-decoration: underline;
}
div.post div.entry
{
	font-family: tahoma;
	font-size: 12px;
}
div#main div.tresc_strony > div.post, div#main div.tresc_single > div.post
{
	width: 650px;
	height: auto;
}

div#main div.tresc_single 
{
	float: right;
	width: 750px;
}
div#main div.tresc_single  div.entry
{
	font-size: 120%;
}

div#sidebar ul > li.categories > ul > li > a
{
    color: #555;
    text-decoration: none;
}

div#sidebar ul > li.categories > ul > li > a:hover
{
    text-decoration: underline;
}

div#sidebar ul > li.categories > ul > li > a:visited
{
    font-style: italic;
}

div#sidebar ul > li#pages-2
{
	width: 170px;
	padding: 0;
	margin: 0px;
	margin-bottom: 8px;
	border: 1px solid #bbb;
	border-width: 0 1px 0px 1px;
	border-color: #fff #bbb #bbb #eee;
	position: relative;
}

div#sidebar ul > li#pages-2> ul
{
	display: none;
	position: absolute;
	left: 0;
}

div#sidebar ul > li#pages-2 > ul li
{
	float: none;
}

div#sidebar ul > li#pages-2:hover ul
{
	display: block;
}


div#sidebar ul > li#pages-2 > ul > li.page_item
{
	width: 170px;
	padding: 0;
	margin: 0px;
}
div#sidebar ul > li#pages-2 > ul > li.page_item  a
{
	text-decoration: none;
	background-color: #ccc;
	color: #444;
	display: block;
	padding: 10px;
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	border-bottom: #bbb 1px solid;
	letter-spacing: 3px;
	border-right-width: 8px;
	border-right-style: solid;
}

div#sidebar ul > li#pages-2 > ul > li.page_item a:hover
{
	background-color: #669933;
	color: #fff;
	border-right-color:  #006600;
}

div#sidebar ul > li#pages-2 > ul > li.page_item  a:active
{
	background-color: #006600;
	color: #fff;
	border-right-color:  #006600;
}

div#sidebar ul > li#pages-2 h2
{
	font-family: Verdana, sans-serif;
	color: #555;
	font-size: 14px;
	margin: 0;
	padding: 5px;
	padding-top: 16px;
	padding-bottom: 12px;
	width: 160px;
	height: 15px;
	background-color: #bbb;
	border:  1px solid #bbb;
	border-width: 1px 0;
	background: url('images/naglowek_menu1.jpg') top right no-repeat;
}

div#sidebar2
{
	margin-top: 10px;
	float: right;
	width: 147px;
}

div#stopka_redakcyjna
{
	float: right;
}

div#stopka_redakcyjna p 
{
	line-height: 12px;
	font-size: 10px;
}



div#respond
{
	clear: both;
}


div.textwidget ul li a img {border: none;} 

div.entry-content a img {margin: 5px 22px;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
div.alignright {float:right; margin:0 0 1em 1em}
div.alignleft {float:left; margin:0 1em 1em 0}
div.aligncenter {display: block; margin-left: auto; margin-right: auto}

/*	=layer
---------------------------------------------------------------------------- */

.layer {
	margin: 0px auto;
	width: 984px;
	padding: 0 11px 0px 11px;
	position: relative;
}

.layer .content {
	padding: 10px;
	background-color: #fff;
	position: relative;
	z-index: 20;
}

/*	=shadow
---------------------------------------------------------------------------- */

.layer .left,
.layer .right,
.layer .center {
	position: absolute;	
}

.layer .shadow-top .left,
.layer .shadow-top .right,
.layer .shadow-bottom .left,
.layer .shadow-bottom .right {
	width: 22px;
	height: 22px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.layer .shadow-top .center,
.layer .shadow-bottom .center {
	height: 11px;
	right: 22px;
	left: 22px;
	background-repeat: repeat-x;
}

.layer .shadow-middle div {
	width: 11px;
	bottom: 11px;
	top: 0px;
	background-repeat: repeat-y;
}

.layer .shadow-top div { top: 0; }
.layer .shadow-bottom div { bottom: -11px; }

.layer .left { left: 0; }
.layer .right{ right: 0; }

.layer .shadow-top .left { background-image: url('images/tl.png'); }
.layer .shadow-top .right { background-image: url('images/tr.png'); }
.layer .shadow-bottom .left { background-image: url('images/bl.png'); }
.layer .shadow-bottom .right { background-image: url('images/br.png'); }
.layer .shadow-top .center { background-image: url('images/t.png'); }
.layer .shadow-bottom .center { background-image: url('images/b.png'); }
.layer .shadow-middle .left { background-image: url('images/l.png'); }
.layer .shadow-middle .right { background-image: url('images/r.png'); }

.lightview img
{
	border: 1px solid #ddd;
	padding: 5px;
	margin: 0;
}

div.obrazek > p.opis
{
	line-height: 12px;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
}

div.obrazek a
{
	margin: 0;
	padding: 0;
}
.lightview 
{
	padding: 0;
	margin: 2px;
}

div.navigation
{	
	margin-right: 10px;
	clear: both;
}

div#sidebar2 ul > li.widget ul.wp-polls-ul li
{
	width: 130px;
}
