/**********************************************************/
/* Theme Name: Balku Tamás Blog 2010                      */
/* Version: 1.0                                           */
/* Author: B.Tamás	                                      */
/* Author URI: http://btamas.hu/                          */
/**********************************************************/
body,html{height: 100%;}
body{
	background: #716345 url(images/bg.jpg) center top no-repeat;
	font-family: Arial;
	font-size: 13px;
	color: #c9c9c9;
	margin: 0;
	padding: 0;
}

blockquote{
	font-style: italic;
}
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;}
a,a:link,a:visited{
	text-decoration: none;
	color: #716345;
}
a:hover{
	text-decoration: underline;
	color: #b7a276;
}
form,input,textarea{
	margin: 0;
	padding: 0;
}
.clr{
	clear: both;
	overflow: hidden;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
}

#container{
	background: url(images/bg-topMenu.gif) center top repeat-x;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
}
#container2{
	width: 900px;
	margin: 0 auto 0 auto;
}

.googleBanner{
	margin: 10px auto 10px auto;
}
.datasSeparator{
	height: 1px;
	background: #ffffff;
	border: 0 none;
    text-shadow: 4px 2px 2px #C0C0C0;
}
.translate_block{
    text-shadow: none;
}
.translate_block a{color: #FF8000;}
.translate_block a:hover{
    font-size: 120% !important;
    font-weight: bold !important;
}

/**
 * Header
 **/
#header{
	height: 415px;
	padding-top: 20px;
}
#header .topMenu a{color: #b7a276;}
#header .topMenu a:hover{color: #FFFFFF !important;}
#header .topMenu{
	float: left;
	height: 38px;
	padding-left: 50px;
}
#header .topMenu ul,
#header .topMenu li{
	margin: 0;
	padding: 0;
	display: inline;
	font-family: Tahoma;
	font-size: 13px;
	color: #a6630f;
}
#header .topMenu li{
	height: 19px;
	line-height: 19px;
	border: 1px solid #090909;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 3px 10px 5px 10px;
}
#header .topMenu li:hover{
	border: 1px solid #7c7c7c;
}
#header .topMenu li a:hover{
	color: #f1a143;
	text-decoration: none;
}
#header .search{
	float: right;
	width: 180px;
	height: 38px;
	padding-right: 50px;
}
#header .search .searchFrame{
	background: url(images/bg-search.gif) center top no-repeat;
	position: relative;
}
#header .search .szorcs{
	background: transparent;
	position: relative;
	z-index: 1;
	border: 0 none;
	width: 145px;
	height: 18px;
	padding-left: 5px;
	padding-right: 30px;
	font-family: Tahoma;
	font-size: 13px;
	color: #f1a143;
}
#header .search .magnify{
	position: absolute;
	z-index: 2;
	top: 2px;
	right: 10px;
}
#header .logo{
	float: left;
	margin-top: 3px;
	width: 270px;
	height: 118px;
}
#header #references{
	float: left;
	width: 266px;
	height: 158px;
	margin-left: 31px;
	margin-top: 33px;
}
#header #references .rcont{position: relative;}
#header #references img{
	position: absolute;
	z-index: 1;
}
#header #references .crash{
	background: url(images/latop-crash.png) center top no-repeat;
	position: absolute;
	z-index: 10;
	width: 266px;
	height: 158px;
}
#header #references .crash:hover{cursor: pointer;}
#header #references .pName{
    position: absolute;
    z-index: 100;
    bottom: -158px;
    width: 266px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    text-align: center;
    color: #FFFFFF;
    background: rgba(0, 0, 0, 0.5);
}
#header #references .pName a{
    display: block;
    color: #FFFFFF;
}
#header .rss{
	float: left;
	margin-top: 65px;
	margin-left: 56px;
}
#header .rss img{position: relative;}
#header #codePanel{
	background: url(images/code.png) left top repeat-y;
	float: left;
	width: 184px;
	height: 262px;
	margin-left: 40px;
}
#header #headerBanner{
	text-align: center;
	width: 100%;
	height: 95px;
	margin-top: 10px;
}

