/* 
	Theme Name: Gonzolabs
	Theme URL: http://gonzolabs.org
	Description: Gonzolabs
	Author: Jue Wang
	Author URI: http://jueseph.com
	Version: 1.0
*/

/*
 * RESET
 */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 0;
	padding: 0;
}

img, img a {border:none;}

/* Miscellaneous conveniences: */
form label {
	cursor: pointer;
}
fieldset {
	border: none;
}
input, select, textarea {
	font-size: 100%;
	font-family: inherit;
}

/*
 * TYPOGRAPHY
 */
body {color: #fff; font-size: 16px;}
.container {background-color: #fff; color: #333;}

h1, h2, h3, h4, h5, h6 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:1.4em;}
h2 {font-size:140%; margin-top: 0; margin-bottom:1em; color: #339933;}
h3 {font-size:120%; margin-top: 0; margin-bottom:1em; color: #339933;}
.page-single h3 {margin-bottom:0;}
h4 {margin-top: 0; margin-bottom: 3px;}

p {margin-bottom:1em;}
.post p {line-height: 1.4;}
.post ul, .post ol {list-style-type: disc; padding-left:1.5em; margin-bottom:1em;}
.post ol {list-style-type: decimal;}
.post li {margin-bottom:.5em; line-height:1.4em;}

a, a:visited {color: #00cc33; text-decoration: none;}
a:hover, a:active {text-decoration: underline;}
.container a, .container a:visited {color: #339933;}

form {
	font-size: 80%;
}

.post {color: #333; font-size:85%;}

.postmeta, .postmeta-single {
	color: #666;
	font-size: 80%;
	margin-top: 0;
}
.postmeta-single {margin-bottom:12px;}

.postbody {font-family: "Georgia", "Times New Roman", serif;}

.sticky p {
	font-size: 80%;
	line-height: 120%;
	margin-top: 0;
	margin-bottom: 6px;
}


.comment-text {
	font-size: 80%;
	color: #333;
}

cite {
	color: #999;
}

#comments-meta {
	font-size: 80%;
	text-align: right;
	margin-top: 3px;
	margin-right: 25px;
}

#sidebar ul, ol#commentlist {list-style: none;}

#copyright-inner {
	font-size: 80%;
}

.aligncenter {text-align:center;}
/* Images */
.alignnone, .alignleft, .alignright {padding:0; margin:0;}
.alignleft {float:left; margin:0 15px 10px 0;}
.alignright{float:right; margin:0 0 15px 10px;}

/*
 * LAYOUT
 */

#content {
	padding-bottom: 10px;
    float:left;
    overflow:hidden;
}

#posts {
	float: left;
	margin-right:30px;
	padding-bottom: 5px;
    overflow:hidden;
}

.shrinkwrap {overflow:hidden;}

.postmeta .author {
	float:left;
}

.postmeta .postdate {
	float: left;
	margin-left: 70px;
}

.postmeta .comments-title {
	float:right;
	padding-right: 40px;
}

img.floatright, img.alignleft {float:right; margin: .5em 0 1em 20px}
img.floatleft, img.alignleft {float:left; margin:.5em 20px 1em 0}

.feedback {
	margin-left: 60px;
    clear:left;
    overflow:hidden;
}

#sidebar { float:left; width:224px;}
#sidebar ul li {margin-bottom:1.5em;}
#sidebar ul li ul li {margin-bottom:0.5em;}

#comments {
	margin: -5px 20px 0 0;
}

#commentlist {
	margin: 0;
}

#commentlist li {
	margin-left: 0;
}

.comment-text {
	padding: 1px 10px 10px 10px;
}

.comment-text h3 {
	margin-top: -26px;
}

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

#navigation {
	margin-bottom:20px;
}

.sticky-inner {
	padding: 20px 20px 0 20px;
	margin: 0;
	margin-bottom: 5px;
}

#footer {
	margin: 50px 0 50px 40px;
	clear:both;
}

#copyright-inner {
	padding: 90px 0 0 80px;
}

/*
 * BACKGROUNDS & IMAGE REPLACEMENT
 */
.linked:hover {
	cursor:pointer;
}

.offscreen {
	text-indent: -2000px;
}

