/*
Theme Name: HelloRepublic Theme 4 szurke
Theme URI: http://www.hellorepublic.com/
Description: The default theme for www.hellorepublic.com
Version: 4.0sz
Author: Republic of Art
Author URI: http://www.hellorepublic.com/
*/

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Helvetica, sans-serif;
	background:#e7e3d8;
	width:100%;
	height:100%;
}

div#container {
	margin-right:20px;
	margin-left:20px;
	margin-top:20px;
	background:#333333;
}

div#jobb_fent {
	position:absolute;
	right:20px;
	top:20px;
	width:104px;
	height:102px;
	z-index:111;
}

div#logo {
	position:absolute;
	top:3%;
	right:3%;
	width:88px;
	height:88px;
}

a {
	color: #87867a;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	background: #d1010f;
	color: white !important;
}

a:hover img {
	background: transparent !important;
}

h1, h2, h3, h4, h5, h6, form, span, input, textarea, fieldset, label, img, p, ol, ul, li {
	padding: 0px;
	margin: 0px;
	border: 0px;
	font-weight: normal;
}

p {
	color:#86867a;
}

p a {
	color:#87867a;
}

h1, h3 {
	font-family: Times;
	font-size: 24px;
	color: #87867a;
}

h3 {
	width: 360px;
	line-height: 20px;
}

h4 {
	width: 360px;
	position: absolute;
	bottom: 0px;
	font-weight: bold;
	line-height: 12px;
	font-size: 12px;
	color: #87867a;
}

h5 {
	font-family: Times;
	font-size: 24px;
	color: #87867a;
}

input, textarea {
	background: #e7e7e7;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid #6e6e6e;
	border-right: 1px solid #6e6e6e;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #d1010f;
	padding: 2px;
	margin-bottom: 2px;
}

label {
	font-weight: bold;
}

div.searchform input {
	float: left;
	width: 124px;
	height:30px;
	background:#333333;
	border:none;
	margin:13px;
	font-size:20px;
}

div.form_fent {
	width:150px;
	height:30px;
	background:#2a2a2a;
}

div.form_fent h5 {
	padding:10px;
}

div.form_kozep {
	width:120px;
	height:5px;
	background:#2a2a2a;
	position:relative;
	left:30px;
	top:-10px;
}

div#form_lent {
	position:relative;
	top:-20px;
	width:150px;
	height:80px;
	background-color:#2a2a2a;
}

div.hr {
	background: transparent url(images/hr_dot.gif) 0px 0px repeat-x;
	height: 1px;
	margin: 13px 0px;
}

div.hr.black {
	background: transparent url(images/hr_dot.gif) 0px -1px repeat-x;
}

div.hr.black.double {
	background: transparent url(images/hr_dot.gif) 0px -1px repeat-x;
	height: 4px;
}

div.hr hr {
	display: none;
}

div.clearer {
	clear: both;
	line-height: 0px;
}

#page {
	width: 916px;
	margin: 0px auto;
	padding-top: 3px;
	background-color: #333333;
}

#content {
	width: 592px;
	float: left;
	position: relative;
	left: 66px;
}

#intro {
	height: 220px;
	position: relative;
}

h1 span {
	position: absolute;
	top: 171px;
}

h1 span a, h3 span a {
	color: #87867a;
	background-color:#2a2a2a;
	font-weight: normal !important;
	padding-bottom:1px;
	padding-left:2px;
	padding-right:60px;
	text-align:left;
	line-height:24px;
}

#intro h2 {
	position: absolute;
	top: 160px;
	right: 0px;
	font-family: Verdana;
	font-size: 9px;
	color: #87867a;
	text-align: right;
}

#intro h2 span.red {
	color: #d1010f;
}

ul.menu {
	position: absolute;
	bottom: 0px;
	line-height: 15px;
}

ul.menu li {
	display: inline;
	list-style: none;
	font-weight: bold;
	font-size: 12px;
	margin-right: 10px;
}

ul.menu li a {
	color: #d1010f;
}

div.pager {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #87867a;
	margin-bottom: 12px;
	position:absolute;
	bottom:100px;
	left:15%;
	z-index:99;
}

div.pager a {
	color: #87867a !important;
	text-decoration: underline;
}

div.pager a:hover {
	color: #87867a !important;
	background: none;
	text-decoration: none;
}

div.blogpost {
	position: relative;
	top:-120px;
	left:80px;
	width: 592px;
}

div#fent_vonal {
	position: relative;
	top:-136px;
	left:80px;
}

div#header_vonal {
	position:relative;
	top:10px;
}

div#hellorepublic {
	position:absolute;
	top:70px;
	left:70px;
}

div#portfolio_head {
	position:absolute;
	top:170px;
	left:70px;
}

div#portfolio_head a:hover {
	background:transparent;
}

div#hello_header {
	width:576px;
	height:102px;
	position:absolute;
	left:50%;
	margin-left:-310px;
}

div.head {
	position: relative;
	height: 66px;
}

div.blogpost_data {
	width: 220px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

div.blogpost_data p.tags {
	position: absolute;
	top: 7px;
	right: 94px;
	font-size: 9px;
	line-height: 10px;
	text-align: right;
}

p.date {
	color:#86867a;
	font-size:10px;
	line-height:12px;
	position:relative;
	top:8px;
	left:3px;
}

p.date a {
	color:#bf2527;
	font-size:10px;
	line-height:12px;
}

div.avatar {
	width: 82px;
	height: 64px;
	float: left;
}

div.avatar img {
	width: 60px;
	height: 60px;
	position: relative;
	top: 10px;
	left: 2px;
}

div.content div {
	display: block;
	position: relative;
}

div.content, div.comment {
	font-size: 12px;
	line-height: 14px;
	position: relative;
}

div.content p, div.comment p {
	margin-top: 14px;
}

p.comments_summary {
	font-family: arial, sans-serif;
	font-size: 12px;
	margin: 0px;
	font-weight: bold;
}

p.comments_summary b {
/*	color: #d1010f;*/
	font-weight: bold;
}

p.comments_summary a {
	color:#87867a
}

div.comment p a {
	font-weight: normal;
	text-decoration: underline;
}

div.comment p.meta a {
	font-weight: bold;
	text-decoration: none;
}

div.comment p.meta span.homepage {
	font-weight: bold;
}

div.comment p.meta span.date {
	position: absolute;
	right: 0px;
	font-size: 9px;
	font-weight: normal;
}

form#leavecomment label {
	float: left;
	width: 110px;
	margin-right: 18px;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	position: relative;
	left: -4px;
	top: 4px;
}

form#leavecomment input, form#leavecomment textarea, form#leavecomment submit {
	width: 458px;
}

p.search {
	font-weight: bold;
	font-size: 9px;
}

p.search span.query {
	color: #d1010f;
	font-weight: bold;
}

#sidebar {
	width: 270px;
	float: left;
	position: relative;
	left: 160px;
	margin-top:150px;
	padding-bottom:150px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
}

#sidebar div {
	margin-bottom: 10px;
}

#sidebar h5 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	margin-bottom: 10px;
}

#sidebar ul li {
	list-style: none;
}

#sidebar ul.black li {
	font-weight: bold;
}

#sidebar ul.black a {
	color: black;
}

#sidebar ul.feeds li {
	display: inline;
	margin-right: 10px;
}

#sidebar ul.grey a, #sidebar div.blogroll a, .grey {
	color: #ababab;
	font-weight: normal;
}

#sidebar div.blogroll {
	margin: 0px;
}

#sidebar div.blogroll ul {
	margin-bottom: 10px;
	text-align:center;
	
}

#sidebar div.blogroll ul li {
	position:relative;
	left:20px;
	margin-bottom: 10px;
	text-align:left;
}

#sidebar div.lastcomments {
	overflow: hidden;
	text-align:center;
}

#sidebar div.lastcomments ul {
	margin-bottom: 10px;
}

#sidebar div.lastcomments ul li {
	font-size: 9px;
	color: #87867a;
	margin-bottom: 10px;
}

#sidebar div.lastcomments a {
	font-weight: normal;
}

div.col_left {
	width: 200px;
	margin-right: 5px;
	overflow:hidden;
}

#sidebar div.col_right {
	width: 140px;
	overflow: hidden;
}

.tagcount9 {
	color: #ff3000;
}

.tagcount8 {
	color: #ed1b24;
}

.tagcount7 {
	color: #ca161e;
}

.tagcount6 {
	color: #ae1414;
}

.tagcount5 {
	color: #7a0c0c;
}

.tagcount4 {
	color: #600808;
}

.tagcount3 {
	color: #520808;
}

.tagcount2 {
	color: #370505;
}

.tagcount1 {
	color: #000000;
}

div#foot {
	width: 592px;
	position: relative;
	height: 25px;
}

div.copyright {
	margin-left:100px;
	top: 0px;
	font-size: 9px;
	color: #ababab;
	text-align: center;
	line-height: 10px;
}

div.copyright a {
	color: #ababab;
	font-weight: normal;
}

img#wpstats{width:0px;height:0px;padding:0px;border:none;overflow:hidden}

/*tabber*/
.widget {
width: 150px;
margin: 20px;
margin-bottom: 15px;
position:relative;
left:-20px;
}

	.widget a {
	color: #222;
	text-decoration: none;
	}
	
	.widget a:hover {
	color: #009;
	text-decoration: underline;
	}

	.tabnav li {
	display: inline;
	list-style: none;
	padding-right: 5px;
	}
	
		.tabnav li a {
		background: #2a2a2a;
		text-decoration: none;
		text-transform: uppercase;
		color: #86867a;
		font-size:10px;
		font-weight: bold;
		padding: 4px 6px;
		outline: none;
		}
		
		.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
		background: #212121;
		color: #86867a;
		text-decoration: none;
		}
		
	.tabdiv {
	margin-top: 2px;
	background: #2a2a2a;
	padding: 5px;
	}
	
		.tabdiv li {
		margin-left: 20px;
		list-style-type:none;
		color:#86867a;
		}
		
		.tabdiv li a {
		color:#86867a;
		text-decoration:none;
		}
		
		.tabdiv li a:hover {
		text-decoration:none;
		}

.ui-tabs-hide {
		display: none;
		}

div#tabvanilla {
	margin-bottom:30px;
}
		
.red_feeds a {
	color:#bf2527;
	font-size:13px;
	font-weight:normal;
	margin-left:11px;
}

div#ajanlo {
	width:150px;
	background:#2a2a2a;
	position:relative;
	top:-20px;
}

div#ajanlo ul li {
	width:150px;
	text-align:center;
}

div#ajanlo ul {
	width:150px;
	text-align:center;
	padding-top:20px;
}

div#ajanlo ul li img {
	padding:5px;
}

div#ajanlo ul li a:hover {
	background:transparent;
}

div#city {
	position:relative;
	left:110px;
}


div#kat_tag {
	width:576px;
	height:30px;
	font-size:10px;
}

div#kategoria {
	width:276px;
	height:30px;
	float:left;
}

div#tagek {
	width:276px;
	height:30px;
	float:right;
	text-align:right;
	border-left: 1px solid #86867a;

}

div#kategoria span , div#tagek span{
	color:#bf2527;
	font-weight:bold;
	font-size:10px;
}

.head h4 {
	position:relative;
	top:4px;
	left:0px;
}

#leavecomment .submit {
	position:relative;
	left:128px;
}