/*
Theme Name: Mókus Óvoda
Theme URI: 
Description: Mókus Óvoda honlapja
Version: 1.0
Author: Victoria Borbola
Author URI: http://www.boladesign.hu  
*/

body {
font-size: 12px;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;
color:#34444C;
/*background: #CCCCCC url('images/bkg.png');*/
background-color: #CCCCCC;
margin: 0;
padding: 0;
}

a {
color: #cb550d;
}

a:hover {
color: #FFFFFF;
}

input, textarea {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
color:#34444C;
}

#content {
width: 800px;
margin: 0 auto 0 auto;
text-align: left;
background-color: #FFFFFF;
}

.header ul{
margin: 0;
padding: 18px 0 0 124px;
height: 30px;
width: 676px;
background: transparent url('images/menu_bg.gif');
text-align: left;
}

.header ul li {
margin: 0;
padding: 0 70px 0 0;
display: inline;
list-style-type: none;
text-transform: uppercase;
}

.header ul li a{
color: white;
text-decoration: none;
}

.header ul li a:hover{
color: #333333;
}

.line_01 {
height: 405px;
/*background: #bad673 url('images/header_picture.gif') no-repeat;*/
/*background: #bad673 url('images/headerspring.gif') no-repeat;*/
}

.tamogatas {
/*background: transparent url('images/tamogatas_bg.jpg') 90px 162px no-repeat;*/
background: transparent url('images/tamogatas.png') 90px 162px no-repeat;
padding: 192px 0 0 95px;
width: 398px;
height: 206px;
float: left;
}

.tamogatas p {
margin: 20px 10px 0 10px;
}

.tamogatas strong {
display: block;
margin: 0 0 0 10px;
font-weight: normal;
font-size: 16px;
text-transform: uppercase;
}

.tamogatas p.link_szovege {
width: 300px;
font-size: 10px;
margin: 15px 0 0 10px;
}

.tamogatas p.tamogatas_jelenleg {
background: transparent url('images/hangya_01.jpg') no-repeat;
height: 15px;
width: 87px;
float: left;
margin: 25px 0 0 15px;
padding: 97px 0 0 0;
z-index: 100;
}

.tamogatas p.tamogatas_max {
float: right;
margin: 125px 20px 0 0;
}

.csoport_menu {
float: left;
padding: 219px 0 0 20px;
width: 280px;
}

span.csoport_menu_fejlec{
display: block;
font-size: 16px;
font-weight: normal;
height: 44px;
margin: 0;
padding: 17px 0 0 53px;
background: transparent url('images/maci.gif') no-repeat;
text-transform: uppercase;
color: #FFFFFF;
}

.csoport_menu ul {
margin: 0;
padding: 0;
width: 30%;
}

.csoport_menu ul li{
list-style-type: none;
padding: 5px 0 5px 0;
}

.csoport_menu ul li a{
text-decoration: none;
color: #34444C;
}

.main {
width: 100%;
clear: both;
background-color: #ace8e9;
}

.main_fooldal {
width: 100%;
clear: both;
background: #ace8e9 url('images/main_bg.jpg') repeat-y;
}

.hirek {
width: 502px;
background-color: #ed975c;
float: left;
}

.hirek .hirdetes {
width: 470px;
margin: 5px auto 5px auto;
}

.hirek_aloldal {
width: 100%;
background: #ed975c url('images/hirek_aloldal_02.jpg') repeat-x;
}

.hirek_aloldal .post {
background: transparent url('images/default_lablec.jpg') no-repeat 100% 100%;
}

.hirek_aloldal .post .entry {
margin: 0 0 20px 0;
}

.index_lablec {
background: transparent url('images/index_lablec.jpg') no-repeat 100% 100%;
height: 21px;
clear: both;
}

div.hirek h1{
margin: 0;
padding: 25px 0 0 90px;
font-size: 16px;
font-weight: normal;
background: transparent url('images/menu_hirek.jpg') no-repeat;
height: 40px;
text-transform: uppercase;
color: #FFFFFF;
}

div.hirek_aloldal h1{
margin: 0;
padding: 25px 0 0 90px;
font-size: 16px;
font-weight: normal;
background: transparent url('images/menu_hirek2.jpg') no-repeat;
height: 40px;
text-transform: uppercase;
color: #FFFFFF;
}