body {
	background: url('images/bg-bench.jpg') no-repeat top left fixed;
        background-color: #000;
}

#title {
	background: url('images/header-gonzo.png') no-repeat top left;
	width: 277px;
	height: 183px;
	margin: 40px 30px 5px 20px;
	float: left;
}

#subtitle {
	background: url('images/subtitle-gonzo.png') no-repeat top left;
	width: 209px;
	height: 184px;
	float: left;
	margin: 30px 50px 5px 0;
	/* margin-left: 307px; /* width of #title + #title's horiz margins */
}

.post-top {
	background: url('images/nb-top.png') no-repeat top left;
	width: 630px;
	height: 71px;
}

.post {
	background: url('images/nb-tile-left.png') repeat-y left;
	width: 564px; /* 630 - padding-left */
	padding-left: 66px; /* width of nb-tile-left.png */
}

.post-inner {
	background-color: #faf2f2;
	padding: 1px 10px 10px 9px;
    min-height:50px;
}

.post-right {
	background: url('images/nb-tile-right.png') repeat-y right;
	padding-right: 45px; /* width of nb-tile-right.png */
}


.post-bottom {
	background: url('images/nb-bot.png') no-repeat top left;
	width: 564px; /* 630 - horiz padding */
	height: 104px; /* 139 - vert padding */
	padding: 35px 0 0 66px;
}

#comments {
	background: url('images/comments.png') no-repeat;
	width: 150px;
	height: 32px;
}

li.comment-top {
	background: url('images/card-top.png') no-repeat;
	width: 499px; /* bg image width + shadow width */
	padding-top: 66px;
}

.comment-body {
	background: url('images/card-bg.png') repeat-y;
	width: 499px;
}

.comment-bottom {
	background: url('images/card-bot.png') no-repeat;
	width:499px;
	height:14px;
}

#leavecomment {
	background: url('images/leaveacomment.png') no-repeat;
	width:300px;
	height:42px;
}

.sticky {
	background: url('images/sticky.png') no-repeat top left;
	width: 224px;
	height: 216px;
}

#nav-home {
	background: url('images/tape-home.png') no-repeat;
	width: 181px;
	height: 53px;
}

.greensticky {
	background: url('images/tape-home.png') no-repeat;
	width: 181px;
	height: 53px;
}

#nav-about {
	background: url('images/tape-about.png') no-repeat;
	width: 190px;
	height: 55px;
}

#nav-gonzoscience {
	background: url('images/tape-gonzoscience.png') no-repeat;
	width: 193px;
	height: 63px;
}

#copyright {
	background: url('images/pipethoriz.png') no-repeat;
	width: 576px;
	height: 130px;
}

/* Dance contest: http://gonzolabs.org/dance/ */
.hidden {visibility:hidden; height:1px;}
.banner {margin:12px 0 20px 12px;}
.topnav {margin-bottom:10px; margin-left:30px;}
.topnav ul, .topnav li {margin:0; padding:0;}
.topnav li {display:inline; margin-right: 12px; font-size:110%;}
ul .separator {margin-right:12px;}
.dance-overview li.nav-dance-overview a,
.dance-enter li.nav-dance-enter a,
.dance-rules li.nav-dance-rules a,
.dance-faq li.nav-dance-faq a,
.dance-tips li.nav-dance-tips a,
.dance-videos li.nav-dance-videos a {font-weight:bold; color:#fff;}

.dance .main {float:left; margin-left:24px; margin-bottom:24px; width:700px;}
.dance #sidebar {width:180px;}
.dance #posts {margin-right:20px; float:none;}
.dance .feedback {margin:0;}
.dance #navigation li {margin-left:0;}
.dance .post {width:auto; padding:10px; margin:0 0 24px 0; background: #faf2f2 url('images/lined-paper-bg.png') repeat; -webkit-border-radius:12px;-moz-border-radius:12px; font-size:100%;}
.dance .post-inner {background:none; padding:0; margin:12px 24px 36px 12px;}
.dance .post h3 {margin-top:1.5em; margin-bottom:.5em; font-weight:normal;}
.dance .box {border: 1px solid #a4be5c; background: #eeffbf; padding:15px; margin:0 36px 1.5em 36px;}
.dance .box h3 {margin-top:0;}