/*
Theme Name: BringABag
Theme URI: http://bringabag.hu
Description: Minimál dizájn - bringabag.hu, SEO rulz :)
Version: 1.0
Author: ZINA LEMMIKKI
Author URI: http://lemmmikki.hu
Tags: 
*/

/* reset */
body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: baseline; }
a img, :link img, :visited img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

/*global */
html { height:100%; overflow-y:scroll;} 
body {color: #444444; font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; background: #fff; height:100%;}
a img {border: none;}
a { font-weight: bold; text-decoration: underline; color: #379aff; }
a:hover { text-decoration: none; }

.fl {float: left;}
.fr {float: right;}

input, button, select, textarea { font: 10pt/1.4em arial, sans-serif; }
img.aligncenter {display: block; margin:auto !important; float:none !important;}
img.alignleft {float:left !important; margin: 0 10px 10px 0 !important;}
img.alignright {float:right !important; margin: 0 0 10px 10px !important;}


br.clear { clear: both;}

.wrapper {width: 800px; margin: 0 auto 0 auto; position:relative; min-height:100%;}

.header { height: 130px; position:relative; padding: 10px 0 0 0;}
.header h1 {position: absolute; left:-9999px;}

.lang {position: absolute; top: 140px; right: 16px;}

.sidebar {float:left; width:205px;}
.sidebar ul.menu { margin: 0 20px 5px 20px; }
.sidebar ul.menu li { padding-bottom:10px; font-size:14px; line-height:16px;}
.sidebar ul.menu li a { text-transform:uppercase; color:#454545; text-decoration:none; font-weight:normal; cursor:pointer;}
.sidebar ul.menu li a:hover {font-weight:bold;}
.sidebar ul.menu li ul {margin: 10px 0 0 10px;}

.sidebar p.hirlevel { position:relative;  background: url(images/hirlevel.jpg) no-repeat; margin:0 0 15px 15px;width: 140px; height: 166px; padding: 0; background-position: 0 0;}
.sidebar p.hirlevel strong {width: 140px; height: 166px;  display: block;}
.sidebar p.hirlevel a span {position: absolute; left: -9999px;}


.content {float:right; width:520px; min-height: 450px; height: auto !important; height: 450px; padding-right: 60px; margin: 0 15px 50px 0;}
.content .post {padding-bottom: 10px; margin-bottom:20px; clear:both; position:relative;}
.content h2, .content h2 a {color: #9fcd01; text-decoration:none; font-size:20px; font-weight:normal; padding: 0 0 15px 0; }
.content h3, .content h3 a {color: #343434; text-decoration:none; font-size:16px; font-weight:bold; padding: 20px 0 10px 0;}
.content .post p { line-height:20px; padding: 0 0 10px 0; text-align:justify;}
.content .post p em {font-style:normal; font-weight:bold;}
.content .post p.author { text-transform:uppercase; font-size:11px;}
.content .post ul{margin: 10px; }
.content .post ol, .content .post ol li, .content .post ol ol, .content .post ol ol li {margin: 0 !important;}
.content .post ol li {padding: 0  0 20px 0!important;}
.content .post ol li ol li {padding: 0  0 5px 0!important;}
.content .post ol li ol li strong {color: #444444 !important;}
.content .post ul li {padding: 5px 5px 5px 23px; line-height:17px;}
.content .post ol li { list-style-type:decimal; list-style-position:inside; padding: 5px 5px 5px 7px;  line-height:17px;}
.content .post ul.gyik li { padding-bottom:20px !important;}
.content .post ul.gyik li strong {font-size: 14px; }
.content .post blockquote { background: #f8f8f8; border:1px solid #eeeeee; padding: 15px; font-style: italic; margin: 10px 0 15px 0;}

.content .post h1 {font-size: 26px; padding-bottom:10px;}
.content .post h4, h5, h6 {padding-bottom: 5px; font-weight:bold;}
.content .post h4 {font-size: 15px; color: #6f0e6f;}
.content .post h5 {font-size: 14px; color:#ec7928;}
.content .post h6 {font-size: 13px; color: #9a0134;}

.content .post a img, .content .post img {float:left; margin: 0 20px 10px 0; border:none;}
.content .post img.bam { position: absolute; top: 80px; right: 10px; margin: 0 !important;}
.content .post img.bam2 { position: absolute; top: 170px; left: 10px; margin: 0 !important;}

.content .list { min-height: 155px; height: auto !important; height: 155px;}
.content .list p em {color: #343434 !important;}

.content h3.rovidleiras {font-size: 15px; line-height: 18px; padding-bottom:10px;}
.content p.tulajdonsagok { line-height: 18px;}
.content p.tulajdonsagok strong {font-size: 16px;}
.content p.megrendel { position:relative;  background: url(images/megrendelem.png) no-repeat; margin:15px 0 15px 0; float:right; width: 276px; height: 68px; padding: 0; background-position: 0 -68px;}
.content p.megrendel strong {width: 276px; height: 68px;  display: block;}
.content p.megrendel a span {position: absolute; left: -9999px;}
.content p.megrendelkez { position:relative;  background: url(images/megrendelem2.png) no-repeat; margin:15px 0 15px 0; float:right; width: 277px; height: 68px; padding: 0; background-position: 0 -68px;}
.content p.megrendelkez strong {width: 276px; height: 68px;  display: block;}
.content p.megrendelkez a span {position: absolute; left: -9999px;}
.content img.singlekep {padding-bottom: 50px;}
.content .leiras p{line-height:18px !important; padding-bottom:15px;}
.content .list img.attachment-thumbnail {padding-bottom: 20px;}

#content .pagenav { font-size: 11px; font-weight: bold;padding-top: 12px; margin-top: 12px;}

.content input.gomb {background: #379aff; border: none; color: #fff; padding: 3px; margin: 0 0 20px 0; font-weight:bold; width: 150px !important;}

form.signup label{
	clear:left;
	display:block;
	float:left;
	font-weight:bold;
	line-height:24px;
	text-align:left;
	width:180px;
}
form.signup input.text {
	background:none repeat scroll 0 0 #FBFBFB;
	border:1px solid #DDDDDD;
	display:block;
	float:left;
	margin-bottom:3px;
	padding:3px;
	width:300px;
}

#comments .avatar_cont {float:left; width: 45px; margin-right:10px;}
#comments p.mod {padding-bottom: 15px;}
#comments .upper {float:right; width: 465px;}
#comments .upper p, #comments .upper p em, #comments .upper p small, #comments .upper p a {line-height: 16px !important;}
#comments .upper p {padding: 5px 0 5px 0;}
#comments a {text-decoration: none;}
#comments a:hover {text-decoration: underline;}
#comments .commszoveg {padding: 0 0 30px 0; }
#comments .commszoveg p {line-height:16px;padding: 0 0 10px 0; }
#comments h3 {padding: 10px 0 10px 0;}

#commentform label {width: 180px; font-weight:bold; display:block; float:left; padding: 10px 0 5px 0;}
#commentform span.req {color: #F00; font-weight:normal !important;}
#commentform p {line-height: 18px; clear:both;}
#commentform input { font-family:Arial, Helvetica, sans-serif; border: 1px solid #ddd; background: #fbfbfb; margin: 5px 0 0 0; padding: 3px; width: 300px;}
#commentform textarea {width: 300px; height: 150px; font-family:Arial, Helvetica, sans-serif; border: 1px solid #ddd; background: #fbfbfb; margin: 5px 0 0 0; padding: 3px;}
#commentform #submit {background: #379aff; border: none; color: #fff; padding: 3px; margin: 10px 0 20px 180px; font-weight:bold; width: 150px !important;}

.footer {margin: 55px 0 25px 210px; color: #aaa; font-size:11px; position:absolute; bottom: 0;} 
.footer a {color: #666;}