/**
 * Content
 **/
#content{
	background-color: #2e2e2e;
	width: 100%;
	position: relative;
	height: 100%;
	min-height: 100% !important;
	padding-bottom: 400px;
}

/* Widgets */
#widgets{
	float: left;
	width: 205px;
}
#widgets .widget_box{
	font-family: Tahoma;
	width: 285px;
	margin-left: -80px;
	margin-bottom: 15px;
}
/*#widgets .widget_box a:hover{color: #b7a276;}*/
#widgets .widget_box ul,
#widgets .widget_box li{
	margin: 0;
	padding: 0;
	list-style: none;
}
#widgets .widget_box li{padding: 2px 0 2px 0;}
#widgets .widget_box ul.children{margin-left: 5px;}
#widgets .widget_top{
	background: url(images/bg-widgetTop.png) center top no-repeat;
	width: 285px;
	height: 55px;
	margin-left: -85px;
}
#widgets .widget_top h6{
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #ff8400;
	margin-left: 85px;
	line-height: 44px;
}
#widgets .widget_content{
	text-align: justify;
	font-size: 13px;
	color: #716345;
	padding-left: 85px;
}
/* Content items */
#contRight{
	float: left;
	width: 680px;
	margin-left: 15px;
}
#contRight .contTitle{
	background-image: url(images/bg-contCenter.gif);
	background-position: center top;
	background-repeat: repeat-y;
	min-height: 91px;
	width: 680px;
}
#contRight .contTitle div{
	background-image: url(images/bg-contTop.gif);
	background-position: center top;
	background-repeat: no-repeat;
	min-height: 91px;
}
#contRight .contTitle div div{
	background-image: url(images/bg-contBottom.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	min-height: 91px;
}
#contRight .contTitle h1{
	font-family: "Georgia", Arial;
	font-size: 30px;
	font-weight: bold;
	color: #ffffff;
	margin: 0;
	padding: 25px 10px 25px 10px;
	line-height: 30px;
	text-shadow: 1px 1px 3px #000000;
}
#contRight .contTitle h1 a{color: #ffffff;}
#contRight .datas{
	margin-bottom: 10px;
	padding: 0 15px 0 15px;
    line-height: 18px;
}
#contRight .datas .big{
	font-size: 14px;
	font-weight: bold;
	color: #ff8400;
}
#contRight .datas .small{
	font-size: 13px;
	color: #716345;
}
#contRight .datas .left{
	float: left;
	text-align: left;
	width: 300px;
}
#contRight .datas .right{
	float: right;
	text-align: right;
	width: 300px;
}

#contRight .text{
	text-align: justify;
	padding: 0 15px 0 15px;
	text-shadow: 1px 1px 0px #000000;
	line-height: 16px;
}
#contRight .postOtherOptions{
    text-align: justify;
    margin: 10px 0 10px 0;
	padding: 0 15px 0 15px;
	text-shadow: 1px 1px 0px #000000;
	line-height: 18px;
}
#contRight .postOtherOptions .left{
    float: left;
    width: 325px;
}
#contRight .postOtherOptions .right{
    float: left;
    width: 325px;
}
#contRight .postOtherOptions .addthis_container{text-align: right;}
#contRight .wp_syntax{text-shadow: none;}
#contRight .errorMessage{
	width: 500px;
	height: 128px;
	margin: 0 auto 0 auto;
	text-align: center;
}
#contRight .errorMessage .noPost{
	font-size: 20px;
	font-weight: bold;
	text-shadow: 1px 1px 0px #000000;
	color: red;
}
#contRight .errorMessage td.right{padding-left: 20px;}

