/*   
Theme Name: Sütidoboz.hu
Theme URI: http://sutidoboz.hu
Description: A sütidoboz habos-babos rózsaszín témája.
Author: Tóth Máté
Author URI: http://nincs.hu
Version: 1
*/

@charset "utf-8";

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearfix{
	clear:both;
	font-size:1px;
	height:1px;
}

/*********************************
/ Saját
/*********************************/

::selection {
    background:#e556bf;
	color:#FFF;
}

::-moz-selection {
    background:#e556bf;
	color:#FFF;
}

body{
	background:#ffd0f2 url(img/bodybg.jpg);
	font-size:14px;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#8a7155;
}

a{
	color:#e556bf;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

h1{
	color:#e556bf;
	font-size:40px;
}

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

h2{
	color:#e556bf;
	font-size:30px;
}

h3{
	font-weight:bold;
	font-size:14px;
	margin:20px 0 0 0;
}

.wrapper{
	width:1066px;
	margin:0 auto;
}

.logoholder{
	height:132px;
	width:960px;
	margin:0px auto;
	background:#fff url(img/logoholderbg.jpg) top center no-repeat;
}

.logo{
	float:left;
	width:310px;
	margin:40px 0 0 20px;
}

.searchholder{
	float:right;
	width:400px;
	margin:60px 20px 0 0;
}

	.searchholder input[type=text]{
		float:left;
		width:150px;
		height:31px;
		background:url(img/searchbg.jpg) repeat-x;
		border:none;
		padding:0;
		font-size:10px;
		font-family:Arial, Helvetica, sans-serif;
		color:#8a7155;
	}
	
	.searchholder input[type=submit]{
		float:left;
		background:url(img/searchsubmit.jpg) no-repeat center center;
		width:30px;
		height:31px;
		border:none;
		color:transparent;
		font-size:0;
		cursor:pointer;
	}
	
.searchinput{
	float:right;
	width:auto;
}
	
.searchleft{
	float:left;
	background:url(img/searchleft.jpg) no-repeat center center;
	width:16px;
	height:31px;
	border:none;
	color:transparent;
	font-size:0;
}

.menuholder{
	width:1066px;
	height:62px;
	margin:0 auto;
	background:transparent url(img/menubg.png) top center no-repeat;
	font-size:12px;
	font-weight:bold;
}

.menuitems{
	padding:7px 0 0 45px;
	text-transform:uppercase;
	text-shadow:1px 1px 0px #FFF;
    font-size:11px;
}
    
.clear {clear:both}

/* remove the list style */
#nav {
    margin:0;
    padding:0;
    list-style:none;
}  
     
    /* make the LI display inline */
    /* it's position relative so that position absolute */
    /* can be used in submenu */
    #nav li {
        float:left;
        display:block;
        position:relative;
        z-index:500;
        padding:10px 20px;
        background:transparent url(img/menusep.png) top right no-repeat;
    }
         
    /* this is the parent menu */
    #nav li a {
        display:block;
        text-decoration:none;
        padding-bottom:17px;
    }
 
    #nav li a:hover {
        text-decoration:none;
        color:#b80989;
    }
     
    /* you can make a different style for default selected value */
    #nav a.selected {
        color:#f00;
    }
     
        /* submenu, it's hidden by default */
        #nav ul {
            width:150px;
            position:absolute;
            left:0;
            display:none;
            margin:0;
            padding:0;
            list-style:none;
            background:#ffd0f2 url(img/submenuside.png) top left repeat-y; 
        }
         
        #nav ul li {
            float:left;
            background:none;
        }
         
        /* display block will make the link fill the whole area of LI */
        #nav ul a {
            display:block; 
            padding:2px 10px 2px 0;
            color:#e556bf;
            text-shadow:1px 1px 0px #FFF; 
        }
         
        #nav ul a:hover {
            text-decoration:none; 
        }
 
/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
    margin:0 0 0 -2px;
}

.fbholder{
	width:220px;
	float:right;
	margin:10px 70px 0 0;
}

	.fbholder img:hover{
	    filter:alpha(opacity=90);
	    -moz-opacity:0.9;
	    opacity: 0.9;
	    -webkit-box-shadow: 0px 0px 5px #395695;
        -moz-box-shadow: 0px 0px 5px #395695;
        box-shadow: 0px 0px 5px #395695;
	    -webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
	}
	
.realcontent{
	background:#FFF;
	width:940px;
	padding:10px;
	margin:0 auto;
}

.maincontent{
	width:620px;
	float:left;
}

.post{
	margin:0 0 40px 0;
}

.postinfo{
	margin:10px 0 0 0;
	font-size:10px;
}

	.postinfo a{
		color:#8a7155;
	}
	
	.postinfo span{
		float:left;
	}

	.postinfo li{
		float:left;
	}

.postauthor{
	padding:0 10px 0 12px;
	background:url(img/postauthoricon.jpg) left center no-repeat;
}

.postdate{
	padding:0 10px 0 12px;
	background:url(img/postdateicon.jpg) left center no-repeat;
}

.postcomments{
	padding:0 10px 0 12px;
	background:url(img/postcommentsicon.jpg) left center no-repeat;
}

.posttag{
	padding:5px 10px 0 12px;
	background:url(img/posttagicon.jpg) left bottom no-repeat;
	float:left;
}

.postimg{
	width:620px;
	height:234px;
	overflow:hidden;
	background:#FFF url(img/postimgbg.jpg) top left no-repeat;
	margin:10px 0 5px 0;
}

	.postimg img{
		margin:5px;
	}

.singlepost img, .postmainimg{
	background:#fff;
	padding:4px;
	border:1px #e3e3e3 solid;
	margin:10px 0 5px 0;
}

    .singlepost img.size-thumbnail{
        margin-right:10px;
    }

