/*
Theme Name: Hrescak.sk
Theme URI: http://wordpress.org/
Description: This is it.
Version: 1.0
Author: Matej Hrescak
*/
@charset "utf-8";
/*-------------------------------------------------------------- CSS RESET */

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*-------------------------------------------------------------- MAIN ELEMENTS */
body{
	font-size:12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#111;
	background: #f0f0f0;
}
/*-------------------------------------------------------------- HEADER */

#headerwrapper{
	width:100%;
	height:70px;
	background: #e0e0e0;
}
	#header{
		width:960px;
		margin:0px auto;
		height:70px;
		position: relative;
		overflow: hidden;
	}
		#header h1{
			font-size:24px;
			line-height:70px;
			text-shadow: 0px 1px 0px #fff;
			float:left;
			font-weight: bolder;
		}
			#header h1 a{
				color:#111;
				text-decoration: none;
			}
		#header ul{
			float:right;
			margin-top:5px;
		}
			#header ul li{
				float:left;
				margin-left:20px;
				line-height:65px;
				font-size:14px;
			}
			#header ul li a{
				text-decoration: none;
				color:#333;
			}
				#header ul li a:hover{
					color:#111;
					text-decoration: underline;
				}
	#profilearrow{
		width:43px;
		height:12px;
		background: url(images/profilearrow.png) no-repeat;
		position: absolute;
		bottom:-12px;
		right:0px;
	}
	
	
/*-------------------------------------------------------------- PROFILE */
	
	
#profilewrapper{
	display: none;
	position: relative;
	width:100%;
	height:186px;
	background: #282828 url(images/headerwrapper.png) center bottom repeat-x;
	min-width:960px;
}
	#profilebg{
		position: absolute;
		width:100%;
		height:186px;
		bottom:0px;
		left:0px;
		background: url(images/profilebg.png) center bottom no-repeat;
	}
	#profile{
		margin:0px auto;
		position: absolute;
		margin-left:-480px;
		bottom:0px;
		left:50%;
		width:918px;
		padding:30px 21px;
		height:126px;
	}
		#profile_myself{
			width:400px;
			float:left;
		}
			#profile_myself a{
				color:#fff;
			}
		#profile_socnets{
			width:400px;
			float:right;
		}
			#profile h3{
				color:#fff;
				font-size:18px;
				line-height:40px;
				font-weight: bolder;
			}
			#profile p{
				font-family:Georgia, "Times New Roman", serif;
				color:#9a9a9a;
				font-style: italic;
				line-height:18px;
				text-shadow: 0px 1px 3px  #000;
			}
			#soctooltip{
				display: block;
				clear:both;
				width:360px;
				height:40px;
				font-family:Georgia, "Times New Roman", serif;
				color:#9a9a9a;
				font-style: italic;
				line-height:40px;
				font-weight:lighter;
				text-shadow: 0px 1px 3px  #000;
			}
			#socnets{
				list-style:none;
				top:20px;
				right:20px;
				width:360px;
			}
				#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}
					#soc_dribbble{background-position: -200px 0px}
						#soc_dribbble:hover{background-position: -200px 34px}
			#profileslide{
				display: block;
				position: absolute;
				bottom:0px;
				right:0px;
				padding-right:40px;
				height:35px;
				line-height:30px;
				font-size: 12px;
				color:#a5a5a5;
				background: url(images/slideup.png) top right no-repeat;
				text-decoration: none;
				text-shadow: 0px 1px 3px  #000;
			}
				#profileslide:hover{
					background-position: right -35px;
					color:#fff;
					line-height:26px;
				}
/*-------------------------------------------------------------- CONTENT */

#contentwrapper{
	width: 100%;
	border-top:1px solid #f4f4f4;
	padding:50px 0;

}
	#content{
		width:960px;
		margin:0px auto;
	}
		.post{
			margin-bottom:34px;
			position: relative;
		}
			.post .feature{
				position: absolute;
				bottom:0px;
				width:918px;
				padding:10px 21px;
				height:67px;
				bottom:0px;
				background: url(images/feature_bg.png);
			}
			.featureheader{
				font-size:30px;
				line-height:40px;
				color:#fff;
				text-decoration: none;
				font-weight: bolder;
			}
			.tags{
				color:#fff;
				font-family:Georgia, "Times New Roman", serif;
				font-size:14px;
				font-style: italic;
				line-height:18px;
				opacity: .5;

			}