/*
Theme Name: MOKOTA
Theme URI: http://www.mokota.hu
Description: Mokota Wordpress Theme created by Netlogist
Author: TSEnd/Netlogist
Author URI: http://www.netlogist.hu
Version: 1.2.0
*/

/* BODY */

html{
background: #590000;
} 

h1, h2, h3, h4, h5, h6, blockquote, p, form {
margin: 0;
padding: 0 0 5px 0;
}

body {
	font-family: Arial;
	font-size: 12px;
	color: #333;
	vertical-align: top;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin: 0;
	padding: 0;
	background: #FFFFCC url(images/bg.jpg) repeat-x;
}

p {padding: 10px 0 0 0;}

td {
	vertical-align: top;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Arial;
	font-size: 12px;
	color: #333;
	text-align: left;
}

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

img {border: 0px;}

a img {border: none;}

a:focus
{
-moz-outline-style: none;
}

#main {
	position: relative;
	top: 0px;
	width: 962px;
	margin: 0 auto;
	background: #eee;
}

/* HEADER */

#header {background: url(images/header.jpg) no-repeat;	width: 962px; height: 135px;}

.header_info {display: none; font-size:16px; position: absolute; top: 240px; left: 360px; width: 400px; color: #fff; text-align: center;}

.header_menu {position: absolute; top: 5px; left: 290px; z-index:1000;}

#home_link {
	position: absolute;
	display: block;
	margin: 0;
	border: 0;
	padding: 0;
	top: 47px;
	left: 300px;
	width: 168px;
	height: 63px;
	z-index: 100;
}


/* SF-MENU */

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	text-transform:uppercase;
	padding: 		.75em .75em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:	#fff;
	font-weight: bold;
}

.sf-menu li li a, .sf-menu li li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:	#fff;
}
.sf-menu li {
	background:	transparent;
}
.sf-menu li li {
	background:	#930000;
	color: #E9BC72; 
	border: 1px solid #6a0000;
	opacity: .95;
}
.sf-menu li li li {
	background:	#930000;
	border: 1px solid #6a0000;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color: #E9BC72;
	outline: 0;
}

.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	background:	#E9BC72;
	color: #930000;
	outline: 0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/* CONTENT */

#container {
	width: 962px;
	background: url(images/upper_bg.jpg) no-repeat;
	height: 25px;
	margin: 0;
	padding: 0px 0 0 0;
}


#bg {
	background: url(images/body_bg.jpg) repeat-y; 
	width: 962px;	
}

#inhalt {
	width: 440px;
	position: relative; 
	left: 0px;
	top: 15px;
	padding-bottom: 10px;
}

#l_content { width: 440px; padding: 0 10px 0 10px;}

.index_text {color: #333;}
.index_text h2 {color: #000; fot-size: 16px; padding: 0;}

.entry_index {
	padding: 10px;
	line-height: 18px;
}

.entry {
	line-height: 18px;
}

/* TimThumb */
.postthumb {
	float: left;
	margin: 15px 15px 0px 0;
	border: 1px solid #ddd;
	padding: 4px;
	}
	
.tt_post {
	float: left;
	margin: 0px 5px 0px 0;
	border: 1px solid #ddd;
	padding: 4px;
	}

/* SIDEBAR */

#sidebar_left {text-align:left; width: 250px; padding: 10px 10px 0 15px;}

#sidebar_left ul {
list-style-type: disk;
margin: 0 0 0 0;
padding: 0px 30px 0px 10px;
}

#sidebar_left ul li {
padding: 3px 0px 3px 5px;
margin: 0 0 0 10px;
}

#sidebar_left ul ul li {
padding: 3px 0px 3px 5px; 
}

#sidebar_left h2 {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #cc3300;
	text-decoration: none;
	text-align: left;
	padding: 5px 0px 2px 0px;
}

#sidebar_left h2 a {text-decoration: none; color: #cc3300;}
#sidebar_left h2 a:hover {text-decoration: none; color: #000;}
#sidebar_left h2 a:visited {text-decoration: none; color: #cc3300;}

#sidebar_right {text-align:left; width: 190px; padding: 15px 15px 0 0;}

