/*
Theme Name: Ozep
Theme URI: http://weblapotakarok.com
Description: 
Version: 1.0
Author: Attila Balogh
Author URI: 
Tags: empty, clean, development, design

	Based on Kubrick v1.5
	 http://binarybonsai.com/kubrick/
	The Kubrick theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php


Tartalom

	1. alapértelmezett beállítások
	2. struktúra
	3. linkek, navigáció
	4. karakterek
	5. képek



*/



/* --------- 1. alapértelmezett beállítások  --------- */

* {
	margin: 0;
	padding: 0;
}

body {
	background: #2f3b16 url('images/body.gif') top center no-repeat;
	font-family: sans-serif;
	color: #2f3b16;
		
}
		
/*  --------- 2. struktúra  --------- */

.wellness{
	margin-bottom: 20px;
}

.hovered{
	float: left;
	margin: 10px;
	
	display: block;
	width: 179px;
	height: 150px;
}

#wrapper {
	width: 862px;
	background: #2F3B16;
	height: 100%;
	min-height: 100%;
	margin: 0 auto;
	clear: both;
	/*border: 1px solid #fff;*/
}
		
#headerlogo {
	width: 862px;
	height: 117px;
	background: url('images/logo.jpg') top left no-repeat;
}

#topmenubar{
	width: 862px;
	height: 34px;
	background: url('images/menu.jpg') top left no-repeat;
}

#contentwrapper{
	background: url('images/contentbg.jpg') top left repeat-y;
	padding-top: 40px;
}

.posts-wrap {
	float: left; 
	clear: none;
	width: 620px;
	margin: 0 10px 0 20px;
	
}


/* sidebar */
.sidebar-wrap {
	margin:0;
	overflow:hidden; 
	float:left; 
	clear:none;
	width:200px;
	
}
/*.sidebar {width:99%;clear:none;}
.block-1 {float:right;}
*/

#footer {
	height:56px;
	overflow:hidden;
	clear:both;
	float:none;
	text-align:center;
	background: url('images/footer.jpg') top left no-repeat;
}

.category{
	width: 172px;
	margin: 4px;
	height: 142px;
	border: 1px solid #627a31;
	background: #fff;
	padding: 10px;
	float: left;
}

.category:hover{
	
	border: 1px solid #ddd;
}

		
#logo {
		
}
		
#nav{
		
}

#content {
		
}

	/* elválasztók */
.separator {
		clear: both;
}

.separatorinvisible {
		clear: both;
		height: 1px;
}

.clearfix:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
}		
		
/* ---------- 3. linkek, navigáció ---------- */

h3 a {
	color: #627A31;	
	text-decoration: none;
}
		
h3 a:hover {
	color: #2F3B16;	
}

#navigation {
		
}

#navigation a {
		
}

#navigation ul {
		
}

#navigation li {
		
}
		
/* ---------- 4. karakterek ---------- */

html {
	font-size: 100%;
}

body {
	font-size: 62.5%;
}

h1, h2, h3, h4, p, ul {
		
}

h1 {
		
}

h2 {
		
}

h3 {
		
}
		
h4 {
		
}

p {
		
}

ul {
		
}

/* ---------- 5. képek ---------- */

a img {
	border: 0;
}

#pageslink{
	float: 				left;
	padding: 			5px 10px;
	list-style-type: 	none;
	width: 				862px;
	font-size:			12px;
	display: 			block;
	text-align: left;
	/*margin-left: 8px;*/
	margin-top: 2px;
}

#pageslink li{
	display: 	inline;
	padding: 0 3px;
}

#pageslink li a{
	text-decoration: 	none;
	color: 				#585D00;
	font-weight: 		bold;
}

#pageslink li a:hover{
	color: #2F3B16;
}

.additional{
	float: right;
	border: 1px solid #fff;
	width: 190px;
	padding: 5px 8px;
	margin: 0 0px 0 15px;
	background: #eee;
	text-align: left;
	font-size: 10px;
}

.additional a{
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #2F3B16;
	padding: 0px 0 0px 18px;
	line-height: 1.5;
	background: url('images/pdf.png') top left no-repeat;
}

.additional a:hover{
	color: #627A31;
}



ul {margin:0 0 0 10px;padding:0;}
ul li {	margin-left:5px;padding:0;}

