/*
This CSS was made for http://kody.magazynek.org by toolman
based on orginal sNews style
2009-01-14 22:54:28
*/

* {
margin:0;
padding:0;
}

body {
/*font-family: "Bitstream Vera Sans", "Trebuchet MS", Geneva, Verdana, Arial, Helvetica, sans-serif;
font-size: .75em;*/
font:.75em Verdana, Arial, Sans-Serif;
color:#CBCBCB;
line-height:1.8em;
background-color:#595959;
background-image: url(bg_site.jpg);
background-repeat:repeat-x;
}

p {
line-height:1.6em;
margin:0 0 1.4em 1em;
}

a {
color:#FFFFFF;
text-decoration:none;
background:inherit;
}

a:hover {
color:gray;
background:inherit;
}

ul {
list-style:none;
}

li {
margin-left:1em;
}

.subcat {
margin-left:1em;
}

h1,h2,h3 {
font-weight:400;
margin:0 0 .8em;
}

h1 {
color:#484848;
font-size:2em;
background:inherit;
}

h2 {
color:#FFFFFF;
font-size:2em;
background:inherit;
}

h3 {
font-size:1.3em;
margin:1.2em 0 .5em;
padding-left: 1px;
}

#wrapper {
width:960px;
background: #505051;

margin: 0 auto 10px;
padding: 0;
}

#subheader {
  padding: 4px;
  font-size:xx-small;
  text-align: center;
  background-image: url(bg_subheader.png);
  background-color: #595959;
}

#subheader a {
  color: #CBCBCB;
  text-decoration: none;
  margin: 1px;
  padding: 4px;
  font-weight: bold;
}

#subheader a:hover {
  color: #ffffff;
  text-decoration: none;
  margin: 1px;
}

#subheader span {
  letter-spacing:.08em;
}


#header {
padding: 0 0 0 10px;
height:210px;
/*background-image: url(top_back.jpg);*/
background-color: #D2D2D2;
}

#logo {
float:left;
color:#484848;
line-height:55px;
padding-top:10px;
}

#logo h1 {
font-size:4em;
letter-spacing:-1px;
margin:30px 0 0;
}

#top {
float:right;
text-align:right;
width: 560px;
height: 210px;
}

#topmenu {
height:35px;
clear:both;
margin-top:7px;
padding:10px 5px 0;
}

#topmenu li {
font-size:1em;
display:inline;
}

#topmenu li a {
color:#484848;
margin: 2px;
}

#topmenu li a:hover {
color:#F74600;
}

#reklama_top{
border-top:1px solid #aaa;
color: #aaa;
font-size: 8pt;
float: right;
margin: 0;
}

#search {
  float:right;
  clear:both;
  text-align:right;
  margin:0;
  padding:5px 5px 0;
}

input {
  vertical-align:middle;
  padding:2px;
  background:#5A5A5A;
  border:2px solid #8A8882;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

input.searchfield {
  width:255px;
  border:2px solid #ccc;
  font-size:.9em;
  padding:6px;
  background:#D9DBDC;
}

input.searchbutton {
  border:0;
  color:#fff;
  font-weight:700;
  font-size:.9em;
  background:#383838;
  padding:6px;
}

#crumbs {
  clear:both;
  /*background-image: url(bg_crumb2.png);
  background:#7F6C17;*/
  background:#2F2C2C;
  margin:0 auto;
  padding:10px;
  color:#FFFFFF;
}

#crumbs a:link {
  color:#FFFFFF;
  border-width: 0 0 2px 0;
  border-style: solid;
}

#crumbs a:visited {
  color:#FFFFFF;
  border-width: 0 0 2px 0;
  border-style: solid;
}

#crumbs a:hover {
  color:#FFFFFF;
  border-width: 0 0 2px 0;
  border-style: solid;
  border-color: #FFFFFF;;
}

#content {
  padding:20px 10px;
}

#content p.subcat {
  margin-left:30px;
}

#main {
  width:56%;
  float:left;
  margin-bottom:40px;
}

#side {
  width:405px;
  margin-bottom: 20px;
  float:right;
  background-color: #9A9A9A;
  background-image: url(bg_side.png);
  background-repeat:no-repeat;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

#side h3 {
  padding: 10px;
  border-top: 1px solid #B3B3B3;
  border-right: 1px solid #B3B3B3;
  margin-right:5px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomleft: 20px;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
}

.single {
  width:200px;
  float:left;
  padding: 0;
}

