/*
Theme Name: OLÁH ANDRÁS HONLAPJA
Author: Pénzes Bence
Description: OLÁH ANDRÁS WEBTEMPLATE
*/
body{
	background: url(images/bg.jpg);
	text-align: center;

}
.full{
background:url(images/head_bg.png);
background-repeat:no-repeat;
background-position:top center;
}
aside{ padding-left: 20px;
padding-top: 30px;}
nav{
	padding-top:3px;
	padding-left: 10px;
	height:30px;
}
#right{
	padding-left: 10px;
	font-size: 30px; 
	font-family:"WeblySleek UI Light"; 
	color: #b3a47e; 
}
footer{height:55px;}
article{
	padding-top: 30px;
	font-size: 13px;
	font-family:"WeblySleek UI Light";
	text-align:justify;
}

#title{
	height:226px;
}

/* single.php, tag.php, category.php section h1 -> cím formázása*/
 
section h1 {
    font-family: "Myriad Pro";
    font-size: 16px;
    color: #2b2c2b;
    margin: 0px;
    padding: 0px 0px 0px 0px;
}

.post_fejresz{
	text-align: justify;
}
.post_fejresz h2{
    padding: 0px 0px 0px 0px;
    width: 630px;
    color: #23262d;
	text-align:left;
}
.post_fejresz2 h6{
    padding: 0px 0px 0px 0px;
    width: 630px;
    color: #23262d;
	text-align:left;
}
.post_fejresz h6{
    padding: 0px 0px 0px 0px;
    width: 630px;
    border-bottom: 0px solid #000;
    color: #931314;
}
a.more_button {
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Century Gothic;
    display: inline;
    display:inline-block;
    color: #990000;
    font-weight:bold;
    padding:0px 0px;
    text-decoration:none;
}
 
a.more_button:hover {
    text-decoration: none;
    color: black;
 
}
a.more_button:active {
    position: relative;
    top: 1px;
}
 
/* Thumb in post*/
 
.attachment-alignleft{
    float:left;
    padding: 5px 20px 5px 0px;
}


/* Menu css */

.topmenu {
	font-family: "WeblySleek UI Light";
	font-size: 17px;
	height: 35px;
}

.topmenu ul {
	list-style:none;
	margin:0 ;
}

.topmenu li {
float:left;position:relative; 

}

.topmenu li a {
	/*ez a főmenü nem kijelölt háttere*/
	display: block;
	font: 15px;
	color: #2a2d36;
	line-height: 25px;
	margin-top: 5px;
	padding: 0px 5px;
	text-align: center;
	text-decoration: none;	

}
.topmenu li a:hover, .menu ul li:hover a { /*főmenu Kijelölt háttere*/
color:#990000;
	border-bottom: 0px solid #d42819;
}

.topmenu li ul {
	display: none;
	padding: 0px;
	margin: 0px;
	border: 0px;
	position: absolute;
	width: 220px; /*legördülő menü szélessége*/
	z-index: 200;
	
}

.topmenu li:hover ul {
	/*legördulő menü háttere, és kerete nem kijelölt*/
	display: block;
  	background-color: #363739;
  	border: solid 1px #6d6d6d;
  	border-right: 1px solid #6d6d6d;
  	-moz-box-shadow: 3px 3px 7px #6d6d6d;
	-webkit-box-shadow: 3px 3px 7px #6d6d6d;	
	
}

.topmenu li li {
	display: block;
	float: none;
	margin: 0px;
	padding: 0px;
	width: 100%; 
}

.topmenu li:hover li a {
	background: none;
	color: #000;
}

.topmenu li ul a {
	display: block;
	min-height: 35px;
	line-height: 35px;
	margin: 0px;
	-moz-box-shadow: 0px 0px 1px #fff;
	-webkit-box-shadow: 0px 0px 1px #fff;
	/*legörgülő menüpontok közti vonal*/
	background-color: #fff;
	padding: 0px 10px 0px 15px;
	text-align: left;
	
}

.topmenu li ul a:hover, .menu li ul li:hover a {
	/*legördülő menü kijelült háttér, szöveg szín stb*/
	background-color:#dfdfdf;
	text-decoration: none;
	border-right: 0px solid #6d6d6d;
}
/*3. szintű legördülő menü + kiegészítés*/
 
