/*
Theme Name: WordPress NPI
Description: Šablony pro vzhled Metodického portálu
Version: 1.0 alpha
Author: Ondřej Nešpor
*/

* {
	border:0;
	line-height: 125%;
}

html, body{
	margin:0;
	padding:0;
}

body{
	background:url('./images/back_default.png');
	text-align:center;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #323D4F;
	background-color: #FFFFFF;
	font-size: 80%;
}

#main{
	width:978px;
	margin:0 auto;
	padding:0 10px 10px 10px;
	background: #fff url('./images/rvpstar.png') top right no-repeat;
	text-align: left;
}

a span{
	cursor: pointer;
}

#header{
	height:105px;
	position: relative;
	font-size: 85%;
	padding-bottom: 20px;
	margin-bottom:7px;
	background: url('./images/had.png') bottom repeat-x;
}

#header h1, #header h1 a, #header h1 span, #header h1 a:hover{
	margin:0;
	padding:0;
	display: block;
	position:absolute;
	width:457px;
	height:63px;
	top:0;
	left:0;
	overflow: hidden;
	text-decoration: none;
}

#header h1{
	top: 41px;
}

#header h1 span{
	background: url('./images/logo.png');
}

.clear{
	clear:both;
	margin:0;
	padding:0;
	height:1px;
	font-size:1px;
	visibility: hidden;
}

#topmenu {
	position: absolute;
	top:0;
	left:0;
	height:28px;
}

#topmenu div{
	height:28px;
	float: left;
	text-align: center;
	position: relative;
}

#topmenu #tm_clanky1 {
	width:71px;
}

#topmenu #tm_dum {
	width:65px;
}

#topmenu #tm_odkazy {
	width:75px;
}

#topmenu #tm_wiki {
	width:61px;
}

#topmenu #tm_diskuze {
	width:83px;
}

#topmenu #tm_blogy {
	width:70px;
}

#topmenu #tm_digifolio {
	width:89px;
}

#topmenu #tm_elearning {
	width:91px;
}

#topmenu span, #topmenu a{
	display: block;
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	overflow: hidden;
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#topmenu #tm_dum span {
	background-image: url('./images/t/dum.png');
}

#topmenu #tm_clanky1 span {
	background-image: url('./images/t/clanky.png');
}

#topmenu #tm_odkazy span {
	background-image: url('./images/t/odkazy.png');
}

#topmenu #tm_wiki span {
	background-image: url('./images/t/wiki.png');
}

#topmenu #tm_diskuze span {
	background-image: url('./images/t/diskuze.png');
}

#topmenu #tm_blogy span {
	background-image: url('./images/t/blogy.png');
}

#topmenu #tm_digifolio span {
	background-image: url('./images/t/digifolio.png');
}

#topmenu #tm_elearning span {
	background-image: url('./images/t/elearning.png');
}

#topmenu #tm_titulka span {
	background-image: url('./images/t/titulka.png');
}

#topmenu #tm_titulka {
	width:81px;
}

#topmenu_selected span {
	background-position: center left;
}

#topmenu a:hover span{
	background-position: bottom left;
}

#topmenu span span{
	background-position: bottom left;
}

#searchbox{
	width:150px;
	height:60px;
	position: absolute;
	top:50px;
	left:520px;
	overflow: hidden;
}

#searchbox #search_submit{
	width:22px;
	height:22px;
	overflow: hidden;
	background: #fff url('./images/submit.png') top left no-repeat;
	position: absolute;
	top:0;
	right:0;
	border:0;
}

#searchbox #search_submit:hover{
	background-position:bottom left;
}

#searchbox #keywords{
	background: #fff;
	border: 1px solid #90a3bc;
	color:#999;
	width:118px;
	margin-top:3px;
}

#searchbox #keywords:hover, #searchbox #keywords:active{
	color:#000;
	background: #f8f8f8;
}

