/*
	Theme Name: OKO Theme
	Theme URI: http://www.jankovarik.net
	Description: Web Olomouckých cyklistů
	Version: 1.0
	Author: created by Jan Kovarik
	Author URI: http://www.jankovarik.net/
*/

body{margin: 0; margin-bottom: 50px; margin-top: 10px; padding: 0; font-size: 0.7em; font-family: tahoma; background: #0063A2 url(images/body_background.jpg) repeat-x center top;  color: rgb(64,64,64); }
h1, h2, h3, h4, h5, big{ font-family: Arial, Helvetica, sans-serif;  margin: 0 0 1em 0; padding: 0; font-weight: normal; }
h1{ font-size: 1.3em;}
h2{ font-size: 1.2em;}
h3{ background-color: #FFFFFF; font-size: 2em; font-weight: bold;}
h4{ font-size: 0.8em; }
h5{ font-size: 0.7em; }
p{ line-height: 1.4em; margin: 0 0 1em 0; padding: 0; }
a {color: #003B61; text-decoration: underline; font-weight: bold;}
a:link {color: #003B61; text-decoration: underline; font-weight: bold;}
a:hover {color: #0063A2; font-weight: bold; font-weight: bold;}
a:visited {color: #003B61; text-decoration: underline; font-weight: bold;}

small {
font-size: 1em !important; 
}

#HEAD{ width: 900px; margin: 12px auto 0 auto; margin-bottom: 0px; }
	#HEAD .Wrapper{ position:relative; width: 900px; float: left; background-color: #ffffff;}
	#search {width: 180px; display: block; position: absolute; top: 210px; left: 450px;}
	#search	#searchbox {height: 16px; width: 110px; font-size: 1em; font-weight: normal; color: rgb(0,0,0); margin:0; padding: 0; background: #FFFFFF; border: 2px #000000 solid; padding-left: 2px; line-height: 20px; vertical-align: middle;}
	#search	#searchbutton {height: 20px; width: 60px; font-size: 1em; font-weight: bold; color: rgb(0,0,0); margin:0; padding: 0; background: #F8C300; border: 2px #000000 solid; line-height: 20px; vertical-align: middle;}
	
	#logo {width: 269px; height: 200px; float: left; background: url(images/logo.jpg) no-repeat left top;}
	
	#email {width: 150px; background-color: #F8C300; float: right; margin-right: 30px; margin-top: 10px; border: 2px black solid;}
	#email form {padding: 5px; padding-bottom: 0; margin-bottom: 0;}
	#email label {margin-left: 5px;}
	#email a {margin-left: 5px;}
	#email a:link {margin-left: 5px;}
	#email input {height: 20px; width: 130px; font-size: 1em; color: #000000; border: 0px; margin: 2px; padding-left: 5px; background-color: #FFFFFF; }
 
	
 	#HEAD .Visual{float:left; width: 900px; height: 248px; background: rgb(0,51,102) url(images/headergraphic.jpg) no-repeat; }
	#HEAD h1 span{display: block; text-align: left; height: 43px; float: left; position: relative; top:140px; left:26px; font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif;}
	#HEAD h1, #HEAD h1 a{font-size: 1.6em; text-decoration: none; color: #0063A2; font-weight: bold; letter-spacing: -2px;}
	#HEAD h1 b{font-weight: normal; font-size: 1em; letter-spacing: -1px; color: #003B61; position: relative; top: -6px ;left: 50px;}

#PAGE{ width: 900px; margin: auto; margin-top: 0; padding-top: 0;}
#PAGE .PageBG {float: left; width: 900px; padding-bottom:25px;  background: #D8F0FF; }



#SIDE  {width: 150px; float: left; display: block; margin-left: 10px; margin-right: 10px; _margin-left: 5px;}
#MAIN  {width: 550px; _width: 530px; float: left; display: block;}
#SIDE2 {width: 150px; float: left; display: block; margin-left: 15px;}
#MAIN .post {background-color: #FFFFFF; width: 530px; padding: 10px; margin-bottom: 5px; border: 2px #000000 solid;}

	
	
  #MAIN .post h2 a {background-color: #FFFFFF; font-size: 2em; font-weight: bold;}
	#MAIN .post img {float: left; margin-bottom: 7px; padding: 2px; border: 2px #FFFFFF solid;}
	
	#uvod {text-align: center; font-weight: bold;}
	#uvod h2 {font-size: 2em; font-weight: bold; margin-bottom: 0; padding-bottom: 0; margin-top: 10px;}
	#uvod h1 b{font-weight: normal; font-size: 0.8em; letter-spacing: 2px; color: #003B61;}
	
	#MAIN .prefix {text-align:right; font-size: 0.6em;}
	#MAIN .prefix a {text-decoration: none;}
	#MAIN .prefix a:hover{text-decoration: underline;}
	#MAIN p.postmetadata, #MAIN p.postmetadatasingle{  font-size: 0.6em;   text-align: right;  line-height: 1.6em;    margin-bottom: 2.7em;}
	#MAIN p.postmetadata span{ background-image: url(images/ico_postmeta.gif); margin-left:18px; padding:2px 0 9px 14px;  background-repeat: no-repeat;  background-position: left;    }
	#MAIN .postmetadata a{ color: #5A5A5A; text-decoration: none;}
	#MAIN .postmetadata a:hover{text-decoration: underline;}

	#MAIN .entry{ margin-top: 10px;	text-align:justify; min-height: 50px;}
	#MAIN h3#comments {padding: 3px; padding-left: 5px;	margin: 10px 0 20px 0; font-size: 1em; background-color: #D8F0FF;}
	#MAIN h3#respond {padding: 3px; padding-left: 5px;	margin: 10px 0 20px 0; font-size: 1em; background-color: #D8F0FF;}
	#MAIN h2.pagetitle { font-size: 1em; margin: 0; color: #000000; background-image: none; text-align: center; font-weight: bold; }
p#comments {background-color: #D8F0FF; padding: 3px; padding-left: 5px;}


	#SIDE h2 {height: 43px; width: 145px; margin-top: 20px; margin-bottom: 5px; font-weight: bold; background: url(images/right_sidebar_h2.gif) no-repeat top; color: #000000; font-size: 1.1em; text-transform: uppercase; display: block; text-align: center; line-height: 27px;}
	.prvni h2 {margin-top: 0px !important;}
	#SIDE ul{margin: 0;  padding: 0; list-style: none; font-size: 1em;}
	#SIDE ul.Root{margin:0; padding:0;}
	/* #SIDE .Root ul li{ padding: 2px 0 2px 10px; background: #900B06 url(images/tlacitko.jpg) no-repeat right top; margin: 2px 0px 2px 0px; } */
  
 
  #SIDE .Root a         {width: 145px; color: #FFFFFF; background: #005388; border: 2px #000000 solid; text-decoration: none; display: block; height: 15px; line-height: 15px; text-align: center; margin-bottom: 3px;} 
	#SIDE .Root a:hover   {width: 145px; color: #000000; background: #F8C300; text-decoration: none;}

  #SIDE #recent-posts, #SIDE #recent-posts a, #SIDE #recent-comments, #SIDE #recent-comments a{ line-height: 1.2em; color:#333333; font-weight:normal; font-family: "MS Sans Serif", Geneva, sans-serif; }
	#SIDE .Root ul li li{margin: 2px 0px 0px 0px; }
  

	#SIDE .Root ul.rss li { background: url(images/ico_rss.gif) repeat-x left top; padding-top: 8px; margin-bottom:0; margin-top: 5px; border-bottom: none; background-repeat: no-repeat;  font-weight: normal;}
	#SIDE .Root ul.rss a {background: none; border: 0; color: #000000; font-weight: bold; margin-left: 10px; _margin-left: 15px;}
	#SIDE .Root ul.rss a:hover {color: #0063A2;}


#SIDE2 h2{height: 43px; width: 145px; margin-top: 10px; margin-bottom: 5px; font-weight: bold; background: url(images/right_sidebar_h2.gif) no-repeat top; color: #000000; font-size: 1.1em; text-transform: uppercase; display: block; text-align: center; line-height: 27px;}
#SIDE2 ul{margin: 0;  padding: 0; list-style: none; font-weight: normal; font-size: 1em;}
#SIDE2 ul.Root{margin:0; padding:0;}
#SIDE2 p {text-align: center; display: block;}


  #calendar_obal {color: #FFFFFF; width: 100px; margin-left: 8px;}
  #calendar_wrap{background-color: #fff9f7;}
	#calendar_obal caption {font-weight: bold; font-size: 1em; color: #005388 !important;}
  #calendar_obal td {background-color: #F8C300; padding: 2px; font-size: 0.9em;}
  #calendar_obal a {color: rgb(255,51,0); font-weight: bold !important; }
  #calendar_obal a:link {color: rgb(255,51,0); font-weight: bold !important;}
  #calendar_obal a:visited {color: rgb(255,51,0); font-weight: bold !important;}
  #calendar_obal a:hover {color: red; font-weight: bold !important;}
  
  td#today {border: 1px solid black;}
  #calendar h2{display: none;}
  #calendar #prev a {color: #003B61;}
  #calendar #next a {color: #003B61;}
  #calendar th {background-color: #005388; color: #FFFFFF; padding: 2px;}  
  #calendar .pad {background-color: #D8F0FF;}

  
  
	
  
#FOOTER{ width:900px; height: 30px; background: #F8C300 url(images/footer.jpg) repeat-x top; margin:0 auto; color: #000000; clear: both;}	
#FOOTER .Wrapper{width:900px; float:left;} 
#FOOTER .Left{float:left; width:420px; margin-left: 10px; margin-top: 9px;}
#FOOTER .Right{float: right; width: 350px; text-align: right; margin-right: 10px;  margin-top: 9px;}
#FOOTER p{ font-size: 1em; font-family: "MS Sans Serif", Geneva, sans-serif; margin-bottom:5px; line-height:1em; }
	

	

.widecolumn .entry p { font-size: 1em; }
.narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; }
.narrowcolumn .postmetadata {	text-align: center;	}
small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.5em; line-height: 1.5em; }

acronym, abbr, span.caps{ font-size: 0.9em; letter-spacing: .07em; }

.narrowcolumn .postmetadata {	padding-top: 0px;	}
.widecolumn .postmetadata {	margin: 30px 0;	}
.widecolumn .smallattachment {	text-align: center;	float: left;	width: 128px;	margin: 5px 5px 5px 0px;}
.widecolumn .attachment {	text-align: center;	margin: 5px 0px;}
/* End Structure */


/* Begin Images */
img {margin-right: 10px;}
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright {	float: right;	}
.alignleft {	float: left	}
/* End Images */

/* Begin Form Elements */
.entry form {  text-align: center; }/* This one is mainly for password protected posts, makes them look better. */
select { width: 130px; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform #author, #commentform #email, #commentform #url{  color: #303030; border: 1px inset rgb(224,224,224);	}
#commentform textarea { width: 499px; padding: 0; background-color: White; color: #333333; border: 1px inset rgb(224,224,224);  overflow: auto;  }
#commentform #submit { margin: 0;   background-color: #F5F5F5;  border: 1px outset rgb(224,224,224);   }
/* End Form Elements */

/* Begin Comments*/
.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; }
.commentlist p { margin: 10px 5px 10px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
.commentlist li { background-color: #fafafa; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal;  }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
.commentmetadata { font-weight: normal; }
code { font: 1.1em 'Courier New', Courier, Fixed; }
/* End Comments */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help; }
acronym, abbr { border-bottom: 1px dashed rgb(224,224,224); }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #FAF7EF; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }

.navigation {font-size: 1em; font-weight: bold; padding: 0 0 18px 0;  float:left; width:100%; margin-top:0px; }
.navigation .alignleft{	width:100%; text-align: left;}
.navigation .alignright{ width:100%; text-align: right;}
/* End Various Tags & Classes*/

#cas
{color: #FFFFFF; background-color: #005388; border: 2px black solid; padding: 5px ;}

.c1 {color: rgb(204,0,0);}

#formular fieldset{text-align: left; padding: 15px 15px 25px 15px; margin-bottom: 30px; margin-top: 30px; border: 1px rgb(204,0,0) solid;}
#formular legend {color: rgb(204,0,0); font-weight: bold; font-size: 1.1em;}
#formular {width: 220px; height: 430px; border: 1px solid #cccccc;} 
#formular label {float: left; color: #0d900d; width: 180px; padding-left:10px;}
 
 
.resetovac 
{ 
border: 0px none; 
margin: 0px; 
padding: 0px; 
float: none; 
clear: both; 
width: 0px; 
height: 0px; 
line-height: 0px; 
font-size: 0px; 
}