/* NORMALIZE Cross browser rendering inconsistencies 
-----------------------------------------------------------------*/
html, body, form, fieldset{ margin: 0;padding: 0; font-family:Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address{ margin: 1em 0;padding: 0; }
li, dd, blockquote{ margin-left: 1em; }
fieldset{ border: none; }
input, select, textarea{ font-size:1em; }
/* End Normalization */

body{background:#566;font-size:62.5%;line-height:150%;}

img{border:0;}
a img{border:0;text-decoration:none;position:relative;bottom:-2px;}

a:link{color:#006699;}
a:visited{color:#333366;}
a:hover, a:active{color:#990000}

button{background:transparent;margin:0;padding:0;border:0;}

ul, ol{padding-left:2.5em;}

h1, h2, h3, h4, h5, h6{font-family:"Lucidia Grande", Verdana, Arial, Helvetica, sans-serif; font-weight:normal;line-height:1.2em;}
h1{font-size:2em;}
h2{font-size:1.7em;}
h3{font-size:1.2em;}
h4{font-size:1em;font-weight:bold;}

blockquote{ padding:0 10px; border-left:2px solid #ccc; }

hr{
visibility:hidden;
clear:both;}

/* General Classes
-----------------------------------------------------------------*/
.center{ text-align:center;}
.left{ text-align:left;}
.right{ text-align:right;}

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

.alignright { float: right; }
.alignleft { float: left; }

.alt { margin: 0; padding: 10px; }	
.entry{ 
background:url(../images/line-divider.png) 50% bottom no-repeat;
padding:0 0 10px 0;
width:475px;overflow:hidden;
}
.entry img{margin:4px 7px;}
.planet{max-height:200px;overflow:hidden;}
.nom{margin:0;}
.notm{margin-top:0;}
.nobm{margin-bottom:0;}
.ul{text-decoration:underline;font-weight:bold;color:#006699;}


.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* Structure
-----------------------------------------------------------------*/
#header{
color:white;
background:url(../images/header-tear.png) 0 0 repeat-x;
height:136px;
margin:0;padding:0;
}

#header div.liner{
width:800px;
margin:0 auto;
position:relative;
height:135px;
}

#header h1{margin:0;padding:0;position:absolute;display:inline;top:40px;left:0;width:274px;height:53px;}
#header h1 a{
text-indent:-9000px;
width:274px;
height:53px;
display:block;
background:url(../images/logo.png) 0 0 no-repeat;
margin:0;padding:0;
outline:none;}
#header h2{
text-align:right;
position:absolute;
bottom:30px;right:0;
display:inline;
font-size:1.2em;
color:#ccc;
}
#header h2 a{color:#ddd;}

/* Navigation
-----------------------------------------------------------------*/
ul#navigation{
display:inline;
list-style:none;
position:absolute;
bottom:0px;left:0;
margin:0;padding:0;
height:30px;
width:800px;
z-index:1000;
font-family:"Lucidia Grande", Verdana, Arial, Helvetica, sans-serif; 
}
ul#navigation li{
display:inline;
float:left;
margin:0;padding:0;
position:relative;
}
ul#navigation li a{
display:block;
height:30px;
text-indent:-9000px;
outline:none;
}