#loginbox {
	background: #d0d0d0 url('./images/loginboxbottom.png') bottom left no-repeat;
	position:absolute;
	top:0;
	right:0;
	height:100px;
	width:259px;
	padding:0 10px;
}

#loginbox2{
	position:absolute;
	top:0;
	right:10px;
	text-align:right;
}

#loginbox p{
	margin: 5px 0;
}

#homepage_left{
	width:690px;
	float:left;
}

#homepage_right{
	width:273px;
	float:right;
}

.homepage_right_box{
	margin-bottom:20px;
}

.homepage_right_box p{
	margin:5px 0;
}

.homepage_right_box_inside{
	background:#d0d0d0;
	padding:5px 10px;
}

.homepage_right_box_top_helper, .homepage_right_box_bottom_helper{
	height:4px;
	overflow:hidden;
	font-size:4px;
}

.homepage_right_box div.homepage_right_box_top_helper{
	background: url('./images/right_top.png') top left no-repeat;
	padding:0;
}

.homepage_right_box div.homepage_right_box_bottom_helper{
	background: url('./images/right_bottom.png') top left no-repeat;
	padding:0;
}

.homepage_right_box_header_left{
	background: url('./images/right_left.png') top left no-repeat;
	padding-left:5px;
	margin-left:20px;
}

.homepage_right_box_header_right {
	background: url('./images/right_right.png') top right no-repeat;
	padding-right:5px;
	margin-right:20px;
}

.homepage_right_box_header{
	background:#777;
	color:#fff;
	font-weight:bold;
	padding:5px;
	text-transform: uppercase;
}

#vupinfo{
	font-size:80%;
	text-align:left;
	color:#666;
}

#vupnuov {
	float:left;
	margin-right: 5px;
}

#footer_left {
	float: left;
	width: 605px;
}

#vupinfo span{
	display:block;
}

#vupinfo img{
	margin-top:5px;
}

#esf{
	float:right;
	width:320;
}

a{
	color:#005784;
	text-decoration: none;
}

a:hover {
	color: #D46400;
	text-decoration: underline;
}

form {
	margin: 0;
	padding: 0;
	border: 0;
}

input {
	color: #333333;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding: 1px;
	border: 1px solid #A9B8C2;
	background-color: #FAFAFA;
}

textarea {
	background-color: #FAFAFA;
	color: #333333;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight: normal;
	border: 1px solid #A9B8C2;
	padding: 2px;
}

select {
	color: #333333;
	background-color: #FAFAFA;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	border: 1px solid #A9B8C2;
	padding: 1px;
}

option {
	padding: 0 1em 0 0;
}

option.disabled-option {
	color: graytext;
}

#blog_name_wrapper{
	padding:5px 10px;
	position: relative;
	background: #4A6484 url('./images/header_r.png') top right no-repeat;
}

h2{
	padding:0;
	color: #fff;
	font-size:150%;
	margin:0;
}

#main_blog_top {
	font-size:150%;
	font-weight: normal;
	color: #fff;
}

#content{
	background: url('./images/content_back.png') top right repeat-y;
}

#main_blog_top{
	font-size:110%;
	width:100%;
}

#main_blog_top a{
	color:#fff;
	font-weight: bold;
	display: block;
}

#main_blog_top td{
	background: left no-repeat;
}

#main_blog_top #mbt_bloglist{
	background-image: url('./images/bt/list.png');
	padding-left: 30px;
}

#main_blog_top #mbt_viplist{
	background-image: url('./images/bt/vip.png');
	padding-left: 27px;
}

#main_blog_top #mbt_signup{
	background-image: url('./images/bt/new.png');
	padding-left: 42px;
}

#main_blog_top #mbt_bloggerlist{
	background-image: url('./images/bt/bloggers.png');
	padding-left: 52px;
}

#main_content{
	width:750px;
	float:left;
}

#main_content_inside{
	padding:5px 10px;
}

#sidebar{
	width:218px;
	float:right;
}

#wrapfooter{
	padding-top:10px;
}

#esf{
	padding-top:10px;
}

#breadcrumbs{
	margin:0;
	padding:3px 5px;
	font-size:80%;
	color:#666;
}

.post_meta, .post_navigation{
	float:right;
	margin:0;
	padding:5px;
	font-size:80%;
	color:#666;
	border-left: 5px solid #f0f0f0;
	background: #fff;
}

.post_meta{
	width:20em;
	margin-left: 10px;
	border: 1px solid #f0f0f0;
	border-left: 5px solid #e0e0e0;
	margin-bottom: 10px;
}

h3 {
	font-size:125%;
	margin:0 0 5px 0;
	padding:10px 0 0 0;
}

#respond{
	border-top:1px solid #eee;
}

h3.comments{
	font-size:115%;
}

.navigation {
	text-align: center;
}

.navigation div{
	display: inline;
}

#sidebar{
	font-size:90%;
}

#sidebar #blog_name{
	font-weight: bold;
}

#sidebar #blog_description{
	font-style: italic;
}

#sidebar .avatar{
	float:left;
	margin-right:5px;
}

#sidebar .person {
	padding:1px 0;
}

#sidebar .person a{
	font-weight: bold;
	color:#000;
}

#sidebar .person .mail{
	font-weight: normal;
	font-size:90%;
	color: inherit;
}

#sidebar ul{
	margin: 0 0 10px 0;
}

#sidebar h3 {
	font-size:110%;
}

table#homepage_top{
	width:100%;
	border-top:1px solid #e8e8e8;
}

table#homepage_top td{
	padding:5px 10px;
	text-align: center;
	background: #4A6484;
	color: #fff;
}

table#homepage_top td a{
	color:#fff;
}

#login fieldset {
	width:45%;
	float:left;
	border: 1px solid #e8e8e8;
}

#login input:hover{
	background:#fff;
}

#login legend{
	font-weight: bold;
	color:#4A6484;
}

#bloglist {
	border:1px solid #eee;
	padding: 2px;
}

#bloglist table {
	border-collapse: collapse;
	border: 1px solid #eee;
}

#bloglist table th {
	border: 2px solid #fff;
}

#bloglist table td {
	font-size: 95%;
}

#bloglist table td.bloglist_name {
	font-size: 100%;
}

#bloglist table tr {
	border: 2px solid #fff;
	border-top: 0;
	border-bottom: 0;
}

#bloglist h4{
	font-weight: bold;
	font-size: 110%;
	margin:10px 0 0 0;
}

#bloglist table th, #bloglist table td {
	padding: 5px 10px;
}

#bloglist .blogdescription{
	font-style: italic;
}

#bloglist .bloglist_blog, #bloglist .bloglist_author{
	margin:10px 0;
}

#bloglist .blogmeta{
	font-size:85%;
	color:#999;
}

#commentform textarea{
	width: 100%;
	height: 10em;
}

.homepage_news {
	margin-top: 5px;
}

.post_meta img {
	float: left;
	margin-right: 5px;
}

hr.homepage {
	height: 8px;
	width: 460px;
	margin: 0 auto 30px 15px;
	background: url('./images/had_s.png');
}

tr.even {
	background: #eee;
}

#bloglist table {
	background: #fff;
	border: 1px solid #ddd;
	width: 100%;
	font-size: 90%;
}

#bloglist table th, #bloglist table td {
	padding: 2px 5px;
}

#bloglist table th {
	background: #4A6584;
	padding: 4px 10px;
	color: #fff;
}

#bloglist .anchor {
	font-size:80%;
	color: #999;
}

#bloglist #bloggerlist_avatar {
	width:50px;
}

.sidebar_item {
	margin-bottom: 10px;
	position: relative;
	top: 8px;
	float: left;
	width: 218px;
}

#sidebar_buttons a {
	margin-bottom: 3px;
	position: relative;
	text-decoration: none;
}

