/*
Theme Name: Dojo-10.14-aids.alms.cz/novinky
Theme URI: http://www.alms.cz/
Description: Based on dojo-10 and Dojo 5.1.1 by Scott Vandehey
Version: 10.11
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;
  font: 85%/1.3 Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: rgb(80,80,80);	
}

.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: 960px; 
	margin: 0px auto;
}
#page2 {
  margin: 0; padding: 0px;
}

#header {
  margin: 0;
  
  border: 1px solid silver;
}
#header2 {
  padding: 0;
  height: 82px;
	position: relative; 
	background: rgb(222,222,222) url("images/bar0.png") repeat-x top right;
}
#hbar {
  /* display: none; */
  clear: both;
  font-size: 90%;
  border: 1px solid silver;
  border-top: none;
  border-bottom: none;
  margin-top: 0px;
  background: rgb(232,232,232) url("images/bghead.png") repeat-x top left;  
}
#hbar2 {
  padding: 4px 10px 4px 110px; 
  font-family: Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif;
  /* display: none; */
}

#wrapper {
  margin-top: 0px; 
  border: 1px solid silver;
}

#wrapper2 {
	padding-top: 0px;	
	/* columns 220+180px -> bg-left: 400px  */
	background: white url("images/bgwrap-1.png") repeat-y top left;	
}

#sidebar {
	float: left;
	width: 400px;  
  padding: 0px 0 10px 0;
}


#columncap {
	margin-bottom: 5px;
	padding: 10px 10px 0 10px;
  background-color: rgb(222,222,222);	
	
}
#column1 {
	float: left;
	width: 210px;
}
#column12 {
  padding: 25px 0px 0 10px;
}

#column2 {
	float: right;
	width: 170px; 
}
#column22 {
  padding: 25px 10px 0 0px;
 
}

#content {
	float: right;
	width: 556px;
}
#content2 {
  padding: 20px 13px 10px 13px;
}
#footer {
  margin-top: 8px;
	clear: both;
	border: 1px solid silver;
  background: rgb(222,222,222) url("images/bghead.png") repeat-x bottom left;
}
#footer2 {
  padding: 8px 10px;
	text-align: center;
}


/* Header -------------------------------------------------- */
#header {
}
#header #blogname a {
	border: none;
	color: rgb(0,27,102);
}
#bloglogo {
  position: absolute;
  top: 0; left: 0; width: 596px; height: 82px;
}
#blogname {
  display: none;
}
#tagline {
  display: none;

}
#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:  6px; left: 10px; width: 80px; height: 110px;
}
#topimages1 {
  position: absolute;
  top: 4px;
  right: 79px;
  width: 226px;
  height: 74px;
}
#topimages2 {
  position: absolute;
  top: 4px;
  right: 3px;
  width: 74px;
  height: 74px;
}


/* 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: "Courier New", "Lucida Console", Courier, Monaco, monospace;
	background-color: rgb(245,253,248);
}
code {
}
pre {
	background-color: rgb(245,253,248);
	padding: .5em;
}

a, a:link, a:visited {
	color: color: rgb(0,0,204); 
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}
a:hover, a:focus, a:active {
	color: rgb(224,153,0);
	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;
  font-family: Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: silver;
	line-height: 1.25;
	margin: 0 0 .25em;
	font-weight: bold;
}


h1 { font-size: 1.80em; color: rgb(224,0,0); color: rgb(0,0,51);  }
h1.archive { margin-bottom: .5em; }
h2 { font-size: 1.50em; color: rgb(204,0,0); color: rgb(0,0,51);  }
h2.subtitle { font-size: 1.20em; color: rgb(128,0,0); font-style: italic; color: rgb(0,0,51); }
h3 { font-size: 1.30em; color: rgb(153,0,0); color: rgb(0,0,51); }
h3#comments { font-size: 1.50em; color: rgb(102,102,102);  }
h4 { font-size: 1.10em;  color: rgb(128,0,0); color: rgb(0,0,51); }
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,245,245);
  border-left: 3px solid rgb(222,222,222);
  color: gray;
}

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(222,222,222);
	background-color: rgb(240,240,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: -10px 0 30px -10px;
	background-color: rgb(187,213,221);
}
#sidebar h4 {
	margin-top: 0;
	color: rgb(128,0,0);
	
	border-bottom: 3px solid rgb(222,222,222);
  font-size: 1.20em;
}
#sidebar #tag_cloud {
  padding: 0 4px 8px 4px;
  background-color: rgb(232,232,232);
  border: 1px dotted silver;
  border-top: none;
  margin-bottom: 1.7em;
}
#sidebar #tag_cloud h4 {
  background: url("images/bgwrap-1.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(222,222,222);
	width: 100%;
}
#wp-calendar #today {
	font-weight: bold;
	background-color: rgb(204,204,204);
}
#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(0,0,204);
}
h1 a:link, h2 a:link, h3 a:link {
  color: rgb(0,0,204);
}

.title h1 a:link,
.title h2 a:link,
a:link {
	border-bottom: 1px solid rgb(0,0,204);
}

a:visited {
  color: rgb(0,102,153);
}
h1 a:visited, h2 a:visited, h3 a:visited {
  color: rgb(0,51,153);
}
.title h1 a:visited,
.title h2 a:visited,
a:visited {
	border-bottom: 1px solid rgb(0,102,153);
}

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

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

#hbar a:link, #hbar a:visited, #hbar a:hover, #hbar a:active, #hbar a:focus, 
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active, #footer a:focus 
{
	border-bottom: none;
}