li.home{background:url(../images/nav_home_f2.png) 0 0 no-repeat;}
li.home a{width:72px;background:url(../images/nav_home.png) 0 0 no-repeat;}
li.home a:hover{background:url(../images/nav_home_f2.png) 0 0 no-repeat;}
li.about{background:url(../images/nav_about_f2.png) 0 0 no-repeat;}
li.about a{width:91px;background:url(../images/nav_about.png) 0 0 no-repeat;}
li.about a:hover{background:url(../images/nav_about_f2.png) 0 0 no-repeat;}
li.downloads{background:url(../images/nav_downloads_f2.png) 0 0 no-repeat;}
li.downloads a{width:101px;background:url(../images/nav_downloads.png) 0 0 no-repeat;}
li.downloads a:hover{background:url(../images/nav_downloads_f2.png) 0 0 no-repeat;}
li.blog{background:url(../images/nav_blog_f2.png) 0 0 no-repeat;}
li.blog a{width:63px;background:url(../images/nav_blog.png) 0 0 no-repeat;}
li.blog a:hover{background:url(../images/nav_blog_f2.png) 0 0 no-repeat;}
li.planetrock{background:url(../images/nav_planetrock_f2.png) 0 0 no-repeat;}
li.planetrock a{width:106px;background:url(../images/nav_planetrock.png) 0 0 no-repeat;}
li.planetrock a:hover{background:url(../images/nav_planetrock_f2.png) 0 0 no-repeat;}
li.calendar{background:url(../images/nav_calendar_f2.png) 0 0 no-repeat;}
li.calendar a{width:90px;background:url(../images/nav_calendar.png) 0 0 no-repeat;}
li.calendar a:hover{background:url(../images/nav_calendar_f2.png) 0 0 no-repeat;}
li.photos{background:url(../images/nav_photos_f2.png) 0 0 no-repeat;}
li.photos a{width:89px;background:url(../images/nav_photos.png) 0 0 no-repeat;}
li.photos a:hover{background:url(../images/nav_photos_f2.png) 0 0 no-repeat;}
li.rockdex{background:url(../images/nav_rockdex_f2.png) 0 0 no-repeat;}
li.rockdex a{width:89px;background:url(../images/nav_rockdex.png) 0 0 no-repeat;}
li.rockdex a:hover{background:url(../images/nav_rockdex_f2.png) 0 0 no-repeat;}
li.contact{background:url(../images/nav_contact_f2.png) 0 0 no-repeat;}
li.contact a{width:99px;background:url(../images/nav_contact.png) 0 0 no-repeat;}
li.contact a:hover{background:url(../images/nav_contact_f2.png) 0 0 no-repeat;}

ul#navigation li ul { /* second-level lists */
position: absolute;
background: #ccc;
border:1px solid #333;
top:0px;
width: 200px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
list-style:none;
z-index:1000;
padding:0;
}
ul#navigation li ul li{float:none;background:transparent;}
ul#navigation li:hover ul, ul#navigation li.over ul { /* lists nested under hovered list items */
left: 0;top:20px;
}
ul#navigation li ul li a{background:transparent; width:100%; font-size:1.2em; height:1em;padding:6px 0; color:black; text-decoration:none;border-bottom:1px solid #999;border-top:1px solid #eee;font-weight:normal;text-indent:5px;z-index:1000;}
ul#navigation li ul li a:hover{background:white;}

#highlight{background: url(../images/highlight-bkgd.png) 3px 0 repeat-x;font-family:Verdana, Arial, Helvetica, sans-serif;}
#highlight div.liner{background:url(../images/highlight-plate.png) 50% 0 no-repeat;}

#highlight div.liner2{
width:800px;
margin:0 auto;
min-height:221px;
position:relative;
}
* html #highlight div.liner2{height:221px;}

#highlight h3{margin:0;}

#announcementbanner{
position:absolute;
padding:4px;
top:14px;left:22px;
width:475px;
height:175px;
background:black;
color:white;
z-index:1;
}

#calendarhighlight{
width:245px;
height: 210px;    
overflow: hidden; 
margin:10px 10px 0;
padding:0;
position:relative;
float:right;
text-align:left;
background:url(../images/calendar.png) right 100px no-repeat;
}
#calendarhighlight h3{color:#3C4848;font-size:1.6em; margin:0;}
#calendarhighlight ul{list-style:none;margin:3px 0 0 0;padding:0;}
#calendarhighlight li{margin:0 0 5px 0;padding:0;}
#calendarhighlight a{color:#190000;text-decoration:none;}
#calendarhighlight strong{text-transform:uppercase;font-weight:normal;}
#calendarhighlight p#viewcalendar{position:absolute;top: -10px;right:0;width:100px;}
#main{background:#ececec url(../images/main-bkgd.png) 3px 0 repeat-x;}
#main div.liner{background:url(../images/main-fauxcolumns.png) 50% 0 repeat-y;}
#main div.liner2{
width:800px;
padding:0 10px;
background:url(../images/main-plate.png) 0 0 no-repeat;
margin:0 auto;
}
#content{
width:475px;
float:left;
padding:0 30px 20px 30px;
margin:2px 0 0 0;
color:#333;
font-size:1.1em;
background:url(../images/content-distress.gif) left bottom no-repeat;
}
#content h2{color:#3C4848;}
#content h3{color:#3C4848;margin:1em 0 3px 0;font-weight:bold;}
#content p{margin:0 0 1em 0;}



