/*  
Theme Name: OC Shark Tournament
Theme URI: http://www.ocsharktournament.com
Description: This is my theme for the OC Shark Tournament.
Version: 1.0
Author: Mark Shaw
Author URI: http://www.markshaw.us/
*/

body {
margin: 0;
background-image: url('boards.jpg');
background-repeat: repeat-x;
background-color: #0d6699;
font-family: Georgia;
}

a {
color: #4e79e9;
}

a img {
border: 0;
}

#wrapper {
width: 975px;
margin-left: auto;
margin-right: auto;
}

.sidebar {
border: 1px solid black;
float: right;
width: 200px;
background-color: white;
padding: 10px;
}

.sidebar ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.tablecenter {
margin-left: auto;
margin-right: auto;
}

.calculate {
padding: 20px;
}

.entrylegend {
color: blue;
font-size: 22px;
}

#header {
overflow: hidden;
color: white;
z-index: 999;
}

#slideshow {
margin-right: 50px;
margin-top: 30px;
float: right;
text-align: center;
}

#slideshow img {
border: 10px solid black;
}

#subtitle {
padding-top: 5px;
clear: left;
}

#navmenu, #navmenu ul { 
font-family: Arial;
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
 
#navmenu a {
text-decoration: none;
display: block;
color: white;
padding: 10px;
}

#navmenu a:hover {
text-decoration: underline;
background-color: #700303;
}
 
#navmenu li { 
background-image: url('navbg.png');
margin-right: 3px;
height: 1%;
float: left;
background-color: black;
}

#navmenu li ul { 
font-size: 12px;
position: absolute;
width: 12em;
left: -999em; 
}
 
#navmenu li ul li {
width: 12em;
}

#navmenu li:hover ul, #navmenu li.sfhover ul { 
left: auto;
}

#content {
line-height: 1.8em;
border: 5px solid black;
overflow: hidden;
background-color: #f2e8ca;
padding: 10px;
}

#content a:hover {
color: red;
}

#sponsors {
margin-top: -20px;
padding: 0px 5px;
text-align: center;
}

#sponsors img {
margin: 20px;
border: 0;
}

#footer {
text-align: center;
color: white;
}

/* From WP Defaults.. Begin Images */

/*      Using 'class="alignright"' on an image will (who would've
        thought?!) align the image to the right. And using 'class="centered',
        will of course center the image. This is much better than using
        align="center", being much more futureproof (and valid) */

img.centered {
        display: block;
        margin-left: auto;
        margin-right: auto;
        }

img.alignright {
        padding: 4px;
        margin: 0 0 2px 7px;
        display: inline;
        }

img.alignleft {
        padding: 4px;
        margin: 0 7px 2px 0;
        display: inline;
        }

.alignright {
        float: right;
        }

.alignleft {
        float: left;
        }
/* End Images */