/*
Theme Name: dlarssonfolio
Theme URI: http://dlarsson.com/
Description: A WordPress theme designed to help build your online portfolio.
Version: 2.0
Author: Matt Lenz & David Larsson
Author URI: http://dlarsson.com
Tags: sharpfolio, portfolio, dark, light
*/


body {
	background: /*#2c2a33*/ url(images/noise-pattern-2.jpg);
	color: #202020 /*#999*/;
	font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 24px;
}

#wrapper {
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 50px;
}

#header {
	padding: 100px 0 60px;
}

#title,
#menu,
#content,
#footer {
	width: 960px;
	margin: auto;
	padding: 0 10px;
}

#title {
	height: 60px;
}

#title h1{
	width: 300px;
	float: left;
}

#title h1 a {
	background: url(images/logo_white.png);
	display: inline-block;
	width: 300px;
	height: 40px;
}
	
/*
#title h1 a {
	background: url(images/dlarsson-logo.png) 1px 35px;
	display: inline-block;
	width: 300px;
	height: 35px;
}

#title h1 a:hover {
	background: url(images/dlarsson-logo.png) 0px 0px;
}
*/
#title h1 a span {
	display: none;
}


#top-curves {
	height: 146px;
	background:url(images/curves-top_white.png) no-repeat center;
	margin-bottom: -20px;
}

#tagline {
	background: url(images/tagline.png) right bottom no-repeat;
	width: 300px;
	height: 40px;
	float: right;
}

#tagline span {
	display: none;
}

#menu {
	width: 960px;
	height: 32px;
	display: block;
}

ul#navigation {
	display: block;
	float: right;
	margin: 0;
}

ul#navigation li {
	display: inline-block;
	text-align: center;
	margin: 0 10px;
}

ul#navigation li a {
	display: inline-block;
	width: 140px;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	text-shadow:0px 0px 1px #212121;
	font-size: 20px;
}

ul#navigation li a:hover {
	color: #212121;
	text-shadow: 0px 0px 30px #4F4F4F;
}

ul#navigation li.current-cat a, ul#navigation li.current_page_parent a, ul#navigation li.current_page_item a{
	text-shadow: 0px 0px 30px #4F4F4F;
	color: #212121;
}

#page-menu ul {
	margin: 0;
}

#page-menu ul li{
	list-style: none;
	padding: 5px 10px;
}

#page-menu ul li.current_page_item {
	border-left: #999 1px solid;
	color: #202020;
}
ul.post-meta {
	padding: 0;
}

ul.post-meta li{
	list-style: none;
}

div.thumbnail {
	width: 620px;
	float: left;
	text-align: justify;
}

div.entry {
	width: 300px;
	float: right;
}

.post .thumbnail p, .post .thumbnail div {
	display:none;
}

.post .thumbnail p:first-child {
	display: block;
}


.single .post .thumbnail p, .single .post .thumbnail div {
	display: block;
}

div#header h2 {
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-weight: normal;
	display: block;
	width: 300px;
	float: right;
	text-align: right;
	font-size: 16px;
}

#bottom-curves {
	background: url(images/curves-bottom_white.png) center no-repeat;
	height: 108px;
}

#footer {
}

a {
	color: #7A7A7A;
	text-decoration: none;
}

a:hover {
	text-shadow:0px 0px 1px #222;
	text-decoration: none;
}

p {
	margin: 0 0 16px;
}

h1,
h2,
h3,
h4 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}

h1 {
	font-size: 48px;
}

h1 a {
	text-decoration: none;
}

h2 {
}

h3 {
	margin: 15px 0 5px;
}

ul, ol {
	/*margin: -16px 0 16px;*/
	padding: 0 0 0 16px;
}

ul li {
	margin: 0;
	list-style: disc;
}

ol li {
	margin: 0;
	list-style: decimal;
}


span.f {
	font-style: italic;
}

#content {
	margin: 0 auto;
	min-height: 600px;
}

h1.archive {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 38px;
	font-weight: normal;
	margin-bottom: 45px;
}

div#content h2 {
	font-size: 24px;
	line-height: 32px;
}

div#content2 h2 {
	font-size: 24px;
	line-height: 32px;
}

div#content h2 a {
	text-decoration: none;
}

div#content h2 a:hover {
	color: #212121;
	text-shadow: 0px 0px 2px #4F4F4F;
}

p.comment-link {
	margin: 0;
}

p.comment-link a {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #808080;
	text-decoration: none;
	font-size: 16px;
	line-height: 36px;
}

p.comment-link a:hover {
	color: #212121;
	text-shadow:0px 0px 1px #4F4F4F;
	text-decoration: none;
}



#content .page {
	display: inline-block;
	width: 620px;
	height: auto;
	margin-right: 10px;
	text-align: justify;
}

