/**
  Theme Name: David G. Cohen
  Theme URI: http://www.davidgcohen.com
  Version: 1.0
  Author: Aaron Harp
  Author URI: http://www.aaronharp.com/
  Licence: GPL
  
  Description: The theme for David Cohen's personal site.
*/

/*
  general styles 
*/

/* v1.0 | 20080212 */

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;
}

/* Body */

body {
	background: #fff url('images/body.png') bottom repeat-x;
	color: #000;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
}
div.wrap {
	margin: 0 auto;
	width: 63.5em;
}
a {
	text-decoration: none;
}
h2 {
	font-size: 2.5em;
	margin: 0 0 0.7em 0;
}
br.clear {
	clear: both;
}

/* Header */

div#header {
	height: 215px;
}
div#header h1 {
	display: block;
	float: left;
	font-size: 2.45em;
	margin: 0.95em 0 0 0;
}
div#nav-header {
	position: relative;
	display: block;
	float: right;
}
div#header a {
	color: #000;
}
div#header h1 a span {
	color: #00bd01;
	font-size: 4.0em;
	letter-spacing: -0.05em;
	margin: 0 0 0 0;
}
p#about-link {
	display: block;
	float: left;
	height: 12px;
	margin: 14.4em 0 0 0.5em;
	width: 13px;
}
p#about-link a {
	background: url('images/about.png') left top no-repeat;
	display: block;
	height: 12px;
	text-indent: -999em;
	width: 13px;
}
body.about p#about-link a, body div#header p.clicked a {
	background: url('images/about.png') right top no-repeat;
}
div#nav-header {
	float: right;
	font-size: 0.95em;
	font-weight: bold;
	width: 15.0em;
	height: 190px;
}
div#nav-footer {
	float: right;
	font-size: 0.95em;
	font-weight: bold;
	margin: 0;
	width: 15.0em;
}
div#nav-header a:hover, div#nav-footer a:hover {
	text-decoration: underline;
}
div.nav-primary {
}
div.nav-primary, div.nav-secondary {
	position: absolute;
	bottom: 0;
	width: 110px;
}
div.nav-secondary {
	left: 110px;
}
div#nav-header li, div#nav-footer li {
	margin: 0 0 1.0em 0;
}
div#avatar {
	float: left;
	margin: 3.5em 0 0 2.0em;
	width: 129px;
}
div#about, div#contact, div#investments div.wrap, div#projects, div#techstars div.wrap, div#content {
	padding: 1.0em 0 3.0em 0;
}
body.about div#about {
	display: block;
}
div#page p, div#content p {
	line-height: 1.5em;
	margin: 0 0 1.5em 0;
}

/* Content */
#content a {
	color: #009900;
	text-decoration: underline;
}
#content a:visited {
	color: #000;
}
#content a:hover {
	text-decoration: none;
}

/* Contact */

body input.medium {
	margin: 0 3em 0 0;
	width: 15em;
}

body div#contact form {
	width: 100%;
}
li#foli2, li#foli0 {
	clear: none;
	display: block;
	float: left;
	width: 22.5em;
}
body li#foli2 input.medium {
}
form input, form textarea {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	font-size: 1em;
	padding: 5px;
}
form textarea {
}
body.contact div#contact {
	display: block;
}
#page img, #content img {
	border: 1px solid #009900;
/*	margin: 0 0 25px 25px;*/
	padding: 2px;
}

#content .ajax-loader {
	border: 0;
}
div.wpcf7-response-output {
	padding: 0.7em 0.5em 0.5em 0.5em !important;
	width: 650px;
}
span.wpcf7-not-valid-tip {
	color: red !important;
	border: none !important;
	top: -5px !important;
	right: 10px !important;
	width: auto !important;
	left: auto !important;
}
.wpcf7-form p {
	font-weight: bold;
}
.wpcf7-form label {
	float: left;
	width: 100px;
	margin-top: 5px;
}

/* Writing */

