/*

 * YOOtheme CSS file

 *

 * @author yootheme.com

 * @copyright Copyright (C) 2007 YOOtheme Ltd. & Co. KG. All rights reserved.

 */ 



/*

 * Page

 */

 

body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 150%;

	color: #333333;

}




body.yoopage {

	padding-bottom: 100px;

	background: #AAAFB4;

}



/* set body font size (styleswitcher) */

body.font-small {

	font-size: 11px;

}



body.font-medium {

	font-size: 12px;

} 



body.font-large {

        font-weight:bold;

	font-size: 16px;

}



/* set body font size (styleswitcher) */

body.font-small.myBlogClass {

	font-size: 8px;

}



body.font-medium.myBlogClass {

	font-size: 8px;

} 



body.font-large.myBlogClass {

        font-weight:bold;

	font-size: 100px;

}



/* center page */

div.wrapper {

	margin: auto; 

}



/*

 * Layout

 */



div#absolute {

	position: absolute;

	z-index: 15;

	top: 0px;

	left: 0px;

	width: 100%;

}



div#page-body {

	background: #E6E9EB url(../images/page_t.png) 0 0 repeat-x;

}



div#page-body div.page-body-img {

	background: none;

}



div#page-body div.page-body-b {

	background: url(../images/page_b.png) 0 100% repeat-x;

}



div#header {

	width: auto;  

	padding: 0px 0px 0px 0px;

	position: relative;

	z-index: 10;

	clear: both;  

}



div#toolbar {

	width: auto;  

	height: 24px; 

	padding: 1px 140px 0px 10px;

	clear: both;  

	background: url(../images/toolbar_bg.png) 0 0 repeat-x;

	color: #C8C8C8;

	overflow: hidden;

}



div#date { 

	margin: 0px 5px 0px 0px;

	float: left;

	font-size: 85%;
    
    width: 900;

}



div#topmenu {

	margin: 3px 10px 0px 0px;

	float: left;

}



div#styleswitcher {

	  

	height: 20px;

	margin: 1px 0px 0px 20px;

	float: right;

}



div#styleswitcher a {

	width: 15px;

	height: 20px;

	float: right;

	text-decoration: none;

	display: block;

	 

}



a#switchfontsmall {

	background: url(../images/styleswitcher_fontsmall.png) 0 0 no-repeat;

}



a:hover#switchfontsmall {

	background: url(../images/styleswitcher_fontsmall.png) 0 -20px no-repeat;

}



a#switchfontmedium {

	background: url(../images/styleswitcher_fontmedium.png) 0 0 no-repeat;

}



a:hover#switchfontmedium {

	background: url(../images/styleswitcher_fontmedium.png) 0 -20px no-repeat;

}



a#switchfontlarge {

	background: url(../images/styleswitcher_fontlarge.png) 0 0 no-repeat;

}



a:hover#switchfontlarge {

	background: url(../images/styleswitcher_fontlarge.png) 0 -20px no-repeat;

}



a#switchwidththin {

	background: url(../images/styleswitcher_widththin.png) 0 0 no-repeat;

}



a:hover#switchwidththin {

	background: url(../images/styleswitcher_widththin.png) 0 -20px no-repeat;

}



a#switchwidthwide {

	background: url(../images/styleswitcher_widthwide.png) 0 0 no-repeat;

}



a:hover#switchwidthwide {

	background: url(../images/styleswitcher_widthwide.png) 0 -20px no-repeat;

}



a#switchwidthfluid {

	background: url(../images/styleswitcher_widthfluid.png) 0 0 no-repeat;

}



a:hover#switchwidthfluid {

	background: url(../images/styleswitcher_widthfluid.png) 0 -20px no-repeat;

}



div#headerbar {

	width: auto;  

	height: 65px;

	padding: 10px 20px 10px 200px;

	clear: both;  

	background: #000000 url(../images/headerbar_bg.png) 0 100% repeat-x;

	color: #969696;

	overflow: hidden;

}



div#menubar {

	width: auto;  

	margin: 0px 0px 0px 0px;

	padding: 0px 10px 0px 40px;

	clear: both;  

	position: relative;

}



div#menubar div.menubar-m {

	height: 40px;

	background: url(../images/menubar_m.png) 0 0 repeat-x;

}



