/*
Theme Name: Dojo-10.16-oleje
Theme URI: http://www.alms.cz/
Description: Based on dojo-10 and Dojo 5.1.1 by Scott Vandehey
Version: 10.16-oleje
Author: AL
Author URI: http://www.alms.cz/
Tags: fixed width, three columns, widgets, seo, atom, white, standards, valid xhtml, options page, minimalist

	SUPPORTED PLUGINS:
	* Brian's Latest Comments
	   http://meidell.dk/archives/category/wordpress/latest-comments/

	* flickrRSS
	   http://wordpress.org/extend/plugins/flickr-rss/

	* Simple Tags (for related posts function)
	   http://wordpress.org/extend/plugins/simple-tags
	   
	* most-read-posts-in-xx-days    
	
	RECOMMENDED PLUGINS:
	* Widon't by Shaun Inman (prevents widows in headlines)
	   http://www.shauninman.com/archive/2007/01/03/widont_2_1_wordpress_plugin

	* Del.icio.us for Wordpress by Ricardo Gonzalez
	   http://wordpress.org/extend/plugins/delicious-for-wordpress/

	* Last.fm for Wordpress by Ricardo Gonzalez
	   http://wordpress.org/extend/plugins/lastfm-for-wordpress/
	   
	  

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-3.0.html

	TO CUSTOMIZE:
	Create a new stylesheet in this directory called custom.css, and put your 
	rules in there. It will automatically be loaded after this stylesheet, so 
	you can override any rules with your own. Same thing for customie6bugs.css 
	and customie7bugs.css.

*/



/* Universal Rules -------------------------------------------------- */
body {
	margin: 0;
	padding: 20px 0;
  background: rgb(245,253,248)  url("images/body-bg-0.png") repeat-x top left;
	color: rgb(32,32,64);
	color: rgb(0,0,0);
	font: 85%/1.4 Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.ahem, hr { display: none !important; }
img { border: none; }
form { margin: 0; }
.floatleft, .alignleft { float: left; margin: 0 1em 1em 0;  padding-top: 3px; }
.floatright, .alignright { float: right; margin: 0 0 1em 1em;  padding-top: 3px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.clearboth { clear: both; }


small {
  font-size: 85%;
}


/* Layout -------------------------------------------------- */
#page {
	width: 962px; /* 960 (inner) + 2x border (header..footer) + 2x padding (page2) + 2x border (page2) */ 
	margin: 0px auto;
}
#page2 {
  margin: 0; padding: 0px;
  border: 0px solid rgb(170,191,200);
}

#header {
  margin: 0;
  background: rgb(187,213,221) url("images/top-bg-0.png") repeat top left;
	border: 1px solid rgb(48,53,58);
}
#header2 {
  padding: 13px;
	position: relative; 
}
#hbar {
  margin-top: 4px;
 	border: 1px solid rgb(187,213,221);
  /* display: none; */
}
#hbar2 {
  padding: 3px 13px 3px 200px; 
  background-color: rgb(245,253,248);
  /* display: none; */
}

#wrapper {
  margin-top: 4px; 
  border: 1px solid rgb(187,213,221);
}

#wrapper2 {
	padding-top: 10px;	
	/* columns 195+195px|195+160px -> bg-right: 431px|396px  */
	background: white url("images/bg-396px-238-248-248.png") repeat-y top right;
	background: white url("images/bg-431px-238-248-248.png") repeat-y top right;
}

#sidebar {
	float: right;
	width: 431px;  /* 431px|396px*/
	padding: 0; 	
  padding: 20px 0 10px 0;
}


#columncap {
	margin-bottom: 20px;
	padding: 0 10px;
}
#column1 {
	float: left;
	width: 205px;
}
#column12 {
  padding: 0 0 0 10px;
}

#column2 {
	float: right;
	width: 216px; /* 216px|181px */
}
#column22 {
  padding: 0 10px 0 10px;
  border-left: 1px solid rgb(187,213,221);
}

#content {
	float: left;
	width: 525px; /* 525px|560px */	
}
#content2 {
  padding: 10px 13px;
}
#footer {
  margin-top: 4px;
	clear: both;
	border: 1px solid rgb(187,213,221);
}
#footer2 {
  background: rgb(245,253,248);
	padding: 6px 15px 8px 15px;
	text-align: center;
}

/* Header -------------------------------------------------- */
#header {
}
#header #blogname a {
	border: none;
	color: rgb(217,247,224);
}
#blogname {
	font-family: Georgia, Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 4.5em;
	line-height: 1;
	margin: 10px 0 5px 187px;
	letter-spacing: 4px;
	color: rgb(217,247,224);
	text-align: left;
}
#tagline {
  margin: 0 0 0 187px;
  color: rgb(210,240,220);
  font-family: Georgia, Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 130%;
	letter-spacing: 1px;
	text-align: left;
}
#tagline em {
  font-weight: bold;	
	font-style: normal;
}
#logo {
  /* img#logo je definováno v header.php s odkazem na homepage blogu a je umístěno uvnitř #header2 
     umožnuje vložit obrázek (logo) s odkazem nad pozadí header#, 
     podkud je img průhledný (výchozí logo-transparent-20x20.gif), lze v pozadí #header2 vytvořit klikací oblast, 
     je-li top < 0, přetéká obrázek nahoru ven ze záklaví; lze zrušit nastavením display: none; */
  position: absolute; 
  top:  14px; left: 14px; width: 160px; height: 160px;
  border: 0px solid red; 
  background: rgb(255,240,153);
}


