/*
Theme Name: TunedIn
Theme URI: http://jschleuss.com
Description: TunedIn theme developed internally at nwaonline.com using a base of the Starkers theme by Elliot Jay Stocks 
Version: 4.0
Author: Jon Schleuss
Tags: music, grunge, alternative
*/

/* Color Palette 
#ffffff - white
#f1f1f1 - off white
#716a71 - dark gray
#1e1e1e - off black
#a2e07b - light green
#1f760a - green
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

body { font-family: Arial, Helvetica, sans-serif; background: #232323 url(images/background.jpg) top right fixed no-repeat; }
body a { color: #1f760a; text-decoration: none; }
body a:hover { text-decoration: underline; }

.clr { display: block; clear: both; }

#page_wrap { width: 900px; margin: 0 auto; }

#header h1 a { text-indent: -9999px; display: block; width: 600px; height: 190px; background: url(images/head.png) top left no-repeat; }

#access { height: 20px; padding: 0 20px; }
#access .menu li { float: left; margin: 0 10px 0 0; }
#access .menu li a { padding: 2px 10px 0; height: 18px; display: block; color: #ffffff; font-size: 14px; line-height: 14px; font-weight: bold; background: url(images/nav_button_background.png) top left repeat-x;  -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
#access .menu li a:hover { text-decoration: none; color: #f1f1f1; background: #1e1e1e; }

#main { width: 600px; background: #f1f1f1; float: left; -moz-box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; box-shadow: 0 0 5px #000000; }
#sidebar { width: 300px; float: right; margin: 151px 0 0 0; background: url(images/sidebar_background.png) top left repeat-y; }
#footer { clear: both; width: 900px; }

/* Sidebar
-------------------------*/
#sidebar ul li.widget-container { padding: 20px; border-bottom: 1px solid #716a71; }
#sidebar ul li { font-size: 12px; line-height: 20px; }
#sidebar ul li h3 { font-size: 14px; line-height: 16px; font-weight: bold; margin: 0 0 10px 0; }
#sidebar #collapsible-archive ul li a.year { color: #555555; }
#sidebar #collapsible-archive ul li ul { margin: 0 0 5px 15px; }

/* Home
-------------------------*/
body.home .pagenav { padding: 20px; }
body.home .pagenav .next_posts, body.home .pagenav .prev_posts { display: block; }
body.home .pagenav .next_posts { float: right; }
body.home .pagenav .prev_posts { float: left; }

.nothing_found { padding: 20px; }

/* Post and Page List
-------------------------*/
#post_list { }
#post_list h1 { padding: 20px 20px 0; }
#post_list h2 { font-size: 24px; line-height: 26px; }
#post_list .post, #post_list .page { border-bottom: 1px solid #d7d6d7; padding: 20px; }
#post_list .post .post_time, #post_list .page .post_time { font-size: 12px; line-height: 14px; color: #716a71; margin: 0 0 12px 0; }
#post_list .post p, #post_list .page p { font-size: 14px; line-height: 20px; margin: 0 0 12px 0; }
#post_list .post .post_meta_data, #post_list .page .post_meta_data { font-size: 12px; line-height: 20px; color: #716a71; }
#post_list .post .aligncenter p.wp-caption-text, #post_list .post .alignleft p.wp-caption-text, #post_list .post .alignright p.wp-caption-text { font-size: 12px; line-height: 14px; color: #716a71; }
#post_list .post .aligncenter p.wp-caption-text { text-align: center; }
#post_list .post .alignleft p.wp-caption-text { text-align: left; }
#post_list .post .alignright p.wp-caption-text { text-align: right; margin: 0 10px 0 0; }

