/*
Theme Name: Hexanine Zeroside
Theme URI: http://hexanine.com/zeroside
Description: Official Hexanine Zeroside theme, rebuilt from the ground up.
Version: 1.6 Zen
Author: Jason Adam
Author URI: http://hexanine.com
Tags:
*/

/* 
With many thanks to Eric Meyer (meyerweb.com) Michael Heilemann, Brian Cray (briancray.com)
*/

/*
Color Palette 

673327 brown
0093b6 blue
f9461c orange
c7e400 green
797979 gray

/* 
Reset 
*/

* { margin: 0; padding: 0; }
ol, ul { list-style: none; margin: 0; padding: 0; }

/* 
Structure 
*/

html { margin: 0; padding: 0; }

body {
	background-color: #eeeeee;
	color: #673327;
	font-family: verdana, arial, sans-serif;
	font-size: 62.5%; 
	margin: 0; padding: 0;
	}

#rap {
	background-color: #ffffff;
	margin: 0 auto;
	padding: 0 15px;
	width: 950px;
	}
		
	/* */
		
	#header {
		border-top: 7px solid #f9461c;
		height: 50px;
		}
	
		#logo {
			background: #f9461c url('images/hexanine-logo.gif') bottom left no-repeat;
			float: left;
			margin-right: 0px;
			}
			
		#logo a {
			display: block; 
			height: 47px;  
			width: 182px;
			}
		
		#logo h1 { display: none; }
	
	/* */
		
		#blog-header {
			background: transparent url('images/zeroside-logo.png') top left no-repeat; 
			margin: 20px 0 15px 0;
			}	
			
			#blog-header h1 { display: none; }
			#blog-header a { width: 950px; height: 58px; display: block; }
			#blog-header .description { display: none; }
		
	#sidebar {
		float: left;
		margin-right: 25px; 
		_margin-right: 12px; /* Targets IE 6 and below. Thanks to Brian Cray (http://briancray.com) */
		padding-top: 10px;		
		width: 182px;
		}
		
		#sidebar ul li {
			background-color: #f7f8df;
			margin-bottom: 15px;
			padding: 11px 15px 15px 15px;
			}
			
	#sub-header {
		float: left;
		margin-top: 10px;
		width: 734px;
		}
	
	#main {
		background: transparent url('images/blog-hr.png') top left repeat-x;
		float: left;
		margin-top: 10px;
		padding: 4px 0 0 0; 
		width: 734px;
		}
		
		.post-rap {
			background: transparent url('images/blog-hr.png') bottom left repeat-x;
			margin-top: 26px;
			padding-bottom: 40px;
			width: 734px;
			}
			
		body.single .post-rap { 
			margin-top: 35px; /* larger space above headline on single pages */
			padding-bottom: 25px; /* larger space below meta on single pages */
			} 
		
			.post {
				float: left;
				margin: 0;
				padding-left: 10px;
				text-align: left;
				width: 545px;
				}
				
				.post .entry p { margin: 1em 0; }
				
				.meta { margin-top: 20px; }
				body.single .meta { margin-top: 40px; } /* larger space above meta on single pages */
				
					ul.categories li, ul.posted-by li { line-height: 1.4em; font-size: 11px; list-style-type: square; color: #f9461c; padding-left: 0px; }
					ul.categories li span, ul.posted-by li span { color: #797979; }		

					.posted-by { 
						float: right;
						list-style-position: inside;
						margin-top: 0px;
						padding-left: 12px;
						text-align: right; 
						width: 170px;
						}
					
					.categories { 
						float: left;
						list-style-position: outside;
						margin-top: 0px;
						width: 340px;
						line-height: 13px;
						padding-left: 0px;
						}
	
					.categories li {
						margin-left: 13px;
						}

			.more-meta {
				float: right; 
				margin-right: 15px;
				line-height: 1.3em; 
				width: 125px; 
				}
				
				.more-meta div, p.edit, h4.comments, p.tags { margin: 1.1em 0; }
				p.edit, h4.comments { margin: .9em 0; }

	.navigation {
		display: block;
		margin-bottom: 0px;
		padding: 0 15px 0 12px;
		text-align: center;
		}
		
		.bottom { 
			margin-top: 10px;
			}

	#footer {
		background: #ffffff url('/images/footer-bg.gif') bottom left repeat-x;
		border-left: 15px solid #ffffff;
		margin-top: 45px;
		padding-bottom: 42px;
		text-align: center;
		}
		
	#footer p { padding-bottom: 2px; }
		
	.clear { clear: both; }
	
/* Sidebar */

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	line-height: 12px;
	padding: 0;
	}
	
/*

Portfolio nav filter

*/
	
#nav {
	width: 762px;
	float: left;
	height: 47px;
	display:inline;
	}

