/* CSS for Deliberatepixel.com v5
----------------------------------------------- */

#nav li { color: #666; display: inline; font-weight: bold; padding: 0px; }

body {
 background: #111;
 color: #111;
 font-family: 'Helvetica Neue',Helvetica,Arial,Sans-Serif;
 font-size: 0.8em;
 line-height: 160%;
 margin: 0px;
 padding: 0px;
 text-align: center;
}

#wrapper {
 margin: 0px auto 0px auto;
 padding: 0;
 text-align: left;
 width: 960px;
}

#header {
	height: 60px;
	padding: 20px;
}

#logo {
	float: left;
	height: 60px;
	width: 60px;
}

#nav {
	float: right;
	margin: 0;
	padding: 20px 0px 0px 0px;
	text-align: right;
}

#mainContainer { background: url('http://www.deliberatepixel.com/v5/images/bg-top.png') top left no-repeat; padding-top: 20px; }

#main { background: #fff; margin: 0; padding: 0px 20px 20px 20px;}

#content { border-right: 1px solid #ccc; float: left; margin-right: 20px; padding-right: 20px; width: 420px; }

#sidebar { float: right; width: 458px; }

#second { border-right: 1px solid #ccc; float: left; padding-right: 20px; width: 277px; }

#third { float: right; width: 140px; }

#footer { background: #333; padding: 20px 20px 40px 20px; }

#footerLeft { float: left; padding-right: 10px; width: 650px }

#footerRight { float: right; text-align: center; width: 200px; }

.post { background: #fff; border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 20px; width: 420px; }

.post img { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 5px 0px 5px 0px; }

.contentImage { border: 1px solid #ddd; float: left; margin-right: 10px; }

.clear { clear: both; }

.meta { color: #ccc; font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif; font-size: 80%; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; }

blockquote { border-left: 5px solid #ccc; margin: 20px; padding-left: 10px; }

#footer p { color: #666; font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif; }

.comment { border-bottom: 5px solid #ddd; margin-bottom: 20px; padding-bottom: 10px; }

.gravatar { border: 1px solid #ccc; float: left; margin: 0px 10px 5px 0px; padding: 5px; }

.right { float: right; }

h2 { font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif; font-size: 220%; font-weight: 800; letter-spacing: -1px; line-height: 100%; margin: 5px 0px 5px 0px; }

h3 { color: #666; font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif; font-size: 90%; font-weight: normal; margin: 5px 0px 5px 0px; text-transform: uppercase; }

h4 { color: #999; font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif; font-size: 80%; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; text-align: right; }

h5 { color: #666; font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif; font-size: 110%; margin: 0px 0px 10px 0px; padding: 0; }

h6 { color: #666; font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif; font-size: 110%; margin: 30px 0px 10px 0px; padding: 0; }

#nav ul { margin: 0px; padding: 0px; }

#nav li.white { color: #fff; }

#content li { margin-bottom: 10px; }

.postMeta li { border-bottom: 1px dotted #ccc; list-style-type: none; margin-bottom: 10px; text-transform: uppercase; }

ul.conversation { margin: 0; padding: 0; }
ul.conversation li { background: #eee; list-style-type: none; margin-bottom: 10px; padding: 5px; }

#second ul { margin: 0px; padding: 0px; }
#second li { background: #eee; color: #333; display: block; font-size: 90%; list-style-type: none; margin: 0px 0px 10px 0px; padding: 10px; }

#third ul { margin: 0px 0px 20px 0px; padding: 0px; }
#third li { border-bottom: 1px dotted #b3d1c6; display: block; font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif; font-size: 90%; list-style-type: none; margin: 0px 0px 10px 0px; padding: 0px 10px 10px 0px; }

#third li.tag { background: url('http://www.deliberatepixel.com/v5/images/tag.png') top left no-repeat; display: block; padding: 0px 0px 0px 20px; }

a { color: #da2271; text-decoration: none; }
a:hover { color: #111; text-decoration: none; }

#content p a { border-bottom: 1px dotted #b3d1c6; font-weight: bold; }
#content p a:hover { border-bottom: 1px solid #b3d1c6; font-weight: bold; }

#content li a { border-bottom: 1px dotted #b3d1c6; font-weight: bold; }
#content li a:hover { border-bottom: 1px solid #b3d1c6; font-weight: bold; }

#logo a { background: none; display: block; }
#logo a:hover { background: #444; display: block; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.meta a { border-bottom: none; color: #999; }
.meta a:hover { border-bottom: none; color: #111; }

h4 a { color: #666; }
h4 a:hover { color: #333; }

h2 a { border-bottom: none; color: #111; }
h2 a:hover { border-bottom: none; color: #da2271; }

#nav a { color: #999; }
#nav a:hover { color: #fff; }

#second li a { color: #da2271; padding: 2px; }
#second li a:hover { background: #eee; color: #333; padding: 2px; }

#third li a { color: #666; }
#third li a:hover { color: #111; }

#footer a { color: #999; }
#footer a:hover { color: #fff; }

#content input {
 background: #fff;
 border: 0;
 border: 1px solid #ccc;
 color: #333;
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 padding: 5px;
}

textarea { border: 1px solid #ccc; }

#footer input {
 background: #333;
 border: 0;
 border-bottom: 1px solid #999;
 color: #fff;
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size: 12px;
}

/* TUMBLlNGS */

ol.tumblr_posts { margin: 20px 10px 0px 10px; padding: 0; }
#tumblr li { border-bottom: 1px solid #eee; border-top: 1px solid #eee; margin: 0px 0px 30px 0px; padding: 20px 0px 20px 0px; list-style-type: none; }
.tumblr_caption { font-size: 0.75em; }
.tumblr_post tumblr_link_post { font-size: 24px; }
.tumblr_post tumblr_quote_post { background-color: #eee; padding: 5px 10px 15px 10px;  }