/*
Theme Name: KaunoZinios.lt tema
Theme URI: http://www.kaunozinios.lt/
Description: KaunoZinios.lt pagrindinė tema (dizainas - Andrius Petkevičius, karpymas - Arūnas Liuiza) 
Version: 1.0
Author: tinyStudio
Author URI: http://studio.tiny.lt/
Tags: 
*/

/* === Clear Styles === */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}


a {
  color: #8d8a8a;
  text-decoration: none;
}

a:hover {
  color: #f90606;
}

#featured div.kaunas div.entry h2 a:hover {
  color: #fff;
}

#toc div.toc-item li.kaunas a:hover {
  color: #fff;
}

/* === Structure === */

html, body {
  text-align: center;
  font-family: Arial, Tahoma, sans-serif;
}

div.wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	text-align: left;
}

.brick {
	display: inline;
	float: left;
	margin: 0 10px 5px 10px;
	overflow:hidden;
}

.in-first {
  margin-left:0px;
  clear: left;
}

.in-last {
  margin-right:0px;
}

.w12 {width: 940px;}
.w11 {width: 860px;}
.w10 {width: 780px;}
.w9 {width: 700px;}
.w8 {width: 620px;}
.w7 {width: 540px;}
.w6 {width: 460px;}
.w5 {width: 380px;}
.w4 {width: 300px;}
.w3 {width: 220px;}
.w2 {width: 140px;}
.w1 {width: 60px;}


#bg {
  width: 100%;
  margin: 0px;
  background: url('bg-footer.gif') repeat-x left bottom;
}

.clear {
  height: 0px;
  clear: both;
  font-size: 0px;
  margin: 0px;
  padding: 0px;
}

/* === Link baras === */
#linkbar {
  height: 25px;
  font-size: 70%;
  text-align: right;
  margin-top: 15px;
}

#linkbar ul li{
  float: right;
  margin: 2px 5px;
}

/* === Logo === */

#logo {
  height: 100px;
}

/* === Ad-heading === */

#ad-head {
  height: 100px;
}

#ad-head .ad {
  width:750px; 
  height: 100px;
  float: right;
}

/* === Navigation === */

#navigation {
  height: 34px;
}

#navigation ul li a {
  padding-right: 6px; 
}

/* === Search === */

#search {
  height: 50px;
}

#search form {
  margin: 0;
  padding: 0;
  width: 100%;
}

#search input#s {
  float: left;
  width:240px;
}

#search input#searchsubmit {
  width:60px;
}


#search input {
  font-size: 9px;
  height: 17px;
  margin-top: 7px;
  border: none;
}

/* === Content === */

#content {
  min-height: 400px;
}

#featured .featured {
  height: 290px;
  overflow: hidden;
  margin-bottom: 18px;
}

.category #featured .featured {
  margin-bottom:  30px;
}

#featured .featured .image{
  height: 150px;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #ffffff;
  margin-bottom: 0px;
}

#featured .featured .image a{
  display: block;
  height: 100%;
  width: 100%;
}

#featured .featured .entry {
  height: 125px;
  background-color: #ffffff;
}


#featured .featured h2 {
  font-size: 14px;
  font-weight: bold;
  color: #8d8a8a;
  margin: 10px 20px 5px 7px;
  padding: 0px;
  height: 45px;
}

#featured .featured h2 a {
  color: #8d8a8a;
}

#featured .featured h2 a:hover {
  color: #f90606;
}

#featured .featured .excerpt {
  color: #8d8a8a;
  margin: 0px 20px 7px 7px;
  text-align: justify;
  font-size: 11px;
  overflow: hidden;
  height: 55px;
}

#opinion, #blogs {
  clear: left;
}

#opinion .o1, #blogs .o1 {width: 196px; margin: 0px 10px 0px 0px;}

#opinion .opinion img, #blogs .opinion img {
  float: left;
  margin-right: 5px;
}

#opinion .opinion a, #blogs .opinion a {
  display: block;
  height: 100%;
  width: 100%;
}

#opinion .opinion h2, #blogs .opinion h2{
  font-size: 11px;
  display: inline;
  font-weight: normal;
}

#opinion .opinion span.meta, #blogs .opinion span.meta {
  display: block; 
  font-size: 11px;
  font-weight: bold;
}


#toc h2 {
  font-size: 70%;
}

#toc p {
  font-size: 70%;
}


#toc div.more {
  font-size: 60%;
  text-align: right;
}

/* === Sidebar === */

#sidebar {
  min-height: 400px;
}

#sidebar .ad-side {
  padding-top:15px;
  background: url('ad-note-side.gif') no-repeat center 2px;
  height: 250px;
}

#sidebar .news-list {
  height: 460px;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: -10px;
}

