/*  
Theme Name: WordPress mu Comics
Theme URI: http://portermason.com/bassistwanted/
Description: The default PorterMason.com comics theme.
Version: 0.1
Author: Porter Mason
Author URI: http://portermason.com/

	Comics v0.1
	 http://portermason.com/bassistwanted/

	This theme was designed and built by Porter Mason,
	whose site you will find at http://portermason.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

h3#respond { clear: both; }

body, html { margin: 0; padding: 0; font-family: Georgia, Book Antiqua, Times, serif; background: #f6f6f6; }
body { padding-bottom: 30px; }
form input, form textarea { font-family: Georgia, Book Antiqua, Times, serif; font-size: inherit; }

#page { width: 960px; margin: 0 auto; }

a img { border: 0; }
a, a:link { color: #454; }
a:visited { color: #242; }
a:hover, a:active { color: #797; text-decoration: none; }

hr { display: none; }

/* sitewrap */
#sitewrap { background: #454; color: #797; font-size: 10px; padding: 5px; }
#sitewrap a { color: #fff; }
#sitewrap a { margin: 0 6px; }
#sitewrap p { margin: 0 auto; padding: 0; width: 870px; }

/* header */
#header { margin: 0; width: 100%; }
#header h3, #header h4 { color: #999; margin: -5px 0 30px; }
#header h3 { font-size: 24px; }
#header h1 { font-size: 28px; margin: 0; float: left; width: 770px; }
#blog_1 #header h1 { background: url(http://photos-a.ak.fbcdn.net/hphotos-ak-snc1/hs150.snc1/5572_601423979374_1309382_35457336_3340604_s.jpg) 10px 22px no-repeat; }
#header h1 a, #header h1 a:link, #header h1 a:visited { text-decoration: none; }
#header ul, #footer ul#bottom_nav { margin: 0; padding: 0; list-style-type: none; margin-bottom: 15px; margin-left: 10px; overflow:hidden; color: #999; clear: both; }
#footer ul#bottom_nav { margin-left: 0; font-weight: bold; }
#header ul { font-size: 15px; }
#header li, #footer #bottom_nav li { float: left; margin-right: 1.2em; text-transform: uppercase; }
#footer #bottom_nav li { margin-right: 2em; }
#footer #bottom_nav li#bottom_feed_link a:hover, #footer #bottom_nav li#bottom_feed_link a:active { color: #e37336; }
#footer #bottom_nav li#bottom_feed_link a:visited { color: #d36020; }
#footer #bottom_nav a.inactive, #footer #bottom_nav a.inactive:hover { color: #999; }
#header #searchform_nav input, #header #searchform_nav textarea { font-size: 13px; }
#header #searchform_nav input#s_nav { width: 170px; }
#header li.search { float: none; text-align: right; margin-right: 0px; }

h1.pagetitle, h2.pagetitle { margin: 0 0 0 5px; text-align: center; }
div.post_separator { display: block; padding-bottom: 40px; background: url(images/Comics_Separator.gif) bottom center no-repeat; }