#footer {
  clear:both;
  margin-top:30px;
  /*border-top:1px solid #FFFFFF;*/
  font-size: xx-small;
  background:#2F2C2C;
}

#footer img {
  vertical-align: top;
}

#main input[type=button] {
  border:1px solid #ccc;
  color:#000;
  font-size:.8em;
  line-height:1.5em;
  cursor:pointer;
  display:block;
  float:left;
  background:#f9f6f2;
  margin:0 .1em;
  padding:.2em .8em;
}

.strong {
  font-weight:700;
}

.em {
  font-style:italic;
}

.underline {
  text-decoration:underline;
}

.overline {
  text-decoration:overline;
}

.del {
  text-decoration:line-through;
}

fieldset {
  border:2px solid #8A8882;
  color:#000;
  background:#383838;
  margin:0 0 8px;
  padding:10px 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

textarea {
  width:97%;
  height:20em;
  padding:3px;
  background:#5A5A5A;
  background-image: url(bg_textarea.png);
  background-repeat:no-repeat;
  background-position:bottom right;
  border:2px solid #8A8882;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.date {
  border-top:2px solid #383838;
  margin:20px 0 20px 0;
}

.clearer {
  clear:both;
  margin:0 auto;
  padding:1px 0 0;
}

/* for expandable title links on archive and sitemap pages */
.drop_title a {
  font:bold 12px Arial;
}

.droplist_div {
  width:95%;
  border-bottom:1px solid #ccc;
  padding:4px 0;
}

.subcatlist_div {
  width:95%;
  padding:0 0 0 15px;
}


.big {
color:#CBCBCB;
}

.big a:link, a:visited, a:hover, h2, h3 {
  color:#FFFFFF;
}

.ang {
  font-weight: bold;
  padding: 0 0 0 27px;
  background-image: url(ang.jpg);
  background-repeat:no-repeat;
  background-position:center left;
}

.rss {
  background-image: url(rss.png);
  background-repeat:no-repeat;
  background-position:center center;
}

img {
  border: 0;
}

code {
  display: block;
  font-size: 10pt;
  color: #505051;
  background:#9A9A9A;
  border:2px solid #8A8882;
  margin-top: 5px;
  padding: 6px;
  background-image: url(code.gif);
  background-repeat:no-repeat;
  background-position:top right;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

pre {
  display: block;
  color: #505051;
  background:#9A9A9A;
  border:2px solid #8A8882;
  margin-top: 5px;
  padding: 6px;
  background-image: url(code.gif);
  background-repeat:no-repeat;
  background-position:top right;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

div.related_posts {
  margin: 5px  0;
}
ul.related_posts {
  margin: 0;
  padding: 0;
  list-style: none;
}

ol{
  margin-left: 20px;
  margin-bottom: 20px;
}

.side0 {
  padding-top: 10px;
  text-align:justify;
}

.side1 {
  padding-top: 10px;
  text-align:justify;
  clear:both;
}

.articleImage {
  float:right;
  border:1px solid #CBCBCB;
  width: 210px;
  text-align:center;
  padding-top: 5px;
}

#addSearchPlugin {
  text-align:left;
  margin-bottom:0;
  border:none;
}

#addSearchPlugin input {
  border:none;
}

.gicos {
  display: block;
  float: left;
  width: 120px;
  height: 120px;
  text-align: center;
  padding: 5px;
  margin: 0 41px 10px 0;
  font-size:.75em;
  background:#5A5A5A;
  border:2px solid #8A8882;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.gicos p {
  margin:0;
}

.icorights {
  clear:both;
  margin-top: 20px;
  font-style:italic;
  vertical-align:middle;
  padding:5px;
  background:#5A5A5A;
  border:2px solid #8A8882;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

dl {
  margin:0 0 1.4em 1em;
}

dt {
  font-weight:bold;
}

dd {
  padding-left: 1em;
}

.fav_sites {
  height: 220px;
}

.fav_sites img {
  float: left;
  margin-right: 5px;
}

.statD {
  font-size:xx-small;
  float:left;
  padding-left: 10px;
}

.statV {
  font-size:xx-small;
  display: block;
  text-align:right;
  font-weight:bold;
  padding-right: 10px;
  margin: 0;
}

.statS dt {
  font-weight:normal;
  font-size:xx-small;
}

.statS dd {
  padding-left: 0;
  margin-left: -1em;
}

#directLink {

  font-size:x-small;
}

#code_html {
  padding: 5px 90px 5px 5px;
  height: 70px;
  width: 405px;
  font-size:small;
  background-image: url(/images/code_html.gif);
  background-repeat:no-repeat;
  background-position:center right;
}

