/*
Theme Name: Gyermekáldás Pro
Theme URI: http://www.gyermekaldas.hu
Version: 1.0
Description: Meleg, finom, egyszerű sablon a gyermekaldas.hu weboldalhoz
Author: ZINA LEMMIKKI
Author URI: http://www.lemmikki.hu
*/

* {padding: 0; margin:0;}
html { background: #6e1b13 url(images/footerbg.png) bottom repeat-x;}
body {background: url(images/body-bg.png) repeat-x top; color: #252525;  font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; line-height: 18px;}

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

h1 a, h2 a, h3 a, h4 a {text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {text-decoration: underline;}

a img {border: none;}
.fl {float: left;}
.fr {float: right;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}

div.alignleft {float: left; width:200px;}
div.alignright {float: right; width:200px; text-align:right;}

br.clear {clear: both;}

/* .wrapper {margin:auto; width:942px; background:url(images/contout.png) left repeat-y; position:relative; padding: 0 12px; }*/ 
.wrapper {margin:auto; width:942px; }

/* top nav */

.topnav { background:url(images/topnav_bg.png) top repeat-x;}
.topnav ul {clear: both; height:38px; width:940px; margin:auto;}
.topnav ul li {list-style-type: none; float:left; padding: 0 10px; line-height:38px;}
.topnav a {color: #fadc9d; text-transform:uppercase; text-decoration:none; }
.topnav a:hover {text-decoration: underline;}

/* header */

.header { position:relative; z-index:1;background: #FADC9D url(images/header.png) top left no-repeat; height:250px;}

.logo {float:left; width: 450px; height:250px;}
.logo h1 {margin: 40px 0 0 180px; }
.logo .desc { width: 400px; padding: 55px 10px 10px 20px; font-size:13px; font-family:Arial, Helvetica, sans-serif; }
#slideshow {width:440px; height:231px; margin: 15px 5px 0 0; padding: 20px; background: url(images/kepbg.png) top left no-repeat; float:right;}
#slideshow ul {	background:transparent; margin: 0; padding: 0; list-style-type: none;}           
#slideshow .slides { width:440px; height:231px; overflow: hidden; clear:both;  border: 1px solid #dfb992;}
#slideshow .slides ul { float:left; overflow: hidden; width:440px; height:231px; }
#slideshow .slides li img {border: none !important; padding:0 !important;}
#slideshow .slides li { display:none; left:-99999em; width:440px; height:231px; display:block; 	overflow: hidden; background:#000; position:relative; z-index:2; text-align:center; }
.js #slideshow .slides li { margin: 0; padding: 0; list-style-type: none; width:440px; height:231px; display:block; overflow: hidden;  position:relative;	z-index:2; text-align:center; }

/* bodee */

.container {background: #fadc9d; padding: 15px; min-height:1px; height:100%;}

.content {float:right; width:622px; padding: 25px 0 0 0;}
.content ul { list-style-type:none; margin: 5px 0 5px 20px;}
.content ol {  margin: 5px 0 15px 40px;}
.content ul li { padding: 0 0 5px 18px; background:url(images/csepp.png) 0 1px no-repeat;}

.homediv { background:url(images/line.png) top repeat-x; clear:both; width:100%; padding-top:10px;}
.homediv h2 { padding: 0 0 10px 0;}
.homediv h2 a { font-size:13px; color:#252525;}
.homediv h2 a:hover {text-decoration: underline;}
.homediv h3 {font-size: 15px;}

.szulestortenet { width: 300px; float:left; margin-right:20px; }
.szulestortenet h3 { padding: 0 0 5px 0; }
.szulestortenet h3 a { font-size:17px; color:#52140e; text-transform:uppercase;}
.szulestortenet h3 a:hover {text-decoration: underline;}
.szulestortenet a img {border: 2px solid #f1cd81;}
.szulestortenet .szoveg { background:url(images/line.png) bottom repeat-x; margin: 5px 0 10px 0; padding: 0 0 10px 0;}
.szulestortenet .szoveg a.more { display:block; text-align:right; text-transform:uppercase; padding: 5px 0 0 0;}
.tobb_szules ul li h3 {padding: 0;}
.tobb_szules ul li h3 a {font-size: 13px; font-weight:normal; text-decoration:underline; color:#252525; text-transform:none; padding:0; }
.tobb_szules ul li h3 a:hover {text-decoration:none;}

.hirek {float:left; width: 300px;}
.hirelem {padding: 0 0 15px 0;}
.hirelem h3 {padding: 0 0 7px 0;}
.hirelem h3 a:hover {text-decoration: underline;}

.dulablog { background:url(images/line.png) top repeat-x; clear:both; width:100%; padding-top:20px;}
.dulablog h2 { padding:0 !important; }
.dulablog h3 { padding: 0 0 10px 0;}
.dulablog h3 a { font-size:13px; color:#252525;}
.dulablog h3 a:hover {text-decoration: underline;}
.dulablog .post {background: none; padding: 0;}
.dulablog .entry {background: none; padding: 0; font-size:12px; }
.dulablog .entry p { line-height:18px; }

.post h2 { font-size:24px; text-transform:uppercase; font-weight:normal; padding: 10px 0 5px 0; line-height: 30px;}
.post h2 a:hover { color: #252525;}
.post h3 { padding: 0 0 10px 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px;}
.post .postmeta {padding: 2px 0 10px 0; font-size:11px; }

.post {background:url(images/line.png) repeat-x scroll center top transparent; padding-top:10px;}
.page h2 {padding-bottom: 20px;}

.entry  { font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.entry p {padding: 0 0 15px 0; line-height:20px; text-align:justify;}
.entry img {border: 2px solid #f1cd81;}
.entry img.alignleft {float:left; margin:0 10px 10px 0;}
.entry img.alignright{float:right; margin:0 0 10px 10px;}
.entry img.aligncenter { display:block; margin: 10px auto;}
.entry blockquote { font-size: 14px; color: #52140E; padding: 10px 40px 10px 50px;font-style: italic; margin: 10px 0 0 20px; background: url(images/quotes.gif) top left no-repeat; }

.archive {background:url(images/line.png) repeat-x scroll center top transparent; padding-top:10px;}
.archive h2 { font-size:24px; text-transform:uppercase; font-weight:normal; padding: 10px 0 5px 0;}
.archive h3.catdesc { font-size: 16px; background:url(images/line.png) bottom repeat-x; margin: 5px 0 20px 0; padding: 0 0 10px 0;}
.archive .post {background:none;}
.archive .szulestortenet {margin-right: 10px;}

.wpcf7 p {padding: 0; position:relative;}
.wpcf7 input { background:#f9eaca; border: 1px solid #dfb992; padding:5px; width:200px; margin: 0 0 5px 0; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
.wpcf7 textarea { background:#f9eaca; border: 1px solid #dfb992; padding:5px; width:610px; margin: 0 0 10px 0; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
.wpcf7 input.gomb { background:url(images/kuldes.png) top left no-repeat; cursor:pointer; width:114px; height: 34px; border: none;}
span.wpcf7-not-valid-tip-no-ajax { position:absolute; top: 0; left: 330px; width: 250px; display:block; color:#6E1B13; font-weight:bold;}
div.wpcf7-validation-errors { border:none; background: #F9EACA; font-weight:bold; }
.wpcf7 p.check {clear:both;}
.wpcf7 p.check span.wpcf7-form-control-wrap {width:215px; display:block; float:left;}
.wpcf7 p.check span.wpcf7-form-control-wrap input {width: 30px;}

/* kommentek */

.komment {background:url(images/line.png) repeat-x scroll center top transparent; padding-top:10px;}
#respond {background:url(images/line.png) repeat-x scroll center top transparent; padding-top:10px;}
.komment h3.komm {padding: 0 0 10px 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px;}
ol.commentlist { list-style-type:none; margin: 20px 0;}
ol.commentlist li {padding: 10px;}
ol.commentlist li.even {background: #f1cd81;}
ol.commentlist li.odd {background: none;}
ol.commentlist li .comment-author { padding: 0 5px 5px 0;  }
ol.commentlist li .comment-meta {padding: 0 5px 10px 0;  }
ol.commentlist li .comment-meta a {text-decoration: none; color:#b79348; font-style: italic;}
ol.commentlist li .comment-meta a:hover {color: #6E1B13;}
ol.commentlist li ul.children { border: 1px solid #dbb565;}

ol.commentlist li.even ul.children {background: #FADC9D; border: 1px solid #fceccb;}
ol.commentlist li.even ul.children li {background: none;}
ol.commentlist li cite { font-style:normal; font-weight:bold;}
ol.commentlist li cite a { font-style:normal; font-weight:bold; text-decoration:none;}
#respond #author, #respond #email, #respond #url { background:#f9eaca; border: 1px solid #dfb992; padding:5px; width:200px; margin: 0 0 5px 0; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
#respond textarea { background:#f9eaca; border: 1px solid #dfb992; padding:5px; width:610px; margin: 0 0 10px 0; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
#respond #submit { background:url(images/kuldes.png) top left no-repeat; cursor:pointer; width:114px; height: 34px; border: none;}
#respond p.szia { padding-bottom:10px;}

/* sidebar */

.sidebar { background: #f1cd81 url(images/sidebar_bottom_bg.png) bottom left no-repeat; float:left; width: 271px;}
.sidebar ul {margin: 10px; list-style-type:none;}
.sidebar ul li div {margin: 10px;}
.sidebar ul li.album p {margin: -10px 0 20px 10px;}
.sidebar ul li ul {margin: 10px 0 20px 10px; }
.sidebar ul li ul li { background:url(images/csepp2.png) 2px 2px no-repeat; padding: 0 0 3px 17px;}
.sidebar ul li ul li a {color: #252525;}

.sidebar h3 { text-transform:uppercase; font-weight:normal; font-size: 22px; color: #52140e; padding-left: 10px;}
.search { background:url(images/sidebar_top_bg.png) top left no-repeat; padding: 10px; width:251px;}
#searchform {background:url(images/keres.png) top left no-repeat; width:236px; height:35px; margin: 5px 0 10px 5px;position: relative;}
#searchform #s { position:absolute; top: 7px; left: 5px; width: 155px; height: 20px; background:none; border:none;}
#searchform #searchsubmit { position:absolute; top: 0; right: 0;  height: 35px; width:60px; cursor:pointer; background:none; border:none;}

/* footer */ 

.footer {background: #54110b url(images/csigafooter.png) 670px 210px no-repeat; padding: 15px; color: #e8d5c8; position:relative;  height:358px; clear:both;}
.footer ul li.elem { list-style-type:none; float:left; width:280px; padding: 10px 0 10px 20px;}
.footer ul li.elem h3 { text-transform:uppercase; font-weight:normal; font-size: 22px; color: #52140e; color:#E8D5C8; padding:0 0 10px 0;}
.footer ul li.elem li {list-style-type: none; padding-bottom:8px;}
.footer ul li.elem p { padding-bottom:10px;}
.footer .credits { bottom: 20px; left: 635px; position:absolute;}
.footer a {color: #eac7a9;}