div#writing {
	background: #009900 url('images/writing.png') bottom repeat-x;
	color: #fff;
	clear: both;
	overflow: hidden;
	padding: 50px 0 55px 0;
}
div#writing h2 {
	border-bottom: 1px solid #b2ef28;
	color: #fff;
}
div#writing h3 {
	font-size: 1.5em;
	margin: 0 0 0.25em 0;
}
div#writing h3 a {
	color: #fcff00;
}
div#writing h3 a:hover {
	text-decoration: underline;
}
div#writing div.post {
	clear: both;
	float: left;
	margin: 0 0 2.0em 0;
	width: 100%;
}
div#writing div.post-content {
	float: left;
	font-family: Palatino, Times, serif;
	font-size: 0.85em;
	line-height: 1.6em;
	width: 35em;
}
div#writing div.post-content span.para {
	color: #fcff00;
	font-family: Arial, sans-serif;
	font-size: 1.1em;
}
div#writing div.post-meta {
	float: right;
	font-size: 1.0em;
	font-weight: bold;
	width: 10em;
}
div#writing p.post-meta-date {
	color: #fcff00;
	margin: 0 0 0.5em 0;
}
div#writing p.post-meta-comments {
	color: #fcff00;
	font-family: Palatino, Times, serif;
	font-size: 0.85em;
	font-style: italic;
	font-weight: normal;
}
div#writing p.post-meta-comments a {
	color: #fcff00;
}
div.read-more {
	clear: both;
}
div.read-more p {
	display: block;
	font-size: 1.0em;
}
div.read-more a {
	background: #7d7d7d;
	color: #fff;
	display: block;
	font-weight: bold;
	padding: 0.45em 0.1em 0.55em 0.65em;
	width: 4em;
}
div#writing div.read-more a {
	background: #0e6c0e;
}

/* Photos */

div#photo, div#tweeting-kiting, div#linking, div#connecting {
	padding: 4.0em 0 3.5em 0;
}
div#photo, div#tweeting-kiting, div#linking, div#connecting {
	background: #fff url('images/gradient.png') bottom repeat-x;
}
div#photo h2 {
	background: url('images/photo.png') right 0.5em no-repeat;
	border-bottom: 1px solid #d1eefe;
	color: #009ff4;
}
/*
div#photo img {
	height: 186px;
	width: 186px;
} */
div#photo img.last {
	margin-right: 0;
}
div#photo div.read-more a {
	background: #009ff4;
}
div.flickr_badge_image {
	float: left;
	margin: 0 0.8em 2.0em 0;
}

/* Twitter */

div.wit {
	width: 500px !important;
	float: left !important;
}

div#tweeting {
	float: right;
	width: 29.5em;
}
div#tweeting h2 {
	background: url('images/twitter.png') right 0.5em no-repeat;
	color: #fff;
}
div#tweeting div.read-more {
	margin-top: 1.5em;
}
div#tweeting div.read-more a {
	background: #fff;
	color:#009900;
}
div#tweeting li {
	color: #fff;
	font-family: Palatino, Times, serif;
	font-size: 0.9em;
	line-height: 1.5em;
	margin: 0 0 1.0em 0;
}
div#tweeting li span {
	font-size: 0.9em;
}
div#tweeting div.post span, div#tweeting li a {
	color: #FCFF00;
}
div#tweeting div.post span a {
	color: #FCFF00;
}
div#tweeting div.post span a:hover {
	text-decoration: underline;
}

/* Brightkiting */

div#kiting {
	float: right;
	width: 29.5em;
}
div#kiting h2 {
	background: url('images/brightkite.png') right 0.5em no-repeat;
	border-bottom: 1px solid #e7f9c0;
	color: #99cf21;
}
div#kiting div.read-more {
	margin-top: 1.5em;
}
div#kiting div.read-more a {
	background: #99cf21;
}
div#kiting div.post {
	color: #2f2f2f;
	font-family: Palatino, Times, serif;
	font-size: 0.75em;
	line-height: 1.5em;
	margin: 0 0 1.0em 0;
}
div#kiting div.post span {
	color: #6f6f6f;
}
div#kiting div.post span a {
	color: #6f6f6f;
}
div#kiting div.post span a:hover {
	text-decoration: underline;
}

/* Reading/Linking */

div#linking h2 {
	background: url('images/delicious.png') right 0.4em no-repeat;
	border-bottom: 1px solid #ffded7;
	color: #ff2a00;
}
div#linking div.read-more a {
	background: #ff2a00;
}
div#linking div.column {
	width: 30.0em;
	float: left;
}
div#linking div.last {
	float: right;
}
div#linking div.post {
	font-family: Palatino, Times, serif;
	font-size: 0.8em;
	line-height: 1.5em;
	margin: 0 0 1.5em 0;
}
div#linking h3, div#techstars h3, #content h3 {
	color: #2f2f2f;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	margin: 0 0 0.5em 0;
}
div#linking h3 a {
	color: #2f2f2f;
}
div#linking h3 a:hover {
	text-decoration: underline;
}

