/* Theme Name: LoudMo Theme URI: http://www.loudmo.com Description: ...... Version: 1.0 Author: Japol Kubrick v1.5 http://binarybonsai.com/kubrick/ This theme was designed and built by Michael Heilemann, whose blog you will find at http://binarybonsai.com/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ body { margin:0; padding:0; background: url(images/bg-top.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size: 12px; } a, a:link, a:visited { text-decoration:underline; } a:hover { text-decoration:underline; } FORM, FIELDSET, FORM { margin: 0; padding: 0;} FIELDSET { border: none;} #container { width:100%; margin:auto; } #header { height:50px; width: 933px; margin: 0 auto; } #header-links { float:right; font-size:15px; margin:15px 10px 0 0; text-align: right; } #header-links a { text-decoration:none; color:#fff; } #header-links span { color:#FF0000; margin:0 5px 0 10px; } #header-links a:hover { text-decoration:underline; } #logo a { width:117px; height:47px; background:url(images/logo.jpg); float:left; display:block; margin:0; padding:0; } #logo b { display:none; } #login_button { border: none; background: transparent; color: #FFFFFF; padding: 0; margin: 0; cursor: pointer; font-family: Arial, Helvetica, sans-serif; vertical-align: middle;} #content { clear: both; background: #ffffff; padding: 25px 1% 0 1%; border-top: 1px solid #B3B3B3; z-index: 1; min-width: 800px;} .content-header { width: 933px; padding: 0; margin: 0 auto; display: block; height: 52px; z-index: 99; min-width: 800px;} /* menu */ .topmenu{ margin: 0px; padding: 22px 0px 0px 0px; list-style: none; font-size: 15px; font-weight: bold; float: left; } .topmenuli{ list-style-type:none; float:left; margin-right: 2px; z-index: 99;} .nav01, .nav02, .nav03, .nav04, .nav05, .nav06, .nav07, .nav08 { display:block;} #white { height: 25px; padding: 6px 0 0 10px; background: url(images/menu-hover-l.png) no-repeat; position: relative; margin-bottom: -1px; color: #000000; text-decoration: none; z-index: 96;} #white SPAN { display: block; float: right; width: 10px; height: 31px; background: url(images/menu-hover-r.png) no-repeat; position: relative; margin: -6px 0px 0 0; z-index: 96;} .topmenuli:hover #grey, .topmenuli:hover #white { height: 26px; padding: 12px 0 0 10px; background: url(images/menu-hover-l2.png) no-repeat; position: relative; margin:-7px 0 -1px 0; color: #000000; text-decoration: none; z-index: 99;} .topmenuli:hover #grey SPAN, .topmenuli:hover #white SPAN { display: block; float: right; width: 10px; height: 37px; background: url(images/menu-hover-r2.png) no-repeat; position: relative; margin: -12px 0px 0 0; z-index: 99;} #grey { height: 24px; padding: 6px 0px 0px 10px; background: url(images/menu-static-l.png) no-repeat; color: #000000; text-decoration: none;} #grey SPAN { display: block; float: right; width: 10px; height: 30px; background: url(images/menu-static-r.png) no-repeat; margin: -6px 0px 0 0;} .submenuul{ list-style-type:none; position:absolute; background: url(images/bg_subnav.png) no-repeat; margin: -2px 0 0 0; padding: 10px 0 0 0; width: 173px; height: 142px; display:none; z-index: 97; } .flash { z-index: 1;} .submenuli { padding: 3px 13px; font-size: 12px;} .submenuli a{ font-weight: normal; font-size: 12px; margin: 7px 0; color: #000; text-decoration: none;} .submenuli a:hover { color: #FF0000; font-weight: bold;} #dmenu li:hover ul , #dmenu li.over ul{ display: block; z-index: 98;} #dmenu li>ul { top: auto; left: auto;} #dmenu { margin-bottom: -1px;} /* Footer */ .footer_wrapper { background: #2B2B2B url(images/bg_footerwrap.gif) repeat-x; padding: 8px 0 0 0;} .copyright_wrapper { background: #252523; } .copyright { width:933px; margin: 0 auto; font-size: 11px; color: #939393; display: table;} .copyright P { margin: 0; padding: 1%; width: 48%; float: left;} .footer_wrapper P { margin: 0; padding: 0; color: #939393; font-size: 11px; width: 48%; float: left; padding: 1%;} #footer { width:933px; font-size:12px; color:#666666; margin: 10px auto 0 auto; clear: both; height: 162px; float: none } #footer P { background: transparent; float: left; margin: 0; padding: 0;} #p1 { width: 82px;} #p2 { width: 127px;} #p4 { width: 136px;} #p5 { width: 103px;} #p6 { width: 117px;} #p7 { width: 106px;} #p8 { width: 126px;} #footer STRONG A, #footer STRONG { color: #FC0000; font-size: 14px;} #footer a { margin: 0; color: #cccccc; text-decoration: none; line-height: 18px;} #footer STRONG { line-height: 18px;} #footer a:hover { text-decoration: underline;} #footer p { margin:0; padding: 0; } #footer #p3 { margin-left: 11px; width: 125px;} #footer P SPAN { font-weight: normal;} /* contents */ .home { width: 933px; margin: 0px auto; clear: both;} .press_left { width: 606px; float: left; margin-right: 5px; margin-top: 10px;} .press_right { width: 310px; float: left; margin-top: 10px;} #box606 { background: url(images/bg_box606.gif) no-repeat top left; width: 586px; padding: 10px; margin-bottom: 20px;} .box306 { background: url(images/bg_box306.gif) no-repeat top left; width: 286px; min-height: 124px; padding: 10px; margin-bottom: 20px;} .blog_featured H2, .blog_featured H2 A, .recent_photo H2, .recent_photo2 H2 { margin: 0; padding: 0 0 15px 0; font-size: 15px; color: #000000; text-decoration: none;} .blog_featured H3 { margin: 0; padding: 0; font-size: 14px;} .blog_featured IMG { border: 2px solid #CECECE; float: left; margin:0 10px 10px 0;} .blog_featured FIELDSET { margin: 0; padding: 0;} .blog_featured A { color: #000000;} .blog .box300 { float: left;} .box300 { background: url(images/bg_box300.gif) no-repeat top left; width: 260px; padding: 10px; margin:0 5px 20px 5px;} .recent_posts H2 { margin: 0; padding: 0 0 15px 0; font-size: 15px;} .recent_posts H3 { margin: 0; padding: 0; font-size: 14px; font-weight: normal;} .recent_posts H4 { margin: 0; padding: 0; font-size: 11px; color: #999999; font-weight: normal;} .recent_posts P { text-indent: 15px;} .recent_posts HR { margin: 20px 0; padding: 0; border: none; border-top: 1px solid #cccccc; height: 1px;} .blog_featured_vid H2 { margin: 0; padding: 0 0 15px 0; font-size: 15px;} .blog_featured_vid H3 { margin: 0; padding: 0 0 15px 0; font-size: 14px; font-weight: normal;} .blog_featured_vid H4 { margin: 0; padding: 0 0 15px 0; font-size: 11px; color: #999999; font-weight: normal;} .recent_photo IMG { border: 1px solid #999999; margin: 6px 1px; width: 79px; height: 79px;} .recent_photo2 IMG { border: 2px solid #999999; margin: 9px;} .blog_cat UL { margin: 10px 0 0 8px; padding: 0; list-style: none;} .blog_cat LI { margin: 12px 0;} .blog_cat LI A { color: #000000; text-decoration: none} .blog_cat LI A:hover { text-decoration: underline;} #cat01, #cat02, #cat03, #cat04, #cat05, #cat06 { padding-left: 18px;} #cat01 { background:url(images/icon_cat01.gif) no-repeat top left;} #cat02 { background:url(images/icon_cat02.gif) no-repeat top left;} #cat03 { background:url(images/icon_cat03.gif) no-repeat top left;} #cat04 { background:url(images/icon_cat04.gif) no-repeat top left;} #cat05 { background:url(images/icon_cat05.gif) no-repeat top left;} #cat06 { background:url(images/icon_cat06.gif) no-repeat top left;} #social01, #social02, #social03, #social04 { padding: 3px 0 0 25px; height: 25px;} #social01 { background:url(images/social01.gif) no-repeat top left;} #social02 { background:url(images/social02.gif) no-repeat top left;} #social03 { background:url(images/social03.gif) no-repeat top left;} #social04 { background:url(images/social04.gif) no-repeat top left;} #recent-news LI { margin: 20px 0 0 25px; padding: 0; list-style-image: url(images/icon_recent_news.gif);} #recent_news LI, .top_commentator LI { margin: 10px 0;} #recent_news LI A, .top_commentator LI A { color: #000000; text-decoration: none;} #recent_news LI A:hover, .top_commentator LI A:hover { text-decoration: underline;} #top-commentators UL { margin: 20px 0 0 25px; padding: 0;} #top-commentators LI { list-style-image: url(images/icon_topcomment.gif);} .blog_albums P { width: 115px; float: left; margin: 0; padding: 5px;} .blog_albums P A { color: #000000; text-decoration: none;} .blog_albums P A:hover { text-decoration: underline;} .blog_albums P IMG { float: left; padding: 2px; border: 1px solid #CCCCCC; background: #ffffff;} .featured_photo_details { clear: both; border-top: 1px solid #DFDFDF; margin-top: 20px; padding-top: 18px; color: #999999; display: table; width: 100%;} #box606 .featured_photo_details A { color: #000000; text-decoration: none; font-weight: normal;} #box606 .featured_photo_details A:hover { text-decoration: underline;} .featured_photo_details P { float: left;} .blog_featured .press_pageright_link { float: right; text-align: right;} .press_pageright_link A { color: #F90200; text-decoration: none;} .blog_featured .press_pageright_link IMG { border: none; float: none; margin-top: 8px;} .comment_top { background: url(images/comment_top.gif) no-repeat; width: 563px; height: 17px; clear: both; float: none;} .comment_mid { background: url(images/comment_mid.gif) repeat-y; width: 563px;} .comment_mid P { margin: 0; padding: 8px;} #box606 .comment_mid P A { color: #F90200; font-size: 12px; padding:0 0 0 13px; background: url(images/red_arrow02.gif) no-repeat left 5px; text-decoration: none; font-weight: normal;} .comment_bottom { background: url(images/comment_bottom.gif) no-repeat; width: 563px; height: 20px; clear: both; float: none;} .blog_comments EM { float: right; margin: 25px 25px 0 0; font-style: normal;} .blog_comments EM A { color: #000000; text-decoration: none;} .blog_comments H6 { clear: both; float: none; margin:18px 0 0 8px; display: table; font-size: 12px; font-weight: normal; width: inherit; float: left;} .blog_comments H6 { background: url(images/nav_update_greyl.png) top right; height: 22px; padding: 3px 0 0 0;} #box606 .blog_comments H6 SPAN { background: url(images/nav_update_greyr3.png) no-repeat; height: 22px; padding: 3px 8px 0 8px; text-align: center; width: auto;} .input01 { width: 250px; border: 1px solid #999999; padding: 3px;} .input02 { width: 540px; height: 130px; border: 1px solid #999999; padding: 3px;} .button01 { width: 164px; height: 39px; background: url(images/button_comment.gif) no-repeat; border: none; cursor: pointer;} .blog_reply { border-bottom: 1px solid #DFDFDF; margin-bottom: 20px;} .blog_reply A { color: #000000;} .blog_reply H2 { margin: 0; padding: 0 0 5px 0; font-size: 15px;} .blog_reply H4 { margin: 0; padding: 0 0 15px 0; font-size: 11px; color: #999999; font-weight: normal;} .blog_reply IMG { border: 2px solid #999999; margin: 10px 16px; float: left;} #box606 .blog_reply STRONG { font-size: 14px;} #box606 .blog_reply P { text-indent: 15px;} #box606 .press_pageright_link IMG { border: none; float: none; vertical-align: middle;} .top_posts UL { margin: 20px 0 20px 18px; padding: 0; list-style: none;} .top_posts H2 { margin: 0; padding: 0 0 5px 0; font-size: 15px;} #box606 .top_posts LI { margin: 8px 0;} #box606 .top_posts LI A { color: #F90200; font-size: 12px; padding:0 0 0 13px; background: url(images/red_arrow02.gif) no-repeat left 5px; text-decoration: none; color: #000000; font-weight: normal;} #box606 .top_posts LI A:hover { text-decoration: underline;} .top_videos { clear: both;} .top_videos H2 { margin: 0; padding: 0 0 5px 0; font-size: 15px;} .top_videos P { width: 119px; float: left; margin: 15px 10px;} .top_videos P A IMG { border: none; margin-bottom: 8px;} .top_videos P EM { color: #666666; font-style: normal;} .top_videos .press_pageright_link { clear: both; float: none; display: block; width: 100%; padding: 70px 0;} .player_video H2 { margin: 0; padding: 0 0 5px 0; font-size: 15px;} .player_video H3 { font-size: 12px; color: #999999; font-weight: normal; margin: 0; padding: 0;} #box606 .player_video H3 A { font-weight: normal; color: #000000;} #box606 .player_video .press_pageright_link { float: right} #red_link2:hover {color:#FF3300;text-decoration:underline;} #red_link2 { background:transparent url(images/red_arrow02.gif) no-repeat scroll right 5px; color:#F90200; font-size:12px;padding:0 13px 0 0;text-decoration:none;} .recent_posts P A, #red_link3 { color: #F90200; font-size: 12px; padding:0 0 0 13px; background: url(images/red_arrow02.gif) no-repeat left 5px; text-decoration: none;} .blog_side UL { margin: 0; padding: 0; list-style: none;} .blog_side UL LI { border-bottom: 1px solid #DFDFDF; margin: 0 0 20px 0} .blog_side H2 {font-size:12px; margin:0; padding:0;} .blog_side UL UL { margin:10px 0 30px 8px;} .blog_side A { color: #000000; text-decoration: none;} .blog_side A:hover { color: #333333; text-decoration: underline;} .blog_side UL UL LI { margin: 12px 0; border: none;} /* featured articles page */ .featured-page H1 { font-size: 25px; margin: 0; padding: 0;} .featured-page H2 { margin: 0; padding: 0; font-size: 16px;} .featured-page H2 A { font-size: 16px; padding: 0; color: #000000; text-decoration: none; background: none;} .featured-page LI { margin: 8px 0; list-style-image: url(images/red_arrow02.gif)} .featured-page A { color: #000000;} .featured-page A:hover { color: #ff0000;} .featured-page EM { color: #999999; font-style: normal; font-size: 11px;} /* top posts page */ .featured-page #top-posts { list-style-image: none;} .featured-page #top-posts UL li {list-style-image:url(images/red_arrow02.gif);} .comment_top { background: url(images/comment_top.gif) no-repeat; width: 563px; height: 17px; clear: both; float: none;} .comment_mid { background: url(images/comment_mid.gif) repeat-y; width: 563px;} .comment_mid P { margin: 0; padding: 8px;} #box606 .comment_mid P A { color: #F90200; font-size: 12px; padding:0 0 0 13px; background: url(images/red_arrow02.gif) no-repeat left 5px; text-decoration: none; font-weight: normal;} .comment_bottom { background: url(images/comment_bottom.gif) no-repeat; width: 563px; height: 20px; clear: both; float: none;} .blog IMG { max-width: 521px; height: auto;} .navigation-blog-bottom { width: 100%;} .navigation-blog-bottom A { color: #ff0000;} .blog_featured_vid object, .blog_featured_vid object embed { height:228px; width:260px;}