#content p#filter{
   margin-bottom: 3em;
   color: #9E9EA2;
}

#content p#filter a{
   font-weight: bold;
}

#content p#filter select{
   width: 200px;
   margin: 0 15px;
   padding: 1px;
   border: 1px solid #DADADA;
   color: #010101;
   font-size: .9167em;
   font-weight: bold;
}

#content .sermonlist{
   clear: both;
   position: relative;
   margin-bottom: 15px;
   border-top: 6px solid #323138;
   background: transparent;
   font-size: 75%;
}

#content .sermonbox{
   position: relative;
   clear: both;
   margin: 0;
   padding: 7px 9px;
   border-bottom: 1px solid #999;
   background: transparent;
}

#content .sermonbox:hover{
   background: #ccc;
}

#content .sermonlist .sermonbox h5{
   margin: 0;
   color: #000;
   font-weight: normal;
   line-height: 1.3;
}

#content .sermonlist .sermonbox h5 a{
   margin: 0;
   margin-right: 5px;
   font-size: 13px;
   font-weight: bold;
   text-decoration: none;
}

#content .sermonlist .sermonbox h5 a:hover{
   text-decoration: underline;
}

#content .sermonbox p{
   font-size: 12px;
}

#content .sermonbox p.comments{
   margin: 0;
   padding-left: 19px;
   background: url(/images/bg_comments.gif) no-repeat left 2px;
   font-size: 11px;
   font-weight: bold;
}

#content .sermonbox ul{
   position: absolute;
   top: 27px;
   right: 13px;
   width: 112px;
   height: 24px;
   padding: 7px 0 0 12px;
   background: #ccc;
   list-style: none;
}


#content .sermonbox li{
   float: left;
   text-indent: -9999px;
}

#content .sermonbox li a{
   display: block;
   width: 18px;
   height: 18px;
   margin-right: 15px;
}

#content .sermonbox li.sl_listen a{
   margin-right: 13px;
   background: url(/images/mb_jukebox.gif) no-repeat;
}

#content .sermonbox li.sl_download a{
   background: url(/images/mb_download.gif) no-repeat;
}

#content .sermonbox li.sl_download-notes a{
   background: url(/images/mb_notes.gif) no-repeat;
}

#content .sermonbox li.sl_watch-video a{
   margin-right: 0;
   background: url(/images/mb_podcast.gif) no-repeat;
}

#content .sermonbox a{

}



#subcontent{
width:255px;
float:right;
padding:0;
color:#3C4848;
}
#subcontent h2{color:#3C4848;font-size:16px;margin:10px 0;}
#subcontent div.sublining{
padding:0 10px 10px;
margin:0 0 5px;
background:url(../images/smalldivider.png) 50% bottom no-repeat;
}

form#rockdex, form#subscribeform{margin:0;padding:0;}
form#rockdex label, form#subscribeform label{width:7em;display:block;float:left;}
form#rockdex input, form#subscribeform input{margin:0 0 4px;}
#subcontent div.audiofeed{background:url(../images/podcast.png) right bottom no-repeat;}