#sidebar .news-list ul {
  font-size: 60%;
  height:410px;
  overflow: hidden;
}

#sidebar .news-list span {
  display: block;
  font-size:11px;
}

#sidebar .news-list span.p {
  font-size:9px;
}

#sidebar .news-list span strong {
  font-weight: bold !important;
}

#sidebar .news-list li {
  margin-bottom: 2px;
}

#sidebar .news-list p small {
  font-size:10px;
  margin-top: 6px;
  display: block;
  text-align: right;
  border-top: 1px solid #ccc;
}

#sidebar .weather {
  margin-top: 20px;
  height: 120px;
  overflow: hidden;
}

#sidebar .weather img {
  float: left;
  margin-right: 0px;
}

#sidebar .weather .temp {
  display: block;
  font-size: 130%;
}

#sidebar .weather .title {
  display: block;
  font-size: 80%;
  font-weight: bold;
}

#sidebar .weather .wind {
  display: block;
  font-size: 75%;
}

#sidebar .weather .date {
  display: block;
  clear: left;
  width: 100%;
  text-align: left;
  font-size: 60%;
}

#sidebar .poll {
}

#sidebar .poll div {
  font-size: 80%;
}

#sidebar .poll small {
  font-size: 70%;
}

#sidebar .links ul {
  font-size: 80%;
}

#sidebar .links ul li {
  margin-left: 10px;
}

/* === Sidebar === */

#footer {
  height: 90px;
  background-color: #918c87;
}

  #footer-logo {
    height: 90px;
  }
  
    #footer-logo img {
      height: 90px;
    }
  
  #footer-navi {
    margin-top: 15px;
    color: #fff;
    font-size: 11px;
    padding-bottom: 5px;
    border-bottom: 1px solid #fff;
  }
  
  #footer-navi a, #footer-contacts a {
    color: #fff;
  }

  #footer-navi a:hover, #footer-contacts a:hover {
    color: #f90606;
  }
  
  #footer-contacts {
    color: #fff;
    font-size: 11px;
  }


/* išvaizda */

body.front/*, body.home, body.category */{
  background: #fff url('bg-head-front.gif') repeat-x;
}

body.uib/*, body.single, body.search, body */{
  background: #eee url('bg-head.gif') repeat-x;
}  

body.default/*, body.single, body.search, body */{
  background: #fff url('bg-head.gif') repeat-x;
}  

div#heading {
  height: 200px;  
}

#linkbar {
  color: #ffffff;
}

#linkbar a{
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}

#linkbar a:hover {
  color: #f90606;
}

#ad-head {
  background: url('ad-note.gif') no-repeat 20px top;
}

#navigation {
  margin-top: 13px;
  font-family: Arial;
  font-size: 12px;
}

#navigation a:hover {
  background-color: #f90606;
}

#navigation .current a {
  background-color: #f90606;
}

#navigation li a {
  height:34px;
}

#navigation li {
  margin-right: 1px;
}

#search {
  margin-top: 13px;
}


.lietuva .entry {
  background-image: url('lietuva.gif');
  background-position: right bottom;
  background-repeat: no-repeat;
}

.pasaulis .entry {
  background-image: url('pasaulis.gif');
  background-position: right bottom;
  background-repeat: no-repeat;
}

.kaunas .entry {
  background-image: url('kaunas.gif');
  background-position: right bottom;
  background-repeat: no-repeat;
  background-color: #cccccc !important;
}

.archive div.category-kaunas {
  background-image: url('kaunas.gif');
  background-position: right bottom;
  background-repeat: no-repeat;
  background-color: #eee !important;
}

li.kaunas {
  background-color: #cccccc !important;
  background-image: url('kaunas-tiny.gif');
  background-position: right bottom;
  background-repeat: no-repeat;
}

li.kaunas-big {
  background-color: #cccccc !important;
  background-image: url('kaunas-small.gif');
  background-position: right bottom;
  background-repeat: no-repeat;
}



div.tab {
  height: 15px;
}

div.tab a {
  float:right;
  display: block;
  height: 15px;
  font-size:9px;
  background: url('tab-l.gif') no-repeat left top;
  padding-left: 10px;
}

div.tab a span {
  display: block;
  height: 15px;
  font-size:9px;
  background: url('tab-r.gif') no-repeat right top;
  padding-top: 2px;
  padding-right: 10px;
}

.opinion-title {
  font-size: 14px;
  margin: 10px 0 10px 0;
}

#opinion {
  margin-bottom: 15px !important;
}

.toc-item h1 {
  margin-top: 20px;
  margin-bottom: 10px; 
  height: 15px;
  border-bottom: 1px solid #bab7b7;  
}