#menu{ 
	width: 336px;
	margin-right: 210px;
	display:inline;
	}

#second-menu { 
	width: 170px;
	display:inline;
}

#menu, #second-menu { 
	margin-top: 10px;
	font-size: 16px; 
	list-style: none; 
	padding-left: 0px;
	margin-left: 20px; 
	height: 34px;
	float: left;
	}


#menu li, #second-menu li { float: left; }

/*

Nav anim

*/

li#menu-work h4, a.menu-all, a.menu-identity, a.menu-web, a.menu-print, a.menu-packaging, a.menu-about, a.menu-book, a.menu-blog, a.menu-zeroside, a.menu-contact, a.menu-follow {
	display:block;
	float: left;
	height: 34px;
}

li#menu-work h4 { width: 47px; background: #fff url('/images/work.gif'); }
a.menu-all { width: 35px; background: #fff url('/images/nav-all.gif'); }
a.menu-identity { width: 69px; background: #fff url('/images/nav-identity.gif'); }
a.menu-web { width: 47px; background: #fff url('/images/nav-web.gif'); }
a.menu-print { width: 51px; background: #fff url('/images/nav-print.gif'); }
a.menu-packaging { width: 87px; background: #fff url('/images/nav-packaging.gif');	}
a.menu-about { width: 57px; background: #fff url('/images/nav-about-us.gif'); }
a.menu-blog { width: 49px; background: #fff url('/images/nav-blog.gif'); }
a.menu-contact { width: 68px; background: #fff url('/images/nav-contact.gif'); }
a.menu-follow { width: 61px; background: #fff url('/images/nav-follow.gif'); }

a.menu-book { width:53px; background: #fff url('/images/nav-book.gif'); }

a.menu-book:hover { width:53px; background: #ffffff url('/images/nav-book.gif') 0 68px; }
li.current a.menu-book { width:53px; background: #ffffff url('/images/nav-book.gif') 0 34px; }


a.menu-all:hover, a.menu-about:hover, a.menu-blog:hover, a.menu-contact:hover, a.menu-follow:hover, a.menu-packaging:hover, a.menu-print:hover, a.menu-web:hover, a.menu-identity:hover, a.menu-all:hover {
	background-position: 0 68px; 
	}

li.current a.menu-zeroside { width: 49px; background: #fff url('/images/nav-blog.gif') 0 34px; }

/*
Typography & Colors 
*/

h2 {
	font-size: 2.4em;
	font-weight: normal;
	}
	
h2.title { color: #f9461c; }

h4 {
	font-size: 1.1em;
	text-transform: uppercase;
	}
	
.entry { 
	font-size: 1.3em;
	line-height: 1.4em; 
	}
	
#sidebar { font-size: 1.1em; }
	
#sidebar h2 {
	color: #f9461c;
	font-size: 1em; 
	font-weight: bold;
	text-transform: uppercase;
	}
	
.more-link {
	font-size: .9em;
	font-weight: bold;
	text-transform: uppercase;
	}
	
.tags, p.edit a { color: #797979; }
p.edit { font-size: 1.1em; }

.navigation { font-size: 1.2em; }

#footer { font-size: 1.1em; }

/* 
Links
*/

a:link, a:visited, a:active { 
	color: #0093b6; 
	text-decoration: none;
	} 
	
a:hover { text-decoration: underline; }
h2.title a:visited, h2.title a:link { color: #ff4900; }
h2.title a:hover { color: #0093b6; text-decoration: none; }

#footer a:link, #footer a:visited { color: #673327 }
#footer a:hover { color: #0093b6; text-decoration: none; }

/*
Comments
*/

.comments-rap {
	background: transparent url('images/blog-hr.png') bottom left repeat-x;
	margin-left: 0;
	padding-bottom: 30px; 
	padding-left: 0; 
	width: 734px;
	}
	
	.comment-instructions {
		font-size: 1.2em;
		margin-left: 10px;
		margin-top: 20px; 
		}
		
	h3#comments { width: 540px; }
	
	ol.commentlist {
		background: transparent url('images/blog-hr.png') bottom left repeat-x;
		margin-left: 10px;
		padding-bottom: 10px;
		width: 545px;
		}
		
		.commentlist li {
			list-style: none;
			margin: 15px 0 10px;
			padding: 11px 15px 5px 15px;
			}

		.commentlist li.alt {
			margin: 0 !important;
			padding-top: 5px !important;
			}

		.thread-alt { background-color: transparent; }
		.thread-even { background-color: #fafbe5; margin-top: 0 !important; }

	#respond {
		padding-left: 10px;
		padding-top: 20px;
		width: 545px;
		}

	#respond h3 {
		color: #f9461c;
		font-size: 2.1em;
		}

		#commentform { margin: 13px 10px 0 0; }
		
		#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
			border: 3px solid #ccdc00;
			padding: 3px 5px 3px 3px; 
			font-size: 11px;
			}
			
		#commentform textarea {
			font-size: 12px;
			margin-top: 6px;
			}
			
		#commentform p { margin: 5px 0; }
		#commentform p input {	margin-bottom: 4px; }
		
.commentlist { padding: 0; }

.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
	}

.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
.commentlist li ul li { font-size: 1em; }

.commentlist li { font-weight: bold; }

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.3em;
	color: #ff4902;
	}
	
.commentlist cite a:hover { color: #0092b6; }
	
.says { 
	font-weight: normal;
	font-size: 1.3em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.35em;
	text-transform: none;
	}

.commentmetadata {
	font-weight: normal;
	display: block;
	margin-top: 4px;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}


/* Begin Various Tags & Classes */

hr { display: none; }
a img { border: none; }

/*
Misc 
*/

.hide { display: none; }

.alignright { float: right; }
.alignleft { float: left; }

/* VR Subscribe Widget */

#text-4 div.textwidget div.vr_wrapper fieldset { border: 0; }
#email_address_label { display: none; }

fieldset #email_address {
	border: 3px solid #ccdc00;
	color: #727272;
	font-size: 1em;
	margin: 7px 10px 0 0;
	padding: 4px 5px;
	width: 139px;
	}

p.vr_preface {
	margin-top: 1px 0 0 0 !important;
	padding: 0;
	}
	
/* SUBMIT buttons */

#commentform input#submit, #vr_submit {
	background-color: #f9461d;
	border: 0px;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	margin: 0;
	}

#commentform input#submit {
	font-family: verdana;
	font-size: 1.2em;
	padding: 5px 11px;
	margin-top: 12px;
	}
	
	/* Targeting Firefox Only */
	@-moz-document url-prefix() {
    	#commentform input#submit {
			padding: 3px 9px;    	
 		   	}
		}

#vr_submit {
	font-family: verdana;
	font-size: 1em;
	margin-top: 9px;
	padding: 4px 9px;
	}
	
	/* Targeting Firefox Only */
	@-moz-document url-prefix() {
    	#vr_submit {
			padding: 2px 6px;    	
 		   	}
		}

	#vr_submit:hover, #commentform input#submit:hover { background-color: #0192b5; }


/* Twitter Widget */

h2.widgettitle a { font-weight: bold; color: #f9461c; }
h2.widgettitle a:hover { color: #0192b5; }
.widget_twitter { padding-bottom: 5px !important; }
.widget_twitter .entry-meta .from-meta { display: none; }
.widget_twitter .entry-content { color: #673327; }
.widget_twitter .entry-content, .widget_twitter .entry-meta { line-height: 15px; }
.widget_twitter .time-meta { display: block; margin: 0 0 10px 0; padding: 0; }
a.twitter-hashtag:link { color: #673327; }
.time-meta a:link { color: #f9461d; }
.widget_twitter ul li { word-wrap: break-word;}

/* Recaptcha */

#recaptcha_area { margin: 15px 0 7px 0; }
#recaptcha_input_area { border: 3px solid red !important; }

/* Scrolling Area on Single Pages */
	
#scrollbox {
	position:absolute;
	margin-left: 563px;
	*margin-left: 8px; /* Targets IE 7 and below. Thanks to Brian Cray (http://briancray.com) */
	height: auto;
	top: 203px;
	padding-top: 20px;
	background: #fff;
	border-right: 20px solid #fff;
	border-left: 30px solid #fff;
}
	/**
	* there's a clever little javascript fix in /js/kill_all_humans.js
	* to account for IE < 7's crappy box model support and lack of 
	* ability to do position: absolute
	*/


/* Working on converting nav to CUFON 
	
#nav { 
	height: 36px; 
	padding-top: 15px; 
	font-size: 12px;
	font-weight: bold;
	text-transform: lowercase;
	border: 1px solid red; 
	}		
	
	#nav a { text-decoration: none; }
	#nav a { color: #f9461c; }

	#menu li, #second-menu li { 
		display: inline; 
		float: left;
		margin: 0;
		padding: 0;
		border: 1px solid blue; 
		}
		
	#menu, #second-menu {border: 1px solid pink;}	
	ul#menu, ul#second-menu { margin: 0; padding: 0; }
	#menu li#menu-work { margin-right: 13px; }
	
	#menu { float: left; margin-left: 20px; }
	#second-menu { float: right; margin: 0; padding: 0; }
	#second-menu a { color: #c7e400; }
	
	#nav #menu a, #nav #second-menu a { padding: 3px 10px; margin: 0; border: 1px solid green; }
	#nav #menu a:hover, #nav #second-menu a:hover { color: #0093b6; }
	#second-menu a.menu-zeroside { background-color: #673327; color: #fff; }
/*