@charset "utf-8";
/*
Theme Name: SDS
Theme URI: http://www.skalskidance.pl
Description: Szablon dla skalskidance
Version: 1.0.0
Author:  Jakub Nawalaniec
*/

/*
 * Formatowanie strony
 */
 
 
body {
background: #000;
margin: 0px;
text-align:center;
font-family: Verdana;
}

div#main_body {
display: block;
background: #000 url(images/bcg.jpg) repeat-y center;
width: 750px;
margin-top:0px;
margin-bottom:0px;
margin-left: auto;
margin-right:auto;
}

div#top {
display:block;
width: 750px;
height:180px;
margin: 0px;
}

div#top_1, div#top_2, div#top_3, div#top_4, div#top_5 {
display: block;
margin:0px;
float:left;
}

div#top_1 {
background: url(images/top_1.jpg) no-repeat;
width: 107px;
height: 180px;
}

div#top_2 {
background: url(images/top_2.jpg) no-repeat;
width: 232px;
height: 115px;
}

div#top_3 {
background: url(images/top_3.jpg) no-repeat;
width: 147px;
height: 115px;
}

div#top_4 {
background: url(images/top_4.jpg) no-repeat;
width: 199px;
height: 115px;
}

div#top_5 {
background: url(images/top_5.jpg) no-repeat;
width: 65px;
height: 180px;
}

div#spacer {
display:block;
width: 750px;
clear: both;
text-align: center;
}

div#bottom {
display:block;
width: 750px;
height: 137px;
margin: 0px;
clear: both;
}

span#bottom_1, span#bottom_2, span#bottom_3 {
display: block;
margin:0px;
float:left;
}

span#bottom_1 {
background: url(images/bottom_1.jpg) no-repeat;
width: 75px;
height: 137px;
}

span#bottom_2 {
background: url(images/bottom_2.jpg) bottom no-repeat;
width: 582px;
height: 137px;
}

span#bottom_3 {
background: url(images/bottom_3.jpg) no-repeat;
width: 93px;
height: 137px;
}

span#footer_text {
display: block;
font-family: Verdana;
font-size: 9px;
color: #000;
vertical-align: bottom;
padding-top: 100px;
}

div#content {
display:block;
width: 350px;
float:left;
margin:0px;
padding-left: 70px;
padding-right: 10px;
color:#FFFFFF;
text-align:justify;
clear: none;
background: transparent;
}

div#content-wide {
display:block;
width: 610px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
color:#FFFFFF;
text-align:justify;
clear: none;
background: transparent;
}
/*
 * Sidebar
 */

div#sidebar {
display:block;
text-align:justify;
width: 230px;
margin:0px;
padding-right: 70px;
color: #FFF;
float:right;
}


/*
 * Boxy z gwiazdkami w sidebarze
 */


a.box {
background: url(images/box.jpg) no-repeat bottom left;
display: block;
width: 235px;
height: 78px;
padding: 0px;
text-align: left;
margin-bottom: 10px;
}

div.bound_box {
display: block;
width: 235px;
height: 78px;
margin-bottom: 10px;
padding: 0px;
overflow: hidden;
}

a.box:hover {
background: url(images/box_hover.jpg) no-repeat bottom left;
text-decoration: none;
}

span.box_title {
display: block;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
font-family: Verdana;
padding-bottom: 0px;
padding-top: 5px;
margin-left: 70px;
}

span.box_content {
margin-top: 5px;
margin-left: 70px;
margin-right: 5px;
margin-bottom: 5px;
padding: 0px;
display: block;
font-size: 11px;
font-family: Verdana;
color: #FFF;
}

ul.post-meta li {
list-style: none;

}

/*span.box_info li {
display: inline;
padding: 0px;
margin: 0px;
}*/

span.post-meta-key {
display: none;
}

/*
 * Menu główne
 */

ul#main_menu {
display: inline;
position: relative;
top: -85px;
}

ul#main_menu li {
list-style: none;
display: inline;
padding-right: 8px;
}

#main_menu a, #main_menu a:visited {
text-decoration: none;
color: #FFF;
font-family: Verdana;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}

#main_menu a:hover {
color: #ffcb00;
}

li.current_page_item a {
color: #ffcb00!important;
}

div.galeria_item {
display: block;
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-left: -20px;
top: 114px;
}

div.galeria_item a, div.galeria_item a:visited {
text-decoration: none;
color: #FFF;
font-family: Verdana;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}

div.galeria_item a:hover {
color: #ffcb00;
text-decoration: none;
}

/*
 * Treść
 */ 

div.post {
color: #FFF;
font-family: Verdana;
margin-bottom: 70px;
}

