@charset "iso-8859-2";

body {
	background: #67685c;
	color: #000;
	font-family: georgia, arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.5em;
}

#site {
	width: 1010px;
	margin: 0 auto;
	padding: 0 15px;
	background: url('../images/background.jpg') repeat-y center;
}


#site_comic {
	width: 1010px;
	margin: 0 auto;
	padding: 0 15px;
	background: url('../images/background2.jpg') repeat-y center;
}

#left {
	float: left;
	width: 812px;
}

#header {
	position: relative;
	width: 812px;
	height: 152px;
	margin: 0 auto;
	background: #58594e;
}

p#date {
	position: absolute;
	top: 2px;
	left: 140px;
	color: #ccc;
}

ul#menu {
	position: absolute;
	top: 127px;
	left: 0;
	width: 460px;
	margin: 0;
	list-style: none;
}

ul#menu li {
	float: left;
	width: 87px;
	height: 25px;
	margin: 0 5px 0 0;
}

ul#menu li a {
	display: block;
	width: 87px;
	height: 25px;
}


ul#menu li.hover a {
	display: block;
	width: 87px;
	height: 25px;
}


ul#menu li:hover{
position: relative;
top: -5px;
height: 30px;
}

ul#menu li.hover{
position: relative;
top: -5px;
height: 30px;
}



ul#menu li.actual a{
  height: 30px;
} 

ul#menu li.actual{
position: relative;
top: -5px;
height: 30px;
}


ul#menu li a span {
	display: none;
}

#menu_kozelet {
	background: url('../images/menu_kozelet.png');
}

#menu_eletmod {
	background: url('../images/menu_eletmod.png');
}

#menu_kultura {
	background: url('../images/menu_kultura.png');
}

#menu_blog {
	background: url('../images/menu_blog.png');
}

#menu_wiki {
	background: url('../images/menu_wiki.png');
}

#comic {
	position: absolute;
	top: 4px;
	right: 0;
	width: 350px;
}

#comic img {
	float: right;
}

#comic p {
	position: relative;
	top: -4px;
	clear: right;
	float: right;
	width: 185px;
	text-align: right;
	text-decoration: underline;
}

#content {
	width: 812px;
	margin: 0 auto;
	text-align: left;
}

#content_comic {
	width: 812px;
	margin: 0 auto;
	text-align: left;
}


#content_left {
	float: left;
	width: 490px;
	background: #fff;
}

#content_right {
	float: right;
	width: 310px;
	background: #58594e;
}

#content_right.tabtop {
	position: relative;
	top: -24px;
	margin-bottom: -25px;
}

#right {
	float: right;
	width: 186px;
	padding: 13px 0 0 0;
	background: #58594e;
}

#footer {
	width: 988px;
	margin: 0 auto;
	padding: 12px 27px 0 27px;
	background: url('../images/footer.jpg') repeat-y;
}

#footer ul {
	margin: 0;
	list-style: none;
}

#footer ul li a {
	text-decoration: none;
	color: #fff;
}

#footer ul.pink li a {
	padding-left: 10px;
	background: url('../images/pinkdot_list.jpg') no-repeat left;
}

#footer ul.green li a {
	padding-left: 10px;
	background: url('../images/greendot_list.jpg') no-repeat left;
}

#footer ul.blue li a {
	padding-left: 10px;
	background: url('../images/bluedot_list.jpg') no-repeat left;
}

#footer ul.orange li a {
	padding-left: 10px;
	background: url('../images/orangedot_list.jpg') no-repeat left;
}

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

#list {
	width: 1010px;
	margin: 0 auto;
	padding: 20px 15px 20px 15px;
	background: url('../images/list.jpg') no-repeat top;
	color: #cac9c1;
	font-family: "Microsoft Sans Serif", sans-serif;
	font-size: 12px;
}

#list p {
	text-align: center;
}

#list a {
	color: #cac9c1;
	text-decoration: none;
}

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

.imgwithtext {
	margin-bottom: -20px;
}

.imgwithtext span {
	position: relative;
	top: -22px;
	padding: 4px 14px;
	background: #e6003c;
	color: #fff;
	font-weight: bold;
}

.article_main {
	padding: 12px 12px 0 12px;
}

.author {
	color: #4a4b43;
	font-family: "Microsoft Sans Serif", sans-serif;
	font-size: 10px;
	text-transform: uppercase;
}

.article_main .author {
	font-size: 12px;
}