.date {
float: left; 
margin: 0 2em 0.5em 0; 
display: block; 
width: 3.5em; 
text-align: center; 
font-family: Arial, Helvetica, sans-serif; 
padding: 2px; 
background: #fff; 
color:#34444C;
}
.d1 {display: block; width: 100%; font-size: 1.8em; overflow: hidden; background-color: #ebc2a6; padding: 0;}
.d2 {display: block; width: 100%; font-size: 90%; overflow: hidden; padding: 0;}
.d3 {display: block; width: 100%; font-size: 90%; overflow: hidden; padding: 0;}

.post {
padding: 14px 20px 20px 20px;
}

.post_index {
padding: 5px 20px 5px 20px;
clear: both;
}

div.post h2, div.post h3,div.post_index h2, div.post_index h3 {
display: block; 
font: 2em Arial, sans-serif; 
padding: 0.1em 0 0; 
margin: 0;
color: #FFFFFF;
}

div.post div.entry h3{font-size: 1.3em;}

div.post h2 a, div.post h3 a, div.post_index h2 a, div.post_index h3 a {
color: #cb550d;
text-decoration: none;
}

.post h2 a:hover, .post h3 a:hover,.post_index h2 a:hover, .post_index h3 a:hover {
color: #FFFFFF;
}

.author {
margin: 0;
}

.author a{
color: #FFFFFF; 
text-decoration: none;
}

.entry {
clear: both;
}

.entry img.post-thumb {
float: left;
margin: 0 5px 5px 0;
}

div.navigation,div.navigation_page {
padding: 0 20px 0 20px;
clear: both;
height: 40px;
width: 462px;
}

div.post div.navigation{padding: 0 20px 0 0;}
div.post div.navigation p {margin:0;}
div.post div.navigation p.prev {width: 100%;}

div.navigation_page {
width: 760px;
}

div.navigation a,div.navigation_page a {
text-decoration: none;
}

div.navigation p.prev, div.navigation_page p.prev a{
display: block;
width: 150px;
padding: 0 0 0 20px;
float: left;
background: transparent url('images/left.png') no-repeat 0 50%;
}

div.navigation p.next, div.navigation_page p.next a, div.entry p.next a{
display: block;
width: 150px;
float: right;
text-align: right;
padding: 0 20px 0 0;
background: transparent url('images/right.png') no-repeat 100% 50%;
}

div.entry p.next a{
text-decoration:none;
width: 100%;
}

p.next a, p.prev a{
font-weight: bold;
}

.hivatkozas a{
display: inline;
background: transparent url('images/save_16.png') no-repeat;
padding: 0 0 0 20px;
line-height: 20px;
}

.hivatkozas a:hover{
background: transparent url('images/down_16.png') no-repeat;
}

/*csoport oldalak*/

h2.csoport_hirek {
padding: 5px 0 0 69px !important;
background-color: #f37e37;
height: 25px;
margin: 20px 0 10px 0 !important;
text-transform: uppercase;
font-size: 16px !important;
font-weight: normal !important;
}

.ajanlo {
float: left;
width: 298px;
}

.ajanlo h2{
margin: 0;
padding: 25px 0 0 90px;
font-size: 16px;
font-weight: normal;
background: transparent url('images/menu_ajanlo.jpg') no-repeat;
height: 40px;
text-transform: uppercase;
color: #FFFFFF;
}

.ajanlo ul {
margin: 10px 0 0 22px;
padding: 0;
z-index: 10;
}

.ajanlo ul li {
list-style-type: none;
padding: 5px 0 5px 0;
margin: 0;
}

.ajanlo ul li a{
text-decoration: none;
}

strong.partner,strong.regisztracio {
font-size: 16px;
font-weight: normal;
text-transform: uppercase;
margin: 10px 0 10px 0;
padding: 20px 0 0 97px;
height: 40px;
display: block;
color: #FFFFFF;
background: #6fb4b5 url('images/partnerek_fejlec.jpg') no-repeat;
}

strong.regisztracio{
padding: 15px 0 0 97px;
height: 45px;
background: #6fb4b5 url('images/reg_fejlec.jpg') no-repeat;
}

ul.partner {
background: transparent url('images/mokuskaland.jpg') no-repeat;
background-position: 0 100%;
padding: 0 0 100px 2px;
margin: 0 0 0 20px;
}

.mokuskaland_fejlec strong {
font-size: 16px;
font-weight: normal;
text-transform: uppercase;
display: block;
padding: 0 0 13px 35px;
margin: -30px 0 0 0;
color: #34444C;
height: 16px;
}

.mokuskaland_fejlec{
margin: 0;

}

.mokuskaland {
margin: 0;
background: transparent url('images/mokuskaland_middle.jpg') repeat-y;
background-position: 50% 0;
/*text-align: justify;*/
}

.mokuskaland p {
padding: 0 30px 0 30px;
margin: 0;
}

div.mokuskaland div.hivatkozas {
padding: 0 30px 0 30px;
margin: 0;
}

/*comments template*/
h4#respond {
background: transparent url('images/comment_form.png') no-repeat;
height: 42px;
padding: 15px 0 0 70px;
margin: 20px 0 0 0;
color: #FFF;
font: 2em Arial,sans-serif;
}

h4#comments {
background: transparent url('images/comment.png') no-repeat;
height: 52px;
padding: 5px 0 0 60px;
margin: 0;
color: #FFF;
font: 2em Arial,sans-serif;
}

h4#comments strong {
font-size: 12px;
font-weight: normal;
}

form#commentform {
background-color: #EBC2A6;
width: 610px;
border: 1px solid #CB550D;
padding: 20px;
margin: 10px 0 20px 0;
}