/* Content -------------------------------------------------- */
.entry {
	margin-bottom: 2em;
}
.alert,
.error {
	background: #ffc;
	border: 1px solid #ff0;
	border-width: 1px 0;
	margin: 1em 0;
	padding: 1em;
}
code, kbd, tt, pre {
	font-family: Consolas, "Lucida Console", Monaco, monospace;
	background-color: rgb(245,253,248);
}
code {
}
pre {
	background-color: rgb(245,253,248);
	padding: .5em;
}

a, a:link, a:visited {
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}
a:hover, a:focus, a:active {
	color: #c00;
	border-bottom-width: 2px;
}

sup { /* to prevent gaps in paragraph layouts, we'll switch back to regular v-align and shunt it up with pos:rel */
	vertical-align: baseline;
	position: relative;
	bottom: .33em;
}
acronym, abbr, .info {
	border-bottom: 1px dotted #333;
	cursor: help;
}

h1, h2, h3, h4 {
  font-family: Georgia, Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: rgb(166, 84,  0);
  color: rgb(102, 116, 128);
	line-height: 1.25;
	margin: 0 0 .25em;
}

h1 { font-size: 2.30em; }
h1.archive { margin-bottom: .5em; }
h2 { font-size: 1.70em; }
h2.subtitle { font-size: 1.30em; color: rgb(191,120, 48); font-style: italic; }
h3 { font-size: 1.35em; }
h3#comments { font-size: 1.70em; color: rgb(  0,125, 28);  }
h4 { font-size: 1.20em; }
h5, h6 { font-size: 1.05em; }


p, ul, ol, table, .navigation {
	margin: .25em 0 1em;
}
.metadata .byline {
	margin-bottom: .75em;
}
.byline, .folksonomy {
  padding: 4px 6px;
  background-color: rgb(245,253,248);
  border-left: 3px solid rgb(217,247,224);
  color: gray;
  clear: both;
}

ul, ol {
	margin-left: 0;
	padding-left: 0;
}
ul ul,
ol ol {
	margin: 0;
}
li {
	margin: .25em 0 .25em 1.25em;
	padding-left: 0;
}
ul li {
	list-style-type: disc;
}
ol li {
	margin-left: 1.5em;
}
ul.rss li {
	list-style: none;
	margin-left: 0;
	padding-left: 17px;
	background: transparent url("images/feed.gif") no-repeat left .25em;
}
.wp-caption {
	margin: .25em auto 1em;
}
.entry img,
.entry object {
	display: block;
	background: #fff;
	padding: 4px;
	border: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: .25em auto 1em;
	max-width: 500px;
}
.wp-caption img {
	margin: 0 auto;
}
.wp-caption p.wp-caption-text {
	font-size: .9em;
	margin: .25em 0 0;
	text-align: center;
	color: #666;
}
.entry .floatright img,
.entry .floatleft img {
	margin: .25em 0 1em;
}
.entry img.floatright,
.entry img.alignright,
.entry img[align="right"],
.wp-caption.alignright {
	margin: .25em 0 1em 1em;
}
.entry img.floatleft,
.entry img.alignleft,
.entry img[align="left"],
.wp-caption.alignleft {
	margin: .25em 1em 1em 0;
}
.entry p,
.entry li,
#columncap p {
	text-align: left;
}


#site-archives-monthly-archive {
	width: 60%;
	float: left;
}
#site-archives-monthly-archive.wide {
	width: auto;
	float: none;
}
#site-archives-monthly-archive li,
#site-links li {
	text-align: left;
}
#site-archives-category-archive {
	width: 37%;
	float: right;
}
#site-links img {
	margin-left: 0;
	margin-right: 0;
}
blockquote {
	margin: .25em 0 1em;
	padding: .75em 1em .25em;
	border-left: 3px solid rgb(217,247,224);
	background-color: rgb(220,234,240);
	font-style: italic;
}
blockquote i,
blockquote em,
blockquote cite {
	font-style: normal;
}
blockquote p {
	margin: 0 0 .5em;
}
.navigation {
	border-top: none;
	padding-top: .25em;
	width: 100%;
	float: left;
}
.navigation .prev {
	float: left;
	width: 50%;
}
.navigation .next {
	float: right;
	width: 50%;
	text-align: right;
}

/* Comments -------------------------------------------------- */
.comments,
.commentlist,
.nocomments,
.related {
	margin-bottom: 2em;
}
.commentlist cite {
	font-style: normal;
}
.commentlist li {
	clear: both;
	padding: .75em 1em .25em;
	list-style: none;
	margin-left: 0;
}
.commentlist .alt {
	background: rgb(245,253,248);
}
.commentlist .authorcomment {
	background: rgb(245,253,248);
}

