/* layoutstyles.css */ /* Universal style rule */ *{ /* Block all browser default margins and padding */ margin:0; padding:0; } body { background-color: #666; font-family: Arial, Helvetica, sans-serif; } #wrapper{ width:50em; /* Center the wrapper */ margin: auto auto 0 auto; border: solid 1px #000; background-image: url("images/wallpaperweb.jpg"); } #leftcurtain{ position:relative; float:left; left:-6em; top:1em; height:auto; width:5.5em; } #logo { float:left; width:135px; position:absolute; top:.1em; left:1.5em; } #punch { float:left; width:35px; position:absolute; top:-2.6em; left:18.2em; } #tee_statement { float:left; font-weight:bolder; font-style:italic; font-family:Arial, Helvetica, sans-serif; font-size:1.5em; color:#000; text-align:center; width:12em; position:absolute; top:.8em; left:24.5em; } /* Fixes the mysterious image gap */ #branding img{ display:block; float:left; } /* Make branding a positioned element, but don't move it */ #branding{ position:absolute; top:0; width: 50em; height: 5.7em; margin: .5em auto 0 auto; } /* Absolutely position links in the branding division */ #branding a{ text-decoration:none; font-size:0.7em; font-weight:bold; } #branding div.selected a:link, #branding div.selected a:visited{ color:#FF0000; } #top_navigation{ position:relative; left:1.5em; display:block; text-align:center; } #alltshirts_link{ position:absolute; top:5.6em; left:.5em; } #alltshirts_link a, #alltshirts_link a:link, #alltshirts_link a:visited{ color:#000; } #alltshirts_link a:hover{ color:#f00; } #men_link{ position:absolute; top:5.6em; left:6em; } #men_link a, #men_link a:link, #men_link a:visited{ color:#000; } #men_link a:hover{ color:#f90; } #women_link{ position:absolute; top:5.6em; left:8.5em; } #women_link a, #women_link a:link, #women_link a:visited{ color:#000; } #women_link a:hover{ color:#ff0; } #contact_link{ position:absolute; top:5.6em; left:12em; } #contact_link a, #contact_link a:link, #contact_link a:visited{ color:#000; } #contact_link a:hover{ color:#0f0; } #about_link{ position:absolute; top:5.6em; left:16.2em; } #about_link a, #about_link a:link, #about_link a:visited{ color:#000; } #about_link a:hover{ color:#39f; } #events_link{ position:absolute; top:5.6em; left:20.6em; } #events_link a, #events_link a:link, #events_link a:visited{ color:#000; } #events_link a:hover{ color:#c6f; } #photos_link{ position:absolute; top:5.6em; left:24.2em; } #photos_link a, #photos_link a:link, #photos_link a:visited{ color:#000; } #photos_link a:hover{ color:#f00; } #videos_link{ position:absolute; top:5.6em; left:27.9em; } #videos_link a, #videos_link a:link, #videos_link a:visited{ color:#000; } #videos_link a:hover{ color:#f90; } #blog_link{ position:absolute; top:5.6em; left:31.3em; } #blog_link a, #blog_link a:link, #blog_link a:visited{ color:#000; } #blog_link a:hover{ color:#ff0; } /* e-mail info */ #contact_branding { font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; text-align:center; position:absolute; left:38em; top:2.5em; } span.viewcart { position:absolute; margin-top:-.3em; margin-right:.5em; } #contact_branding a, #contact_branding a:link, #contact_branding a:visited{ color:#000; } #contact_branding a:hover{ color:#00f; } #content{ height: auto; margin: 7em 0em .7em 0em; color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; padding: 5px 5px 50px 5px; z-index:0; } #content h1 { color: #f00; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; } #content h3 { color:#928e8f; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; } /*for text links on index page */ #content a, #content a:link, #content a:visited{ text-decoration:none; color:#000; font-size:.8em; } #content a:hover{ text-decoration:none; color:#00f; } /*for image links on index page */ #content a img, #content a:link img, #content a:visited img{ color:#000; } #content a:hover img{ color:#00f; } /*for catalog table on index */ #index_row_a { display:block; text-align:center; margin-top:0em; padding-top:.5em; } #index_row_b { display:block; text-align:center; padding-top:.5em; } #index_row_c { display:block; text-align:center; padding-top:.5em; } #index_row_d { display:block; text-align:center; padding-top:.5em; } #footer { text-align:center; width:50em; height:9em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; background-image: url("images/wallpaperbottom2.jpg"); } #paypal_seal { text-align: left; position:relative; float:left; margin:4.2em 0 0 2.2em; } #bottom_links a{ position:relative; right:2em; display:block; font-size:0.7em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; } #bottom_links div.selected a:link, #bottom_links div.selected a:visited{ color:#FF0000; } #privacy_link{ position:relative; top:5em; left:9.8em; float:left; } #privacy_link a, #privacy_link a:link, #privacy_link a:visited{ color:#fff; } #privacy_link a:hover{ color:#f00; } #testimonials_link{ position:relative; top:5em; left:11.5em; float:left; } #testimonials_link a, #testimonials_link a:link, #testimonials_link a:visited{ color:#fff; } #testimonials_link a:hover{ color:#f90; } #shipping_link{ position:relative; top:5em; left:13.2em; float:left; } #shipping_link a, #shipping_link a:link, #shipping_link a:visited{ color:#fff; } #shipping_link a:hover{ color:#ff0; } #footer_info{ position:relative; float:left; top:10.2em; right:15.5em; text-align:center; font-size: .6em; display: block; } #sitemeter{ font-size:.75em; display:block; text-align:center; margin-right:2.2em; margin-top:9em; color:#f00; float:right; }