/*
Theme Name: Hrescak.sk
Theme URI: http://wordpress.org/
Description: This is it.
Version: 1.0
Author: Matej Hrescak
*/

*{
	outline:none;
	padding:0;
	margin:0;
	border:0;
	
}
html{
	height:100%;
}
body{
	background: #4b4b4b url(images/bg.jpg);
	height:100%;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:20px;
	text-shadow:0px 1px 2px #1c1c1c;
	color:#c1c1c1;
}
a{
	text-decoration: none;
}
.white{
	color:#fff;
}
.bold{
	font-weight: bold;
}

#wrapper{
width:100%;
height:100%;
position:absolute;
background: url(images/mainbg.jpg) top center no-repeat;
}


/*---------------- HEADER -----------------*/

#headerwrapperwrapper{
	background: url(images/headerwrapper.png) bottom center repeat-x;

	width:100%;
}
	#headerwrapper{
		width:100%;
		background: url(images/header.jpg) bottom center no-repeat;
	}
		#header{
			width:760px;
			height:81px;
			position: relative;
			margin:0px auto;
		}
			#logo{
				display: block;
				position: absolute;
				bottom:23px;
				left:-10px;
				width:195px;
				height:34px;
				background: url(images/logo.png) no-repeat;
			}
				#logo strong{
					display: none;
				}
		#infobutton{
			display: block;
			position:absolute;
			width:100px;
			height:32px;
			line-height:32px;
			bottom:22px;
			right:-5px;
			background: url(images/infobutton.png) right no-repeat;
			padding-right:38px;
			color:#c1c1c1;
			text-align:right;
		}
		#infobutton.active{
			background: url(images/infobutton_close.png) right no-repeat;
		}
			#infobutton strong{
				display: none;
			}
			
		#info{
			position:absolute;
			bottom:81px;
			width:720px;
			height:76px;
			padding:20px;
			color:#8c8c8c;
			background: url(images/header_infobg.png) no-repeat;
		}
		#soctooltip{
			display: block;
			position: absolute;
			width:360px;
			height:20px;
			bottom:10px;
			right:20px;
		}
		#socnets{
			list-style:none;
			position: absolute;
			top:20px;
			right:20px;
			width:360px;
		}
			#socnets span.head{
				width:360px;
				display: block;
				margin-bottom:5px;
				height:20px;
			}
			#socnets li{
				float:left;
			}
				#socnets li a{
					float:left;
					display: block;
					width:34px;
					height:34px;
					margin-right:4px;
					background-image: url(images/socnets.png);
				}
					#socnets li a strong{
						display: none;
					}
				#soc_email{ background-position:0px 0px}
					#soc_email:hover{background-position: 0px -34px;}
				#soc_linkedin{ background-position: -40px 0px}
					#soc_linkedin:hover{ background-position: -40px -34px}
				#soc_twitter{background-position: -80px 0px}
					#soc_twitter:hover{ background-position: -80px 34px}
				#soc_facebook{background-position: -120px 0px}
					#soc_facebook:hover{ background-position: -120px 34px}
				#soc_flickr{background-position: -160px 0px}
					#soc_flickr:hover{ background-position: -160px 34px}
	#headerinset{
		width:100%;
		height:33px;
		position: absolute;
		top:0px;
		left:0px;
		background: url(images/headerinset.png) repeat-x;
	}
/*--------------- CONTENT -----------------*/

#content{
	width:760px;
	margin:0px auto;
	padding-top:60px;
}
	.post{
		position: relative;
		height:201px;
		margin-bottom:20px;
		
	}
		.thumbnail{
			position: absolute;
			width:760px;
			height:201px;
			top:0px;

		}
		.feature{
			display: none;
			position: absolute;
			bottom:0px;
			width:720px;
			height:32px;
			background: url(images/feature_bg.png) no-repeat;
			padding:35px 20px 0px;
		}
			.tags{
				float:right;
				color:#696969;
			}