.longtext{
	/*width: 500px;*/
	padding-right: 20px;
	font-size: 12px;
	text-align: justify;
}

.longtext p{
	margin-top: 12px;
}

#page-content{
	margin-bottom: 80px;
	
}

#page-content{
	font-size: 12px;
}

#page-content p{
 margin-bottom: 10px;
}

ul.pageul, ul.pageul li{

}

#page-content h2{
	margin-bottom: 20px;
}

.longtext ul{
	margin-left: 20px !important;
	list-style-type: none;
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#2F3B16;
	padding:5px;
	display:none;
	color:#fff;
	}
.preview{
	}
	
.szerelvenytable{
border: none; margin-top: 20px;	text-align: left;}
.szerelvenytable tr{
	vertical-align: top;
}

.szerelvenytable img{
	margin: 0 10px;
}

img.alignright {float:right;clear:none;margin:0 1em 1em 1em}
img.alignleft {float:left;clear:none;margin:0 1em 1em 0}
img.aligncenter {display: block; margin:1em auto; text-align:center}
img.alignnone {margin:0 0.5em 0 0;}




/******* Fokategoriak ******************************************/
#dropmenu{
	text-align: left;
	margin-left: 8px;
	margin-top: 4px;
	font-size: 12px;
	float: left;
	padding: 0px 8px;
	list-style-type: none;
	width: 862px;
	display: block;
	font-weight: bold;
}

#dropmenu li {
	float:	left; 
	position:relative;
	display: block;
	height: 12px;
} 

/* Menulinkek ******************************************************/
#dropmenu a {
	display:block; 
	padding:0px;
	color:	#2F3B16; 
	text-decoration:none; 
	height: 12px;
	padding: 4px;
	/*border: 1px solid red;*/
}

#dropmenu a:hover {
	color: #627A31;
} 

/******* Alkategoriak **********************************************/
#dropmenu ul{
	list-style-type:		none; 
	/*list-style-position:	outside; */
	position:				absolute;
	line-height:			12px; 
	z-index:					300; 
	/*height: 					12px;*/
	display:					none;
	width:					160px; 
	top:20px; left:0px;
	/*border: 1px solid #fff;*/
} 

#dropmenu ul li{
	list-style-type:		none; 
	list-style-position:	outside; 
	position: 				relative; 
	line-height:			1em; 
	z-index:					300; 
	background: 			#eee;
	height: 					20px;
	width: 					160px;
	
} 

#dropmenu li:hover ul ul, 
#dropmenu li:hover ul ul ul, 
#dropmenu li:hover ul ul ul ul {
	display:	none;
} 

#dropmenu li ul a {
	width:	13em; 
	height:	auto; 
	float:	left;
	border-left: 3px solid #627A31;
	background: #eee;
} 
#dropmenu li ul a:hover {
border-left: 3px solid #2F3B16;
background: #fff;
}

#dropmenu ul ul {
	top:	auto;
} 

#dropmenu li ul ul {
	left:	13em; 
	margin:	0px 0 0 10px;
} 

#dropmenu li:hover ul, 
#dropmenu li li:hover ul, 
#dropmenu li li li:hover ul, 
#dropmenu li li li li:hover ul {
	display:	block;
}  

#innerfooter{
	width: 600px;
	text-align: center;
	font-size: 10px;
	font-weight: 100;
}

#innerfooter, #innerfooter a{
	color: #555;
}

#innerfooter a{
	text-decoration: none;
	padding: 2px 4px;
}

#innerfooter a:hover{
 color: #333;
}

/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:165px;
		height:230px;
		overflow:hidden; 
		}
	span#prevBtn{}
	span#nextBtn{}					

.pdflist{
	list-style-image: url('images/pdf.png');
	color: #2F3B16;
	font-size: 14px;
	margin-top: 40px;
	margin-left: 20px !important;

}	

.pdflist a{
	color: #2F3B16;
	text-decoration: none;
	font-weight: bold;
	
	
}

h2.akcio{
	
	padding-left: 75px;
	background: url('images/percent20.png') top left no-repeat;
	font-size: 40px;
	color: #2F3B16;
	display: blocł;
	height: 70px;
}
	
/* // Easy Slider */

.block-3{
	margin-top: 30px;
}