.commentlist .avatar {
	float: right;
	margin: 0 0 .5em .5em;
	background: #fff;
	padding: 4px;
	border: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/* Sidebar -------------------------------------------------- */
#sidebar {
}
#sidebar .widget {
	clear: both;
	margin-bottom: 1em;
	padding-bottom: .5em;
	border-bottom: none;
}
#sidebar h3 {
	padding: 2px 10px;
	margin: 0 0 20px -10px;
	background-color: rgb(187,213,221);
}
#sidebar h4 {
	margin-top: 0;
	color: rgb(  0,125, 28);
	border-bottom: 3px solid rgb(187,213,221);
	border-bottom: 2px solid rgb(204, 234, 214);
  font-size: 1.40em;
}
#sidebar #tag_cloudx {
  padding: 0 4px 8px 4px;
  background-color: rgb(220,234,240);
  border: 1px dotted rgb(187,213,221);
  border-top: none;
  margin-bottom: 1.7em;
}
#sidebar #tag_cloudx h4 {
  background: url("images/bg-431px.png");
  margin-bottom: 4px; 
  margin-left:  -5px;
  margin-right: -5px;
}

#sidebar blockquote {
	margin: 0;
}
#sidebar img {
	display: block;
	background: #fff;
	padding: 4px;
	border: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
/* search */
#searchform {
	margin: .25em 0 1em;
}
#sidebar #search h4 {
	display: none;
}
#sidebar #search input {
	width: 35%;
}
#sidebar #search input#s {
	width: 60%;
}
#sidebar #search br {
	display: none;
}
/* calendar */
#wp-calendar {
	background-color: rgb(220,234,240);
	width: 100%;
}
#wp-calendar #today {
	font-weight: bold;
	background-color: rgb(187,213,221);
}
#wp-calendar td,
#wp-calendar th {
	text-align: center;
}
#wp-calendar caption {
	text-align: left;
	font-weight: bold;
}
/* tag cloud */
.st-tag-cloud,
.wp-tag-cloud {
	background-color: rgb(220,234,240);
	padding: .5em .5em .5em 1em;
}
#sidebar .st-tag-cloud,
#sidebar .wp-tag-cloud {
	background-color: rgb(220,234,240);
}
.st-tag-cloud li,
.wp-tag-cloud li {
	display: inline;
	margin: 0 .5em 0 0;
}
.st-tag-cloud li a,
.wp-tag-cloud li a {
	color: #555;
}
.st-tag-cloud li a:hover,
.wp-tag-cloud li a:hover,
.st-tag-cloud li a:focus,
.wp-tag-cloud li a:focus {
	color: #c00;
}
/* subscribe */
#subscribe-dojo p {
	margin: .25em 0;
}
/* flickr */
#flickrrss,
#flickr-rss-dojo-version {
	float: left;
	width: 100%;
}
#flickrrss ul,
#flickrrss li,
#flickr-rss-dojo-version ul,
#flickr-rss-dojo-version li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#flickrrss li img,
#flickr-rss-dojo-version li img {
	float: left;
	margin: 0 10px 10px 0;
}
/* admin recent comments */
#sidebar blockquote {
	background-color: rgb(220,234,240);
	border-color: rgb(187,213,221);
}
#admin-recent-comments-dojo-version cite {
	font-style: normal;
	font-weight: bold;
}
#admin-recent-comments-dojo-version blockquote cite {
	font-style: italic;
}
#admin-recent-comments-dojo-version blockquote small {
	font-size: .9em;
}

/* Footer -------------------------------------------------- */

#footer {
}

#footer p {
	width: 50%;
	margin: 1em 0 0;
}
#footer .copyright {
	float: left;
}
#footer .poweredby {
	float: right;
	text-align: right;
}

#footer p {
	width: auto;
	margin: 0;
}
#footer .copyright , #footer .poweredby {
	float: none;
	text-align: center;
	display: block;
	padding: 0px; margin:0;
}

/* links */ 

a {
	text-decoration: none;
}

a:link {
  color: rgb( 33,100,119);
  color: rgb( 51,102,153);
}
.title h1 a:link,
.title h2 a:link,
a:link {
	border-bottom: 1px solid rgb( 33,100,119);
	border-bottom: 1px solid rgb(  51,102,153);
}

a:visited {
  color: rgb(  2, 81,103);
  color: rgb( 102,0,102);  
}
.title h1 a:visited,
.title h2 a:visited,
a:visited {
	border-bottom: 1px solid rgb(  2, 81,103);
	border-bottom: 1px solid rgb( 102,0,102);
}

a:hover {
  color: rgb(166, 16,  0);
}
.title h1 a:hover,
.title h2 a:hover,
a:hover {
	border-bottom: 1px solid rgb(166, 16,  0);
}

a:focus, a:active {
  color: rgb(255,129,  0);
} 
.title h1 a:focus,
.title h2 a:focus,
.title h1 a:active,
.title h2 a:active,
a:focus, a:active {
	border-bottom: 1px solid rgb(255,129,  0);  
}