/* Comments */
#comments{margin-top: 35px;}
#sendComment{
	background: url(images/bg-comment.gif) left top no-repeat;
	width: 600px;
	height: 180px;
}
#sendComment .left,
#sendComment .right{
	float: left;
	padding-top: 50px;
}
#sendComment input,
#sendComment textarea{
	background-image: url(images/bg-commentInput.gif);
	background-position: center top;
	background-repeat: repeat;
	font-size: 16px;
	text-transform: none;
	color: #716345;
	border: 1px solid #ff8400;
}
#sendComment input:focus,
#sendComment textarea:focus,
#sendComment input:hover,
#sendComment textarea:hover{
	color: #c3b18c;
}
#sendComment .left input{
	width: 224px;
	height: 16px;
	margin-bottom: 2px;
	padding: 4px 4px 4px 4px;
}
#sendComment .right textarea{
	margin-left: 18px;
	width: 343px;
	height: 80px;
	overflow: auto;
	resize: none;
}
#sendComment .bottom{
	float: right;
	margin-right: 3px;
	margin-top: 10px;
}
#sendComment .bottom input{border: 0 none;}

/******************************************/
#commentList{
	background-image: url(images/bg-comments.png);
	background-position: center 10px;
	background-repeat: no-repeat;
	width: 680px;
	margin-top: 5px;
}
#commentList .commentsFrame{
	margin-left: 40px;
	margin-bottom: 28px;
}
#commentList .title{
	font-size: 21px;
	font-weight: bold;
	text-transform: uppercase;
	color: #65391c;
}
#commentList .item{
	padding-bottom: 15px;
}
#commentList .item .datas{
	background-color: #3c3933;
	margin-bottom: 0;
	padding: 0;
	float: left;
	width: 665px;
	line-height: 24px;
}
#commentList .item .datas .name{
	float: left;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #8d4c22;
	padding-left: 7px;
}
#commentList .item .datas .name a{color: #8d4c22;}
#commentList .item .datas .date{
	float: left;
	font-size: 13px;
	color: #d9d9d9;
}
#commentList .item .datas .reply{
	float: left;
	font-size: 13px;
}
#commentList .item .datas .reply a{color: #ff7200;}
#commentList .item .datas .number{
	background-image: url(images/bg-commentNumber.gif);
	background-position: center top;
	background-repeat: no-repeat;
	min-width: 37px;
	float: right;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: #fe7e00;
	margin-right: 5px;
}
#commentList .item .datas .number a{color: #fe7e00;}
#commentList .item .datas .separ{
	float: left;
	margin: 0 3px 0 3px;
}
#commentList .item .comment{
	float: left;
	width: 655px;
	padding-left: 10px;
	padding-top: 10px;
	text-align: justify;
}
#commentList .item .comment p{margin: 0;padding: 0;}
#commentList .item .comment .checking{
	text-align: center;
	font-weight: bold;
	color: red;
}
#commentList .noComment{
	font-size: 16px;
	font-weight: bold;
	padding-top: 45px;
	text-align: center;
}

/* Footer */
#footer{
	background: #252525 url(images/bg-footer.gif) center top repeat-x;
	width: 100%;
	min-height: 340px;
	max-height: 380px;
	position: absolute;
	bottom: 0;
}
#footer .center{
	width: 880px;
	margin: 15px auto 0 auto;
}
#footer .column{
	float: left;
	width: 293px;
	font-family: Tahoma, Arial;
	font-size: 13px;
	color: #716345;
}
/*#footer .column a{color: #716345;}
#footer .column a:hover{color: #b7a276;}*/
#footer .column .title{
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #8e4c21;
	margin-bottom: 5px;
}
#footer .column ul,
#footer .column li{
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer .column li{padding: 2px 0 2px 0;}
#footer .copyright{
	font-size: 10px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 10px;
	color: #716345;
}
#footer .copyright span{
	font-weight: bold;
	text-transform: uppercase;
}