/*
Theme Name: JonesV2
Theme URI: http://jonasthomsen.com/
Version: 1.5
Author: Jonas Thomsen
*/
@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}

a{outline: none;}

a{
    color: #8ed6ff;
    text-decoration: none;
    border-bottom: 1px solid #333;
}
a:hover{
    color: #fff;
    border-bottom: 1px solid #ccc;
}
a.img{
    border-bottom:0;
}
a.img:hover{
    border-bottom:0;
}
h1{
	background:url(images/logo.png) no-repeat;
	text-indent:-9999px;
	width:296px;
	height:34px;
	margin:20px 0 15px 10px;
}
h2{
    font-size: 24px;
    margin-bottom: 1em;
    line-height: 1em;
    color: #fff;
    font-weight: normal;
}
h3{
    font-size: 18px;
	font-weight: normal;
	color: #b4e4ff;
	margin-bottom: 0.5em;
	line-height: 1.38em;
}

.clear{
	clear:both;
}


body{
	background:#090909 url(images/bg_body.jpg) repeat-x 50% 0;
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	color: #aaa;
	font-size:12px;
}

.container{
	width:816px;
	margin:auto;
	clear:both;
}

#menu{
	background:url(images/menu.png) no-repeat;
	width:816px;
	height:55px;}
	#menu ul{
		float: left;
		margin: 5px 20px 0 10px;}
		#menu ul li{
			float: left;
			height: 45px;
			font-size: 15px;
			line-height: 1.2em;
			font-weight: bold;
			text-shadow: #111 0 -1px 0;
			font-family: helvetica, arial, sans-serif;}
				#menu ul li a{
					display: block;
					height: 32px;
					border: 0;
					padding: 13px 15px 0 15px;
					color: #888;}
				#menu ul li a:hover{
					color: #fff;}
	#menu #search{
		float:right;
		margin: 16px 20px 0 10px;}
		#menu #search input{
			border:0;
			color: #aaa;
			margin:0;
			display:block;
			float:left;}
			#menu #search input.text{
				background:url(images/searchinput.gif) no-repeat;
				width:156px;
				height:15px;
				padding:3px;}
			#menu #search input.submit{
				background:url(images/searchsubmit.gif) no-repeat;
				text-indent:-999px;
				width:58px;
				height:21px;
				outline:0;
				padding:0;
				font-size: 0px;
				line-height: 0px;
				cursor:pointer;}

