/*  
Theme Name: Blogstar
Theme URI: http://theblogstar.com/
Description: Custom theme for theblogstar.com designed by Ben Stewart (<a href="http://benstewart.net">http://benstewart.net</a>)
Version: 1.1
Author: Ben Stewart
Author URI: http://benstewart.net

Colors Used:
	#000	black
	#111	dark grey (foreground text)
	#444	dark grey (footer background)
	#666	medium grey (body background)
	#999	light grey (foreground text)
	#d9d9d9	light grey (sidebar background)
	#eee	light grey (alt background)
	#711	red
	#95c3e8	light blue

*/

@import 'reset.css';
@import 'typography.css';

/* layout */
	html {background:#333 url('images/html-bg.gif');height:100%;border-top:1px solid #333;}
	body {background:transparent url('images/body-bg.png') top center repeat-y;color:#666;text-align:center;}
	#main {width:970px;margin:0 auto;text-align:center;text-align:left;}
	
/* basics */
	h3 {position:relative;}
		h3 span {position:absolute;top:0;right:0;font-size:.667em;line-height:1.5;font-weight:normal;}
	div#atffc {display:none;}
	
	/* lightbox 2 */
	div#stimuli_imageContainer img {margin:0;}
	a#stimuli_bottomNavClose {display:block;}
	
/* header */
	div#header {position:relative;}
	
	div#header h1 {margin:0;text-align:left;height:360px;width:970px;background:transparent url('images/header-bg.jpg') top center no-repeat;}
		div#header h1 a {display:block;position:absolute;top:0;left:-60px;text-indent:-999em;overflow:hidden;background:transparent url('images/logo-tab.png') 0 0 no-repeat;height:216px;width:60px;outline:none;}
	
	div#primary-nav {position:absolute;top:36px;right:32px;height:160px;width:180px;background-color:#000;}
		div#primary-nav ul {padding:0;margin:0;height:100%;width:100%;list-style-type:none;background:transparent url('images/primary-nav.gif') -180px 0 no-repeat;}
		div#primary-nav li {padding:0;margin:0;width:100%;}
		div#primary-nav a {text-indent:-999em;overflow:hidden;display:block;outline:none;}
		div#primary-nav a:link, div#primary-nav a:visited {background:transparent url('images/primary-nav.gif') top left no-repeat;}
		div#primary-nav a:hover {background-image:none;}
		div#primary-nav li#nav-blog a {background-position:0 0;height:33px;}
		div#primary-nav li#nav-bio a {background-position:0 -33px;height:31px;}
		div#primary-nav li#nav-music a {background-position:0 -64px;height:31px;}
		div#primary-nav li#nav-photos a {background-position:0 -95px;height:31px;}
		div#primary-nav li#nav-contact a {background-position:0 -126px;height:34px;}
		/* current page */
		body.blog div#primary-nav li#nav-blog a,
		body.bio div#primary-nav li#nav-bio a,
		body.music div#primary-nav li#nav-music a,
		body.photos div#primary-nav li#nav-photos a,
		body.contact div#primary-nav li#nav-contact a {background-image:none;cursor:default;}

/* content */
	div#content {padding:0 20px;overflow:hidden;clear:both;background:transparent url('images/content-bg.gif') top right repeat-y;background-color:#fff;color:#111;}

/* primary content */
	div#primary {width:530px;float:left;margin-right:20px;}
	
	/* blog */
	div.post {}
		div.post h2 {line-height:1.5;}
		p.posted-on {color:#999;font-size:.833em;line-height:1.8;font-weight:bold;}
		div.post-content {overflow:hidden;}
			div.post-content img {padding:2px;border:1px solid #000;margin:0 auto 1.5em;display:block;text-align:center;float:none;}
			/*div.post-content img {padding:2px;border:1px solid #000;margin:0 1.5em 1.5em;float:left;}*/
		p.post-metadata {/*background-color:#d9d9d9;*/background:transparent url('images/post-title-bg.gif') top left no-repeat;color:#444;padding:0 10px;font-size:0.833em;line-height:1.8;}

	ol#comment-list {font-weight:bold;}
		ol#comment-list li {background-color:#d9d9d9;margin-bottom:0;}
			ol#comment-list li.odd {background-color:#eee;}
		ol#comment-list li dl {margin-bottom:0;border-top:1px solid #aaa;}
			ol#comment-list li dt {padding:2px;position:relative;font-size:1.16em;line-height:1.28;border-bottom:1px solid #aaa;}
			ol#comment-list li dd {padding:2px;font-weight:normal;}
	
	span.comment-metadata {position:absolute;top:0;right:0;font-size:.833em;line-height:1.8;color:#444;font-weight:normal;}
		span.comment-metadata a:link, span.comment-metadata a:visited {color:#444;}
		span.comment-metadata a:hover, span.comment-metadata a:active {color:#711;}
	
	ul#post-navigation {overflow:hidden;clear:both;list-style-type:none;padding:0;margin:0;}
		ul#post-navigation li.prev {float:left;padding:0;margin:0;}
		ul#post-navigation li.next {float:right;padding:0;margin:0;}

	ul#posts-navigation {overflow:hidden;clear:both;list-style-type:none;padding:0 0 1.5em;margin:0;}
		ul#posts-navigation li.prev {float:right;padding:0;margin:0;}
		ul#posts-navigation li.next {float:left;padding:0;margin:0;}
	
	/* bio page */
	body.bio div#promo-pics {clear:both;overflow:hidden;}
			body.bio div#promo-pics ul {list-style-type:none;margin:0;padding:0;}
			body.bio div#promo-pics li {margin:0 10px 10px 0;padding:0;float:left;}
			body.bio div#promo-pics li img {border:1px solid #000;padding:2px;}
			
	/* photos */
	ul.falbum-recent {list-style-type:none;padding:0;margin:0 -8px 1.5em 0;width:538px;}
		ul.falbum-recent li {padding:0;margin:0 8px 9px 0;float:left;}
		ul.falbum-recent li a {border:1px solid #000;padding:2px;display:block;width:75px;height:75px;}
	
	/* photos2 */
	ul#flickrrss-list {list-style-type:none;padding:0;margin:0 -8px 1.5em 0;width:538px;}
		ul#flickrrss-list li {padding:0;margin:0 8px 9px 0;float:left;}
		ul#flickrrss-list li a {border:1px solid #000;padding:2px;display:block;width:75px;height:75px;}
	
	/* music page */
	body.music div.wordtube {background-color:#000;}
	ul#music-list {list-style-type:none;padding:0;margin:0;}
		ul#music-list li {background:transparent url('images/primary-dots.gif') left bottom repeat-x;padding-bottom:.75em;margin-bottom:.75em;}
		ul#music-list li:last-child {background:none;}
		ul#music-list li p {display:inline;margin:0;padding:0;}
		ul#music-list li span {display:block;}
			ul#music-list li span br {display:none;}
	
/* secondary content */
	div#secondary {width:160px;float:left;margin-right:20px;}
		div#secondary ul, div#secondary p {font-size:0.833em;line-height:1.44;margin-bottom:1.44em;}
		div#secondary h3 {padding:0 0 0 22px;margin-bottom:0;background:transparent url('images/sidebar-h3-arrow.gif') 0 50% no-repeat;font-size:0.833em;line-height:2.88;font-weight:bold;}

	div#socials {padding:0 10px;}
		div#socials h3 {background-image:url('images/sidebar-h3-m.gif');}
		div#socials ul {list-style-type:none;padding:0;text-indent:0;margin-left:0;}
		div#socials li {background:none;padding-left:0;margin-bottom:.889em;}
		div#socials li a {display:block;width:140px;text-indent:-999em;overflow:hidden;}
		div#socials li#social-virb a {height:56px;background:transparent url('images/sidebar-social-virb.gif') 50% -56px no-repeat;}
		div#socials li#social-youtube a {height:56px;background:transparent url('images/sidebar-social-youtube.gif') 50% -56px no-repeat;}
		div#socials li#social-myspace a {height:56px;background:transparent url('images/sidebar-social-myspace.gif') 50% -56px no-repeat;}
		div#socials li#social-facebook a {height:56px;background:transparent url('images/sidebar-social-facebook.gif') 50% -56px no-repeat;}
		div#socials li#social-twitter a {height:56px;background:transparent url('images/sidebar-social-twitter.gif') 50% -56px no-repeat;}
		div#socials li#social-virb a:hover,
		div#socials li#social-youtube a:hover,
		div#socials li#social-myspace a:hover,
		div#socials li#social-facebook a:hover,
		div#socials li#social-twitter a:hover {background-position:50% 0;}
	
	div#rss-subscribe {padding:0 10px;}
		div#rss-subscribe h3 {padding-left:0;background-image:none;}
		div#rss-subscribe h3 a {display:block;padding:0 0 0 22px;background:transparent url('images/sidebar-h3-rss-red.gif') 0 50% no-repeat;}
	
	div#email-subscribe {padding:0 10px;}
		div#email-subscribe h3 {padding:0 0 0 22px;background:transparent url('images/sidebar-h3-rss.gif') 0 50% no-repeat;}
		div#email-subscribe form li {position:relative;width:140px;}
		div#email-subscribe form label {display:none;}
		div#email-subscribe form .textbox {width:104px;}
		div#email-subscribe form input#email-submit {margin:0;padding:0 2px 1px;width:24px;font-weight:bold;border:1px solid #444;background-color:#eee;color:#711;position:absolute;right:0;top:0;}
			div#email-subscribe input#email-submit:hover {background-color:#711;color:#fff;cursor:pointer;}
		/* for safari */
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			div#email-subscribe form input#email-submit {padding:2px 2px 4px;}
		} 

	div.links-list {padding:0 10px;}
		div.links-list ul {padding:0;margin-left:0;list-style-type:none;}

	div#link-love h3 {background-image:url('images/sidebar-h3-l.gif');}

	div#twitter-status {padding:0 10px;margin-bottom:1.44em;}
		div#twitter-status h3 {background-image:url('images/sidebar-h3-twitter.gif');}
			div#twitter-status h3 a {color:#111;}
		div#twitter-status ul, div#twitter-status li {list-style-type:none;padding:0;margin:0;}
		p.more-link {font-size:10px;}
		span.entry-meta {color:#666;}
			span.entry-meta a:link, span.entry-meta a:visited {color:#666;}
			span.entry-meta a:hover, span.entry-meta a:active {}
			span.time-meta {}
			span.from-meta {display:none;}
	
	div#category-links {padding:0 10px;}
		div#category-links ul {padding:0;margin-left:0;list-style-type:none;}
	/*
	div#tag-links {padding:0 10px;}
		div#tag-links h3 {background-image:url('images/sidebar-h3-t.gif');}
		div#tag-links ul {padding:0;margin-left:0;list-style-type:none;}
	*/
	/* contact page */
	div#secondary div.post {padding:0 10px;}

	body.contact div#promo-pics {padding:0 10px;}
		body.contact div#promo-pics ul {list-style-type:none;padding-left:0;margin-left:0;}
		body.contact div#promo-pics li {margin-left:0;padding-left:0;}
		body.contact div#promo-pics li img {border:1px solid #000;padding:2px;}
	
/* tertiary content */
	div#tertiary {width:200px;float:left;}
	
	div#bio-link p {text-align:right;}
	
	div#support ul {list-style-type:none;padding-left:0;margin-left:0;}
		div#support li {padding-left:0;margin-left:0;text-indent:0;}
		div#support li a {margin-bottom:1.5em;width:200px;height:144px;display:block;background:transparent url('images/support-arrow2.gif') 50% 50% no-repeat;}
		div#support li a:hover img, div#support li a:active img {opacity:0.6;filter:alpha(opacity=60);}
	
/* footer */
	div#footer {padding:3em 20px 0;color:#999;background:transparent url('images/footer-bg.gif') top left no-repeat;overflow:hidden;clear:both;}
		div#footer h3 {color:#fff;font-size:1.5em;line-height:2;background:transparent url('images/footer-h3-arrow.gif') top left no-repeat;padding-left:42px;}
		div#footer h4 {color:#fff;font-weight:bold;margin-bottom:0;}
		div#footer ul {list-style-type:none;padding-left:0;text-indent:0;margin-left:0;}
		div#footer li {padding-left:12px;background:transparent url('images/footer-bullet.gif') 0 4px no-repeat;}
			div#footer li img {display:inline;float:none;margin:0;}
		div#footer p {clear:both;}
	
	div#recent-comments {margin-right:20px;width:300px;float:left;}
		div#recent-comments h3 {background-image:url('images/footer-h3-c.gif');}

	div#other-posts {margin-right:20px;width:210px;float:left;}
		div#other-posts h3 {background-image:url('images/footer-h3-p.gif');}
		
	div#tag-links {margin-right:20px;width:160px;float:left;}
		div#tag-links h3 {background-image:url('images/footer-h3-t.gif');}
	
	div#footer-nav {width:200px;float:left;}
		div#footer-nav h3 {background-image:url('images/footer-h3-n.gif');}
	
	div#stats-links {width:200px;float:left;}
		div#stats-links h3 {background-image:url('images/footer-h3-s.gif');}
		div#stats-links ul, div#stats-links li {list-style-type:none;padding-left:0;margin:0 0 1.5em;background-image:none;}
		
	p#credits {color:#111;position:relative;}
		p#credits a:link, p#credits a:visited {color:#111;}
		p#credits a:hover, p#credits a:active {color:#95c3e8;}
		p#credits img {border:none;padding:0;margin:0;position:absolute;top:2px;right:0;}