/*  
Theme Name: Benstar2
Theme URI: http://benstewart.net/
Description: Based on old blogstar comp
Version: 2
Author: Ben Stewart
Author URI: http://benstewart.net/

	Designed for personal development *not to be distributed*.
	
*/


/*
** layout
*/
	html, body {padding:0;margin:0;text-align:center;background:#000;color:#999;}
		html {height:100%;border-top:1px solid #000;}
		body {background:#000 url('images/body_bg.jpg') top center no-repeat;min-height:400px;}
	div#wrapper {background:transparent url('images/content_bg.gif') top center repeat-y;width:950px;margin:0 auto;text-align:left;position:relative;}

/*
** defaults
*/
	/* links */
	a:link, a:visited {color:#8fa4b3;text-decoration:underline;}
	a:hover, a:active {color:#eee;text-decoration:none;}
	
	/* headings */
	h1, h2, h3, h4, h5, h6 {margin-top:0;}
	h2 {margin:0;color:#444;font-size:1.5em;line-height:1;padding:0.5em 0;font-weight:bold;}
		h2 span {margin-left:0.5em;font-size:0.611em;line-height:1.636;font-weight:normal;}
	h3 {color:#444;margin-bottom:0;padding:0.5em 0;}
		h3 span {margin-left:0.5em;font-size:0.611em;line-height:1.636;font-weight:normal;}
	
	/* forms */
	form ul {list-style-type:none;padding-left:0;margin-left:0;clear:both;overflow:hidden;}
	form li {padding:0;margin:0 0 1.5em 0;width:100%;text-indent:0;overflow:hidden;float:left;clear:both;}
		form li.submit {padding-left:110px;}
	label {float:left;width:100px;margin:0.5em 10px .5em 0;padding:5px 0;}
		label span {font-weight:normal;font-size:0.916em;line-height:1.636;color:#444;}
	.req {color:#771111;background-color:transparent;font-style:normal;}
	input.text {width:400px;}
	textarea {font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;font-size:1em;line-height:1.5;}
	div.recaptcha {margin-left:110px;}
	a.button, button {border:1px solid #dedede;border-top:1px solid #eee;border-left:1px solid #eee;background-color:#f5f5f5;color:#565656;}
	button:hover, a.button:hover {background-color:#ccc;border:1px solid #292929;color:#333;}
	a.button:active {background-color:#ccc;border:1px solid #292929;color:#eee;}

	/* lightbox 2 */
	div#stimuli_imageContainer img {margin:0;}
	a#stimuli_bottomNavClose {display:block;}

	/* classes/other */
	p img {margin-top:0;border:5px solid #323d46;}
	p a:link img, p a:visited img {border:5px solid #525d66;}
	p a:hover img, p a:active img {border-color:#323d46;}
	em {background-color:transparent;}
	ol {padding-left:20px;}
	
	/* built-in WordPress styles */
	.aligncenter {display:block;margin:0 auto 1.5em;}
	.alignleft {float:left;margin:0 10px 1.5em 0;}
	.alignright {float:right;margin:0 0 1.5em 10px;}
	.wp-caption {border:1px solid #666;text-align:center;background:#ddd;padding:10px;margin:10px;}
	
	
/*
** header
*/
	div#header {padding-top:90px;background:transparent url('images/header_bg.jpg') top center no-repeat;position:relative;}
	
	div#header h1 {margin:0;padding:0;height:102px;overflow:hidden;background:transparent url('images/header_h1.png') top center no-repeat;}
		div#header h1 a {margin:0;padding:0;display:block;height:102px;width:280px;text-indent:-999em;overflow:hidden;outline:0;}
	
	ul#primary-nav {margin:0;padding:0;list-style-type:none;position:absolute;top:30px;right:10px;}
		ul#primary-nav li {margin:0 0 0 10px;padding:0 8px 0 0;float:left;}
			/*ul#primary-nav li:hover {background:transparent url('images/primary_nav_right_hover.png') top right no-repeat;}*/
			ul#primary-nav li.current, ul#primary-nav li.current:hover {background:transparent url('images/primary_nav_right.png') top right no-repeat;}
		ul#primary-nav li a {padding:4px 2px 6px 10px;display:block;font-size:18px;line-height:1;outline:0;}
			/*ul#primary-nav li:hover a {background:transparent url('images/primary_nav_left_hover.png') top left no-repeat;}*/
			ul#primary-nav li.current a, ul#primary-nav li.currrent:hover a {background:transparent url('images/primary_nav_left.png') top left no-repeat;cursor:default;color:#eee;}
		ul#primary-nav a:link, ul#primary-nav a:visited {color:#eee;text-decoration:none;}
		ul#primary-nav a:hover, ul#primary-nav a:active {color:#fff;}
	
	div#bio-link {height:82px;width:380px;position:absolute;bottom:10px;right:10px;font-size:0.916em;line-height:1.636em;}
		div#bio-link img {position:absolute;top:0;left:0;}
		div#bio-link p {padding-left:70px;letter-spacing:0.025em;}
	
/*
** content
*/
	div#content {background:transparent url('images/content_bg2.png') 50% -3px no-repeat;float:left;}
	
	/* primary content */
	div#primary-content {padding:0 10px 1em 20px;width:690px;/*720px total*/float:left;position:relative;}
	
		/* blog */
		body.home h2 {width:520px;position:relative;}
			body.home h2 span {position:absolute;bottom:0.818em;right:0;}
		ul#post-navigation {overflow:hidden;clear:both;list-style-type:none;padding:0;margin:0;position:absolute;top:0.818em;right:180px;font-size:0.916em;line-height:1.636;}
			ul#post-navigation li {display:inline;}
			ul#post-navigation li.prev {padding:0;margin:0;}
			ul#post-navigation li.next {padding:0 0 0 10px;margin:0 0 0 10px;border-left:1px solid #333;}
		div#blog {float:left;width:520px;margin-right:20px;}
			div.blog-post {margin:0 20px 1.5em;padding-top:1.5em;background:transparent url('images/horiz.gif') top center repeat-x;}
				div.blog-post h3 {padding:0;margin-bottom:0;color:#6e1200;font-size:2em;line-height:1.5;font-weight:normal;}
					div.blog-post h3 a:link, div.blog-post h3 a:visited {text-decoration:none;color:#8fa4b3;}
					div.blog-post h3 a:hover, div.blog-post h3 a:active {color:#eee;}
				div.blog-post h4, div.blog-post h5, div.blog-post h6 {color:#999;}
				div.blog-post p {padding:0;}
				p.post-info {margin-top:0;color:#525d66;font-size:0.916em;line-height:1.636em;}
				p.post-metadata {margin-top:1.5em;color:#525d66;font-size:0.916em;line-height:1.636em;clear:both;}
			div.first-blog-post {margin:0 0 1.5em;padding-top:0;background:#8fa4b3 url('images/blog_post_middle.png') top center repeat-y;color:#111;}
				div.first-blog-post blockquote {color:#323d46;}
				div.first-blog-post a:link, div.first-blog-post a:visited {color:#6e1200;}
				div.first-blog-post a:hover, div.first-blog-post a:active {color:#000;}
				div.first-blog-post h3 a:link, div.first-blog-post h3 a:visited {color:#6e1200;}
				div.first-blog-post h3 a:hover, div.first-blog-post h3 a:active {color:#000;}
				div.first-blog-post h3 {padding:0.5em 20px 0;background:transparent url('images/blog_post_top.png') top center no-repeat;}
				div.first-blog-post h4, div.first-blog-post h5, div.first-blog-post h6 {padding-left:20px;color:#111;}
				div.first-blog-post p, div.first-blog-post pre, div.first-blog-post ul, div.first-blog-post ol {padding:0 20px;}
				div.first-blog-post p.post-metadata {background:transparent url('images/blog_post_bottom.png') bottom center no-repeat;margin-bottom:0;padding-bottom:1.5em;}
			div.second-blog-post {background:none;padding-top:0;}
		ul#posts-navigation {overflow:hidden;clear:both;list-style-type:none;padding:0 20px;margin:0;}
			ul#posts-navigation li {display:inline;}
			ul#posts-navigation li.next {padding:0;margin:0;}
			ul#posts-navigation li.prev {padding:0 0 0 10px;margin:0 0 0 10px;border-left:1px solid #333;}
		
			/* comments */
			div#comments h3 {position:relative;}
				div#comments h3 span {position:absolute;bottom:9px;right:0;}
				div#comments h3 span a:link, div#comments h3 span a:visited {color:#333;}
				div#comments h3 span a:hover, div#comments h3 span a:active {color:#eee;}
			ol.comments-list li {padding-bottom:1.5em;margin-bottom:1.5em;background:transparent url('images/horiz.gif') bottom center repeat-x;}
			ol.comments-list li p:last-child {margin-bottom:0;}
			ol.comments-list h4 {padding-left:46px;margin-bottom:0;color:#eee;position:relative;}
				ol.comments-list h4 img {position:absolute;left:0;top:0;border:2px solid #333;}
			p.comment-info {padding-left:46px;margin-top:0;font-size:0.916em;line-height:1.636;color:#444;}
			form#comment-form input.text {width:290px;}
			form#comment-form li.submit {padding-left:0;}
			form#comment-form li.submit button {margin-top:1.5em;}
	
			/* blogroll */
			div#blogroll {float:left;width:150px;}
				div#blogroll h3 {margin-bottom:0;padding:0.6em 0 0;font-size:1.25em;line-height:1.2;background:transparent url('images/horiz.gif') top center repeat-x;}
				div#blogroll h3:first-child {padding-top:0;background-image:none;}
				div#blogroll ul {margin-top:0;margin-bottom:0.815em;font-size:0.916em;line-height:1.636em;}
			div#support-links {}
				div#support-links ul {list-style-type:none;padding:0;margin:0 0 1.636em;list-style-position:outside;}
					div#support-links li {margin-top:0.818em;padding:1.636em 0 0;background:transparent url('images/horiz.gif') top center repeat-x;}
					div#support-links li a img {margin:0;padding:0;}
				
		/* archives */
		div#archives {float:left;width:520px;margin-right:20px;}
			div#monthly {width:240px;padding-right:20px;margin-right:20px;float:left;background:transparent url('images/vert.gif') top right repeat-y;}
			div#categories {width:240px;float:left;}
			div#tag-cloud {margin-top:1.5em;padding-top:1.5em;width:520px;float:left;clear:both;background:transparent url('images/horiz.gif') top center repeat-x;}
		
		/* bio */
		div#bio {float:left;width:520px;margin-right:20px;}
		
			/* flickrbar */
			div#flickrbar {float:left;width:150px;}
				div#flickrbar h3 {font-size:1.25em;line-height:1.2;}
				div#flickrbar ul {list-style-type:none;margin-left:0;padding-left:0;}
					div#flickrbar li {margin-left:0;padding-left:0;}
					div#flickrbar li a {margin-bottom:7px;display:block;width:132px;height:75px;overflow:hidden;padding:1px;border:3px solid #292929;background-color:#0E0D0D;text-align:center;position:relative;}
						div#flickrbar li.more-link a {display:inline;width:auto;height:auto;padding:0;border:0;background-color:transparent;text-align:left;}
					div#flickrbar li img {position:relative;top:-50%;left:-25%;}
					div#flickrbar li a:link, div#flickrbar li a:visited {border-color:#292929;}
					div#flickrbar li a:hover, div#flickrbar li a:active {border-color:#333;}
	
		/* contact */
		div#contact {}
			div.ddfmerrors {font-size:1.5em;line-height:1em;margin:0 auto;color:#f7cd0a;text-align:center;padding:0.5em 20px;border:6px solid #000;background-color:#292929;width:460px;border-bottom:0;}
			div.errorlist {line-height:1.5em;margin:0 auto 1.5em;padding:0 20px 1.5em;border:6px solid #000;background-color:#292929;width:460px;border-top:0;}
			div.recaptcha_input_area {position:relative;}
			div.recaptcha_input_area input {left:0;}
		
	/* secondary content */
	div#secondary-content {padding:36px 0 1em;width:230px;/*230px total*/float:left;}

		/* quick bits */
		div#quick-bits {}
			div#quick-bits h3 {margin:0;padding:0;background:transparent url('images/h3_quickbits.gif') top left no-repeat;height:35px;text-indent:-999em;overflow:hidden;}
			div#quick-bits ul {margin:0 0 1.5em;padding:0;list-style-type:none;font-size:0.916em;line-height:1.636em;}
				div#quick-bits li {margin:0 0 0 1px;padding:0.75em 10px .75em 9px;background-color:transparent;overflow:hidden;}
				div#quick-bits li.odd {background-color:#292929;}
				div#quick-bits h4 {display:inline;font-size:1em;line-height:1.5;color:#999;}
				div#quick-bits p {display:inline;}
				div#quick-bits small {color:#161616;margin-left:0.5em;}
				div#quick-bits small a:link, div#quick-bits small a:visited {color:#161616;text-decoration:none;}
				div#quick-bits small a:hover, div#quick-bits small a:active {color:#8fa4b3;}
	
/*
** footer
*/
	div#footer {padding:1.5em 0;background:#000 url('images/footer_bg.gif') top center no-repeat;clear:both;text-align:center;}
		div#footer a:link, div#footer a:visited {color:#444;}
		div#footer a:hover, div#footer a:active {color:#999;}
		div#footer p {font-size:0.916em;line-height:1.636em;color:#444;}
	
	ul#secondary-nav {padding:0;margin:0 0 1.5em;list-style-type:none;}
		ul#secondary-nav li {display:inline;margin:0 .5em;}