.bannertop{
	width: 205px;
	height: 80px;
	background: url('http://ozep.hu/wp-content/themes/ozep/images/banner-top.png') top left no-repeat;
	margin: 0;
	padding: 0;
}

.bannerbottom{
	width: 205px;
	height: 24px;
	background: url('http://ozep.hu/wp-content/themes/ozep/images/banner-bottom.png') top left no-repeat;
	margin: 0;
	padding: 0;
}

.bannercontent{
	width: 165px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#banner{
	width: 205px;
	overflow: hidden;
	background: url('http://ozep.hu/wp-content/themes/ozep/images/banner-bg.png') top left repeat-y;
	margin: 0;
	padding: 0;
}

/* - BASIC STUFF - *
body {background:#FFF;font:9pt/11pt Verdana, Geneva, sans-serif;color:#000;margin:0 auto;padding:0 20px;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
.additional-meta {font-size: xx-small}
blockquote {font-style:oblique}

/* -- LISTS -- *
ul {margin:0;padding:0;}
ul li {	margin-left:5px;padding:0;}
li {list-style-type:none;}
.disc {list-style-type:disc}
/* lists inside posts *
.entry-content ul ol {margin-left:0;}
.entry-content ul li {margin-left:10px; list-style:disc; list-style-position:inside}
.entry-content ul li ol {margin-left:10px;}
.entry-content ol li {margin-left:5px; list-style: decimal; list-style-position:inside}
.entry-content ol li li {margin-left:5px;}

/* -- HEADINGS -- *
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
h2.entry-title {font-size:180%;}
h2#comments{margin:20px auto 10px;font-size:140%;}
/* headings inside posts *
.entry-content h3 {font-size:140%;}
.entry-content h4 {font-size:120%;}
.entry-content h5 {font-size:100%;}
.entry-content h6 {font-size:90%;}

/* -- MAIN DIV'S -- *
#wrapper {float:none;clear:both;margin:0 auto;padding:0;width:900px;}
#header {height:150px;margin:0 auto;text-align:center;padding: 20px 0;}
#footer {height:50px;overflow:hidden;margin:20px auto 0;clear:both;float:none;text-align:center;padding: 20px 0;}

/* -- POSTS -- *
.post-index {margin:0 0 10px;}
#post-single {margin:0 0 20px;}
.posts-wrap {float:left; clear:none;width:590px;}

/* -- SIDEBARS --*

/* -- 404-PAGE --*
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- *
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
div.reply {}
textarea#comment {overflow:auto}

/* -- ALIGNMENTS --*
img.alignright {float:right;clear:none;margin:0 0 1em 1em}
img.alignleft {float:left;clear:none;margin:0 1em 1em 0}
img.aligncenter {display: block; margin:1em auto; text-align:center}
img.alignnone {margin:0 0.5em 0 0;}

/* -- NAVIGATION --*
div.navigation {width:100%;height:auto;float:left;clear:both;padding: 10px 0px;}
.navigation-index {}
.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-prev {float:left;clear:none;width:48%; text-align:left;}

*/

h3.widgettitle{
	margin: 5px 10px;
}

ul.loginlist{
	margin-left: 10px;
	list-style-type: none;
	margin-bottom: 30px;
}

ul.loginlist a{
	color: #2f3b16;
	text-decoration: none;
	font-size: 12px;
	border-bottom: 1px dotted #2f3b16;
}


.visszahivas{
	width: 150px;
	border: 1px solid #ccc;
	margin: 2px 4px;
}

.idleField{
	border: 1px solid #ddd;
	margin: 2px 4px;
	background: #222;
}

.wdg{
	display: block;
	margin: 5px 10px;
}

.regcomment{
	margin-top: 10px;
	font-size: 10px;
	color: #555;
}

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

.viszonteladok input{
	margin: 5px 0;
	padding: 2px;
}

td.label{
	font-size: 12px;
	text-align: right;
	padding-right: 10px;
}

.artabla td, .artabla th{
	border: 1px solid #ddd;
	padding: 3px 5px;
}

.artabla td{
	vertical-align: top;
	text-align: center;
}

.artabla th{
	
	background: #627A31;
	color: #fff;
}

.artabla{
	margin: 10px auto;
}

.megjegyz{
	
	font-size: 10px;
}

.artabla{
	border-collapse: collapse;
}