/* Single
-------------------------*/
body.single h2 { font-size: 24px; line-height: 26px; }
body.single .post { border-bottom: 1px solid #d7d6d7; padding: 20px; }
body.single .post .post_time { font-size: 12px; line-height: 14px; color: #716a71; margin: 0 0 12px 0; }
body.single .post p { font-size: 14px; line-height: 20px; margin: 0 0 12px 0; }
body.single .post .post_meta_data { font-size: 12px; line-height: 20px; color: #716a71; }
body.single .post .aligncenter p.wp-caption-text, body.single .post .alignleft p.wp-caption-text, body.single .post .alignright p.wp-caption-text { font-size: 12px; line-height: 14px; color: #716a71; }
body.single .post .aligncenter p.wp-caption-text { text-align: center; }
body.single .post .alignleft p.wp-caption-text { text-align: left; }
body.single .post .alignright p.wp-caption-text { text-align: right; margin: 0 10px 0 0; }

body.single .post_pag { border-bottom: 1px solid #d7d6d7; padding: 20px; }
body.single .post_pag p { font-size: 14px; line-height: 20px; margin: 0 0 12px 0; }
body.single .post_pag .prev { text-align: left; }
body.single .post_pag .next { text-align: right; }

body.single #post_comments { border-bottom: 1px solid #d7d6d7; padding: 20px; }
body.single #post_comments p { font-size: 14px; line-height: 20px; margin: 0 0 12px 0; }

body.single #post_comments .comment { clear: both; margin: 0 0 20px; padding: 10px;  }
body.single #post_comments .comment-author, body.single #post_comments .comment-meta, body.single #post_comments .reply { font-size: 12px; line-height: 14px; }
body.single #post_comments .odd { background: #ffffff; }

body.single #respond { border-bottom: 1px solid #d7d6d7; padding: 20px; }
body.single #respond p { font-size: 14px; line-height: 20px; margin: 0 0 12px 0; }
body.single #respond p span.required { display: none; }
body.single #respond .form-allowed-tags { font-size: 12px; line-height: 20px; color: #716A71; margin: 0 0 12px 115px; }
body.single #respond label { float: left; text-align: right; margin: 0 15px 0 0; width: 100px; }
body.single #respond #submit { margin: 0 0 0 115px; }

/* 404
-------------------------*/
#main .error_message { padding: 20px; }
#main .error_message h1 { font-size: 24px; line-height: 26px; }
#main .error_message p { font-size: 14px; line-height: 20px; }

/* Archives
-------------------------*/
body.archive .pagenav { padding: 20px; }
body.archive .pagenav .next_posts, body.home .pagenav .prev_posts { display: block; }
body.archive .pagenav .next_posts { float: right; }
body.archive .pagenav .prev_posts { float: left; }

/* Pages
-------------------------*/
#page_content { padding: 20px; }
#page_content p { font-size: 14px; line-height: 20px; margin: 0 0 12px; }

body.page #post_comments { border-bottom: 1px solid #d7d6d7; padding: 20px; }
body.page #post_comments p { font-size: 14px; line-height: 20px; margin: 0 0 12px 0; }
body.page #post_comments .comment { clear: both; margin: 0 0 20px; padding: 10px;  }
body.page #post_comments .comment-author, body.single #post_comments .comment-meta, body.single #post_comments .reply { font-size: 12px; line-height: 14px; }
body.page #post_comments .odd { background: #ffffff; }

body.page #respond { border-bottom: 1px solid #d7d6d7; padding: 20px; }
body.page #respond p { font-size: 14px; line-height: 20px; margin: 0 0 12px 0; }
body.page #respond p span.required { display: none; }
body.page #respond .form-allowed-tags { font-size: 12px; line-height: 20px; color: #716A71; margin: 0 0 12px 115px; }
body.page #respond label { float: left; text-align: right; margin: 0 15px 0 0; width: 100px; }
body.page #respond #submit { margin: 0 0 0 115px; }

body.page #page_content .aligncenter p.wp-caption-text, body.single .post .alignleft p.wp-caption-text, body.single .post .alignright p.wp-caption-text { font-size: 12px; line-height: 14px; color: #716a71; }
body.page #page_content .aligncenter p.wp-caption-text { text-align: center; }
body.page #page_content .alignleft p.wp-caption-text { text-align: left; }
body.page #page_content .alignright p.wp-caption-text { text-align: right; margin: 0 10px 0 0; }

/* Search
-------------------------*/
#search_content h1 { padding: 20px 20px 0; }
#search_nothing { padding: 20px; }

/* TWEETS
-----------------------*/
body.page #twitterTimeline .tweet img { float: left; margin: 0 5px 0 0; -moz-box-shadow: 0 0 2px #555555; -webkit-box-shadow: 0 0 2px #555555; box-shadow: 0 0 2px #555555; }
body.page #twitterTimeline .tweet { clear: both; min-height: 50px; margin: 0 0 20px; }
body.page #twitterTimeline .tweet p { font-size: 14px; }
body.page #twitterTimeline .tweet .username { font-weight: bold; }
body.page #twitterTimeline .tweet .time { color: #555555; font-size: 12px; }

.tweets-mini .tweet img { float: left; margin: 0 5px 0 0; -moz-box-shadow: 0 0 2px #555555; -webkit-box-shadow: 0 0 2px #555555; box-shadow: 0 0 2px #555555; }
.tweets-mini .tweet { clear: both; min-height: 50px; margin: 0 0 10px; }
.tweets-mini .tweet p { font-size: 12px !important; line-height: 18px !important; }
.tweets-mini .tweet .username { font-weight: bold; }
.tweets-mini .tweet .time { color: #555555; font-size: 12px; }

/* Footer
-------------------------*/
#footer p { color: #ffffff; text-shadow: 0 0 2px #000000; font-size: 12px; line-height: 14px; text-align: left;  }