.topmenu ul li ul li ul{
visibility:hidden; /* Elrejtjük a 3. menüt...az egészet*/
}
.topmenu ul li ul li:hover ul{
visibility:visible; /*hover eseményre pedig megmutatjuk...*/
}
.topmenu ul ul li ul {
left: 220px;    /*A 3. szintű menü pozíciója, olyan széles legyen kb., mint az "első" legördülő szélessége */
top: 0px;
}
.topmenu ul li ul a:hover ul, .menu ul li ul li:hover ul a{
background: white; /*Legördülés esetén az alap háttérszín*/ /*--és a linkek színe -> nem kijelölt elemek!*/
}
.topmenu ul li ul li:hover ul li a:hover{
background-color:#a4a4a4 ; /*Kép útvonala -> változtatni kell, ha szükséges...*/
color: white; /*Hover eseményre a 3. szintű menü elemeinek színe*/
}
.input-text{
 color: #00000;
 background-color: #363839;
 border: 1px inset #00000;
 font-size: 10pt;
 font-family: Century Gothic;
}

.input-submit{
 color: #FFF;
 background: #931314;
 border: 0;
 width: 175px;
 height: 22px;
 padding: 0pt 0pt;
 margin-left: 0px;
 font-size: 11pt;
 font-family: Century Gothic;
}

.input-submit:hover {
    text-decoration: none;
    color: white;
    background-color:#730c0d;
 
}
.input-submit:active {
    position: relative;
    top: 1px;
}
.input-button{
	cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Century Gothic;
    display: inline;
    background-color: transparent;
    border:0px solid #730c0d;
    display:inline-block;
    color:#990000;
    font-weight:bold;
    padding:3px 8px;
    text-decoration:none;
}
 
.input-button:hover {
    text-decoration: none;
    color: black;
    background: none;
 
}
.input-button:active {
    position: relative;
    top: 1px;
}
#navigation{
	margin-top:25px;
}
@font-face {
    font-family: "WeblySleek UI Light";
    src: url('fonts/weblysleekuil.eot');
    src: url('fonts/weblysleekuil.eot?#iefix') format('embedded-opentype'),
         url('fonts/weblysleekuil.woff') format('woff'),
         url('fonts/weblysleekuil.ttf') format('truetype'),
         url('fonts/weblysleekuil.svg#WeblySleek UI Light') format('svg');
    font-weight: normal;
    font-style: normal;
}


.wpcf7-form input, .wpcf7-form textarea {
 border: 1px inset #2f3131;
color: #fff;
    background-color: #a0937a;
    font-size: 12px;
    float: none;
    margin-top:5px;
}
.wpcf7-form textarea {
background-color: #a0937a;
    line-height: 16px;
    font-size: 12px;
    height: 100px;
}
.wpcf7-form p{
    font-size : 11px;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 290px;
    padding: 0 0 0px;
}

.buttons_form {
     padding: 0px;
     margin-bottom: 0px;
     height: 25px;
     width: 60px !important;
     border: none !important;
     cursor: pointer;
     color: #fff;
     background-color:#544934}
#bodi{ padding-top:150px; text-align:center;}

/* ===================== images ===================== */ 

img, img a { border: none; vertical-align: bottom; }

.alignleft { float: left; margin: 0 15px 5px 0; display: inline; }
.alignright { float: right; margin: 0 0 5px 15px; display: inline; }
.aligncenter { display: block; margin: 0 auto; }

.wp-caption, .imgthumb, .entry img { text-align: center; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

.post_image { margin-bottom: 15px; overflow: hidden; font-size: 12px; text-align: center; background-color: #f9f9f9; border: 1px solid #dedede; padding: 20px; padding-bottom: 15px; }
.post_image img { background-color: #f9f9f9; border: 1px solid #888; margin: auto; }
.post_image .wp-caption { background-color: #f9f9f9; overflow: hidden; }
.post_image .wp-caption img { background: none; float: left; }
.post_image p.wp-caption-text { clear: left; border-top: none; font-size: 12px; padding: 10px; text-align: center; color: #555; }

.special img, .special img a { border: 5px solid #ccc; vertical-align: bottom; }