#content{
	padding:30px 0 0 10px;
	float:left;
	width:610px;}
	#content p{
		font-size: 14px;
		line-height: 1.7em;
		margin-bottom: 1.5em;
		color: #bbb;}
	#content .project{
		border-bottom:2px solid #2a2a2a;
		padding-bottom:20px;
		margin-bottom:20px;}
	#content .project.last{
		border:0;}
		#content .project img{
			border:1px solid #2a2a2a;
			padding:2px;
			margin-bottom:5px;}
		#content .project img:hover{
			border:1px solid #555;}
		#content .project span{
			display:block;
			margin-bottom:10px;}
			#content .project span a{
				font-weight:bold;}
	#content .post{
		border-bottom:1px solid #222222;
		margin-bottom:4em;
		padding-bottom:1em;
		position:relative;}
		#content .post a.readmore{
			border:0 none;
			font-weight:bold;
			padding:10px 0 10px 0;}
		#content .post .wp-caption{
			float:left;}
			#content .post .wp-caption p{
				text-align:center;}
		#content .post .postdate {
			position: absolute;
			width: 50px;
			height: 50px;
			top:53px;
			left:-74px;}
			#content .post .postdate .month, #content .post .postdate .day, #content .post .postdate .year {
				position: absolute;
				text-indent:-999px;
				background-image: url(images/date.png);
				background-repeat: no-repeat;}
				#content .post .postdate .day { top: 0; left: 0; width: 32px; height: 18px;}
				#content .post .postdate .month { top: 18px; left: 0; width: 32px; height: 18px;}
				#content .post .postdate .year { top: 4px; left: 40px; width: 14px; height: 51px;}
					.d-01 { background-position: 0px -2px;}
					.d-02 { background-position: 0px -22px;}
					.d-03 { background-position: 0px -42px;}
					.d-04 { background-position: 0px -62px;}
					.d-05 { background-position: 0px -82px;}
					.d-06 { background-position: 0px -102px;}
					.d-07 { background-position: 0px -122px;}
					.d-08 { background-position: 0px -142px;}
					.d-09 { background-position: 0px -162px;}
					.d-10 { background-position: 0px -182px;}
					.d-11 { background-position: 0px -202px;}
					.d-12 { background-position: 0px -222px;}
					.d-13 { background-position: 0px -242px;}
					.d-14 { background-position: 0px -262px;}
					.d-15 { background-position: 0px -282px;}
					.d-16 { background-position: 0px -302px;}
					.d-17 { background-position: -35px -2px;}
					.d-18 { background-position: -35px -22px;}
					.d-19 { background-position: -35px -42px;}
					.d-20 { background-position: -35px -62px;}
					.d-21 { background-position: -35px -82px;}
					.d-22 { background-position: -35px -102px;}
					.d-23 { background-position: -35px -122px;}
					.d-24 { background-position: -35px -142px;}
					.d-25 { background-position: -35px -162px;}
					.d-26 { background-position: -35px -182px;}
					.d-27 { background-position: -35px -202px;}
					.d-28 { background-position: -35px -222px;}
					.d-29 { background-position: -35px -242px;}
					.d-30 { background-position: -35px -262px;}
					.d-31 { background-position: -35px -282px;}
	
					.m-01 { background-position: -75px -2px;}
					.m-02 { background-position: -75px -22px;}
					.m-03 { background-position: -75px -42px;}
					.m-04 { background-position: -75px -62px;}
					.m-05 { background-position: -75px -82px;}
					.m-06 { background-position: -75px -102px;}
					.m-07 { background-position: -75px -122px;}
					.m-08 { background-position: -75px -142px;}
					.m-09 { background-position: -75px -162px;}
					.m-10 { background-position: -75px -182px;}
					.m-11 { background-position: -75px -202px;}
					.m-12 { background-position: -75px -222px;}
					
					.y-2006 { background-position: -132px -5px;}
					.y-2007 { background-position: -132px -56px;}
					.y-2008 { background-position: -132px -106px;}
					.y-2009 { background-position: -132px -157px;}
					.y-2010 { background-position: -132px -208px;}
					.y-2011 { background-position: -132px -258px;}
					
					.y-2012 { background-position: -112px -6px;}
					.y-2013 { background-position: -112px -56px;}
					.y-2014 { background-position: -112px -106px;}
					.y-2015 { background-position: -112px -158px;}
					.y-2016 { background-position: -112px -208px;}
					.y-2017 { background-position: -112px -259px;}
	#content dl{
		font-size: 14px;
		margin:30px 10px;}
	#content dt{
		color:#666;
		margin-top:5px;}
	#content dd{
		margin-left:20px;}
	#content .gallery-item{
		float:left;}
	#content form{
		margin:30px 0 60px 0;}
		#content form input,textarea{
			display:block;
			margin-top:3px;
			margin-bottom:19px;
			color: #aaa;}
		#content form label{
			display:block;
			color:#909090;
			font-size:16px;}
			#content form label span{
				color:#5c5c5c;
				font-size:12px;}
			#content form span.wpcf7-not-valid-tip-no-ajax{
				color:#FFF;}
		#content form input.text{
			background:url(images/textinput.gif) no-repeat;
			width:251px;
			height:21px;
			border:0;
			outline:0;}
		#content form textarea{
			background:url(images/textarea.gif) no-repeat scroll 0 0;
			background-attachment: scroll;
			overflow:auto;
			width:313px;
			height:143px;
			border:0;
			outline:0;}
		#content form .submit{
			border:1px solid #3f3f3f;
			background-color:#2d2d2d;
			padding:2px;}
	#content .coloum{
		float:left;
		margin-right:20px;}
	#content .single{
		border-bottom:0;
		padding-bottom:20px;
		margin-bottom:20px;}
		#content .single img{
			border:1px solid #2a2a2a;
			padding:2px;
			margin-bottom:5px;
			margin-right:5px;
			float:left;}
		#content .single img:hover{
			border:1px solid #555;}
		#content .single span{
			display:block;
			margin-bottom:10px;}

	#content #comments h3{
		width:100%;
		border-bottom:2px solid #2a2a2a;
		padding-bottom:5px;
		margin-bottom:20px;
		color: #7cd6ff;}
	#content #comments .comment{
		padding:20px;}
	#content #comments .comment p.header img{
		vertical-align:middle;
		margin-right:10px;
		border:1px solid #2a2a2a;
		padding:2px;}
	#content #comments .odd{
		background-color:#151515;
		-moz-border-radius-bottomleft:4px;
		-moz-border-radius-bottomright:4px;
		-moz-border-radius-topleft:4px;
		-moz-border-radius-topright:4px;}


#sidebar{
	padding:30px 0 0 10px;
	float:right;
	width:180px;
	height:300px;}
	#sidebar h2{
		font-size:15px;
		line-height:1.4em;
		margin:0;}
	#sidebar li{
		font-size:13px;
		line-height:1.8em;
		padding-left:10px;}
	
#footer{
	width:100%;
	clear:both;
	background-color:#181818;
	border-top:1px solid #1e1e1e;
	margin:20px 0 10px 0;
	padding:10px 0 10px 0}
	#footer h3{
		color:#FFFFFF;
		font-size:13px;
		line-height:1.38em;
		margin-bottom:1.38em;}
	#footer .box{
		width:300px;
		float:left;
		margin-right:25px;
		margin-left:10px;}
	#footer p{
		border-top:1px solid #333333;
		font-size:13px;
		line-height:1.6em;
		margin-bottom:1em;
		padding:0.75em 0;}
	#footer p.last{
		border-bottom:1px dotted #333333;}
		#footer p span{
			display:block;
			margin:3px 0;}

#copyright{
	height:30px;
	text-align:center;}
	#copyright span{
		margin-right:30px;
		color:#5b5b5b;}