/*
	Autor: Grzegorz Jaworek
	E-mail: grzegorz.jaworek@gmail.com
	www: http://gjaworek.pl 
	Tel.: +48 519 133 159
*/


/*Common

------------------------------------------------------------------------- */
* { margin:0;padding:0;}
img { border: 0 }
a, button, object{ text-decoration: none; outline: none; color: #666; }
a:hover { text-decoration: underline; }
form { position: relative; z-index: 9;}
fieldset { border: 0; }
.submit input {padding: 0 12px; height: 26px; color: #744b00; border: 0; background: #ff9f0e url(../images/submit.jpg) 0 0 repeat-x; cursor: pointer;}
.submit input:hover { color: #744b00; background-color: #ed8e07; background-position: 0 -100px;} 
input.submit {padding: 0 12px; height: 26px; color: #744b00; border: 0; background: #ff9f0e url(../images/submit.jpg) 0 0 repeat-x; margin-left: 6px; cursor: pointer;}
input.submit:hover { color: #744b00; background-color: #ed8e07; background-position: 0 -100px;} 
.text input {cursor: pointer; width: 220px; padding: 4px; border: 1px solid #98aeb8;}
input.text {cursor: pointer; width: 220px; padding: 4px; border: 1px solid #98aeb8;}
.post .textarea {width: 450px; border: 1px solid #a5bbc5;}

h1 { padding: 0; font-size: 43px; line-height: 47px; /*letter-spacing: -3px;*/ color: #000;}
h2 { font-size: 32px; line-height: 35px; color: #ff9900; padding: 0;}
h2 a {color: #ff9900;}
h3 { font-size: 20px; color: #000; padding: 0 0 7px; line-height: 22px;}
h3 span.title {color: #637780; font-size: 14px; font-weight: normal;} 
h3 span.counter {color: #b6c0c4; font-size: 14px;} 
h3.empty { font-size: 14px; color: #3e4b58; background: #e5edf1; padding: 16px;  font-weight: normal;}
h4 { font-size: 17px; color: #000; padding: 0; display: inline;}
	  
/*Layout

------------------------------------------------------------------------- */
html { height: 100%; }
body { height: 100%; width: 100%; background: #FFF; font: 13px Helvetica,Arial,sans-serif; color: #666;}
#page { width: 951px; padding: 0 22px; min-height: 100%; height: auto!important; height: 100%; margin: 0 auto -150px; clear: both; border-left: 1px solid #dbe3e6; border-right: 1px solid #dbe3e6; background: #FFF url(../images/br.gif) 50% 0 repeat-y;}

/* Top

------------------------------------------------------------------------- */
#top { width: 951px; margin: 0; clear: both; padding: 10px 0 30px; background: #FFF;}
#top ul { list-style: none;}
h1 a { color: #000; background: url(../images/ur.gif) 0 42px repeat-x; text-decoration: none; padding: 0 2px;}
h1 a:hover { color: #FFF; background: #fd8004; text-decoration: none;}
h1 img { display: inline; vertical-align: middle;}
h1 span { background: #98aeb8; color: #FFF; }
h1 a.tm { width: 228px; height: 45px; background: url(../images/tomaszmachala.gif) 0 4px no-repeat;}
h1 a.tm:hover { background-position: 0 -95px;}
h1 a.tm  img { width: 228px; height: 47px;}

/* Content

------------------------------------------------------------------------- */
#content { width: 451px; float: left; display: inline; }
#sidebar { width: 451px; float: right; display: inline; }
#sidebar ul { list-style: none;}

.double-column { float: left; width: 50%; overflow: hidden; padding: 0 0 15px;}
.box { float: left; clear: both; width: 100%; padding: 0 0 15px; margin: 0 0 15px;}
.sources { position: relative;}
.sources ul {float: right; width: 111px; font-size: 10px; color: #22a8de; margin: -7px 0 0; display: inline;}
.sources ul li {float: left; clear: both; width: 100%; margin: 0 0 3px; padding: 3px 0 0; border-top: 1px solid #e0e3e4; position: relative;}
.sources ul li:first-child { border-top: 0;}
.sources ul a { line-height: 12px;color: #22a8de; float: left; padding-left: 44px; background: url(../images/icons.gif) 0 100px no-repeat; height: 38px; overflow: hidden;}
.sources ul a.ico-twitter { background-position: 0 0;}
.sources ul a.ico-facebook { background-position: 0 -100px;}
.sources ul a.ico-rss { background-position: 0 -200px;}
.sources ul a.ico-email { background-position: 0 -300px;}
.sources ul a.js-nav:hover {text-decoration: none;}
.sources .widget_simpleimagelink { float: left; position: relative; width: 10px; overflow: visible;}
.sources .widget_simpleimagelink img { position: absolute; top: 0; left: 0; }
#fan_box { position: absolute; top: 0; right: 100%; z-index: 9; border-bottom: 1px solid #98aeb8; background: #FFF:}

.twitter .border {background: #f2f4f5; border: 2px solid #98aeb8; padding: 10px;}
.twitter h3, .twitter h3 a { color:#000;}
.twitter h3 a:hover { text-decoration: none;}
.twitter h3 a span { color:#ff9900;}
.twitter h3 span { color:#adbec6;}
.twitter li, .twitter #tweetlist li, .twitter #twitter-list li, .twitter .twittList  li {padding: 10px 10px 10px 0; background: none; border: 0; height: auto; min-height: 0; list-style: none; overflow: hidden;}
.twitter #tweetlist { margin: 15px 0 0; clear: both;}
.twitter #tweetlist br {display: none;}
.twitter #twitter-list li , .twitter .twittList li { font: italic 13px Georgia; color: #3e4b58;}
.twitter p {padding: 10px 0;}
.twitter .entry-content, .twitter .tb_msg , .twitter .body, .twitter .title { font: italic 13px Georgia; color: #3e4b58; display: inline;}
.twitter .entry-meta, .twitter .entry-meta a, .twitter .tb_tweetinfo, .twitter .tb_tweetinfo a, .twitter #twitter-list li a, .twitter .time, .twitter .date {font: italic 13px Georgia; color: #98aeb8; font-size: 12px; float: none; display: inline;}
.twitter .author, .twitter .author a {font: italic 13px Georgia; color: #009bd9; font-size: 12px;}

.twitter #tweetlist { background: none; border: 0; }
.twitter #tweetblender { margin-top: -35px; }
.twitter #twitterlogo { display: none;}
.twitter #infolink { display: none; background: none;}
.twitter #tb_tools { width: 30px; background: none;}
.twitter img { display: none;}

.survey .border {background: #f2f4f5; border: 1px solid #98aeb8; padding: 10px 7px;}
.survey .widget_simpleimagelink, .survey .widget_simpleimagelink_container { float: left; width: auto;}
.survey img { float: left; max-width: 430px;}
.survey h3, .survey h3 a { color:#ff9900;}
.survey h3 a:hover { text-decoration: underline;}
.survey .more { float: right; clear: both; font-size: 14px; color: #009bd9; font-weight: bold;}

.blogs li { padding: 0; font-size: 11px; line-height: 15px; height: 78px; margin: 0 0 10px; overflow: hidden;}
.blogs li a { text-decoration: none; }
.blogs li a:hover { text-decoration: none; }
.blogs h4  { width: 69px; height: 74px; border: 1px solid #666; float: left; margin: 2px 10px 0 0; position: relative; overflow: hidden;}
.blogs h4  img { width: 69px; height: 74px;}
.blogs .date { font-size: 10px; color: #8d9da5; display: block;}
.blogs .body { font-size: 11px; color: #3e4b58;}
.blogs .title { font-weight: bold; font-size: 14px; color: #009bd9;}
.blogs li a:hover  .body strong {text-decoration: underline;}

.category-list { border-bottom: 1px solid #98aeb8; padding: 0 0 15px; float: left; width: 100%;  }
.category-list ul {float: left; width: 225px;}
.category-list li { float: left; width: 225px; font-size: 11px; color: #999;}
.category-list li a { color: #009bd9; font-size: 12px;}

.search {border-bottom: 1px solid #98aeb8; padding: 0 0 15px; }
.search h3 { float: left; margin: 2px 6px 0 0;}

.double-column  .category-list { border: 0; padding: 0;}

#searchform label {display: none;}
#s  { width: 220px; padding: 6px 88px 6px 4px; border: 1px solid #98aeb8; float: left;}
#searchsubmit { float: left; padding: 0; width: 80px; text-align: center; height: 26px; color: #744b00; border: 0; background: #ff9f0e url(../images/submit.jpg) 0 0 repeat-x; margin: 2px 0 0 -82px; cursor: pointer; font-weight: bold;}
#searchsubmit:hover { color: #744b00; background-color: #ed8e07; background-position: 0 -100px;} 

.post, .news { color: #656f79; font-size: 13px; line-height: 19px; border-bottom: 1px solid #98aeb8; padding: 0 0 20px; margin: 0 0 20px; width: 100%; }
.single { border-bottom: 0;}
.single .storytitle { color: #000;}
.single-post { margin: 0;}
.post .fancy-letter { float: left; background: #000; color: #FFF; font: bold 32px/34px Helvetica; padding: 0 3px; margin: 3px 5px -2px 0; vertical-align: top;}
.post .date { font-style: italic; font-size: 11px; color: #587380;}
.post .tags { font-size: 11px; color: #98a2a7;}
.post .tags a { color: #009bd9;}
.post blockquote { padding: 10px 30px; display: block; font: italic 12px/19px Georgia; color: #aab3bb;}
.post blockquote span { text-transform: uppercase; display: block; font-size: 10px;}
.post p { padding: 10px 0;}
.post .more-link { font-size: 14px; color: #009bd9;}
.post .comments-link { font-size: 14px; color: #009bd9;}
.post .comments-link span { color: #587380;}
.storycontent a {color: #009bd9;}

.cytat .date, .cytat .tags, .cytat  .post-edit-link, .cytat .link-more, .cytat .skomentuj { display: none;}
.cytat { clear: both; padding: 30px; position: relative; margin: 0 -2px 55px;  background: url(../images/quote.gif) 0 0 repeat-y; border-top: 2px solid #98aeb8; width: 394px; font: italic 18px Georgia; color: #7a838c;}
.cytat h2 { position: absolute; height: 33px; overflow: hidden; bottom: -33px; left: 0; text-align: right; width: 400px; padding: 0 52px 0 2px; font: normal 11px/39px Helvetica; color: #587380; text-transform: uppercase; background: url(../images/quote.gif) -454px 0 no-repeat;}

.kalendarium .storycontent {display: none;}
.kalendarium .date { display: block; font: italic 11px Helvetica; color: #587380; padding: 0 0 5px;}
.kalendarium { font: 16px Helvetica; color: #000000; border-bottom: 1px solid #FFF; padding: 0 0 10px; margin: 0 0 10px; width: 100%; }
.kalendarium h2 {font: bold italic 16px Helvetica; display: inline; color: #000;}

.skomentuj { font-size: 14px; clear: both;} 
.skomentuj a {color: #009bd9;}
.skomentuj a span {color: #656f79;}

.pages { float: left; clear: both; width: 100%; padding: 0 0 20px; margin: 20px 0 0;}
.pages a { font-size: 14px; color: #009bd9; font-weight: bold; }
.pages .prev { float: left; width: 50%; text-align: left;}
.pages .next { float: right; width: 50%; text-align: right;}

.calendar { padding: 0; margin: 23px 0 0; font-family: Helvetica;}
.calendar ul { float: left; clear: both; width: 100%; background: #ff9e0d url(../images/calendar.jpg) 0 0 repeat-x; height: 135px; padding: 17px 0 0;}
.calendar li { float: left; padding: 0 0 0 83px; font-size: 11px; line-height: 15px; height: 91px; margin: 0 11px; display: inline; width: 132px; font: 18px Helvetica; color: #FFF;}
.calendar li a { color: #FFF; text-decoration: none; }
.calendar li a:hover { text-decoration: none; }
.calendar .date { font-weight: bold; font-size: 12px; color: #656f79; padding: 0 5px;}
.calendar .avatar {width: 75px; height: 87px; border: 1px solid #666; float: left; margin: 2px 8px 0 -83px;}
.calendar .body { font-size: 18px; color: #FFF; font-style: italic; line-height: 15px}
.calendar .body strong { font-size: 14px; color: #000; display: block; padding: 1px 0 6px; letter-spacing: -1px; font-style: normal; font-weight: bold;}
.calendar li a:hover .body {color: #000; }
.calendar li a:hover .body strong {color: #000; text-decoration: none; font-style: normal; }
.calendar .votes { float: left; clear: both; height: 28px; line-height: 28px; margin: -44px 0 0 11px; width: 946px; display: inline; overflow: hidden; position: relative;}
.calendar .votes .box { float: left; clear: none; width: 77px; height: 28px; line-height: 28px; background: url(../images/votes.gif) 0 0 repeat-x; margin-right: 160px;}
.calendar .votes .last {margin-right: 10px;}
.calendar .votes p { display: inline; float: left; clear: none; font-size: 10px; color: #fff;}
.calendar .votes p a { color: #fff; width: auto; display: inline; height: auto; text-transform: uppercase;}
.calendar .votes .rank { font-size: 18px; color: #fff; padding-left: 2px; float: left; letter-spacing: -1px;}
.calendar .votes .change { font-size: 13px; font-weight: bold; color: #fff; padding-right: 10px; margin-right: 2px; float: right; position: relative; background: url(../images/votes.gif) 100% -83px no-repeat;}
.calendar .votes .down { color: #ff0000; background-position: 100% -58px;}
.calendar .votes .up { color: #028402; background-position: 100% -30px;}
.calendar .votes .source { padding-left: 12px; background: url(../images/votes.gif) 0 -83px no-repeat;}

.calendar_election ul { height: 135px;}
.calendar_election li { width: 232px; padding-left: 203px;}
.calendar_election .avatar { width: 195px; margin-left: -203px;}
.calendar_election h4 { font-size: 18px; float: none;}
.calendar_election .rank { float: none; display: block; font-size: 50px; line-height: 60px;}
.calendar_after .votes .rank   { font-size: 18px; line-height: 26px; }
.calendar_after .votes .box { width: 197px; margin-right: 260px;}
.calendar_after .votes .last {margin-right: 20px;}

.calendar_nl { background: #fff url(../images/bg-nl.gif) 50% 0 no-repeat;  margin: 23px -3px 0; padding: 0 3px; height: 164px; overflow: hidden;}
.calendar_nl ul { background: none; float: left; margin: 0; padding: 0; width: 842px; clear: none; }
.calendar_nl ul li {border-left: 1px solid #a8bcc4; float: left; margin: 8px 0 0 12px; padding: 0 0 0 12px; height: 139px; overflow: hidden; width: 265px;}
.calendar_nl h3 { font-size: 14px; }
.calendar_nl h4 { font-size: 18px; color: #f6a300; line-height: 20px; padding: 0; margin: 0; max-height: 40px;}
.calendar_nl h4 a { color: #f6a300; float: left; max-height: 80px;}
.calendar_nl p { font-size: 12px; line-height: 20px; color: #666; text-indent: 10px; margin: 0; padding: 2px 0 0;}
.calendar_nl a.more { float: right; clear: both; font-size: 14px; color: #f6a300;}
.calendar_nl ul li:first-child {border-left: 0; margin-left: 0;}
.calendar_nl ul li.newsletter { border-left: 0; float: right; width: 230px; padding: 0 15px; background: #f4f6f7; color: #000; font-size: 12px;}
.calendar_nl ul li.newsletter h3 {text-transform: uppercase; margin: 10px 0 -5px;}
.calendar_nl ul li.newsletter p { margin: 0!important; }
.calendar_nl ul li.newsletter .text  { width: 140px; padding: 6px 88px 6px 4px; border: 1px solid #98aeb8; float: left; margin: 0;}
.calendar_nl ul li.newsletter .submit { float: left; padding: 0; width: 80px; text-align: center; height: 26px; color: #744b00; border: 0; background: #ff9f0e url(../images/submit.jpg) 0 0 repeat-x; margin: 2px 0 0 -82px; cursor: pointer; font-weight: bold;}
.calendar_nl ul li.newsletter .submit:hover { color: #744b00; background-color: #ed8e07; background-position: 0 -100px;} 
.calendar_nl ul li.newsletter .example {color: #00ace1; float: right; margin: 5px 0 0;}
.calendar_nl .date { font-size: 13px; font-weight: bold; color: #000000; float: left; margin: 10px 5px; width: 80px; text-align: center;}
.calendar_nl .date strong { color: #fff; display: block; font-size: 76px; line-height: 76px; text-align: center; letter-spacing: -3px;}
.calendar_nl .date span { color: #48616c; display: block;}

.bar_nl { background: #000; color: #636161; margin: 10px 0 0; overflow: hidden; line-height: 22px; padding: 6px 10px 0px;}
.bar_nl p, .bar_nl li, .bar_nl a { color: #fff; text-decoration: none; line-height: 22px;}
.bar_nl a:hover { color: #ffce74; text-decoration: none;}
.bar_nl h3 { color: #fff; font-weight: normal; float: left; line-height: 22px; font-size: 14px; text-transform: uppercase;}
.bar_nl ul { float: left; margin: 0 0 0 10px; }
.bar_nl ul li { float: left; margin: 0 0 0 5px; line-height: 22px; list-style: inside disc;}
.bar_nl ul li:first-child { list-style: none;}
.bar_nl .fl { margin: 0 10px;}

.survey_election { border: 1px solid #a7bbc4; background: #f6f7f8; margin: 20px 0 0; overflow: hidden; text-align: center;}


.twitter_election { background: #FFF url(../images/br.gif) 50% 0 repeat-y; margin: 20px 0 -30px; padding: 0 0 50px; overflow: hidden;}
.twitter_election h2 { text-align: center;}
.twitter_election .twitter { width: 447px; margin: 0; clear: none;}
.twitter_election .twitter_bk { float: left;}
.twitter_election .twitter_jk { float: right;}

#comments { margin: 30px 0 0;}
#comments span {color: #656f79; font-weight: normal;}
#commentlist { list-style: none;}
#commentlist li { position: relative; min-height: 32px; padding: 10px 0 10px 40px; line-height: 19px;}
#commentlist li .avatar { float: left; width: 32px; height: 32px; float: left; margin-left: -40px;}
#commentlist li .comment {background: #f6f6f6 url(../images/comment.gif) 0 0 no-repeat; padding: 10px 12px 18px; margin: 8px 0 0;}
#commentlist li .meta { font-size: 10px; color: #587380;}
#commentlist li .meta a { color: #009bd9;}
#commentlist li .meta .author, #commentlist li .meta .author a { font-size: 11px; color: #009bd9;}

#postcomment {margin: 40px 0 0;}

.error { font: 14px Helvetica; color: #3e4b58; background: #e5edf1; padding: 16px;  font-weight: normal; display: block; margin: 0 0 20px; float: none;}
#submit {padding: 0 12px; height: 26px; color: #744b00; border: 0; background: #ff9f0e url(../images/submit.jpg) 0 0 repeat-x; margin: 30px 6px 0; cursor: pointer;}
#submit:hover { color: #744b00; background-color: #ed8e07; background-position: 0 -100px;} 
#reset { background: none; border: 0; font: 11px Helvetica; color: #22a8de; margin: 30px 0 0;}
#comment { width: 450px; border: 1px solid #a5bbc5;}
#commentform {font: 11px Helvetica; color: #3e4b58; padding: 0 0 30px;}
#commentform label { font: bold 11px Helvetica; color: #3e4b58; display: block; margin: 8px 0 1px;}
#commentform .text  { width: 190px; padding: 5px; border: 1px solid #98aeb8;}
#commentform a { color: #009bd9;}
#commentform  textarea { margin-bottom: 3px;}

.wide-search { margin: 25px 0 0;}
.wide-search h3 { display: none;}

.sociable { padding: 10px 0 5px; margin: 10px 0 0; border-top: 1px solid #98aeb8; border-bottom: 1px solid #98aeb8;}
.sociable ul {list-style: none;}
.sociable ul li { display: inline; margin-left: 15px;}
.sociable ul li.sociablefirst { margin: 0;}

#content-wide { width: 1000px; float: left; display: inline; margin-left: -49px;}
#content-wide .adtailymain { float: right; clear: none; width: 451px; margin: 0 0 24px;}
#content-wide .post-survey { margin-left: 49px;}
.post-survey { float: left; display: inline; width: 451px; margin: 0 0 34px; overflow: hidden;}
.post-survey h2 { height: 35px; color: #000; overflow: hidden; margin: 0 0 24px;}
.post-survey table.snd { width: 100%; font-size: 12px;}
.post-survey table.snd td { border-left: 1px solid #b5b9bc; padding: 5px 15px;}
.post-survey table.snd th { text-align: left; vertical-align: middle; color: #000; font-size: 14px; border-left: 1px solid #b5b9bc; padding: 15px; background: #ffe7b5 url(../images/sth.gif) 0 0 repeat-x;}
.post-survey table.snd th.first {color: #000;}
.post-survey table.snd th.result { font-size: 20px; background: #ffc248 url(../images/sthr.gif) 0 0 repeat-x;}
.post-survey table.snd .spc td {color: #777f82; font-size: 9px;}
.post-survey table.snd .spc td.first {color: #777f82;}
.post-survey table.snd td.center {text-align: center;}
.post-survey table.snd .first { border-left: 0; color: #009bd9;}
.post-survey table.snd .first a { color: #009bd9;}
.post-survey table.snd .even td { background: #ecf0f3;}
.post-survey table.shrink { margin-top: -10px;}
.post-survey table.shrink td, .post-survey table.shrink th { padding-left: 10px; padding-right: 10px;}
.post-survey table.shrink td.date { font-size: 10px;}
.post-survey table.shrink td img { margin-top: -23px;}

#survey-wide { padding: 30px 0; background: #fff; margin: 0 0 -10px; clear: both; width: 100%; float: left;}

.postauthor { padding: 0 0 5px; margin: 5px 0 0; overflow: hidden;}
.postauthor  .avatar { float: left; margin: 3px 12px 3px 0; }
.postauthor h5 { margin: 0; padding: 0; font-size: 12px; font-weight: bold; line-height: 16px; color: #000; }
.postauthor p { margin: 0; padding: 0;}

#refresh { position: relative; display: block; height: 34px; overflow: hidden; width: 102px; margin: 8px 0 -10px -2px;}
#refresh img { position: relative; top: 0; left: 0;}
#refresh:hover img { top: -34px;}

/* Footer 

------------------------------------------------------------------------- */
#footer { margin: 0 auto; clear: both; height: 79px; padding: 70px 0 0; text-align: center; width: 997px; background: #FFF url(../images/foot.gif) 50% 0 no-repeat; font-size: 9px; color: #587380;}
#footer a {color: #587380;}

/* Other 

------------------------------------------------------------------------- */
.fl { float: left; }
.fr { float: right; }
.clear { clear:both; }
.push { height: 150px; }
.hidden, .hide { display: none;}
.fbLikeContainer { display: none;}
#TB_window {z-index: 9999999;}

.submit, #submit, #searchsubmit, #s, .calendar_nl .newsletter, .calendar_nl ul li.newsletter .text { -webkit-border-radius: 8px; /* Safari, Chrome */ -khtml-border-radius: 8px; /* Konqueror */ -moz-border-radius: 8px; /* Firefox */ border-radius: 8px; } 
#newsletter p { margin: 10px 0 0;}