div#menubar div.menubar-l {

	position: absolute;

	top: 0px;

	left: 0px;

	width: 40px;

	height: 40px;

	background: url(../images/menubar_l.png) 0 0 no-repeat; /* ie6png:scale */

}



div#menubar div.menubar-r {

	position: absolute;

	top: 0px;

	right: 0px;

	width: 10px;

	height: 40px;

	background: url(../images/menubar_r.png) 0 0 no-repeat; /* ie6png:scale */

}



div#menu {

	position: absolute;

	top: 110px;

	left: 40px;

	z-index: 11;

	padding: 0px 0px 0px 1px;

	height: 40px;

	background: url(../images/menu_sep_black.png) 0 0 no-repeat;

}



div#logo {

	position: absolute;

	top: 25px;

	left: 0px;

}



div#search {

	position: absolute;

	top: 2px;

	right: 5px;

	z-index: 12;

	width: 120px;  

}



div#banner {

	position: absolute;

	top: 25px;

	right: -10px;

	width: 0px;

	z-index: 3;

}



div#wrapper {

	width: auto;  

	margin: 30px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	clear: both;  

}



div#wrapper div.wrapper-container-t {

	padding: 0px 10px 0px 10px;

	position: relative;

}



div#wrapper div.wrapper-t {

	height: 10px;

	background: url(../images/wrapper_t.png) 0 0 repeat-x; /* ie6png:scale */

}



div#wrapper div.wrapper-tl {

	position: absolute;

	top: 0px;

	left: 0px;

	width: 10px;

	height: 10px;

	background: url(../images/wrapper_tl.png) 0 0 no-repeat; /* ie6png:scale */

}



div#wrapper div.wrapper-tr {

	position: absolute;

	top: 0px;

	right: 0px;

	width: 10px;

	height: 10px;

	background: url(../images/wrapper_tr.png) 0 0 no-repeat; /* ie6png:scale */

}



div#wrapper div.wrapper-b {

	background: #ffffff url(../images/wrapper_b.png) 0 100% repeat-x;

}



div#wrapper div.wrapper-l {

	background: url(../images/wrapper_l.png) 0 0 repeat-y;

}



div#wrapper div.wrapper-r {

	background: url(../images/wrapper_r.png) 100% 0 repeat-y;

}



div#wrapper div.wrapper-bl {

	background: url(../images/wrapper_bl.png) 0 100% no-repeat;

}



div#wrapper div.wrapper-br {

	padding: 0px 10px 100px 10px;

	background: url(../images/wrapper_br.png) 100% 100% no-repeat;

	overflow: hidden;

}



div#wrapper div.wrapper-container {

	margin-top: -10px;

}



div#top {

	width: auto;  

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	clear: both;  

}



div#top .topbox {

	margin-top: 10px;

}



div#middle {

	width: auto;  

	margin: 10px 0px 10px 0px;

	padding: 0px 0px 0px 0px;

	clear: both;  

}



div#middle .background {

	min-height: 400px;

	 

	 

	 

	 

}



 

div#middle .background {

	padding: 0px 0px 0px 0px;

	background: none;

}



 

.left div#middle .background {

	padding: 0px 0px 0px 0px;

	background: none;

}



 

.right div#middle .background {

	padding: 0px 0px 0px 0px;

	background: none;

}



div#left {

	width: 250px;  

	 

}



.left div#middle div#left {

	float: left;

}



.right div#middle div#left {

	float: right;

}



div#main {

	width: auto;

	 

}



 

div#main {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

}



 

.left div#main {

	margin: 0px 0px 0px 210px;  

}



 

.right div#main {

	margin: 0px 210px 0px 0px;  

}



div#maintop {

	padding: 0px 0px 10px 0px;

}



div#mainmiddle {

	margin: 0px 0px 10px 0px;

}



.showright div#mainmiddle {  

	background: none;

}



div#right {

	width: 300px;  

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	float: right;

}



div#content {

	width: 690px;

	 

}



 

div#content {

	margin: 0px 0px 0px 0px;

}



 

.showright div#content {

	margin: 0px 190px 0px 0px;  

}



div#contenttop {

	margin: 0px 0px 10px 0px;

}



div#breadcrumb {

	height: 19px;

	font-size: 85%;

}



div#contentbottom {

	margin: 10px 0px 0px 0px;

}



div#mainbottom {

	padding: 0px 0px 0px 0px;

}



div#bottom {

	width: auto;  

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	clear: both;  

}