#sidebar_right ul {
list-style-type: disk;
margin: 0 0 0 10px;
padding: 0px 30px 0px 10px;
}

#sidebar_right ul li {
padding: 3px 0px 3px 0px;
margin: 0 0 0 10px;
}

#sidebar_right ul ul li {
padding: 3px 0px 3px 5px;
}

#sidebar_right h2 {
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	text-align: left;
	padding: 5px 0px 5px 0px;
}

.widgetstyle_1{
	border-bottom: 1px solid #EFCE81;
	padding: 5px 0 5px 0;
}

.widgetstyle_2{
	border-bottom: 1px solid #F1D695;
	padding: 6px 0 2px 0;
	width: 190px;
}


/* FOOTER*/

#footer {
	width: 962px;
	background: url(images/footer.jpg) no-repeat;
	height: 30px;
	margin: 0;
	padding: 0;
	}
		
#footer_info {
position: relative;
left: 20px;
top: 45px;
width: 260px;
color: #E9BC72;
}

#footer_info a { color: #000; text-decoration: none; font-weight: normal;}
#footer_info a { color: #000; text-decoration: none; font-weight: normal;}
#footer_info a { color: #000; text-decoration: none; font-weight: normal;}

#bottom_bg {background: url(images/bottom_bg.jpg) repeat-x; height: 118px;}

