/*  
Theme Name: swbmai.org theme
Theme URI: http://swbmai.org
Description: CSS for Southern Wisconsin Bluegrass Music Association Inc.
Version: .9
Author: Brian Ray, modifications by Scott Knickelbine
Author URI: 
*/

/*** Globals... ***/
* { font-family: arial,helvetica,sans-serif; }
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/*** Redefine tags... ***/
html { min-width: 920px; } /*IE7*/
body { margin: 0; padding: 0;  font-size: 13px; text-align: left; color: #393733; background: #fff; }
a {color: #3366cc; outline: none;}
a:visited { color: #3366cc; }
a:hover, a:focus { color: #36F; text-decoration: underline; }
a:active { color: #000; }
img { border: 0; }
a img { border: 0; }
form { margin: 0; padding: 0; }
label { display: block; margin: 5px 0; }
fieldset { border: 1px solid #cccccc; margin: 15px 0 25px 0; padding: 15px 10px 10px 10px;  text-align: left; background: #f5f5f5; position: relative; }
legend { font-size: 110%; position: absolute; top: -9px; left: 9px; background-color: white; } //
legend a { text-decoration: none; }
fieldset td { padding: 0 15px 0 0; }
hr {border: 1px dotted #cccccc; width: 80%;}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
h1 { font-size: 150%; }
h2 { font-size: 140%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 101%; }
blockquote { margin: 0 15px; font-style: italic; }

/*** IDs ***/
#page { margin: 0 auto; }
#menubar { width: 100%; margin: 0; padding: 0; text-align: right; }
#header { margin: 0; padding: 0; background-image: url(http://swbmai.org/images/swbmai_bg2.jpg); background-repeat: no-repeat; background-position: top left; background-color: #3366cc; text-align: center; }
#search { margin: 70px 15px 0 0; float: right; }
#main { clear: both; margin: 15px auto; padding: 0; text-align: left;  width: 100%; }
#fireball_header { margin: 45px; text-align: center; }

#navbar {margin: 0 auto; padding: 0; font-size: 130%; text-align: center; background-color: #BDB76B;}
#navbar li { list-style-type: none; display: inline; padding: 0;}
#navbar li a:link { color: #FFF; padding: 2px 9px; }
#navbar li a:visited { color: #FFF; padding: 2px 9px; }
#navbar li a:hover { color: #3366cc; background-color: #fff; padding: 2px 9px; text-decoration: none; }
#navbar li a:active { color: #00A700; background-color: #fff; padding: 2px 9px; text-decoration: none; }
#navbar a { text-decoration: none; }
#navbar ul { margin: 0; padding: 0; border: 0; }

#sidebar { width: 260px; margin: 0; padding: 0 10px 15px 15px; text-align: center; float: right; }
#sidebar2 { width: 200px; margin: 0; padding: 0 10px 15px 15px; text-align: center; float: right; }
#ads { width: 135px; margin: 0; padding: 0 15px 0 5px; text-align: center; float: right; }
#hot { font-size: 90%; text-align: center; font-style: italic; color: #DC143C; }
#posts { margin: 0px 425px 0 25px; padding: 10px 20px 0 0; }
#gcal { margin: 20px 0 0 0; text-align: center; border: 1px solid #cccccc; }
#footer { clear: both; margin: 50px 0 0 0; text-align: center; font-style: italic; color: #6A6A6A; }
#comments { margin: 10px 0; padding: 0; width: 700px; }
#simple { margin: 15px auto; padding: 15px; width: 80%; }
#simple2 { margin: 10px; padding: 5px; width: 65%; }
#stupidgallery { margin: 20px auto; text-align: center; width: 700px; }
#contact { margin: 20px auto; padding: 0; width: 600px; text-align: left; }
#stupidgallery table { border-color: #ccc; border-width: 0px; border-style: solid; padding: 10px; }

/*** Classy ***/
.banner { padding: 0; text-align: right; }
.lazyest_image { padding: 10px; }
.logo { margin: 0 0 0 195px; }
.menu { margin: 1px 15px; padding: 0; text-align: right; }
.date { margin: 0; font-size: 90%; font-style: italic; color: #6A6A6A; } 
.title { text-align: left; font-size: 140%; font-weight: bold; color: #80aa11; }
.post { position: relative; }
.post img { float: right; padding: 0 0 5px 5px; }
.textleft { margin: auto; width: 75%; min-width: 500px; text-align: left; }
.postmetadata { margin: 0px 0 40px 0; padding: 0 0 3px 0; width: 80%;
font-size: 90%; font-style: italic;
color: #6A6A6A; border-bottom: #cccccc 2px inset;  clear: none; }
.small { font-size: 90%; font-style: italic; }
.blue { border: 1px solid #cccccc; margin: 15px 0; padding: 15px; background-color: #f5f5f5; }
.section { margin: 0 0 30px 0; padding: 0px; }
.commentmetadata { margin: 0px 0 40px 0; padding: 0 0 3px 0; font-size: 85%; font-style: italic; color: #6A6A6A; }
.commenter { margin: 0; padding: 0; font-size: 120%; font-style: italic; font-weight:bold; }
.ad { font-size: 75%; text-align: center; padding: 10px 0 20px 0; }
#ads img { width: 125px; height: 125px; }
.alt { background: #f5f5f5; }
.widget { margin: 0; padding: 10px; text-align: left; }
.movie { margin: 0; padding: 0; text-align: center; }
.movie img { float: none; padding: 0; margin: 0; }
.crest { margin: 50px 0 0 0; padding: 0px; text-align: center; }
#sidebar ul li:before { list-style: none; content: "\00BB \0020"; }
#sidebar ul { margin: 0; padding: 0; padding-left: 10px; text-indent: -10px; list-style: none; }
.post ul { margin: 0 0 0 10px; padding: 0; padding-left: 15px; text-indent: -2px; }
.lessons td { border-bottom: 2px dotted #cccccc; padding: 3px 5px; vertical-align: top; }
.lessons table { border-top: 2px dotted #cccccc; background-color: #f5f5f5; }
.red {color: #DC143C;}