.line {
	display: block;
	width: 100%;
	height: 1px;
	background: #cac9c1;
	overflow: hidden;
}

.article_3col {
	float: left;
	width: 150px;
	padding: 12px 0 0 0;
}

.leftcol_3col {
	padding-left: 12px
}

.middlecol_3col, .rightcol_3col {
	padding-left: 9px;
}

.img3col {
	margin: 0 0 5px 0;
}

.leftcol_2col {
	float: left;
	width: 225px;
	padding: 0 0 0 12px;
}

.rightcol_2col {
	float: right;
	width: 225px;
	padding: 0 12px 0 0;
}

.articles_right {
	width: 286px;
	padding: 12px 12px 1px 12px;
	background: #fff;
}

.marginbottom, .ad.marginbottom {
	margin-bottom: 10px;
}

.author.authortab {
	position: relative;
	top: -18px;
	float: right;
	display: block;
	color: #010101;
}

div.orange {
	padding: 12px;
	margin: 0 0 10px 0;
	background: #ed7000;
}

div.orange p {
	margin: 0;
	color: #fff;	
}

.articles_narrow {
	padding: 1px 12px 12px 12px;
	background: #fff;
}

.articles_narrow p {
	margin-top: 10px;
}

.articles_narrow a {
	color: #ed7000;
	font-weight: bold;
}

.bottombox {
	float: left;
	width: 240px;
}

.admin_box{
margin: 10px 20px;
}

.admin_box td, .admin_box th{
padding: 5px 10px 5px 0px;
vertical-align: top;
}

#comment_text {
	width: 435px;
	height: 100px;
}

.trackback a {
	color: #ed7000;
	font-weight: bold;
	text-decoration: none;
}

.trackback a:hover {
	text-decoration: underline;
}

.comment_header {
	margin-bottom: 0;
	color: #ed7000;
}

.comment_header a {
	color: #ed7000;
	text-decoration: none;
}

.comment_header a:hover {
	text-decoration: underline;
}

a.orange {
	color: #ed7000;
	text-decoration: none;
}

a.orange:hover {
	text-decoration: underline;
}

.commentbox {
	margin: 12px 12px 0 12px;
	padding: 12px;
	background: #e5e5e5;
}

input.submit {
	margin-right: 10px;
	padding: 4px 7px;
	background: #ed7000;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

input.submit_green {
	margin-right: 10px;
	padding: 4px 7px;
	background: #52bc3e;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

input.submit_blue {
	margin-right: 10px;
	padding: 4px 7px;
	background: #34a4bf;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

input.submit_pink {
	margin-right: 10px;
	padding: 4px 7px;
	background: #e6003c;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

.small {
	font-size: 10px;
}

.italic {
	font-style: italic;
}

form .commentbox p{
margin-bottom: 15px;
}

#category_pager.pink{
font-weight: bold;
color: #e6003c;
}

#category_pager.green{
font-weight: bold;
color: #52bc3e;
}

#category_pager.blue{
font-weight: bold;
color: #2bb5db;
}

.ini_blue
{
display: block;
float: left;
margin-top: 0pt;
margin-right: 4px;
margin-bottom: 0pt;
margin-left: 0pt;
color: #34a4bf;
font-size: 32px;
font-weight: bold;
line-height: 100%;
}

.ini_pink
{
display: block;
float: left;
margin-top: 0pt;
margin-right: 4px;
margin-bottom: 0pt;
margin-left: 0pt;
color: #e6003c;
font-size: 32px;
font-weight: bold;
line-height: 100%;
}

.ini_green
{
display: block;
float: left;
margin-top: 0pt;
margin-right: 4px;
margin-bottom: 0pt;
margin-left: 0pt;
color: #52bc3e;
font-size: 32px;
font-weight: bold;
line-height: 100%;
}

#pagelinks{
margin: 0 auto 20px auto;
padding: 10px;
width: 280px;
text-align: center;

font-size: 12px;
font-weight: bold;
}

.pink_pagenr{
display: inline;
padding: 3px 7px;
background-color: #e6003c;
margin: 0 1px 0 1px;
border: 0;
text-decoration: none;
}

.pink_pagenr_akt{
display: inline;
padding: 3px 7px;
background-color: #fff;
margin: 0 1px 0 1px;
border: 0;
text-decoration: none;
}

.blue_pagenr{
display: inline;
padding: 3px 7px;
background-color: #34a4bf;
margin: 0 1px 0 1px;
border: 0;
text-decoration: none;
}