.posttext{}

	.posttext p{
		line-height:18px;
		text-align:justify;
		margin:10px 0 10px 0;
	}
	
	.posttext li{
		line-height:16px;
		margin:2px 0;
	}
	
	.posttext h2{
		margin:20px 0 10px 0;
	}
	
	.posttext ol li{
		list-style:decimal;
		list-style-position:inside;
		margin:0 0 15px 0;
	}
	
.postmore{
	margin:10px 0;
	text-align:right;
	background:#ffeaf9;
	padding:10px;
	font-size:10px;
	-webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

	.postmore a{
		color:#ea78cc;
	}
    
.searchresult{
    margin:0 0 20px 0;
    background:#ffeaf9;
    padding:10px;
    font-size:12px;
    font-weight:bold;
    color:#ea78cc;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
	
.pagerholder{
	height:50px;
	margin-bottom:40px;
}

.prevpage{
	float:left;
	width:295px;
	margin:0 10px 0 0;
	text-align:right;
}

.nextpage{
	float:right;
	width:295px;
	margin:0 0 0 10px;
	text-align:left;
}

.sidebar{
	width:300px;
	float:right;
}

    .sidebar a{
        color:#8a7155;
    }

.sidebarsep{
	height:1px;
	background:transparent url(img/sidebarsep.png) repeat-x;
	font-size:1px;
	margin:10px 0 10px 0;
}

.widgetholoder{
	margin:0 0 30px 0;	 
}

    .widgetholoder li{
        padding:5px;
        border-bottom:#ffebf9 1px solid;
        float:left;
        width:130px;
        margin:0 10px 0 0;
    }
    
.segitsek{
    margin:-20px 0 40px 0;
}

.fbshareholder{
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border:#f1b2df 1px solid;
    margin:10px 0;
    padding:10px;
    background:#f0ddea;
    
}

.sharebutton{
    float:left;
    margin-right:20px;
    width:45px;
    padding:30px 10px 0 10px;
    overflow:hidden;
}

.footer{
	height:47px;
	background:#ffb5eb url(img/footerbg.jpg) top center no-repeat;
	width:960px;
	margin:0 auto;
	color:#FFF;
}

	.footer p{
		padding:17px 0 0 20px;
		color:#e556bf;
		text-shadow: 1px 1px 0px #FCF;
	}
    
#comments, #leavereply{
    margin-bottom:10px;
}    
    
.commentlist{
    line-height:14pt;
}

ol.commentlist { 
    list-style:none; 
    margin:0 0 1em; 
    padding:0; 
    text-indent:0; 
}

ol.commentlist li.comment { 
    border-bottom:1px dotted #eaeaea; 
    padding:10px; 
}

ol.commentlist li div.vcard { 
    font:normal 10px georgia,times,serif; 
}

ol.commentlist li div.vcard cite.fn { 
    font-style:normal; 
}


ol.commentlist li div.vcard img.avatar { 
    border:1px solid #ccc;
    padding:3px; 
    float:right; 
    margin:0 0 1em 1em; 
    background:#fff;
}

ol.commentlist li div.comment-meta { 
    font-size:9px; 
    margin:0 0 10px 0;
}

ol.commentlist li div.comment-meta a { 
    color:#ff89de; 
}

ol.commentlist li p { 
    font-size:11px; 
    margin:0 0 1em; 
}

ol.commentlist li ul { 
    font-size:11px; 
    list-style:square; 
    margin:0 0 1em 2em; 
}

ol.commentlist li div.reply { 
    font-size:11px; 
}

ol.commentlist li div.reply a { 
    font-weight:bold; 
}

ol.commentlist li ul.children { 
    list-style:none; 
    margin:1em 0 0; 
    text-indent:0; 
}

ol.commentlist li ul.children li.depth-2 { 
    border-left:1px solid #f19eda; 
    margin:0 0 .25em .25em; 
}

ol.commentlist li ul.children li.depth-3 { 
    border-left:1px solid #f19eda; 
    margin:0 0 .25em .25em; 
}

ol.commentlist li ul.children li.depth-4 { 
    border-left:1px solid #f19eda; 
    margin:0 0 .25em .25em; 
}

ol.commentlist li.even { 
    background:#fff; 
}

ol.commentlist li.odd { 
    background:#fef1fb; 
}

ol.commentlist li.parent { 
    border-left:2px solid #e556bf; 
}

ol.commentlist li.pingback { 
    border-bottom:1px dotted #666; 
    padding:1em; 
}

#respond{
    margin:40px 0;
}

#commentform input[type=text]{
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border:#f1b2df 1px solid;
    margin:5px 0;
    width:150px;
    height:30px;
    background:url(img/inputbg.jpg) repeat-x;
    padding:0 10px;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    color:#8a7155;
}

#commentform textarea{
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border:#f1b2df 1px solid;
    margin:5px 0;
    width:600px;
    height:50px;
    background:url(img/inputbg.jpg) repeat-x;
    padding:10px;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    color:#8a7155;
}

#commentform input[type=submit]{
    display: inline-block;
    padding: 10px;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
    background-color: #f1b2df;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    margin:5px 0 20px 0;
}

#commentform label{
    color:#e556bf;
}

.login{
    background:#red;
}

.tagclod{
    text-align:center;
}

.tagcloud a{
    padding:5pt;
}

/* Reklámok */

.list_ad{
	margin:0 auto 40px auto; 
	width:468px;
	background:#ffeaf9;
	padding:10px;
	-webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

.single_ad{
	margin:20px auto; 
	width:468px;
	background:#ffeaf9;
	padding:10px;
	-webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}