#footer{
clear:both;
background:url(../images/footer-bgkd.png) 0 0 repeat-x;
color:white;
font-size:1.1em;
}
#footer h2{font-size: 1.5em;}
#footer a{color:#9cf;}
#footer div.liner{width:800px;margin:0 auto;padding:0;}
#foothighlight{
width:228px;
padding:0 20px;
float:left;
background:url(../images/footer-bkgd-dk.png) 5px 0 repeat-x;
min-height:350px;
}
* html #foothighlight{ height:350px;}

#foothighlight a img{padding:3px;border:1px solid #ccc;}
#about{
width:228px;
padding:0 20px;
float:left;
background:url(../images/footer-bkgd-dk.png) 8px 0 repeat-x;
min-height:350px;
}
* html #about{ height:350px;}

#subscribe{
width:234px;
float:left;
padding:0 15px;
background:url(../images/footer-bkgd-lt.png) 8px 0 repeat-x;
min-height:350px;
position:relative;
}
* html #subscribe{ height:350px;}
.credit{
position:absolute;
bottom:0;right:10px;
text-align:right;
color:#ccc;

}
.credit a{color:#9cf;}


/* FLICKR PHOTO BADGE STYLES
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
*/
#flickrbadge {width:244px;padding:9px 0px 8px 11px;margin:10px auto;background:url(../images/flickrback.png) 0 0 no-repeat; float:left;}
.flickr_badge_image {padding:0 3px 3px 0;display:inline;}
.flickr_badge_image img {border: 0;display:inline;margin:0;}
.gallery{background:white;padding:3px 0 0 3px;}

/* Calendar Styles
----------------------------------------------- */
#content table.calendar{
margin-bottom: 25px;
border: 1px solid #333;
border-right: 0;
border-bottom: 0;
border-collapse: collapse;
}

#content table.calendar caption{
padding-bottom: .4em;
color: #010101;
font-size: 1em;
}

#content table.calendar caption span{color: #333;}

#content table.calendar th{
padding: 2px 0;
border-bottom: 1px solid #555;
background: #666;
color: #FFF;
font-weight: normal;
}

#content table.calendar td{
width: 68px;
height: 68px;
padding: 2px;
border: 1px solid #555;
border-left: 0;
border-top: 0;
background: #e5e5e5;
color: #000;
font-size: .9em;
vertical-align: top;
}

#content table.calendar td.empty{background: #eee;}

#content table.calendar td ul{margin: .5em 0 0 0;line-height: 1.2em;list-style:none;padding:0;}

#content table.calendar td li{
margin:0;
margin-bottom: .5em;
background:url(../images/mini-bullet.gif) 0 3px	 no-repeat;
padding:0 0 0 6px;
}

#content #mediabox{
/*position: absolute;
top: 120px;
right: 4px;*/
float: right;
width: 150px;
padding: 5px 5px 0;
border: 1px solid #666;
list-style: none;
}

#content #mediabox li{margin-bottom: 5px;font-size: 85%;font-weight: bold;}

#content #mediabox li a{
display: block;
height: 16px;
padding-left: 20px;
background-repeat: no-repeat;
}

#content #mediabox li#mb_download a{background-image: url(/images/mb_download.gif);}
#content #mediabox li#mb_jukebox a{background-image: url(/images/mb_jukebox.gif);}
#content #mediabox li#mb_podcast a{background-image: url(/images/mb_podcast.gif);}
#content #mediabox li#mb_notes a{background-image: url(/images/mb_notes.gif);}
#content #mediabox li#mb_print a{background-image: url(/images/mb_print.gif);
}

/* UGLY table CSS for the RockDex hack
-----------------------------------------------*/
table{
border:1px solid #ccc;
}
table td.tableHeader{  /*ugggghhhh*/
background:#ccc;

}
table td{
border-bottom:1px solid #ccc;
border-right:1px solid #ddd;
margin:0;padding:3px;
}
table td.list2{
white-space: normal;
}



#accounttools{
position:absolute;
top:5px;
right:0px;
width:300px;
text-align:right;
color:white;
font-size:.9em;
background:#2D3F3F;
padding:3px 10px;
border:1px solid #000;
}