/*** Media Posts -  #media-page ------------------------------------------------------------------------*/
body#media-page { background: #111; color: #ddd; }
#media-page #body-container { background: #222; border-color: #444; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 22px; margin: 1px auto 25px auto; padding: 3px 0; }
#media-page #footer-container { background: #2d2d2d; -moz-background-clip:border; -webkit-background-clip:border; background-clip:border-box; -moz-background-inline-policy:continuous; -moz-background-origin:padding; -webkit-background-origin:padding; background-origin:padding-box; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; border-top: 1px solid #555; margin: 10px 0 -3px 0; }
#media-page #header-container { width: 1040px; margin: 10px auto 0 auto; }
#media-page h1.media-title { font-size: 22px; font-weight: bold; margin: 0 0 10px 0; }
#media-page h2 { font-size: 13px; font-weight: bold; margin: 0 0 10px 0; }
#media-page h3 { font-size: 13px; font-weight: bold; margin: 0 0 10px 0; }
#media-page p { margin: 0 0 10px 0; }
#media-page #container { background: none; }
#media-page #content { margin: 0; border: none; background: none; width: 1040px; }
#media-page #img-container { border: 1px solid #fff; padding: 10px; width: 660px; -moz-background-clip:border; -webkit-background-clip:border; background-clip:border-box; -moz-background-inline-policy:continuous; -moz-background-origin:padding; -webkit-background-origin:padding; background-origin:padding-box; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px; border: 1px solid #555; background: #2d2d2d; }
#media-page #img-container img { max-width: 660px; height:auto; }
#media-page #img-container .media-caption { font-size: 12px; font-style: italic; margin: 3px 0 0 0; color: #bbb; }
#media-page .content { border: none; background: none; padding: 0 10px; }
#media-page .slideshow-nav { border-bottom: 1px solid #555; text-align: center; padding: 0 10px 10px 10px; margin: 0 0 10px 0; font-size: 22px; }
#media-page .img-count { margin: 0 0 10px 0; }
#media-page .next-prev { font-size: 18px; }
#media-page .next-bottom { font-size: 18px; float:right; margin: 0 10px 0 0; }
#media-page #navigation { border-bottom: 5px solid #777; border-top: 1px solid #333; background-color: #555; }
#media-page #page-nav li a { color: #eee; }
#media-page #page-nav li { width: auto; background: #555; }
#media-page #page-nav li a, #media-page .cat-browse { border-right:1px solid #666; display:block; height:30px; line-height:30px; padding:0 10px; text-decoration:none; }
#media-page #page-nav li.current_page_item, #media-page #page-nav li a:hover, #media-page #page-nav li.current_page_item a { background: #777; color: #fff; }
#media-page .breadcrumb { padding: 0 15px 0 0; margin: 10px; -moz-background-clip:border; -webkit-background-clip:border; background-clip:border-box; -moz-background-inline-policy:continuous; -moz-background-origin:padding; -webkit-background-origin:padding; background-origin:padding-box; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px; border: 1px solid #555; background: #2d2d2d; overflow: hidden; }
#media-page .breadcrumb-trail { font-size: 11px; text-transform: uppercase; margin: 0px; }
#media-page .breadcrumb .breadcrumb-title { margin: 0 15px 0 0; padding: 4px 15px; background: url(images/bg-bts.png) no-repeat right; }
#media-page .sep { padding: 12px 10px; color: #2d2d2d; background: url(images/bg-sep.png) no-repeat top; font-size: 1px; line-height: 15px; }
#media-page #search-1 { background: #ccc; padding: 1px 0; }
#media-page #search-1 #search-text-1 { background: #ccc; }
#media-page #search-1 #search-submit-1 { background: transparent url(images/ico-search.png) no-repeat scroll 0 0; font-size: 0px; border: 0; height: 25px; width: 25px; margin: 0; }
#media-page div#respond form input, #media-page div#respond form textarea { background: #ccc; }
#media-page #right-col, #media-page #right-col-nav { float:right; width: 300px; padding: 10px; -moz-background-clip:border; -webkit-background-clip:border; background-clip:border-box; -moz-background-inline-policy:continuous; -moz-background-origin:padding; -webkit-background-origin:padding; background-origin:padding-box; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px; border: 1px solid #555; background: #2d2d2d; }
#media-page .ad-rect-top-right { background: none; border: none; margin: 0; padding: 0; }
#media-page .media-ad-rect { border-bottom: 1px solid #555; margin: 0 0 10px 0; padding: 0 0 17px 0; }
#media-page .ad-caption { font-size: 11px; color: #bbb; font-style: italic; margin: -6px 0 0 0; float:right; }
#media-page .media-tools { margin: 10px 0; border-top: 1px solid #555; }
#media-page .media-tools img { opacity:0.7; }
#media-page .media-tools img:hover { opacity:1; }
#media-page .media-tools ul { list-style: none; padding: 10px 0; }
#media-page .media-tools ul li { float:left; margin: 0 10px 0 0; }
#media-page .more-media { padding: 10px; }
#media-page #slideshow-box { background: #2d2d2d; -moz-background-clip:border; -webkit-background-clip:border; background-clip:border-box; -moz-background-inline-policy:continuous; -moz-background-origin:padding; -webkit-background-origin:padding; background-origin:padding-box; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px; border: 1px solid #555; margin: 0 0 10px 0; }
#media-page #right-col img { max-width: 300px; height:auto; }
#media-page #img-container #video-box { border: none; }
#media-page .ssbox-title { background: none; border: none; color: #ddd; }
#media-page .ss-read-more { margin: 0 15px 0 0; color: #ddd; }
#media-page #video-box { padding: 10px 0; }
#media-page #video-box ul { list-style-position: inside; list-style:none; padding: 0; }
#media-page #video-box ul li { float: left; }
#media-page #video-box .thumbnail { height: 70px; width: 70px; border: 1px solid #dedede; margin: 5px; padding: 0; float: none; opacity:0.5; }
#media-page #video-box .thumbnail:hover { height: 80px; width: 80px; border: 1px solid #dedede; padding: 0; margin: 0 -5px; opacity:1.0; }
#media-page #slideshow-box .thumbnail { opacity:0.5; }
#media-page #slideshow-box .thumbnail:hover { opacity:1; }
#media-page .byline { margin: 5px; color: #ddd; font-size: 11px; font-style: italic; }
#media-page .ad-leaderboard { float: none; background: #2d2d2d; text-align: center; -moz-background-clip:border; -webkit-background-clip:border; background-clip:border-box; -moz-background-inline-policy:continuous; -moz-background-origin:padding; -webkit-background-origin:padding; background-origin:padding-box; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px; border: 1px solid #555; margin: 10px; padding: 10px; }
#media-page .enter-slideshow-link { text-align: center; font-size: 24px; margin: 0 0 10px 0; }
#media-page .img-description { margin: 10px 0 0 0; }
#media-page blockquote { background-color: transparent; color: #999; border: none; }
#media-page .img-description ul, #media-page .img-description ol { list-style: inside; padding: 0 0 0 10px; }