.blue_pagenr_akt{
display: inline;
padding: 3px 7px;
background-color: #fff;
margin: 0 1px 0 1px;
border: 0;
text-decoration: none;
}

.green_pagenr{
display: inline;
padding: 3px 7px;
background-color: #52bc3e;
margin: 0 1px 0 1px;
border: 0;
text-decoration: none;
}

.green_pagenr_akt{
display: inline;
padding: 3px 7px;
background-color: #fff;
margin: 0 1px 0 1px;
border: 0;
text-decoration: none;
}

#pagelinks a{
border: 0;
text-decoration: none;
}

.pink_pagenr span, .blue_pagenr span, .green_pagenr span{
text-decoration:none;
color: #fff;
}


.pink_pagenr_akt span, .blue_pagenr_akt span, .green_pagenr_akt span{
text-decoration:none;
}


.authorpic {
	float: left;
	margin: 0 10px 10px 0;
}

.clear {
	clear: both;
}

.rightbox {
	float: right;
	margin: 0 0 0 10px;
}

.bracket {
	width: 150px;
	padding: 15px 25px 15px 25px;
	background: url('../images/bracket.jpg') no-repeat;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	border-style: solid;
  border-width: 0 10px;
  border-color:  #e6e6e6;	
}

.down{
  width: 160px;
  height: 5px;
  border-style: solid;
  border-width: 0 30px;
  border-color:  #e6e6e6;	
}



.leftbox {
	float: left;
	width: 160px;
	padding: 20px;
	margin: 0 10px 0 0;
}

.endbox{
	padding: 20px;
	margin: 0 10px 0 0;
}

.lbluebg {
	background: #aedae5;
}

.comment_header.blue a {
	color: #34a4bf;
}

input.submit.bluebg {
	background: #34a4bf;
}

.imgwithtext span.blue {
	background: #34a3bf;
}


.blue {
	color: #34a4bf
}

a.blue {
	text-decoration: none;
}

a.blue:hover {
	text-decoration: underline;
}

.lgreenbg {
	background: #aedae5;
}

.comment_header.green a {
	color: #52bc3e;
}

input.submit.greenbg {
	background: #52bc3e;
}

.imgwithtext span.green {
	background: #52bc3e;
}


.green {
	color: #52bc3e
}

a.green {
	text-decoration: none;
}

a.green:hover {
	text-decoration: underline;
}

.lpinkbg {
	background: #aedae5;
}

.comment_header.pink a {
	color: #e6003c;
}

input.submit.pinkbg {
	background: #e6003c;
}

.imgwithtext span.pink {
	background: #e6003c;
}


.pink {
	color: #e6003c
}

a.pink {
	text-decoration: none;
}

a.pink:hover {
	text-decoration: underline;
}

.comic_box{
margin: 0px 20px;
text-align: center;
}

.comic_box img{
margin: 0 20px;
}

.pagesbox{
margin-right: 20px;
}

.pagesbox a{
font-size: 14px;
text-decoration: none;
font-weight: bold
}

.pagesbox a:hover{
color: #ed7000
}

.main_input{
padding-top: 3px;
width: 90px;
height: 18px;
border-style: solid;
border-width: 2px 1px 1px 3px;
border-color:  #dadada;
margin-right: 10px;
color: #000;
font-size: 13px;
}

#search_submit{
width: 49px;
height: 25px;
background: #67685C;
border: 0px;
font-size: 12px;
color: #fff;
}

.article_list{
margin-top: 10px;
}

div.white {
	padding: 12px;
	margin: 0 0 10px 0;
	background: #fff;
}

div.white p {
	margin: 0;
	color: #fff;	
}

.login_submit{
width: 49px;
height: 25px;
background: #D3D4C8;
border: 0px;
font-size: 12px;
color: #000;
}

.second_row{
margin-top: 10px;
}


div.orange p.login, div.orange p.login a{
font-family: arial;
font-size: 12px;
color: #000;
text-decoration: none;
margin-top: 7px;
padding: 1px;
}


div.orange p.login a:hover{
  text-decoration: underline;
}

.article_3col h2{
height: 32px;
}

span.error{
display: block;
margin: 10px;
border: 1px solid red;
background-color: #f99;
color: red;
font-weight: bold;
padding: 5px;
}

.w275 textarea{
  color: #000;
	font-family: georgia, arial, helvetica, sans-serif;
	font-size: 13px;
	width: 278px;
}