/* CSS generated by SiteManager at 03:06pm 10/06/2009 - do not edit this file directly */ /*----------------------------------------------------------------------------------------------------------------------------------------------------------- CSS for I Spit On Your Rave - Main Stylesheet Author: Alison Springall (alisonspringall@silktide.com) / Silktide Studios Created: 28/05/2009 -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Global Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* commented backslash hack \*/ html, body { height: 100%; } /* end hack */ body { background: #000 url(http://www.ispitonyourrave.com/templatefiles/body_bg.jpg) repeat-x 0 0; font: 70% arial, helvetica, verdana, sans-serif; text-align: center; color: #fff; padding: 0; margin: 0;} h1, h2, p.h2 { font: bold 1.4em arial, verdana, helvetica, sans-serif; color: #fc000f; text-transform: uppercase; margin: 10px 0 5px; } h3 { font: bold 1.2em arial, verdana, helvetica, sans-serif; color: #fc000f; text-transform: uppercase; margin: 10px 0 5px; } .smalltitle { font: bold 1.2em "times new roman", times, serif; color: #929292; margin: 10px 0 -5px; } p, li { font-size: 1.0em; line-height: 1.5em; margin: 5px 0 10px; } #main p, #main li { font-size: 1.05em; } a, a:visited { text-decoration: none; color: #fc000f; } a:hover, a:active { text-decoration: underline; color: #fc000f; } hr { height: 1px; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 15px 0; } img { border: 0; } form, table { background: transparent; font-size: 1.0em; } .tablestyle { border-collapse: collapse; } .tablestyle td, .tablestyle th { vertical-align: top; padding: 5px 5px 5px 0; } .tableborder td, .tableborder th { vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; } .clear { height: 0; clear: both; font-size: 0.1em; line-height: 0.1em; padding: 0; margin: 0; } .right { float: right; } .left { float: left; } .widthwrapper { width: 100%; } .padding { padding: 20px; } #accessibility { display: none; } /* Layout Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #container { width: 100%; min-height: 100%; height: auto; background: transparent url(http://www.ispitonyourrave.com/templatefiles/container_bg.png) no-repeat center 380px; margin-bottom: -10px; } /* margin-bottom to match #clearfooter */ * html #container { height: 100%; } .fixedwidth { width: 965px; text-align: left; margin: 0 auto; } /* Banner Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #banner { height: 328px; overflow: hidden; background: transparent url(http://www.ispitonyourrave.com/templatefiles/banner_bg.jpg) no-repeat center top; margin-top: 51px; } #banner .fixedwidth { height: 278px; position: relative; text-align: center; padding-top: 50px; } #banner #sitelogo { margin-left: 40px; } #banner #film4logo { position: absolute; bottom: 50px; right: 25px; } #banner #warplogo { position: absolute; bottom: 50px; right: 85px; } #banner #bigchill { position: absolute; bottom: 50px; right: 165px; } #banner p { width: 200px; position: absolute; top: 100px; left: 60px; font-weight: bold; font-size: 1.4em; text-align: left; text-transform: uppercase; color: #fc000f; } #banner p a, #banner p a:visited { text-decoration: none; color: #98c000; } #banner p a:hover, #banner p a:active { text-decoration: none; color: #fc000f; } /* Navigation Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ ul#mainnav { position: absolute; bottom: 0; left: 25px; padding: 0; margin: 0; } ul#mainnav li { float: left; list-style-type: none; font-weight: bold; font-size: 1.2em; text-align: center; text-transform: uppercase; border-right: 2px solid #000; margin: 0; } ul#mainnav li a, ul#mainnav li a:visited { float: left; text-decoration: none; color: #fff; padding: 6px 25px; } ul#mainnav li a:hover, ul#mainnav li a:active, ul#mainnav li.selectedoption a, ul#mainnav li.selectedoption a:visited { background: transparent url(http://www.ispitonyourrave.com/templatefiles/mainnavli_bg.jpg) no-repeat left bottom; text-decoration: none; color: #fc000f; } /* Content Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #content { background: transparent url(http://www.ispitonyourrave.com/templatefiles/content_bg.png) repeat-y center top; padding-top: 20px; } #content .fixedwidth { width: 915px; } #main { width: 660px; min-height: 200px; float: left; } #main .cornerbox { min-height: 60px; background: transparent url(http://www.ispitonyourrave.com/templatefiles/corner_bg.jpg) no-repeat 0 0; padding: 15px 15px 5px; } #main .divider { display: block; clear: both; border-bottom: 1px dotted #bababa; margin: 15px 0; } #main .inner { background-color: #222222; padding: 10px; } #main .featureimg { float: left; margin: 0 20px 0 0; } #main .imgright { float: right; margin: 15px 5px 15px 20px; } #main .imgleft { float: left; margin: 5px 20px 15px 0; } #subcontent { width: 231px; min-height: 200px; float: right; } #subcontent .cornerbox { min-height: 60px; background: transparent url(http://www.ispitonyourrave.com/templatefiles/corner2_bg.jpg) no-repeat 0 0; padding: 15px 20px; } #subcontent .divider { height: 2px; display: block; clear: both; background: #e10706 url(http://www.ispitonyourrave.com/templatefiles/divider_red.jpg) no-repeat 0 0; margin: 15px 0; } #subcontent .inner { background-color: #222222; padding: 15px 20px; } #subcontent .center { text-align: center; } #home #main { width: 530px; } #home #subcontent { width: 372px; } #home #subcontent .cornerbox { padding: 10px; } .fullwidth #main { width: 920px; } #blog .title { display: none; } #blog .name { font: bold 1.4em arial, verdana, helvetica, sans-serif; color: #fc000f; text-transform: uppercase; margin: 10px 0 5px; } #twitter_div { min-height: 120px; position: relative; background: transparent url(http://www.ispitonyourrave.com/templatefiles/twitter.jpg) no-repeat left bottom; } #twitter_div a#twitter-link, #twitter_div a#twitter-link:visited { width: 80px; position: absolute; bottom: 50px; left: 80px; font-weight: bold; font-size: 1.1em; text-transform: uppercase; color: #000; } #twitter_div a#twitter-link:hover, #twitter_div a#twitter-link:active { text-decoration: none; color: #fff; } #twitter_div ul#twitter_update_list { padding: 0; margin: 0 0 0 180px; } #twitter_div ul#twitter_update_list li { list-style-type: none; } #twitter_div #twitter_bg { position: absolute; left: 0; bottom: 0; } #logos { width: 100%; } #logos .logo { float: right; padding: 15px 5px; } #credits { clear: both; text-align: center; } #credits .credit { display: block; margin: 5px auto 0; } /* Flickr Gallery Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started! */ #flickr_badge_uber_wrapper { /*width: 260px;*/ text-align: center; } #flickr_badge_wrapper { padding: 10px 0 10px 0; } .flickr_badge_image { min-height: 260px; float: left; margin: 0 20px 10px 20px; } .flickr_badge_image img { border: 1px solid black !important; } #flickr_badge_source { text-align: left; margin: 0 10px 0 10px;} #flickr_badge_icon { float: left; margin-right: 5px; } #flickr_www { display: block; padding: 0 10px 0 10px !important; color: #fff !important; } #flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:active, #flickr_badge_uber_wrapper a:visited { text-decoration: none !important; background: inherit !important; color: #fc000f; } #flickr_badge_wrapper { overflow: auto; background-color: #222222; } #flickr_badge_source { padding:0 !important; color: #ffffff !important; } #flickr_badge_source_txt { font-size: 1.1em; } #flickr_badge_source_txt a:hover, #flickr_badge_source_txt a:active { color: #fff; } /* Footer Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #clearfooter { clear: both; height: 10px;} /* height to match height + padding + margin etc in #footer */ #footer { width: 100%; height: 10px; clear: both; margin-top: 0; }