/* Investments */

body.investments div#investments {
	display: block;
}
div#content div.post-image {
	float: left;
	text-align: center;
	width: 300px;
}
div#content div.post-image img {
	float: none;
	border: none;
	padding: 0;
}
div#investments div.post-content {
	float: left;
	line-height: 1.5em;
	width: 650px;
}
div#investments div.post {
	clear: both;
	float: left;
	margin: 0 0 25px 0;
}

/* Projects */


body.projects div#projects {
	display: block;
}

/* Connecting */

div#connecting h2 {
	border-bottom: 1px solid #e3e3e3;
	color: #7d7d7d;
	margin-bottom: 1.5em;
}
div#connecting div.column {
	float: left;
	width: 15.5em;
}
div#connecting dl {
	font-size: 0.9em;
	margin: 0 0 4.0em 0;
}
div#connecting dt {
	font-weight: bold;
	margin: 0 0 0.75em 0;
}
div#connecting dd {
	font-family: Palatino, Times, serif;
	font-style: italic;
	margin: 0 0 1.75em 0;
}
div#connecting div.read-more {
	margin: 0 0 3.0em 0;
}
div#connecting div.read-more li {
	float: left;
	margin: 0 2.0em 0 0;
}
div#connecting div.read-more a {
	width: 6.75em;
}
div#connecting a {
	color: #000;
}
div#connecting div.read-more a {
	color: #fff;
}

/* Blog */
#left-column {
	width: 720px;
}
	.breadcrumb {
		border-bottom: 1px solid #999;
		font-size: 0.8em;
		padding-bottom: 1.5em;
		margin-bottom: 1.5em;
	}
#posts {
}
	#posts small {
		font-size: 0.8em;
	}
	#posts h2 {
		font-size: 1.8em;
	}
	#posts h2.postTitle {
		margin-bottom: 0.2em;
	}
	#posts h2.postTitle a {
		color: #009900;
		text-decoration: none;
	}
	#posts h2.postTitle a:hover {
		text-decoration: underline;
	}
	#posts img {
		border: 0;
		padding: 0;
	}
	#posts .post {
		margin: 1em 0 1em 0;
	}
	#posts .post ul {
		list-style: disc;
		padding-left: 20px;
		margin: 1.5em 0;
	}
	#posts .post ul li {
		line-height: 1.5em;
	}
	#posts .postDate {
		color: #333;
	}
	#posts .hr {
		border-bottom: 1px solid #999;
		margin: 1em 0 2em 0;
	}
	#commentlist li {
		border-top: 1px dotted #999;
		font-size: 0.8em;
	}
	#commentlist li:last-child {
		border-bottom: 1px dotted #999;
		margin-bottom: 1em;
	}
	#commentlist li p.author img {
		vertical-align: middle;
		margin-right: 5px;
		border:1px solid #009900;
		padding:2px;
	}
	#commentlist li p {
		margin: 1em 0;
	}

#right-column {
	width: 250px;
	float: right;
}
#sidebar {
	font-size: 0.9em;
}
	#sidebar > li {
		margin-bottom: 2em;
	}
	#sidebar li ul li {
		line-height: 1.5em;
	}
	#sidebar #searchform label {
		display: none;
	}


/* Footer */

div#footer div.wrap {
	padding: 5.0em 0 2.0em 0;
}
div#footer a {
	color: #000;
	font-weight: bold;
}
div#footer a:hover {
	text-decoration: underline;
}
div#footer p {
	clear: left;
	color: #cbcbcb;
	display: block;
	float: left;
}
p#backtotop {
	margin: 0 0 3.0em 0;
}
p#backtotop a {
	background: url('images/top.png') right 0.5em no-repeat;
	padding: 0 0.75em 0 0;
}
p#copyright {
	font-weight: bold;
	font-size: 0.9em;
}


/* Techstars section */

div#techstars2 object {
	margin-left: 300px;
	margin-bottom: 50px;
}
body.techstars-page div#techstars2 {
	display: block;
}

/**
  theme requirements as per 
  http://codex.wordpress.org/CSS
*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

img.alignleft {
	margin: 0 20px 20px 0;
}

img.alignright {
	margin: 0 0 20px 20px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}