.footer-box { float: left; color: #E9BC72; width: 200px; margin: 0 22px 0 0; z-index: 100;}
.footer-box ul { list-style: none; margin: 0px; padding: 0px; }
.footer-box li { padding: 3px 0 3px 0; margin: 0; border-bottom: 1px solid #A86C42;}
.footer-box h3 { color: #E9BC72; font-size: 16px; font-weight: bold;  margin-bottom: 10px; padding: 0 0 5px 0; border-bottom: 2px solid #E9BC72;}
.footer-box a:link { color: #E9BC72; }
.footer-box a:visited { color: #E9BC72; }
.footer-box a:hover { color: #000; }
	
#footer_dynamic {
	position: relative;
	left: 240px;
	top: -10px;
	width: 700px;
	padding: 10px 0 20px 50px;
	background: url(images/wp_flower.jpg) no-repeat;
	}
	

/* COMMENTS */

.commentmetadata { text-transform: uppercase; color: #333; font-size: 10px; text-transform: lowercase; margin-top: 0px; }
#comments { margin-top: 10px; float: left; }
.commentmetadata a:link, .commentmetadata a:hover, .commentmetadata a:visited { color: #abab91; }
.fn, .fn a:link, .fn a:hover, .fn a:visited, .says {color: #000; font-size: 15px; font-style: normal; font-weight: bold; }
.comment, .pingback { border: 1px solid #ccc; border-top: 3px solid #ccc; padding: 5px 10px 5px 10px; margin-bottom: 5px; float: left; clear: both; width: 95%; list-style: none; }
.children .comment { border-top: 1px solid #ccc; border-bottom: none; border-right: none; border-left: none; padding-top: 15px; margin-bottom: 5px; }
.comment-reply-link, .comment-reply-link:visited { color: #336699 !important;  font-weight: bold; float: right; text-transform: Uppercase; font-size: 10px; margin-bottom: 10px; margin-top: 5px; }
.commentlist { color: #666; float: left; margin-top: 0px; margin-left: 0px; padding-left: 5px; width!: 350px; width: 98%;}
.comment-reply-link:hover {color: #e5dac0;}
.cancel-comment-reply a:link, .cancel-comment-reply a:visited { color: #cc3300 !important; font-weight: bold; text-transform: uppercase; font-size: 9px; float: left; clear: both; }
#commentform { clear: both; float: left; }
.cancel-comment-reply a:hover {color: #e5dac0; }
.avatar {float: left; padding: 2px; }

#commentform textarea { background: #f8f7f6; border: 1px solid #d6d3d3; width: 250px; height: 130px; padding: 10px; }
#commentform #email { font-size: 13px; background: #f8f7f6; border: 1px solid #d6d3d3; width: 150px; height: 20px; padding-left: 10px; }
#commentform #author { font-size: 13px; background: #f8f7f6; border: 1px solid #d6d3d3; width: 150px; height: 20px; padding-left: 10px;  }
#commentform #url { font-size: 13px; background: #f8f7f6; border: 1px solid #d6d3d3; width: 150px; height: 20px; padding-left: 10px; }

/* SEARCH */

#searchform {padding: 20px 0 0 15px;}
#search { width: 250px;  border: 1px dashed #fff; }
.search_field {border: 1px solid #E1B664; height:20px; color: #666; padding-left: 3px; margin-right: 5px;}

/* GENERAL */

.read {float: left; background: url(images/read_btn.jpg) no-repeat; height: 25px; width: 82px; padding: 3px 0 2px 12px;}
.read a { color: #930000; text-decoration: none; font-weight: bold;}
.read a:visited { color: #930000; text-decoration: none; font-weight: bold;}
.read a:hover { color: #E4AE30; text-decoration: none; font-weight: bold;}

.post {
padding: 0px 0 10px 0;
}

p.postmetadata {
border-top: 1px dashed #666;
margin: 5px 0 0 0;
color: #000;
font-size: 11px;
}

p.postmetadata2 {
color: #000;
font-size: 10px;
padding: 0px 0px 8px 0px;
margin-top: 5px;
}

p.postmetadata2 a {font-weight: normal; text-decoration: none; color: #930000;}
p.postmetadata2 a:visited {font-weight: normal; text-decoration: none; color: #930000;}
p.postmetadata2 a:hover {font-weight: normal; text-decoration: none; color: #000;}


.navigation {
	padding: 10px 0 0 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	font-family: Arial;
}

#top_name {
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
    padding-top: 35px;
}

#bottom_desc {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

#post_title {
	font-size: 15px;
	color: #000;
	text-decoration: none;
	position: relative;
	top: 0px;
	font-weight: bold;
}

#post_title_index {
	font-size: 15px;
	color: #000;
	text-decoration: none;
	position: relative;
	top: 0px;
	font-weight: bold;
}

.post h2 {
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #670000;
	text-decoration: none;
}

.post2 h2 {
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #670000;
	text-decoration: none;
}

.post2 h1 {
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	color: #333;
}

.post2 h3 {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	padding: 10px 0 8px 0;
}

.post h2 a {text-decoration: none; color: #002664;}
.post h2 a:visited {text-decoration: none; color: #002664;}
.post h2 a:hover {text-decoration: none; color: #000;}

.post2 h2 a {text-decoration: none; color: #670000;}
.post2 h2 a:visited {text-decoration: none; color: #670000;}
.post2 h2 a:hover {text-decoration: none; color: #666;}

#post_title a {text-decoration: none; color: #000;}
#post_title a:visited {text-decoration: none; color: #000;}
#post_title a:hover {text-decoration: none; color: #333;}

#post_title_index a {text-decoration: none; color: #670000;}
#post_title_index a:visited {text-decoration: none; color: #670000;}
#post_title_index a:hover {text-decoration: none; color: #000;}


.sep { margin-top: 10px; margin-bottom: 10px; border-bottom: 1px dotted #fff;}
.sep2 { margin: 0 0 10px 0; border-bottom: 1px dotted #DAA43F;}
.sep1 { margin-top: 15px; margin-bottom: 25px; border-bottom: 1px dotted #DAA43F; }

/* WPLISTCAL */

#wplistcal ul {list-style: disk;}
#wplistcal ul li {margin: 0 0 0 0px; border: 0;}
#wplistcal h4 {color: #cc6600;}

#wplistcal a {text-decoration: none; color: #003366;}
#wplistcal a:hover {text-decoration: underline; color: #003366;}

/* PAGENAVI */

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #025fa4;
	color: #025fa4;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #025fa4;
	color: #025fa4;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #DF5900;
	color: #DF5900;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}

.index_postlist ul {list-style-type: none; padding: 0;}
.index_postlist li {height: 45px; list-style-type: none;}


.akcio_btn {margin: 10px auto 0 auto; background: url(images/akcio_btn.png) no-repeat; width: 210px; height: 68px;}
.akcio_btn:hover {margin: 10px auto 0 auto; background: url(images/akcio_btn_on.png) no-repeat; width: 210px; height: 68px;}