#sidebar_buttons a span, #sidebar_buttons a {
	display: block;
	height: 39px;
	width: 218px;
}

#sidebar_buttons a span {
	position: absolute;
	top: 0;
	left: 0;
	background-position: top left;
	cursor: pointer;
}

#sidebar_buttons a:hover span {
	background-position: bottom left;
}

#pro-autory span {
	background-image: url('./images/bt/jak-se-stat-autorem.png');
}

#mam-dotaz span {
	background-image: url('./images/bt/mam-dotaz.png');
}

#videopruvodce span {
	background-image: url('./images/bt/videopruvodce.png');
}

.sidebar_body {
	background: #eee;
	padding: 5px 10px;
	clear: both;
	border: 1px solid #ddd;
}

.sidebar_header {
	background: #c5c5c5;
	padding: 3px 15px;
	font-weight: bold;
	float: left;
	margin-left: 5px;
	border-bottom: 0;
	position: relative;
}

.tl, .tr, .bl, .br {
	width: 7px;
	height: 7px;
	overflow: hidden;
	position: absolute;
	background: top left no-repeat;
}

.tl {
	left: 0;
	top: 0;
	background: url('./images/kr/tl.png');
}

.tr {
	right: 0;
	top: 0;
	background: url('./images/kr/tr.png');
}

.bl {
	left: 0;
	bottom: 0;
	background: url('./images/kr/bl.png');
}

.br {
	right: 0;
	bottom: 0;
	background: url('./images/kr/br.png');
}

ul#sidebar_pages {
	margin: 5px 0;
	list-style: none;
	padding: 0;
}

ul#sidebar_pages li {
	margin-bottom: 10px;
}

#footer {
	float: left;
	width:480px;
	padding-bottom: 10px;
	font-size: 80%;
}

#footer div {
	position: relative;
	padding: 5px 10px;
	background:#bababa;
	float: left;
}

#footer a {
	color:#000;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

.comment {
	padding: 5px 10px;
}

.odd {
	background: #eee;
}

.even {
	background: #fff;
}

.comment-meta {
	border-bottom: 1px solid #eee;
}

.odd .comment-meta {
	border-bottom-color : #ddd;
}

.commentlist .says {
	display: none;
}


p#fulltext_definition {
	font-size: 80%;
	color: #666;
	float: left;
}

#fulltext strong, #fulltext span {
	color:#4A6484;
}

#fulltext_def {
	border-bottom: 1px solid #ddd;
}

#fulltext p {
	margin: 5px 0;
}

.search_result {
	padding: 5px 10px;
	margin: 10px 0;
}

.search_result_avatar {
	float: left;
	margin-right: 5px;
}

#fulltext h4 {
	margin: 0 0 5px 0;
}

.search_result_preview {
	clear: both;
	font-style: italic;
}

.search_result_meta {
	font-size: 85%;
	color: #666;
}

.search_result a, #fulltext_definition a {
	font-weight: bold;
}

#search_found {
	text-align: right;
	font-size: 85%;
}

#search_pagination_page {
	float: left;
}

#search_pagination_paginator {
	float: right;
}

#search_pagination_paginator span {
	font-weight: bold;
	color: #000;
}

#search_pagination {
	padding: 0 5px;
	font-size: 90%;
}

#fulltext form {
	font-size: 85%;
	float: right;
	white-space: nowrap;
}


#blog_search .info {
	margin: 2px 0 5px 0;
	font-size: 85%;
	color:#333;
	line-height: normal;
}

#blog_search dt {
	font-weight: bold;
	color: #4A6484;
}

#blog_search dd {
	padding-left: 0;
	margin-left: 0;
}

#blog_search input.text {
	width: 200px;
}

.comment_meta, .comment_content {
	font-size: 90%;
}

.comment_content {
	font-style: italic;
}

img.alignleft {
	float: left;
	margin: 5px 5px 5px 0;
}

img.alignright {
	float: right;
	margin: 5px 0 5px 5px;
}