/* CSS Document */ /* This is the global CSS File allocated to the Playhouse 2009 Website. All CSS requirements are placed in this external file and these elements are dynamically loaded into the page via the includes Folder and the CSS include tag that is included in the pages that require thee CSS functionality. This global file also includes all the function code that is required for the liquid and font sizing functions also. There is no need to place the font resize code on every page as it is included in this CSS global file. Do not attempt to change any of the functions within this page without a basic knowledge of Cascading Style Sheets as this will change all floating and dynamic aspects of the Doc Store Functions dynamically and on the fly. This CSS file is created and managed by Jeffrey Kidney of the Visual Voodoo Studios and is designed for exclusive use with Playhouse 2009 Website Copyright December 2008 Please change the dates here when the file is edited or amended for recordable purposes File created December 15 2008 ALL CSS FUNCTIONS SIT UNDER HERE */ /* Create the DIV Class for the wrapperfunction ( make the page 80% of all browsers for liquid function ) This will only work if you doctype the page seperately from this CSS file Use this DOCTYPE code at the top of each page to ensure the browsers read fluid design as intended by the CSS file */ /************** Set the global page functions as default ******************/ /***********************************************/ /* HTML tag styles */ /***********************************************/ /* Create the global CSS rules for the entire page */ /* This body CSS will assett the main body of the site including background image and colour and it's attributes */ body{ background: #01302C; background-attachment:fixed; background-repeat:; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1em; margin: 0px; padding: 0px; overflow: auto; } /* All css for the Frameset Div Table */ #frameset{ background:; width: 100%; text-align: center; } /* This is the main container where the whole website sits */ #container{ width: 960px; height:; } /* Copyright bar at top of site */ #top_copyright{ float: right; margin-right: 15px; width: 500px; text-align: right; padding: 2px; font-size: 10px; color: #FFFFFF; } /* Top image bar CSS assetts */ #site_container{ background-color: #01302C ; width: 960px; height:; margin-top: 3px; } #top_bar{ background: url(../images/top_bar.jpg) ; width: 960px; height: 140px; } #main_content_container{ background: url(../images/main_site_background.jpg); width: 960px; height:; } #photo_bar{ float: left; margin-left: 10px; background:; width: 920px; height: 200px; margin-top: 10px; } /* the temp div for the ad */ #temp_ad{ float: left; margin-left: 25px; background:; width: 910px; height: 100%; margin-top: 10px; margin-bottom: 25px; } #photo_button{ float: left; background: url(../images/photo_button.jpg); width: 450px; height: 110px; margin-top:; margin-left: 10px; } #myspace_button{ float: right; background: url(../images/myspace_button.jpg); width: 450px; height: 110px; margin-top:; margin-right: 30px; } #member_icon{ float: left; background:; width: 450px; height: 120px; margin-top: 10px; margin-left: 10px; } #party_icon{ float: left; background: url(../images/party_icon.jpg); width: 450px; height: 120px; margin-top: 10PX; margin-left: 10px; } #smoking_bar{ float: left; background: url(../images/smoking_bar.jpg); width: 910px; height: 120px; margin-bottom: 20px; margin-left: 15px; } #tuesday_bar{ float: left; margin-left: 15px; background: url(../images/tuesday_bar.jpg); width: 910px; height: 150px; margin-top: 10px; } #thursday_bar{ float: left; margin-left: 15px; background: url(../images/thursday_bar.jpg); width: 910px; height: 150px; margin-top: 10px; } #friday_bar{ float: left; margin-left: 15px; background: url(../images/friday_bar.jpg); width: 910px; height: 150px; margin-top: 10px; } #saturday_bar{ float: left; margin-left: 15px; background: url(../images/saturday_bar.jpg); width: 910px; height: 150px; margin-top: 10px; } #contact_us{ float: left; margin-left: 25px; background: url(../images/contact_us.jpg); width: 910px; height: 450px; margin-top: 10px; } #whats_on{ float:; margin-left:px; background: url(../images/whats_on.jpg); width: 910px; height: 900px; margin-top: 10px; } #whats_on{ float:; margin-left:px; background: url(../images/whats_on.jpg); width: 910px; height: 900px; margin-top: 10px; } #whats_on{ float:; margin-left:px; background: url(../images/whats_on.jpg); width: 910px; height: 900px; margin-top: 10px; } #about_text{ float:; margin-left: 25px; margin-right: 25px; background: url(../images/about_us.jpg); width: 910px; height: 450px; margin-top: 10px; } #functions_text{ float:; margin-left: 25px; margin-right: 25px; background: url(../images/functions.jpg); width: 910px; height: 450px; margin-top: 10px; } #member_form{ float:; margin-left: 25px; margin-right: 25px; background:; width: 910px; height: 450px; margin-top: 10px; } #recalibrate{ float:; margin-left: px; margin-right:; background: url(../images/recalibrate.jpg); width: 910px; height: 100px; margin-top: 10px; } #tuesday_big{ float:; margin-left: px; margin-right:; background: url(../images/tuesday_big.jpg); width: 910px; height: 500px; margin-top: 10px; } #thursday_big{ float:; margin-left: px; margin-right:; background: url(../images/thursday_big.jpg); width: 910px; height: 500px; margin-top: 10px; } #friday_big{ float:; margin-left: px; margin-right:; background: url(../images/friday_big.jpg); width: 910px; height: 500px; margin-top: 10px; } #saturday_big{ float:; margin-left: px; margin-right:; background: url(../images/saturday_big.jpg); width: 910px; height: 500px; margin-top: 10px; } #bottom_bar{ background: #01302C; width: 960px; height: 87px; align: bottom; }