.toc-item h1 a {
  float:right;
  display: block;
  height: 15px;
  font-size:9px;
  background: url('tab2-l.gif') no-repeat left top;
  padding-left: 10px;
  color: #ffffff;
}

.toc-item h1 a:hover {
  color: #f90606;
}

.toc-item h1 a span {
  display: block;
  height: 15px;
  font-size:9px;
  background: url('tab2-r.gif') no-repeat right top;
  padding-top: 2px;
  padding-right: 10px;
}

.toc-item ul li {
  padding: 5px;
  padding-right:11px;
  clear: left;
  margin-top: 3px;
}

.toc-item ul li a {
  color: #000000;
}

.toc-item ul li a:hover {
  color: #f90606;
}

.toc-item ul li img {
  float: left;
  margin-right: 7px;
  margin-bottom: 7px;
}

.toc-item ul li strong {
  display: block;
  font-weight: bold;
  font-size: 11px;
}

.toc-item ul li span {
  display: block;
  font-size: 11px;
}


/* single */
div.single h2 {
  font-size: 14px;
  margin-bottom: 5px;
}

div.single h2 a {
  color: #000;
}

div.single h2 a:hover {
  color: #f90606;
}

div.single span.meta {
  font-size: 11px;
  color: #7f7e7e;
  display: block;
  margin-bottom: 20px;
}

div.single div.image {
 margin: 0px 0px 10px 10px;
   border: 1px solid #d5d1d1;
  background-color: #d5d1d1;
}

div.single div.gallery {
  margin: 0px 0px 10px 0px !important;
}

.gal-even {
  clear: left;
}

.gal-odd {
  clear: right;
}

div.single div.image span{
  font-size: 9px;
  display: block;
  color: #000;
  padding: 5px 10px;
}

div.single div.entry {
  font-size: 12px;
  text-align: justify;
}

div.single div.entry p {
  margin-bottom: 5px;
  line-height: 18px;
}

div.metaboxes {
  margin-top: 8px; 
  background: url(grey-pixel.gif) repeat-y center 10px;
}

div.single .side {
  border-top: 1px solid #d5d1d1;
  font-size: 11px;
}


div.single .side h3{
  font-size: 14px;
  color: #000;
  margin-bottom: 15px;
  margin-top: 7px;
  
}

div.source {
  font-size: 10px;
  clear: both;
}

div.source img {
  margin-right: 10px;
}

form#commentform {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

form#commentform label{
  font-weight: bold;
  text-align: right;
  font-size: 12px;
  color: #797373;
}

form#commentform p {
  clear: left;
}

form#commentform textarea {
  border: 1px solid #d5d1d1;
  width: 286px;
  height: 100px;
} 

form#commentform input {
  border: 1px solid #d5d1d1;
}

form#commentform input.button {
  background-color: #bab7b7;
  border-color: #bab7b7;
  color: #fff;
  margin-right: 8px;
  padding: 2px 5px;
}

div#comment-link {
  background: #d5d1d1 url(bg-com-link.gif) no-repeat center;
  text-align: center;
  font-size: 12px;
  color: #000;
  margin: 10px 0 10px 0;
}

div#comment-link a {
  padding: 5px 0;
  display: block;
  width: 100%;
  height: 100%;
}


span.report {
  float: right;
  font-size: 11px;
}

span.report a {
  color: #f90606;
}

span.report a:hover {
  text-decoration: underline;
}

span.date {
  font-size: 11px;
  color: #cccccc;
}

div.comment-author strong {
  font-size: 14px;
  margin-right: 10px;
}

div.comment-author strong a {
  color: #000;
}

div.comment-author strong a:hover {
  color: #f90606;
}

.comment {
  font-size: 12px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #cccccc;
}

.comment-text {
  text-align: justify;
}

/* === archive === */
.archive .hentry {
  margin-bottom: 15px;
  font-size: 11px;
}

.archive .hentry h2 {
  font-size: 11px;
  padding-right: 20px;
}

.archive .hentry h2 a {
  color: #000;
}

.archive .hentry h2 a:hover {
  color: #f90606;
}

.archive .hentry div.entry {
  font-size: 11px;
  text-align: justify;
  padding-right: 20px;
}

.archive .hentry .image {
  margin: 0 10px 5px 0;
}


.navigation {
  font-size: 12px;
  text-align: center;
  margin-bottom: 10px;
}


/* === Sociable === */
div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
/* === Sociable === */


/* === PageNavi === */
.wp-pagenavi a, .wp-pagenavi a:link {
	margin: 2px;
	text-decoration: none;
	color: #000;
}
.wp-pagenavi a:visited {
	margin: 2px;
	text-decoration: none;
	color: #000;
}
.wp-pagenavi a:hover {	
	color: #f90606;
}
.wp-pagenavi a:active {
	margin: 2px;
	text-decoration: none;
	color: #000;
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000;
}
.wp-pagenavi span.current {
	margin: 2px;
	font-weight: bold;
	color: #000;
}
.wp-pagenavi span.extend {
	margin: 2px;	
	color: #000;
}
/* === PageNavi === */


