/* ***************************** */ /* */ /* Default Style Sheet */ /* ------------------- */ /* */ /* Created by Joshua Ramsey */ /* All comments by Joshua Ramsey */ /* */ /* ***************************** */ /* ********************************************************* */ /* Defaults Area: */ /* Set all element defaults, overriding browser defaults */ /* ********************************************************* */ /* =universal */ * {margin: 0; padding: 0;} /* =body */ body {font: normal 100%/1.125em Verdana, Helvetica, Arial, sans-serif; color: #000000; background-color: #FFFFFF;} /* =default */ p, ul, ol, dl, table, fieldset, input, textarea, select, label, h1, h2, h3, h4, h5, h6, img {margin: 20px 10px 20px 20px;} p, li, dd, label, input, textarea, legend {font-size: 1em;} dt {font-size: 1.125em; font-weight: bold;} dd {margin-left: 1em;} ul {list-style-position: inside;} a {text-decoration: none; font-weight: bold;} a:link, a:visited {color: #fdffcc;} a:hover, a:active {color: #FFFFFF;} a.info_window_links {font-size: .750em; font-weight: normal;} a.info_window_links:link, a.info_window_links:visited {color: #0000FF;} a.info_window_links:hover, a.info_window_links:active {color: #FF0000;} h1, h2, h3, h4, h5, h6 {font-weight: bold; color: #fdffcc;} /* =hx */ h1 {font-size: 2em;} h2 {font-size: 1.500em;} h3 {font-size: 1.250em;} h4 {font-size: 1.125em;} h5 {font-size: 1.375em;} h6 {font-size: 1.250em;} /* Custom Classes */ /* =tagline */ /* span.tagline can be placed inside a heading (hx) tag to create a tagline below the main heading */ span.tagline {font-size: 75%; display: block; font-style: italic;} /* =a_priori */ /* a priori means "before," and so this class can float any object to the left */ .a_priori {float: left;} /* =a_posteriori */ /* a posteriori means "after," and so this class can float any object to the right */ .a_posteriori {float: right;} /* =separate */ span.separate {display: block;} /* **************************************************** */ /* */ /* Site Specific Styling */ /* --------------------- */ /* */ /* Below, include styles that are specific to this site */ /* */ /* **************************************************** */ /* Site Title: Rax Roast Beef */ /* Page Background */ div#container {width: 800px; margin: 0px auto; background: #FFFFFF url(../images/background_drop_shadow.jpg) repeat-y scroll top left; overflow: auto;} /* Branding Area */ div#branding {width: 780px; height: 278px; margin: 0px auto; background: #FFFFFF url(../images/background_branding.jpg) no-repeat scroll top left; overflow: hidden;} div#branding h1 {visibility: hidden; overflow: hidden;} /* Top Level Navigation */ ul#top_level_nav {width: 780px; height: 100px; margin: 0px auto; background: #FFFFFF url(../images/background_navigation.jpg) no-repeat scroll top left; overflow: hidden; list-style-type: none; position: relative;} ul#top_level_nav a {display: block; text-decoration: none;} ul#top_level_nav a span {visibility: hidden; overflow: hidden;} ul#top_level_nav li#home_link {width: 65px; height: 16px; position: absolute; top: 41px; left: 20px;} ul#top_level_nav li#home_link a {width: 65px; height: 16px;} ul#top_level_nav li#home_link a:link, ul#top_level_nav li#home_link a:visited {background-image: url(../images/link_home_link.jpg);} ul#top_level_nav li#home_link a:hover, ul#top_level_nav li#home_link a:active {background-image: url(../images/link_home_hover.jpg);} ul#top_level_nav li#coupons_link {width: 88px; height: 18px; position: absolute; top: 46px; left: 108px;} ul#top_level_nav li#coupons_link a {width: 88px; height: 18px;} ul#top_level_nav li#coupons_link a:link, ul#top_level_nav li#coupons_link a:visited {background-image: url(../images/link_coupons_link.jpg);} ul#top_level_nav li#coupons_link a:hover, ul#top_level_nav li#coupons_link a:active {background-image: url(../images/link_coupons_hover.jpg);} ul#top_level_nav li#menu_link {width: 61px; height: 17px; position: absolute; top: 42px; left: 222px;} ul#top_level_nav li#menu_link a {width: 61px; height: 17px;} ul#top_level_nav li#menu_link a:link, ul#top_level_nav li#menu_link a:visited {background-image: url(../images/link_menu_link.jpg);} ul#top_level_nav li#menu_link a:hover, ul#top_level_nav li#menu_link a:active {background-image: url(../images/link_menu_hover.jpg);} ul#top_level_nav li#nutrition_link {width: 97px; height: 18px; position: absolute; top: 36px; left: 312px;} ul#top_level_nav li#nutrition_link a {width: 97px; height: 18px;} ul#top_level_nav li#nutrition_link a:link, ul#top_level_nav li#nutrition_link a:visited {background-image: url(../images/link_nutrition_link.jpg);} ul#top_level_nav li#nutrition_link a:hover, ul#top_level_nav li#nutrition_link a:active {background-image: url(../images/link_nutrition_hover.jpg);} ul#top_level_nav li#locations_link {width: 98px; height: 18px; position: absolute; top: 24px; left: 433px;} ul#top_level_nav li#locations_link a {width: 98px; height: 18px;} ul#top_level_nav li#locations_link a:link, ul#top_level_nav li#locations_link a:visited {background-image: url(../images/link_locations_link.jpg);} ul#top_level_nav li#locations_link a:hover, ul#top_level_nav li#locations_link a:active {background-image: url(../images/link_locations_hover.jpg);} ul#top_level_nav li#franchise_link {width: 98px; height: 16px; position: absolute; top: 18px; left: 548px;} ul#top_level_nav li#franchise_link a {width: 98px; height: 16px;} ul#top_level_nav li#franchise_link a:link, ul#top_level_nav li#franchise_link a:visited {background-image: url(../images/link_franchise_link.jpg);} ul#top_level_nav li#franchise_link a:hover, ul#top_level_nav li#franchise_link a:active {background-image: url(../images/link_franchise_hover.jpg);} ul#top_level_nav li#licensing_link {width: 94px; height: 18px; position: absolute; top: 16px; left: 555px;} ul#top_level_nav li#licensing_link a {width: 94px; height: 18px;} ul#top_level_nav li#licensing_link a:link, ul#top_level_nav li#licensing_link a:visited {background-image: url(../images/link_licensing_link.jpg);} ul#top_level_nav li#licensing_link a:hover, ul#top_level_nav li#licensing_link a:active {background-image: url(../images/link_licensing_hover.jpg);} ul#top_level_nav li#contact_link {width: 87px; height: 18px; position: absolute; top: 14px; left: 672px;} ul#top_level_nav li#contact_link a {width: 87px; height: 18px;} ul#top_level_nav li#contact_link a:link, ul#top_level_nav li#contact_link a:visited {background-image: url(../images/link_contact_link.jpg);} ul#top_level_nav li#contact_link a:hover, ul#top_level_nav li#contact_link a:active {background-image: url(../images/link_contact_hover.jpg);} /* Main Content Region */ div#content_container {width: 780px; margin: 0px auto; background-color: #a1c65b; overflow: auto; color: #FFFFFF;} /* Main Column */ div#content_main {width: 450px; float: left; overflow: auto;} body.no_columns div#content_main {width: 779px; overflow: visible;} body#menu div#content_main {width: 380px; float: left; overflow: auto;} body#index div#content_main h2, body#coupons div#content_main h2 {width: 332px; height: 68px; margin: 10px auto -10px auto; background: url(../images/heading_index_main.jpg) no-repeat scroll top left; overflow: auto; text-indent: -9999px;} body#index div#content_main div#menu_photo {width:338px; height:249px; margin: 0px auto; overflow: hidden;} body#coupons div#content_main div#menu_photo {width:338px; height:249px; margin: 0px 20px 50px 10px; overflow: hidden;} body#index div#content_main object#menu_photo {display: block; margin: 10px auto;} body#menu div#content_main h2 {width: 324px; height: 68px; margin: 10px auto -10px auto; background: url(../images/heading_menu_main.jpg) no-repeat scroll top left; overflow: auto; text-indent: -9999px;} body#menu div#content_main ul#menu_nav, div#content_main ul.state_lists {list-style: none;} body#menu div#content_main ul#menu_nav li, div#content_main ul.state_lists li {font-size: .750em; display: inline; padding: 0px .5em; border-right: 1px solid #FFFFFF;} body#menu div#content_main ul#menu_nav li.last, div#content_main ul.state_lists li.last {border-right: none;} body#menu div#content_main ul#menu_nav li.separate, div#content_main ul.state_lists li.separate {display: block; margin-left: 8em;} body#menu dt {margin: 10px;} body#menu dd {margin: 10px 10px 10px 4em;} body#menu dd {font-size: .750em;} body#nutrition div#content_main {width: 780px; overflow: auto;} body#nutrition div#content_main table {border: 1px solid #fdffcc; width: 94%; font-size: .875em;} body#nutrition div#content_main th {border: 1px solid #fdffcc; margin: .5em; font-weight: bold; padding: .5em;} body#nutrition div#content_main td {border: 1px solid #fdffcc; margin: .5em; padding: .5em;} body#nutrition div#content_main tfoot {border: 1px solid #fdffcc; margin: .5em; padding: .5em;} /* Sidebar */ div#content_sub_1 {width: 330px; float: right; overflow: auto; margin-bottom: 25px;} div#content_sub_1 h2 {font-size: 1em;} div#content_sub_1 h3 {font-size: .875em;} div#content_sub_1 h4 {font-size: .750em;} div#content_sub_1 p, div#content_sub_1 li {font-size: .750em;} body#menu div#content_sub_1 {width: 400px; float: right; overflow: auto; margin-bottom: 25px;} div#content_sub_1 p, div#content_sub_1 ul, div#content_sub_1 ol, div#content_sub_1 dl, div#content_sub_1 h1, div#content_sub_1 h2, div#content_sub_1 h3, div#content_sub_1 h4 {margin: 10px 10px 10px 20px;} body#index div#content_sub_1 ul {position: relative; width: 330px; height: 355px; margin: 0; overflow: auto; list-style: none;} body#index div#content_sub_1 ul a {width: 191px; height: 150px; display: block; text-decoration: none;} body#index div#content_sub_1 ul a span {visibility: hidden; overflow: hidden;} body#index div#content_sub_1 ul li#button_locations {width: 191px; height: 150px; position: absolute; top: 0px; left: 65px;} body#index div#content_sub_1 ul li#button_locations a:link, body#index div#content_sub_1 ul li#button_locations a:visited {background-image: url(../images/button_locations_link.jpg)} body#index div#content_sub_1 ul li#button_locations a:hover, body#index div#content_sub_1 ul li#button_locations a:active {background-image: url(../images/button_locations_hover.jpg)} body#index div#content_sub_1 ul li#button_specials {width: 191px; height: 150px; position: absolute; top: 155px; left: 65px;} body#index div#content_sub_1 ul li#button_specials a:link, body#index div#content_sub_1 ul li#button_specials a:visited {background-image: url(../images/button_specials_link.jpg)} body#index div#content_sub_1 ul li#button_specials a:hover, body#index div#content_sub_1 ul li#button_specials a:active {background-image: url(../images/button_specials_hover.jpg)} div#content_sub_1 div.sidebar {border: 1px solid #006600; background-color: #DEFDB5; width: 275px; margin: 10px auto;} div#content_sub_1 div.sidebar h2 {font-size: 1.250em; color: #990000;} div#content_sub_1 div.sidebar p, div#content_sub_1 div.sidebar li {font-size: .750em; color: #333333;} div#content_sub_1 div.sidebar a {text-decoration: underline;} div#content_sub_1 div.sidebar a:link, div#content_sub_1 div.sidebar a:visited {color:#0000FF;} div#content_sub_1 div.sidebar a:hover, div#content_sub_1 div.sidebar a:active {color:#FF0000;} /* Site Info Region */ div#site_info {position: relative; width: 780px; height: 47px; margin: 0px auto; background-color: #ba1f3a; overflow: auto; clear: both;} div#site_info p {margin: 10px 10px 10px 20px; position: absolute; top: 5px; left: 1em; color: #e1ff1d; font-size: .750em;} div#site_info a:link, div#site_info a:visited {color: #e1ff1d;} div#site_info a:hover, div#site_info a:active {color: #FFFFFF;} div#site_info ul {margin: 10px 10px 10px 20px; list-style: none; position: absolute; top: 5px; right: 1em;} div#site_info li {padding: 0px 1em; display: inline; border-right: 1px solid #FFFFFF; font-size: .750em;} div#site_info li.last {border-right: none; padding-right: 0px;} /* Bottom Drop Shadow */ div#page_accent {width: 800px; height: 20px; margin: 0px auto; background: #FFFFFF url(../images/bottom_dropshadow.jpg) no-repeat scroll top left;} body#bbc div.body_sections {position: static;} div.body_sections {position: relative; overflow: auto; margin: 20px; border-bottom: dotted 1px #fdffcc; background: url(../images/body_section_bg.png) no-repeat scroll top left; } div.body_sections h4 {border-bottom: 1px solid #FFFFFF;} div.locations_maps {margin: 20px; width: 400px; height: 250px; border: 1px dotted #fdffcc;} div.large_maps {margin: 40px auto; width: 600px; height: 250px; border: 1px dotted #fdffcc;} body.no_columns div.sidebar {border: 1px solid #006600; background-color: #DEFDB5; width: 225px;} body.no_columns div.sidebar h5 {margin: 10px; font-size: 1em; color: #990000; border-bottom: none;} body.no_columns div.sidebar p, div#content_sub_1 div.sidebar li {margin: 10px; font-size: .750em; color: #333333;} body.no_columns div.sidebar a {text-decoration: underline;} body.no_columns div.sidebar a:link, div#content_sub_1 div.sidebar a:visited {color:#0000FF;} body.no_columns div.sidebar a:hover, div#content_sub_1 div.sidebar a:active {color:#FF0000;} body.no_columns div.body_sections div.sidebar {margin: 0px; position: absolute; top: 58px; right: 20px;} body#bbc p {font-size: .750em;} body#bbc h3 {font-size: .875em;} body#bbc div#bottle_quantity {overflow: visible; width: 666px; height: 200px; margin: 0px auto; position: relative;} body#bbc div#one_bottle {position: absolute; width: 222px; top: 0px; left: 0px; border-right: dotted 1px #fdffcc;} body#bbc div#two_bottles {position: absolute; width: 222px; top: 0px; left: 222px;} body#bbc div#three_bottles {position: absolute; width: 222px; top: 0px; right: 0px; border-left: dotted 1px #fdffcc;}