#content #page-menu {
	vertical-align: top;
	display: inline-block;
	margin-left: 10px;
	width: 300px;
}

#footer {
	margin-top: 40px;
	margin-bottom: 0px;
}

#footer .widget {
	display: inline-block;
	width: 300px;
}

#footer #text-3 {
	text-align: right;
}

#footer .widget h2 {
	font-size: 24px;
	font-weight: normal;
}

#footer #cmeta h2 {
	display: none;
}

#footer .widget p {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 10px;
}

/*#footer p {
	line-height: 108px;
	color: #333;
	text-align: center;
}

div#footer p a {
	color: #444;
	text-decoration: none;
}

div#footer p a:hover {
	color: #555;
	text-decoration: underline;
}*/

#sidebar li {
	list-style: none;
}

#sidebar ul {
	padding: 0;
}

#footer #meta-3 h2 {
	display: none;
}

#footer #meta-3 ul {
	font-size: 12px;
	line-height: 16px;
	margin: 0;
}

#footer #meta-3 li a{
	text-decoration: none;
}

#footer-final {
	display: none;
}

div.post {
	margin: 0 0 76px;
}

h3#comments,
h3#respond {
	color: #fff;
	line-height: 64px;
}

div.author, div.add-author {
	width: 300px;
	float: right;
}

div.author cite {
	font-size: 16px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
}

div.author cite a {
	text-decoration: none;
}

div.author cite a:hover {
	text-shadow: 0px 0px 2px #fff;
}

div.author img {
}

div.comment {
	width: 620px;
	float: left;
	padding: 18px 0 0 0;
}

div.add-comment {
	width: 620px;
	float: left;
	padding: 0;
}

ol.commentlist {
	border-top: 1px solid #333;
	margin: 0 0 48px;
}

ol.commentlist li {
	border-bottom: 1px solid #333;
	padding: 12px 0 0;
}

form#commentform {
	display: inline-block;
	
}

form#commentform label {
	display: inline-block;
	width: 70px;
	text-align: right;
}

form#commentform p small {
	font-size: 12px;
	line-height: 16px;
	text-align: right;
	display: inline-block;
	width: 290px;
}

form#commentform input, form#commentform textarea {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	background: none;
	border: 1px #999 solid;
	color:#999;
}

form#commentform input:focus, form#commentform textarea:focus {
	background: #FFF;
	color: #000;
}

form#commentform input#submit {
	background: none;
	border: none;
	padding: 5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #999;
}
form#commentform input#submit:hover, form#commentform input#submit:focus {
	color: #fff;
	text-shadow:0px 0px 2px #fff;
	cursor: pointer;
}

form input,
form textarea {
	margin: 0;
}

div.alignleft,
div.alignright {
	display: block;
	/*width: 40%;*/
	float: left;
}

div.alignright {
	float: right;
	text-align: right;
}

div.alignleft a,
div.alignright a {
	font-size: 18px;
	text-decoration: none;
}

div.alignleft a:hover,
div.alignright a:hover {
	text-shadow: 0px 0px 30px #4F4F4F;
	color: #212121;
}
div.navigation {
	width: 620px;
}

div.wp-caption {
	border: #999 1px solid;
	padding: 5px;
	margin: 10px;
	font-size: 12px;
	line-height: 18px;
	color: #999;
	text-align: center;
}

div.wp-caption[style] {
	width: auto !important;
}


.wp-caption p {
	margin: 0;

}

.wp-caption img.alignright, .wp-caption img.alignleft {
	margin: 0;
}

img.alignright {
	display: block;
	float: right;
	margin: 10px 0 10px 10px;
}

img.alignleft {
	display: block;
	float: left;
	margin: 10px 10px 10px 0px;
}

table {
	margin: 10px 0;
}

td {
	padding-right: 10px;
}

#contact-form {
	margin: 30px 0 20px;
}

#contact-form .label{
	display: inline-block;
	width: 140px;
	text-align: right;
	vertical-align: top;
	margin: 10px 5px 10px 0px;
}

#contact-form .wpcf7-form-control-wrap {
	display: inline-block;
	margin: 10px 0;
}

#contact-form .wpcf7-form-control-wrap input, #contact-form .wpcf7-form-control-wrap textarea {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	background: none;
	border: 1px #999 solid;
	color:#999;
}

#contact-form .wpcf7-form-control-wrap input:focus, #contact-form .wpcf7-form-control-wrap textarea:focus {
	background: #FFF;
	color: #000;
}

#contact-form .send {
	margin: 20px 0 0 140px;
}

#contact-form .send input {
	background: none;
	border: none;
	padding: 5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #999;
}

#contact-form .send input:hover, #contact-form .send input:focus {
	color: #fff;
	text-shadow:0px 0px 2px #fff;
	cursor: pointer;
}