/* 
Theme Name: Independent Cause
Theme URL: http://music.tulsaproject.com/
Description: Based on Whiteboard by Brian Purkiss (http://brianpurkiss.com).
Author: Michael J. Champlin
Author URI: http://mjchamplin.com
Version: 2.0
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
{margin:0;padding:0;}


/*
Here is a list of all the <DIV>s in Whiteboard.
*/

/*Global Declarations*/
body {  background-color: #000; font-family:Georgia,Cambria,"Times New Roman",Times,serif;font-size:15px;font-weight:400; }
a, a:visited, a:active, a:link { text-decoration: underline; color: #555; }
a:hover { color: #3366cc; }
h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; /*font-family: "ChunkFive", Georgia, "Times New Roman", Times, serif; font-weight: normal;*/ }
h1 { font-size: 55px; text-decoration: none;  }
h1 a, h1 a:visited { text-decoration: none; color: #000; border-bottom: none;}
h2 { font-size: 26px; text-decoration: none; }
h2 a, h2 a:visited, h2 a:link, h2 a:active { text-decoration: none; color: #000; border-bottom: none;}
h3 { font-size: 20px; text-decoration: none; margin: 15px 0 5px 0;}
h3 a, h3 a:visited, h3 a:link, h3 a:active { text-decoration: none; color: #000; border-bottom: none;}
h4 { font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; margin-bottom: 7px; } 
h4 a, h4 a:visited, h4 a:active, h4 a:link { border-bottom: none; text-decoration: none; }
strong { font-weight: bold; }
em { font-style: italic; }
img { border:none; }
img a, img a:visited, img a:active, img a:link { border-bottom: none; }

/*TTP Leader*/
#title_bar { width: 670px; margin: 0 auto; padding: 15px; background-color: #fff; /*-moz-border-radius: 8px; */}
#title_bar img { float: left; clear: both; }
#ad_leader { width: 468px; height: 60px; margin: 0 auto 3em auto; background-color: #333; }

/*Navigation*/
.Basic_46 { width: 650px; padding: 3px 15px;  text-align: left; }
.Basic_46 a{ margin: 0 5px; font-size: 12px; text-transform: uppercase; padding: 5px;}
.Basic_46 a:hover { background-color: #3366cc; color: #000; }

/*Structural Elements*/
#container { width: 1000px; margin: 0 auto; background-color: #fff; }
#header { width: 1000px; background-color: #A3007A; margin-bottom: 25px; }
#header a, #header a:visited, #header a:active, #header a:link { border: none; }
#top-title { padding: 25px; }
#top-title h1 { color: #fff; letter-spacing: -4px; }
#top-title p { font-family: Arial, Helvetica, sans-serif; font-size: 10px; letter-spacing: 3px; text-transform: uppercase; color: #fff;  /*margin: 7px 0 7px 25px;*/ } 

/*Story Blocks [main index]*/
.story {  width: 200px; height: 350px; float: left; margin-left: 25px; }
.story p { font-family: "Times New Roman", Times, serif; font-weight: normal; font-size: 13px; margin: 5px 0; }
.story h3 { margin-top: 10px; }
.story h3 a, .story h3 a:visited, #video h3 a { margin-bottom: none; color: #000; border-bottom: none; }
.story h4 { font-weight: normal; margin-top: 3px; }
.cat { font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-transform: uppercase; font-size: 12px; margin-bottom: 7px; }
.cat a, .cat a:visited, .cat a:link, .cat a:active { color: #999; text-decoration: none; padding-top: 4px; display: block; }
.cat a:hover { background-color: #f4f4f4; }

/*
#story_recaps  { border-top: 1px #0066cc solid; }
#story_upcoming  { border-top: 1px #669933 solid; }
#story_bands  { border-top: 1px #ffcc00 solid; }
#story_albums { border-top: 1px #660066 solid; }
#story_site { border-top: 1px #990000 solid; }
#story_recent { border-top: 1px #0066cc solid; }
#story_recent ul { margin: 5px 0; } 
#story_recent li { list-style: none; margin-top: 2px; }
#story_recent li:hover { list-style: disc; }
*/

#story_recaps  { border-top: 3px #aaa solid; }
#story_upcoming  { border-top: 3px #aaa solid; }
#story_bands  { border-top: 3px #aaa solid; }
#story_albums { border-top: 3px #aaa solid; }
#story_site { border-top: 3px #aaa solid; }
#story_recent { border-top: 3px #aaa solid; }
#story_recent ul { margin: 5px 0; } 
#story_recent li { list-style: none; margin-top: 2px; }
#story_recent li:hover { list-style: disc; }

#video {  width: 425px; /*height: 350px;*/ float: left; margin-left: 25px;border-top: 1px #990000 solid; padding-bottom: 25px; }
#video h3 { margin: 10px 0; }
#video p { font-family: "Times New Roman", Times, serif; font-weight: normal; font-size: 13px; margin: 7px 0; }
.postmeta{ margin-bottom: 30px; }
.postnavigation{}

.read-on { font-family: "Times New Roman", Times, serif; font-weight: normal; font-size: 13px; }
.details { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; margin-bottom: 3px; }
.details a, .details a:visited, .detauks a:link, .details a:active { text-decoration: none; } 

#searchform{}
#sidebar{ width: 185px; float: left; margin: 0 15px 0 0; }
#sidebar ul { list-style: none; }

.content{ padding: 0 25px;  }
.content p { font-family: Georgia, Cambria, "Times New Roman", Times, serif; font-size: 15px; font-weight: 400; line-height: 22px; }
.content_slug { margin-top: 25px; }
p.content_date { font-family: Arial, Helvetica, sans-serif; font-size: 10px; letter-spacing: 3px; text-transform: uppercase; color: #333; }
.content h3 a, .content h3 a:visited, .content h3 a:active, .content h3 a:link { color: #000; border: none; }
.post p { margin-top: 7px; }

/* Image Styles */
.alignright {float:right; margin:0 0 1em 1em}
.alignleft {float:left; margin:0 1em 1em 0}
.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.gallery-caption { font-size: 10px; text-align: center; }
#comments { margin-top: 10px; }
.comments_navigation{}
.comments_navigation{}
.comments_reply{ width: 650px; margin-top: 20px; }
.comments_reply p { font-size: 12px; }
.comments_reply h3 { margin-top: 7px; }
#comment { width: 650px; }
.comments_text{}
.comments_meta{}
#comments_list ol { list-style: none; }
#comments_list li { padding-left: 15px; border-left: 3px solid #ccc; margin-top: 25px; }

/* Footer */
#footer { clear:both; text-align: center; font-size: 0.75em; border-top: 3px solid #333; width: 650px; margin: 25px 0 0 25px; padding-top: 10px; }
#footer p { margin-top: 15px; }
.footer-widget { width: 33%; float: left; text-align: left; padding-bottom: 10px; }
.footer-widget ul { padding-left: 15px; }