/* posts */
#content { width: 760px; background: #fff; border: solid 1px #aaa; margin-bottom: 20px; padding: 10px 5px 25px 8px; -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px; float: left; overflow:hidden; font-size: 15px; }
.post { clear: both; overflow:hidden; width: 100%; padding-bottom: 50px; background: url(images/Comics_Separator.gif) bottom center no-repeat; }
.post h1, .post h2 { margin: 0; float: left; font-size: 24px; margin-bottom: 15px; padding-left: 5px; width: 70%; }
.post p.search_subhead { margin: 0; padding: 0; padding-left: 5px; color: #666; }
.homepage .post h2, .post h1, h1.pagetitle, h2.pagetitle { font-size: 28px; }
.post#archives h2, h2.see_more { float: none; width: 100%; clear: both; }
.post h2 { color: #999; }
#content h2.see_more { font-size: 20px; }
#content h2.see_more a { background: #f00; color: #fff; text-decoration: none; }
#content h2.see_more a:hover { background: #900; }
#content .see_more { text-align: center; margin-top: 1em;}

.post p, .post ol, .post ul, .post blockquote, .post h3, .post h4, .post h5, .post h6 { margin-right: 10px; line-height: 1.5em; }
.post blockquote { border-left: solid 3px #ccc; }
.post blockquote, .post ol, .post ul { padding-left: 1em; margin-left: 2em; }
.post p.comic_strip { margin: 0; padding: 0; }
.post p.comic_strip img { margin: 0 1px; }
.post .date { text-align: right; float: right; color: #999; margin-right: 10px; margin-top: 7px; }
.post .entry { clear: both; padding-left: 5px; padding-bottom: 1em; margin-bottom: 0; }
.post .entry, .post .comments, .post .respond { width: 60%; margin: 0 auto; }
.post .entry.comic_strip { padding-left: 5px; width: 100%; }
.post .entry.comic_strip ol { display: none; }
.post .tags { clear: both; margin: 0 50px; padding: 0; color: #999; text-align: center; }

.post strong { background: #666; color: #fff; }
.post strong a { background: #797; color: #fff; text-decoration: none; }
.post strong a:visited, .post strong a:active { background: #9b9; color: #fff; text-decoration: none; }
.post strong a:hover { background: #030; }

.post .tags a { white-space: nowrap; }
.post .date, .post .tags, .post p.search_subhead, .show_transcript { font-size: 13px; }
.post textarea { width: 370px; height: 6em; }

.post h2#comments_header { clear: both; overflow:hidden; width: 100%; padding-top: 20px; margin-top: 20px; background: url(images/Comics_Separator.gif) top center no-repeat; }
.post .comments ol { list-style: none; margin: 0; padding: 0 0 15px; }
.post .comments li { background: #ddd; margin: 0; padding: 15px 20px; }
.post .comments li p { margin: 0; }
.post .comments li.alt { background: #eee; }
.post .comments, .post .respond { font-size: 15px; border: 1px solid #242; -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px; margin-bottom: 30px; background-color: #ddd; margin-top: 1em; }
.post .respond p, .post .comments p { padding: 0 30px; }
.post .respond p small { font-size: 10px; }
.post .respond h3, .post .comments h3 { margin-top: 0; padding: 20px 30px 0; }
.post .respond input { display: block; margin:2px 0px 5px; }
.post .respond label { color: #666; }
.post .respond em { color: #999; }
.post .respond #submit, .comments #post_to_twitter_button { width:70%; margin:0; margin-bottom: 1em; padding:2px; font-size: 24px; }
.comments #post_to_twitter_button { width:auto; }
#required_fields { float: right; width: 100px; font-size: 10px; margin-top: 0; }
.digg_badge_box { width: 100px; float: right; margin: 15px 0 0 10px; }

/** General Button Stuff **/
.button { float: left; padding: 0; line-height: 1em; }
.button a { display: block; border: solid 1px #666; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 4px; text-decoration: none; background-color: #ddd; color: #333; font-size: 13px; }
.button a:hover { background-color: #666; border: solid 1px #000; color: #fff; }

.button.see_more { padding:2px; font-size: 24px; float: none; margin: 10px 150px; clear: both; }
.button.see_more a { font-size: 24px; border: solid 1px #966; background: #fdd; color: #633; }
.button.see_more a:hover { background-color: #966; color: #fff; }

/** Highlighted buttons **/

#content .button.buy_book a { border: solid 1px #900; background-color: #d00; color: #fff; }
#content .button.buy_book a:hover { background-color: #600; }

/** Top Navigation **/
#header li a { border: solid 1px #454; background-color: #797; color: #fff; text-transform: uppercase; }
#header li a:hover { background-color: #454; }

/** Post Navigation **/
.post_navigation { overflow:hidden; padding-bottom: 1em; margin-left: 10px; }
.post_navigation #prev_post, .post_navigation #first_post, .post_navigation #last_post, .post_navigation #rand_post, .post_navigation #next_post, .post_navigation .leave_comment, .post_navigation .whole_post {float: right; margin-right: 1em; }
.post_navigation .button a { border: solid 1px #454; background-color: #797; color: #fff; }
.post_navigation .button a:hover { background-color: #454; }
.post_navigation .whole_post a, .post_navigation #next_post a { border: solid 1px #000; background-color: #454; }
.post_navigation .whole_post a:hover, .post_navigation #next_post a:hover { background-color: #000; }
.button.buy_art a, .button.buy_book a, .button.subscribe a, .button.whole_post a, .button.leave_comment a, .button#first_post a, .button#prev_post a, .button#rand_post a, .button#next_post a, .button#last_post a { font-size: 18px; padding: 8px; }
.button.buy_book, .button.buy_art { margin-left: 10px; }
.show_transcript { margin-left: 130px; }

/** Post Sharing **/
.post_share { clear: both; margin: 0 1em 1em .8em; }
.social_buttons div { margin: 0 auto 1em; }
.social_buttons .stumble_button { margin-right: 2em; }
.post_share .link_embed { text-align: center; }
.post_share .link_embed input { width: 270px; }

/** Post Mashup **/
.post_mashup { padding-left: 160px; font-size: 13px; }

/** Follow me buttons **/
.follow_me { clear: both; }
.follow_me ul { list-style: none; margin: 0; padding: 0; }
.narrowcolumn .follow_me ul li.button { margin: 0 12px 0 0; }
.follow_me ul li.button { margin: 0 12px 2em 0; }
.follow_me ul li.button.digg_button { margin: 0; }
#header .follow_me ul li.button a { background-color: #ddd; color: #333; font-size: 13px; }
#header .follow_me ul li.button a:hover { background-color: #666; border: solid 1px #000; color: #fff; }
#header .follow_me { float: right; width: 165px; clear: right; text-align: center; }
#header .follow_me li { float: none; padding: 0; margin: 14px 0 0 0; }
#header .follow_me li a, #header .follow_me li { text-transform: none; }
#header .follow_me ul { clear: none; padding: 0; margin: 0; }

/** Branded Buttons **/
.button.digg_button a { padding-left: 23px; background-image: url(images/icons/16x16/digg.png); background-position: 3px 4px; background-repeat: no-repeat; }
#header .button.facebook_button a, .button.facebook_button a { padding-left: 23px; background-image: url(images/icons/16x16/facebook.png); background-position: 3px 4px; background-repeat: no-repeat; }
.button.stumbleupon_button a { padding-left: 23px; background-image: url(images/icons/16x16/stumbleupon.png); background-position: 3px 4px; background-repeat: no-repeat; }
.button.twitter_button a { padding-left: 23px; background-image: url(images/icons/16x16/twitter.png); background-position: 3px 4px; background-repeat: no-repeat; }
.button.googlereader_button a { padding-left: 23px; background-image: url(images/icons/16x16/google.png); background-position: 3px 4px; background-repeat: no-repeat; }
.button.rss_button a { padding-left: 23px; background-image: url(images/feed-icon-14x14.png); background-position: 3px 4px; background-repeat: no-repeat; }

#archives { padding-left: 10px; }
#archives #list_months { width: 30%; float: left; }
#archives #list_tags { width: 65%; float: left; }

#content .more { text-align:right; }

#contactform label, #contactform p { color: #999; }
#contactform p { float: right; width: 80px; font-size: 10px; }
#contactform textarea { height: 8em; }
#contactform input#wpcf_response { width: 2em; }
#contactform #wpcf_your_name, #contactform #wpcf_email, #contactform #wpcf_website, #contactform #wpcf_subject, #contactform #wpcf_msg, #contactform #wpcf_response { margin-bottom: 1em; }
#contactform .message { clear: both; }
#contactform #contactsubmit { font-size: 24px; }

/* footer */
#footer { font-size: 13px; color: #999; margin-top: 30px; margin-left: 10px; margin-bottom: 0; clear: both; width: 770px;}
#footer p { clear: both; }

/* RSS icons */
ul.RSS_list, ul.facebook_list, ul.twitter_list, ul.email_list { margin: 0 0 15px 2em; padding: 0; list-style-type: none; }
ul.RSS_list li, ul.facebook_list li, ul.twitter_list li, ul.email_list li { margin: 0 0 10px 0; padding: 0; list-style-type: none; }
ul.RSS_list li a, ul.facebook_list li a, ul.twitter_list li a, ul.email_list li a, #footer #bottom_nav li#bottom_feed_link a { padding: 0 0 0 22px; list-style-type: none; font-weight: bold; }
ul.RSS_list li a, #footer #bottom_nav li#bottom_feed_link a { background: url(images/feed-icon-14x14.png) no-repeat 0 50%; color: #dd6522; }
ul.facebook_list li a { background: url(images/icons/16x16/facebook.png) no-repeat 0 50%; color: #345095; }
ul.twitter_list li a { background: url(images/icons/16x16/twitter.png) no-repeat 0 50%; color: #5aa3a7; }
ul.email_list li a { background: url(images/icons/16x16/email.png) no-repeat 0 0; color: #333; }
ul.email_list li a:link, ul.email_list li a:hover, ul.email_list li a:active { color: #333; }

/** Inactive buttons - Leave at end of file **/
#page .button.inactive a, #page .button.inactive a:hover { border: solid 1px #ccc; background: #ddd; color: #aaa; }

a.dsq-brlink { display:none; }
#disqus_thread #dsq-content { width: 60%; margin: 0 auto; clear: both; }
.button.leave_comment a, #dsq-options { display: none; }
.button.leave_comment a.dsq-comment-count, .button.leave_comment noscript a { display: block; }

/** Page Navi **/
.wp-pagenavi { margin: 1em; text-align: center; }
.wp-pagenavi span.pages { border: 0; }
.wp-pagenavi a, .wp-pagenavi span { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited { border: solid 1px #666; background-color: #ddd; color: #333; }
.wp-pagenavi span.current, .wp-pagenavi a:hover { background-color: #666; border: solid 1px #000; color: #fff; }
.wp-pagenavi span.extend { background-color: auto; border: 0; }

/** AdSense **/
#adsense_skyscraper { width: 170px; float: right; }
#adsense_footerboard { margin-left: 10px; }
#adsense_headerboard { margin: 10px auto 10px; width: 890px; }
.adsense_midpage { clear: both; overflow:hidden; width: 100%; padding: 20px 0 50px; margin: 0; background: url(images/Comics_Separator.gif) bottom center no-repeat; }

/** Store **/
#content.widecolumn, #content.widecolumn { width: 100%; }
.store .list_storeItem .titlePrice ul li a, .storeItem .addToCart a.addNow, .storeItem .addToCart input.addNow, .store .list_storeItem .titlePrice ul li input.addNow { font-weight: bold; font-size: 16px; color: #000; text-decoration: none; display: block; border: solid 1px #300; background: #f8c100; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 5px; margin: 1em; text-align: center; }
.storeItem .addToCart input.addNow, .store .list_storeItem .titlePrice ul li input.addNow { width: 140px; font-size: 14px; }
.store .list_storeItem .titlePrice ul li input.addNow { margin: 0; }

.store .list_storeItem { width: 850px; margin: 1em auto; clear: both; padding: 0 0 50px; background: url(images/Comics_Separator.gif) bottom center no-repeat; overflow:hidden; }
.store .list_storeItem .imageThumb { float: left; width: 250px; margin: 1em; text-align: center; }
.store .list_storeItem img { height: 190px; max-width: 250px; border: solid 1px #666; }
.store .list_storeItem .titlePrice { float: left; width: 550px; }
.store h1 {  padding: 0 0 50px; background: url(images/Comics_Separator.gif) bottom center no-repeat; }
.store .list_storeItem .titlePrice h2 { margin: 10px 0 0; }
.store .list_storeItem .titlePrice h2 em { display: block; float: right; color: #ccc; text-transform: uppercase; font-style: normal; }
.store .list_storeItem .titlePrice h3 { color: #666; margin: 0; }
.store .list_storeItem .titlePrice p { color: #999; font-size: 13px; margin: .5em 0; }
.store .list_storeItem .titlePrice p a { color: #888; }
.store .list_storeItem .titlePrice ul { list-style: none; margin: 0; padding: 0; }
.store .list_storeItem .titlePrice ul li { margin: .5em 0; }
.store .list_storeItem .titlePrice ul li em { font-style: normal; text-decoration: line-through; }
.store .list_storeItem .titlePrice ul li strong { color: #b00; }
.store .list_storeItem .titlePrice ul li a { font-size: 14px; width: 130px; margin: 0; }

.storeItem h1.pagetitle { text-align: left; }
.storeItem h1.pagetitle em { display: block; width: 280px; float: left; text-align: right; margin: 0 20px 0 0; color: #999; text-transform: uppercase; font-style: normal; }
.storeItem h3 { margin: 0 0 0 305px; color: #666; }
h2#reviews_header { text-align: center; color: #666; clear: both; padding: 50px 0 0; background: url(images/Comics_Separator.gif) top center no-repeat; }
.storeItem .post { width: 450px; margin: 1em 0; padding: 20px 0 0; background: url(images/Comics_Separator.gif) top center no-repeat; float: left; clear: none; }
.storeItem .entry { width: 100%; margin: 2em 0 0; }
.storeItem .itemImages { width: 300px; float: left; margin: 1em 0 0; }
.storeItem .itemImages img { width: 280px; border: solid 1px #666; margin: 1em 12px 0 8px; }
.storeItem .addToCart { width: 170px; float: right; margin: 2em 1em 0 0; border: solid 1px #ccc; background: #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 5px; text-align: center; }
.storeItem .addToCart ul { list-style: none; margin: 1em 0; padding: 0; color: #999; }
.storeItem .addToCart ul li { margin: 1em 0; }
.itemType { color: #999; padding-right: .5em; }
.priceAndQuantity { padding: 20px 0 30px; margin: 0 0 1em; background: url(images/Comics_Separator.gif) bottom center no-repeat; }
.priceAndQuantity ul { list-style: none; margin: 0 0 0 0; padding: 0; }
.priceAndQuantity ul li { text-align: right; clear: both; padding: 3px 0 0; }
.priceAndQuantity ul li em { display: block; font-size: 13px; color: #666; float: left; text-align: right; width: 105px; font-style: normal; margin: 0 1em 0 0;}
.priceAndQuantity ul li strong { background: none; color: #000; display: block; float: left; text-align: left; width: 295px; }
.priceAndQuantity ul li.ListPrice strong { font-weight: normal; text-decoration: line-through; }
.priceAndQuantity ul li.Savings strong { font-weight: normal; color: #b00; }
.priceAndQuantity ul li.Price strong { font-size: 28px; color: #b00; }
.priceAndQuantity ul li.Savings { padding: 6px 0 0; }
.priceAndQuantity ul li.Availability { text-align: left; margin: 35px 0 10px 48px; font-weight: bold; color: #090; }
.priceAndQuantity ul li.Availability em { color: #d28f00; width: 100%; float: none; text-align: left; font-size: 15px; }