@import url("common.css");

a {
   color:               white;
}

a img {
   border:              1px solid white;
}

body {
   background-color:    black;
   background-image:    url("../images/asphaltandleather.gif");
   background-repeat:   repeat-x;
   color:               white;
   margin:              0;
   text-align:          center;
}

ul.horizontal_menu {
   background-color:    #B00000; /* deep red */
   background-image:    url("../images/redleather.gif");
   background-repeat:   repeat-x;
   border-color:        white;
   border-style:        solid none;
   border-width:        1px;
   list-style:          none;
   margin:              0;
   padding:             16px 0 16px 0;
   text-align:          center;
}

ul.horizontal_menu li {
   display:             inline;
}

ul.horizontal_menu li a {
   background-image:    url("../images/glossybuttonleftup.gif");
   background-repeat:   no-repeat;
   padding-left:        1.5em;
   text-decoration:     none;
}

ul.horizontal_menu li a span {
   background-image:    url("../images/glossybuttonrightup.gif");
   background-repeat:   no-repeat;
   background-position: top right;
   padding-right:       1.5em;
}

ul.horizontal_menu li a, ul.horizontal_menu li a span {
   padding-top:         16px;
   padding-bottom:      16px;
}

/* selected menu item */
ul.horizontal_menu li a:hover, ul.horizontal_menu li.selected a {
   background-image:    url("../images/glossybuttonleftover.gif");
}
ul.horizontal_menu li a:hover span, ul.horizontal_menu li.selected a span {
   background-image:    url("../images/glossybuttonrightover.gif");
}


#body {
   border-color:        gray;
   border-style:        none solid;
   border-width:        1px;
   margin:              0 auto;
   text-align:          left;
   width:               768px;
}

form.contact input.text_box, form.contact textarea {
	display:             block;
	margin-bottom:       1em;
   width:               66%;
}

#content {
   background-image:    url("../images/shinyblack.gif");
   background-repeat:   no-repeat;
   clear:               both;
   padding:             1em;
}

#footer {
   background-color:    #B00000; /* deep red */
   background-image:    url("../images/redleather.gif");
   background-repeat:   repeat-x;
   border-color:        white;
   border-style:        solid none;
   border-width:        1px;
   clear:               both;
   padding:             0.5ex 1em;
   text-align:          center;
}

#footer a {
   color:               white;
}

#footer li {
   display:             inline;
}

#footer p {
   margin:              0;
   /* why do i have to specify this again?? :-( */
   text-align:          center;
}

#footer ul {
   list-style:          none;
   margin:              0;
   padding:             0;
}

#header { }

#header a img {
   border:              none;
}

#preview_mode {
   background-color:    yellow;
   color:               black;
}

#preview_mode a {
   color:               blue;
}

#preview_mode a:active, #preview_mode a:hover {
   color:               red;
}

#preview_mode a:visited {
   color:               purple;
}

#preview_mode p {
   padding:             1em;
}