div.data {
font-family: Verdana;
font-size: 10px;
text-transform: uppercase;
color: #c5c5c5;
}

div.meta {
font-family: Verdana;
font-size: 10px;
color: #c5c5c5;
}

h1.storytitle, h1.storytitle a, h1.storytitle a:hover, h1.storytitle a:visited {
font-size: 18px;
color: #ffcb00;
text-decoration: none;
font-family: Verdana;
letter-spacing: 2px;
}

h3 {
font-size: 18px;
color: #ffcb00;
text-decoration: none;
font-family: Verdana;
letter-spacing: 2px;
padding-top: 15px;
}

h4 {
font-size: 14px;
color: #ffcb00;
text-decoration: none;
font-family: Verdana;
letter-spacing: 2px;
padding-top: 15px;
}

.storycontent {
font-size: 13px;
line-height: 18px;
}

div.feedback {
display: block;
width: 100%;
border-top: 1px solid #CCC;
padding-top: 2px;
}

table {
/* border: 1px solid #FFF; */
}

td {
padding: 10px;
border: 1px solid #FFF;
}

ul.list_cat {
list-style: none;
display: block;
padding-left: 40px;
padding-right: 40px;
margin-left: 0px;
margin-bottom: 30px;
margin-top: 0px;
position: relative;
top: -30px;
}

ul.list_cat li {
display: inline;
}

ul.list_cat li a {
color: #ffcb00;
font-family: Verdana;
font-size: 14px;
padding: 10px;
padding-left: 38px;
text-transform: uppercase;
margin-left: 0px;
font-weight: bold;
background: url(images/mini.jpg) top left no-repeat;
line-height: 33px;
}

ul.list_cat li a:hover {
background: url(images/mini_hover.jpg) top left no-repeat;
text-decoration: none;
}

/*
 * Linki
 */

a, a:visited {
color: #ffcb00;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a.toplink {
font-size: 10px;
float:right;
display: inline;
}

a.komentarz {
font-size: 10px;
float: left;
display: inline;
}

/*
 * Formularze maści wszelakiej
 */

textarea#comment, textarea {
display: block;
background: #000;
color: #ffcb00;
font-size: 10px;
font-family: Verdana;
border: 1px solid #FFF;
width: 345px;
height: 100px;
}

textarea#comment:hover, input#author:hover, input#email:hover, input#url:hover, input#submit:hover, textarea:hover, input:hover, option:hover {
border: 1px solid #ffcb00;
}

input#submit, input {
text-transform: uppercase;
}

input#author, input#email, input#url, input#submit, input, option {
display: block;
background: #000;
color: #ffcb00;
font-size: 10px;
font-family: Verdana;
border: 1px solid #FFF;
margin-top: 5px;
}

label {
font-size: 12px;
}


/*
 * Komentarze
 */

div#comments {
display: block;
margin-top: 25px;
text-align: center;
font-size: 14px;
color: #000;
background: #ffcb00;
text-transform: uppercase;
padding: 5px;
}

div#comments a {
color: #000;
}

p.comments {
display: block;
width: 100%;
font-size: 12px!important;
text-align: center;
font-family: Verdana;
}

div#postcomment {
margin-top: 70px;
font-size: 12px;
}

p.meta {
font-size: 12px;
}

ul#commentlist li {
display: block;
font-size: 14px;
padding: 0px;
margin: 0px;
margin-bottom: 30px;
}

ul#commentlist {
list-style: none;
margin-top:10px;
margin-bottom:10px;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
}

div.tytul {
font-size: 18px;
color: #ffcb00;
text-decoration: none;
font-family: Verdana;
letter-spacing: 2px;
padding: 0px;
margin: 0px;
}

div.tresc_komenta {
font-size: 13px;
line-height: 18px;
}

/*
 * Klasy dla Google Maps API w dziale Kontakt
 */

div#side_bar {
display: block;
width: 100%;
height: 100px;
text-align: center;
vertical-align: bottom;
margin-bottom: 5px;
margin-top: 15px;
}

div#side_bar a {
display: block;
float: left;
color: #000;
background: #ffcb00;
text-align: center;
vertical-align: bottom;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
padding: 10px;
text-decoration: none;
}

div#side_bar a:hover {
background: #fff;
}

div#map {
margin-bottom: 20px;
}

/* Fading Tooltips By Dustin Diaz*/
body div#toolTip { position:absolute;z-index:1000;width:220px;background:#000;border:1px solid #fff;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#fff;font:11px/12px verdana,arial,sans-serif; }
body div#toolTip p em { display:none;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }
body div#toolTip p em span { display: none; font-weight:bold;color:#fff; }