/* My Heroes Killed Cowboys - Master CSS Document */ html, body, h1, h2, h3, h4, h5, h6, p, blockquote, cite, ol, ul, li, span, fieldset, form, label, img, div { margin:0; padding:0; border:0; } body { background:#333; font-family:Georgia, "Times New Roman", Times, serif; font-size:62.5%; } #container, #blog-container { width:900px; padding:0 10px; position:relative; margin:0 auto; } .logo { display:block; width:243px; padding:105px 0 0 0; overflow:hidden; height:0 !important; height /**/:105px; position:absolute; top:16px; left:0; background:url(../images/mhkc-logo.png) 0 0 no-repeat; } #blog-container { background:#FFF; } #blog-container .logo { background:url(../images/mhkc-logo.gif) 0 0 no-repeat; } /*BLOG --------------------------------------------------------------------------*/ #content { clear:left; } /*BG IMAGE RESIZE --------------------------------------------------------------------------*/ html, body, #bg, #bg table, #bg td { height:100%; width:100%; overflow:hidden; } #bg { position:fixed; } #bg div { height:200%; left:-50%; position:absolute; top:-50%; width:200%; } #bg td { text-align:center; vertical-align:middle; } #bg img { margin:0 auto; min-height:50%; min-width:50%; } #cont { position:absolute; top:0;left:0; z-index:70; overflow:auto; width:100%; height:100%; } /*NAVI (HOME) --------------------------------------------------------------------------*/ .primary-navi-home { position:absolute; top:260px; left:0; list-style:none; } .primary-navi-home li { float:left; padding-right:13px; } .primary-navi-home li a { display:block; padding:168px 0 0 0; overflow:hidden; height:0 !important; height /**/:168px; } .primary-navi-home li a:hover { background-position:0 -168px; } .navi-home-1 { width:168px; background:url(../images/navi-home-1.png) 0 0 no-repeat; } .navi-home-2 { width:147px; background:url(../images/navi-home-2.png) 0 0 no-repeat; } .navi-home-3 { width:168px; background:url(../images/navi-home-3.png) 0 0 no-repeat; } .navi-home-4 { width:168px; background:url(../images/navi-home-4.png) 0 0 no-repeat; } .primary-navi-home .navi-home-4:hover { background-position:0 -336px; } .navi-home-5 { width:194px; background:url(../images/navi-home-5.png) 0 0 no-repeat; } /*PRIMARY NAVI --------------------------------------------------------------------------*/ .primary-navi { position:absolute; top:51px; left:271px; list-style:none; } .primary-navi li { float:left; padding-right:7px; } .primary-navi li a { display:block; padding:70px 0 0 0; overflow:hidden; height:0 !important; height /**/:70px; } .primary-navi li a:hover, .primary-navi li a.active { background-position:0 -70px; } .navi-home { width:70px; background:url(../images/navi-home.png) 0 0 no-repeat; } .navi-about { width:70px; background:url(../images/navi-about.png) 0 0 no-repeat; } .navi-party { width:61px; background:url(../images/navi-party.png) 0 0 no-repeat; } .navi-gallery { width:70px; background:url(../images/navi-gallery.png) 0 0 no-repeat; } .navi-shop { width:70px; background:url(../images/navi-shop.png) 0 0 no-repeat; } .primary-navi .navi-shop:hover { background-position:0 -140px; } .navi-blog { width:81px; background:url(../images/navi-blog.png) 0 0 no-repeat; } .primary-navi .navi-blog.active { background-position:0 -140px; } /*PARTY --------------------------------------------------------------------------*/ #party { position:absolute; top:197px; left:279px; width:624px; background:#f3f3f3; overflow:hidden; } .party-navi { position:absolute; top:165px; left:279px; } .party-navi li { list-style:none; float:left; padding-right:4px; } .party-navi li a { width:196px; display:block; padding:32px 0 0 0; overflow:hidden; height:0 !important; height /**/:32px; } .party-navi li a:hover { background-position:0 -32px; } .party-navi li a.active { background-position:0 -64px; } .party-events-navi { background:url(../images/navi-events.gif) 0 0 no-repeat; } .party-profiles-navi { background:url(../images/navi-profiles.gif) 0 0 no-repeat; } .party-post { width:592px; padding:16px; float:left; font-size:1.4em; color:#000; } .party-post .postdate { font-size:1.6em; font-style:italic; color:#000; } .party-post .residents, .party-post .guests, .party-post .alright { font-size:1.6em; color:#464646; } .party-post h2 { font-size:1.6em; font-weight:normal; color:#464646; padding-bottom:16px; width:300px; } .party-post h2.profiles-title { padding-bottom:0; font-style:italic; color:#000; } .party-post p { padding-right:16px; } .party-post .abstract { font-size:1.6em; } .party-post strong { font-weight:normal; text-decoration:underline; text-transform:uppercase; padding-bottom:6px; } .party-post p a { font-style:italic; color:#000; text-decoration:underline; } .party-post p a:hover { color:#965aa4; } .blogger-post-footer { display:none; } /*ABOUT --------------------------------------------------------------------------*/ .about { position:relative; padding:165px 0 0 261px; width:624px; } .about p { font-size:2.4em; color:#FFF; padding-top:30px; } .about div { float:left; padding-right:18px; } .about a { color:#FFF; text-decoration:underline; } .about a:hover { color:#965aa4; } .about iframe { float:left; margin:30px 0 0 -271px; } .social-links { position:absolute; bottom:0; right:10px; } .social-links li { list-style:none; float:left; padding-left:10px; } /*TWITTER ---------------------------------------------------------------------------------------------------------------*/ .twitter-feed { position:absolute; top:0; right:17px; background:url(../images/arrow-tweet.gif) 130px 13px no-repeat #000; width:123px; padding:12px; } .twitter-feed p { float:left; clear:both; font-size:1.2em; color:#FFF; padding-bottom:12px; } #twitter_update_list li { font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#FFF; list-style:none; float:left; clear:both; width:123px; } #twitter_update_list li a { display:block; color:#FFF; text-decoration:underline; padding-top:10px; } #twitter_update_list li span a { display:block; text-decoration:none; padding-top:0; } #twitter_update_list li a:hover, #twitter_update_list li span a:hover { color:#965aa4; } /*FIX FOR PARTY SECTION ---------------------------------------------------------------------------------------------------------------*/ #party-fix .logo { left:8px; } #party-fix .primary-navi { left:279px; } #party-fix .twitter-feed { right:9px; } /*CLEAR FIX ---------------------------------------------------------------------------------------------------------------*/ .clearfix { display:inline-table; /* Hides from IE-mac \*/ height:1%; display:block; /* End hide from IE-mac */ } html>body .clearfix { height:auto; } .clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }