@charset "UTF-8";

/*********************
* Resets
*********************/
:link,:visited { text-decoration:none; }
ul,ol { list-style:none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:100%; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,span,img { margin:0; padding:0; }
a img,:link img,:visited img { border:none; }
hr { display: none; }
address { font-style:normal; }
*{padding: 0; margin: 0;}
/* pre { overflow:auto; } */
pre { white-space:normal }

/*********************
* Global
*********************/
body { background: #fff; width: 100%; margin: 0 auto; color: #333; font: 12px/16px lucida grande, verdana, sans-serif; }
a:link, a:visited { color: #ff9C0e; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { font-size: 24px; line-height: 27px; }
h1 a.feed { color:black; }
h2 { font-size: 20px; line-height: 23px; }
h3 { font-size: 16px; }
p { padding-bottom: 10px; }

#content { width: 980px; margin: 0 auto; /*padding: 50px 0 50px 0;*/ padding: 30px 0 50px 0; }
.left { float: left; }
.right { float: right; }
.center { float: left; }
/*.count { color: #ccc; font-size: 16px; } */ /* glass removed */
.count { color:#777777; float:right; font-size:1em; text-align:right; }

.navigation { display:block; clear:both; padding:20px 0px 20px 0px; font-size: 14px; }
.navigation div.left { margin-right: 60px; }


/*********************
* Header
*********************/
#header { background: url(images/header-bg.jpg) repeat-x; }
#header div#header-inner { width: 980px; margin: 0 auto; padding: 30px 20px 20px 20px; }
#header div#promotion a { float: right; background:url(http://museumpodcasts.org/favicon.ico) left no-repeat; padding: 0 0 2px 20px; color: #333;  }
#nav { background-color: #ff9C0e; height: 28px; }
#nav div#nav-inner { width: 980px; margin: 0 auto; padding: 0 20px 0 20px; }
#nav ul li { float: left; padding: 6px 10px 5px 10px; }
#nav ul li a { color: #fff; font-weight: bold; }
#nav div.feeds { float: right; padding: 0px 0 0 5px; }
/* #nav div.feeds a { opacity: 0.8; }
#nav div.feeds a:hover { opacity: 1; text-decoration:none; } */

.feeds a#rss { padding-left:15px; }
.feeds a#rss2 { padding-left:5px; }
.feeds a#opml, .feeds a#rss, .feeds a#rss2 { color:#fff; font-weight:bold; line-height:30px; }
.feeds a#opml img, .feeds a#rss img { vertical-align:middle;  }

/*********************
* Posts
*********************/
#posts { width: 560px; float: left; /*margin-bottom: 50px;*/ margin-bottom: 30px; }
/* .post { padding-top: 50px; clear: both; } */
.post { padding-bottom: 20px; clear: both; }
.post small { font-size: 11px; }
.post div.entry { padding-top: 10px; }
.post div.entry img { max-width:300px; float: right; margin: 10px 0px 10px 10px; clear: both; }
.post div.media { background-color: #f7f7f7; padding: 5px; border: 1px solid #f0f0f0; margin-top: 10px; }
.blog-details { margin-bottom: 80px; }
.blog-details img { float: left; padding-right: 10px; }
.blog-details p { padding-left: 108px; }
.blog-details div.links { padding-left: 15px; }


/*********************
* Directory
*********************/
#mediaPlayer { margin-bottom:50px; padding-left: 20px; }
#mediaPlayer input { width:314px; border:1px solid #ccc; color:#666; font-size:11px; padding:3px; }
#directory { width: 360px; float: right; margin-bottom: 50px; border-left: 1px dotted #ccc; }
#directory h1 { margin: 25px 0 25px 0; }
#directory h2 { margin: 0 0 25px 20px; }
#directory div.navigation { padding-left:20px; }
#directory ul { padding-left:20px; }
#directory ul li { padding-bottom:5px; font-size: 13px; }
.blog { padding: 20px 5px 20px 20px; clear: both; }
.blog:hover { background-color: #f7f7f7; }
.blog div.details { float: right; width: 200px; }
.blog div.thumbnail { float: left; padding: 0 10px 10px 0; }
.blog div.thumbnail img { width: 120px; height: 80px; }
.links ul li { float: left; height: 20px; padding: 5px 10px 0 0; }
.links ul li.rss { background:url(images/rss-icon.gif) left no-repeat; padding-left: 22px; }
.links ul li.site { background:url(images/link-icon.gif) left no-repeat; padding-left: 22px; }
.blog .links { visibility:hidden; }
.blog:hover .links { visibility: visible; }

/*********************
* Add
*********************/
#addBlog { margin: 10px 0 50px 0; }
#addBlog form #errorExplanation li { list-style:none; }
#addBlog form #errorExplanation { width:350px; }
#addBlog form label { margin-top:10px; display:block; width:100%; }
#addBlog form input { width:280px; }
#addBlog form .simple_captcha_image { margin-right:15px; }
#addBlog form input#feedSuggestion_captcha { width:120px; }
#addBlog form .button { margin-top:10px; }
#addBlog form, #addBlog div.response { width:300px; padding:20px 5px 5px 20px; margin: 0 0 20px; border: 1px solid #ccc; background-color: #f5f5f5; }


/*********************
* About
*********************/
#content.about p { padding: 10px 0 10px 0; }


/*********************
* Footer
*********************/

#footer { background-color: #ccc; clear: both; height: 150px; margin-top: 20px; }
#footer a { color: #333; font-weight: bold; }
#footer p { padding: 0; margin: 0; }
#footer div#footer-inner{ width: 980px; margin: 0 auto; padding-top: 10px; }



/*********************
* Thickbox
*********************/
#TB_window { color: #333333; }
#TB_secondLine { font-size: 10px; color:#666666; }
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack { background: url(macFFBgHack.png) repeat; }
.TB_overlayBG { background-color:#fff; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
* html #TB_overlay { /* ie6 hack */position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; }
* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
#TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title{ background-color:#e8e8e8; height:27px; }
#TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal{ padding:15px; }
#TB_ajaxContent p{ padding:5px 0px 5px 0px; }
#TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }
#TB_ajaxContent input { width:312px; margin-top:13px; border:1px solid #ccc; color:#666; font-size:11px; padding:3px;}

