@charset "UTF-8";
html, body, #container {
height: 100%;
font: 100% Verdana, Arial, Helvetica, sans-serif;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center;
overflow-x:hidden;
overflow-y:auto;
background: #1E0000 url(../Artwork_Doctored/bandana.png) repeat;
}
body > #container {
height: auto;
min-height: 100%;
}
#content {
padding-bottom: 7em;
}
#Banner {
height: 5em;
width: 100%;
margin-right: auto;
margin-left: auto;
top: 0px;
z-index: 1;
border-bottom: thin ridge #F90;
background: url(../Artwork_Doctored/Wood.jpg);
}
#PageTitle {
height: 5em;
width: 20em;
float: left;
}
#toolbox {
height: auto;
width: auto;
position: relative;
z-index: 2;
float: right;
margin-right: 9em;
}
#FollowUs {
float: none;
height: 1.25em;
width: auto;
background: url(../Artwork_Doctored/FOLLOW_US.png) no-repeat;
}
.addthis_toolbox .custom_images a
{
padding: 0;
height: auto;
width: auto;
}
.addthis_toolbox .custom_images a:hover img
{
opacity: .75;
}
.addthis_toolbox .custom_images a img
{
opacity: 1;
height: auto;
width: auto;
}
#Share {
width: 9em;
text-align: left;
float: right;
margin-right: 2em;
}
#ShareTop {
width: 8em;
height: 2em;
float: none;
background: url(../Artwork_Doctored/SHARE.png) no-repeat;
text-align: center;
}
#MainNav {
height: auto;
position: relative;
float: right;
z-index: 2;
width: auto;
background: url(../Artwork_Doctored/Black_Trans_Bkgrd.png);
}
#slantedmenu{
font-weight: bold;
font-size: 0.75em;
}
#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
text-align: left;
border-bottom: thin solid #900;
}
#slantedmenu ul li{
display: inline;
}
#slantedmenu ul li a{
color: #900;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: transparent url(../Artwork_Doctored/Divider.png) no-repeat right top;
}
#slantedmenu ul li a:visited{
color: #F90;
}
#slantedmenu ul li a:hover{
color: #fff;
}
#MainArt {
height: 25em;
width: auto;
margin-right: auto;
margin-left: auto;
margin-top: 2em;
background: #300 url(Artwork_Doctored/Shack2-b.jpg) no-repeat;
<- for horizontal scrolling
}
/* IMPORTANT
You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher.
[if !IE 7]>