#code_bbcode {
  padding: 5px 90px 5px 5px;
  height: 70px;
  width: 405px;
  font-size:small;
  background-image: url(/images/code_bbcode.gif);
  background-repeat:no-repeat;
  background-position:center right;
}

.floatRight0 {
  float: right;
  margin: 0;
  border: 0;
}

.floatRight {
  float: right;
  margin: 5px 0 10px 10px;
  border: 0;
}

.floatLeft0 {
  float: left;
  margin: 0;
  border: 0;
}

.floatLeft {
  float: left;
  margin: 5px 10px 10px 0;
  border: 0;
}

#DodajLink {
  font-size:x-small;
  margin:35px 0 0 0;
  background-color:#595959;
  border:2px solid #383838;
  padding-top: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.paginator {
  margin-top: 80px;
  padding: 4px;
  font-size:small;
  text-align: center;
/*  border: 1px solid #171717;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px; */

}

.pageselected {

  color: #555;
  background-color: #232323;
  border: 1px solid #171717;
  margin: 1px;
  padding: 2px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;

}

.paginator a {
  color: #555;
  text-decoration: none;
  background-color: #2c2c2c;
  border: 1px solid #171717;
  margin: 1px;
  padding: 2px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;

}

.paginator a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #232323;
  margin: 1px;
}

.menu_ul {
  text-indent: -8px;
  padding-left: 8px;
}
.menu_ul li{
  line-height:1.5em;
  margin-bottom: 8px;
  padding-right: 8px;
}

.key_bg_red {
  background-color: #EE2C2C;
  margin: 3px;
  padding: 1px 3px 1px 3px;
  color: black;
  font-weight: bold;
  border: 2px solid #383838;
  line-height:25px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.key_bg_blue {
  background-color: #436EEE;
  margin: 3px;
  padding: 1px 3px 1px 3px;
  color: black;
  font-weight: bold;
  border: 2px solid #383838;
  line-height:25px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.key_bg_yellow {
  background-color: #FFD700;
  margin: 3px;
  padding: 1px 3px 1px 3px;
  color: black;
  font-weight: bold;
  border: 2px solid #383838;
  line-height:25px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.key_bg_green {
  background-color: #008020;
  margin: 3px;
  padding: 1px 3px 1px 3px;
  color: black;
  font-weight: bold;
  border: 2px solid #383838;
  line-height:25px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.key_bg_orange {
  background-color: #EF5D0E;
  margin: 3px;
  padding: 1px 3px 1px 3px;
  color: black;
  font-weight: bold;
  border: 2px solid #383838;
  line-height:25px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

kbd {
  font-family: Verdana, Arial, Sans-Serif;
  border: 3px outset #FFFFFF;
  background-color: #C0C0C0;
  font-weight: bold;
  font-size: .72em;
  color: #000000;
  padding-left: 3px;
  padding-right: 3px;
  margin-right: 2px;
  line-height:25px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.w1 {
  margin: -20px 0 0 30px; 
}

.topListV {
  font-size:xx-small;
  float:right;
}

.comment {
  color: #FFFFFF;
  background: #7F7F7F;
  margin:0 0 10px 0;
  padding:10px 10px 50px 10px;
  vertical-align: middle;
  border-width: 1px 5px 6px 5px;
  border-style: solid;
  border-color: #2F2C2C;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
}

.comment a {
  background-image: none;
}

.commentsbox {
  color:gray;
  background: #5A5A5A;  
  margin:0 0 10px;
  padding:10px;
}

.comment_container {
  margin: 30px 0 0 0;
  padding: 5px;
  background:#5A5A5A;
  border: 2px solid #2F2C2C;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.comment_meta {
  background: #2F2C2C;
  margin:0;
  padding: 5px;
  border-width: 5px 5px 0 5px;
  border-style: solid;
  border-color: #2F2C2C;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
}

.comment_meta p {
  margin:0;
  vertical-align: middle;
}

.commentID {
  font-size:24px;
}

.gravatar {
  float: left;
  padding: -5px 5px 0 5px;
  margin-right: 15px;
}

blockquote {
  font-style:italic;
  margin-top:20px;
  margin-bottom:20px;
  padding:3px;
  background: transparent url("/images/quote.png") bottom left no-repeat;
  line-height:1.4em;
}
blockquote div {
  padding: 0 40px;
  background: transparent url("/images/quote.png") top right no-repeat;
  text-align: justify;
}

.slider dt {
  cursor: pointer;
}