form#commentform p {
margin: 0 0 10px 0; 
clear: both;
}

form#commentform input {
width: 200px;
background-color: #edecec;
border: 1px solid #CB550D;
}

form#commentform textarea {
background-color: #edecec;
border: 1px solid #CB550D;
width: 609px;
height: 150px;
}

form#commentform input.button {
width: auto;
background-color: #CB550D;
color: #FFF;
}

form#commentform input.button:hover {
background-color: #b04a0c;
}

form#commentform p.submit {
margin: 10px 0 0 0;
text-align: right;
}

form#commentform label{
display: block;
padding: 0 0 3px 0;
}

form#commentform label.error{
color: #990000;
padding: 0 0 0 18px;
margin: 0 0 0 5px;
display: inline-block;
background: transparent url('images/alert.png') no-repeat;
}

ol.commentlist {
padding: 0 0 0 20px;
width: 630px;
}

ol.commentlist li {
font-size: 18px;
margin: 0 0 20px 0;
}

ol.commentlist li cite{
font-size: 12px;
font-style: normal;
height: 14px;
clear: both;
}

ol.commentlist li div.commenttext {
background: transparent url('images/comment_bg.jpg') no-repeat 0 0;
font-size: 12px;
width: 630px;
padding: 23px 0 0 0;
}

ol.commentlist li div.commenttext p{
margin:0 0 10px 0;
}

ol.commentlist li div.ctext{
background-color: #EBC2A6;
border-left: 1px solid #CB550D;
border-right: 1px solid #CB550D;
border-bottom: 1px solid #CB550D;
padding: 20px;
}

ol.commentlist li.admin_comm div.commenttext {
background: transparent url('images/admincomm_bg.jpg') no-repeat 0 0;
}

ol.commentlist li.admin_comm div.commenttext p{
background-color: #FFF;
}

ol.commentlist li em.moderal {
clear: both;
display: block;
margin: 0 0 0 60px;
color: #990000;
font-size: 11px;
}

ol.commentlist li cite span.author{
padding: 6px 0 0 0;
display: block;
float: left;
}

ol.commentlist li cite span.time{
padding: 6px 0 0 0;
display: block;
float: right;
}

/*játékajánló*/
table.game td {
vertical-align: top;
padding: 10px 5px 0 0;
}

img.ngg-left{
float: left;
margin: 0 5px 0 0;
}

img.ngg-singlepic{
border: none;
}
/*lábléc*/
.mokuskaland_lablec {
background: transparent url('images/mokuskaland_lablec.jpg') no-repeat;
background-position: 50% 0;
height: 9px;
}

.footer {
clear: both;
background-color: #a4a3a3;
font-size: 10px;
padding: 0 0 10px 0;
}

.footer a {
color: #34444C;
text-decoration: none;
}

.footer a:hover{
color: #FFFFFF;
}

.footer ul {
list-style: none;
margin: 0;
padding: 0;
}

div.footer div.box {
width: 130px;
margin-left: 56px;
float: left;
}

div.footer div.box strong{
display: block;
padding: 0 0 3px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #34444C;
}


/*Nextgen Gallery*/

div.ngg-galleryoverview {
width: 660px;
}

div.ngg-navigation {
clear: both;
height: 12px;
text-align: center;
}

div.ngg-navigation a, span{
text-decoration: none;
/*display: block;
float: left;*/
padding: 0 3px 0 0;
}

div.ngg-galleryoverview div.ngg-gallery-thumbnail-box {
width: 105px;
height: 80px;
float: left;
margin: 0 5px 0 0;
}

div.ngg-galleryoverview div.ngg-gallery-thumbnail-box img{
border: 2px solid #ED975C;
}

div.ngg-galleryoverview div.ngg-gallery-thumbnail-box img:hover{
border: 2px solid #34444C;
}

div.ngg-clear {
clear: both;
}

div.ngg-imagebrowser {
text-align: center;
}

div.ngg-imagebrowser h3{
font-size: 12px;
color: #34444C;
margin: 5px 0 5px 0;
}

div.ngg-imagebrowser-nav {
font-size: 10px;
}

div.ngg-imagebrowser-nav div.back {
width: 50px;
float: left;
}

div.ngg-imagebrowser-nav div.next {
width: 80px;
float: right;
}

div.ngg-imagebrowser-nav a {
text-decoration: none;
}

div.pic {
margin: 5px 0 5px 0;
}

div.clear {
clear: both;
}

/*regisztráció*/
form#registerform label {
width: 152px;
display: block;
float: left;
}

form#registerform input {
float: left;
width: 180px;
background-color: #edb690;
border: 1px solid #757575;
}

form#registerform p {
clear: both;
height: 22px;
}
form#registerform span.custom_checkbox{float: left; width: 200px; display: block;}
form#registerform span.custom_checkbox input{
width: auto;
margin: 0 5px 0 0;
}

form#registerform p.submit input{
width: 100px;
color: #34444c;
margin: 0 0 0 152px;
}

div#hiba p{
border: 2px solid yellow;
padding: 5px;
}