div#archive-link {
  margin-top: 20px;
  font-size: 12px;
}

div#archive-link a {
  color: #000;
  font-weight: bold;
}

div#archive-link a:hover {
  color: #f90606;
}



strong {
  font-weight: bold;
}

div.entry em {
  font-style: italic;
}

div.entry blockquote {
	margin: 1em 35px;
	padding-left: 65px;
	border-left: 5px #8d8a8a solid;
	background: transparent url(quotes.gif) no-repeat; 
}

div.entry address {
	margin: 1em 35px;
	padding-left: 65px;
	border-left: 5px #8d8a8a solid;
	background: transparent url(address.gif) no-repeat; 
}


.float-right {
  float: right;
}

.float-left {
  float: left;
}

.text-right {
  text-align: right;  
}

div.entry ul {
  list-style: disc inside url();
  padding-left: 15px;
  margin-bottom: 5px;
}

div.entry ol {
  list-style: decimal inside url();
  padding-left: 15px;
  margin-bottom: 5px;
}

div.entry ol li, div.entry ul li {
  line-height: 18px;
}

div.entry h1 {
  font-size: 120%;
  padding: 5px 0 10px 0;
}

div.entry h2 {
  font-size: 110%;
  padding: 5px 0 7px 0;
}

div.entry h3 {
  font-size: 100%;
  padding: 5px 0 5px 0;
}

div.entry h4 {
  font-size: 100%;
  font-weight: normal;
  font-style: italic;
  padding: 5px 0 5px 0;
}

div.entry h5 {
  font-size: 90%;
  font-weight: normal;
  font-style: italic;
  padding: 5px 0 5px 0;
}

div.entry h6 {
  font-size: 80%;
  font-weight: normal;
  font-style: italic;
  padding: 5px 0 5px 0;
}

div.entry form {
	margin: 1em 35px;
	padding-left: 15px;
	border-left: 5px #8d8a8a solid;
}

div.entry input.inText, div.entry select, textarea {
  width: 100%;
  border: 1px solid ##8d8a8a;
  margin: 0 0 5px 0;
}

form#new-post textarea {
  height: 300px;
}



.color {background-color: #ccc;}


.show {
  display: block;
}

.hide {
  display: none;
}

div.incoming {
  display: none;
}



/* UIB */

.uib .entry {
  background-image: url('uib.gif') !important;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-color: #ffffcc !important;
}

.uib .entry .excerpt {
  margin-right: 30px !important;
  width: auto;
}


.archive div.category-uib {
  background-image: url('uib.gif');
  background-position: right bottom;
  background-repeat: no-repeat;
  background-color: #ffffcc !important;
}

li.uib {
  background-color: #ffffcc !important;
  background-image: url('uib-tiny.gif');
  background-position: right bottom;
  background-repeat: no-repeat;
}

li.uib a:hover {
  color: #f90606 !important;
}

#featured div.uib div.entry h2 a:hover {
  color: #f90606;
}

div#logo-uib {
  height: 30px;
  margin-bottom: -10px;
  border: 1px;
  background-image: url('uib-logo.gif');
  background-position: left top;
  background-repeat: no-repeat;
  margin-left: 10px;
  text-align: right;
  font-size: 9px;
}
 

body.fotoskrydis/*, body.single, body.search, body */{
  background: #fff url('bg-head-front.gif') repeat-x;
}  


.fotoskrydis .entry {
  background-image: url('fotoskrydis.png') !important;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-color: #ccffcc !important;
}

.fotoskrydis .entry .excerpt {
  margin-right: 30px !important;
  width: auto;
}


.archive div.category-fotoskrydis {
  background-image: url('fotoskrydis.gif');
  background-position: right bottom;
  background-repeat: no-repeat;
  background-color: #ccffcc !important;
}

li.fotoskrydis {
  background-color: #ccffcc !important;
  background-image: url('fotoskrydis.gif');
  background-position: right bottom;
  background-repeat: no-repeat;
}

li.uib a:hover {
  color: #f90606 !important;
}

#featured div.uib div.entry h2 a:hover {
  color: #f90606;
}

div#logo-uib {
  height: 30px;
  margin-bottom: -10px;
  border: 1px;
  background-image: url('fotoskrydis.gif');
  background-position: left top;
  background-repeat: no-repeat;
  margin-left: 10px;
  text-align: right;
  font-size: 9px;
}

div.image div.textads {
  padding-left: 32px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #fff;
}