div#bottom .bottomblock {

	margin-top: 10px;

	margin-bottom: -10px;

}



div#footer {

	width: auto;  

	margin: 10px -8px 0px -8px;

	padding: 18px 10px 2px 10px;

	clear: both;  

	background: #DCDFE1 url(../images/footer_bg.png) 0 0 repeat-x;

	text-align: center;

	zoom: 1;

}



div#footer a.anchor {

	margin: -10px 0px 0px 0px;

	width: 30px;

	height: 5px;

	background: url(../images/footer_anchor.png) 0 0 no-repeat;

	display: block;

	float: right;

	text-decoration: none;

}



/*

 * Clearing & Floating

 */



 

 

.clearfix:after {

	content: "."; 

	display: block; 

	height: 0;  

	clear: both; 

	visibility: hidden;

}

	

 

.clearfix { display: block; }



 

.floatbox { overflow:hidden; }  

.feedimagebox {float: left; width: 300px; height: auto; padding: 2px; margin: 2 5px 2 2;}

.feedimagebox300x120 {float: left; width: 300px; height: auto; padding: 0px; margin: 0 5px 0 0;}

.feedimagebox300x155 {float: left; width: 300px; height: auto; padding: 0px; margin: 0 5px 0 0;} 

.feedimagebox300x180 {float: left; width: 300px; height: auto; padding: 0px; margin: 0 5px 0 0;}

.feedimagebox300x187 {float: left; width: 300px; height: auto; padding: 0px; margin: 0 5px 0 0;}

.feedimagebox300x160 {float: left; width: 300px; height: auto; padding: 0px; margin: 0 5px 0 0;}

.feedimagebox300x165 {float: left; width: 300px; height: auto; padding: 0px; margin: 0 5px 0 0;}

.feedimagebox300x200 {float: left; width: 300px; height: auto; padding: 0px; margin: 0 5px 0 0;}

.feedimagebox300x212 {float: left; width: 300px; height: auto; padding: 0px; margin: 0 5px 0 0;}

.feedimagebox300x225 {float: left; width: 300px; height: auto; padding: 0px; margin: 0 5px 0 0;}

.feedimagebox300x250 {float: left; width: 300px; height: auto; padding: 0px; margin: 0 5px 0 0;}

.feedimagebox300x255 {float: left; width: 300px; height: auto; padding: 0px; margin: 0 5px 0 0;}

.feedimagebox620 {float: left; width: 600px; height: auto; padding: 0px; margin: 0 5px 0 0;}

.feedimagemeteonewsradio_arvyla{float: left; width: 285px; height: 177px; padding: 0px; margin: 0 5px 0 0; clear: both; background: url(http://www.kozaro.com/images/stories/radio_arvyla.jpg) 0 0 no-repeat; color: #C8C8C8; overflow: hidden;}

.feedimagebox300x300 {float: left; width: 300px; height: auto; padding: 0px; margin: 0 5px 0 0;}

.feedimageboxjustleft {float: left; padding: 0px; margin: 0 5px 0 0;}

.feedimagebox300xauto {float: left; width: 300px; height:auto; padding: 0px; margin: 0 5px 0 0;}

.feedimagedefault {position: relative; background-image: url(images/kozarologo.png); background-repeat: no-repeat;}

.feedpiccenter {float: center; width: 620px; height:auto; padding: 5px; margin: 0px 5px 0px 0px;}








img width:="128" height="128" style="float: right; margin: 50px 10px 10px;" class="size-full wp-image-210" title="flower-picture" alt="inserting images with css " src="http://www.csstutorial.net/wp-content/uploads/2010/01/045.png">



float: left; width: 300px; height: 210px; padding: 0px; margin: 0 5px 0 0;}

.float-left { float: left; overflow: hidden; }

.float-right { float: right; overflow: hidden; }



.width15 { width: 14.999%; }

.width18 { width: 18.333%; }

.width20 { width: 19.999%; }

.width23 { width: 22.999%; }

.width25 { width: 24.999%; }

.width33 { width: 33.333%; }

.width35 { width: 34.999%; }

.width40 { width: 39.999%; }

.width45 { width: 44.999%; }

.width50 { width: 49.999%; }

.width54 { width: 53.999%; }

.width65 { width: 64.999%; }

.width75 { width: 74.999%; }

.width100 { width: 100%; }