/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
    margin:0; 
    padding:0; 
} 
table { 
    border-collapse:collapse; 
    border-spacing:0; 
} 
fieldset,img {  
    border:0; 
} 
ul { 
    list-style:none; 
} 
th { 
    text-align:left; 
    font-style:normal; 
    font-weight:normal; 
} 
h1,h2,h3,h4,h5,h6 { 
    font-size:100%; 
    font-weight:normal; 
} 
/* end reset */

body {
    font-family: arial, sans-serif;
    font-size: 13px;
}

h1{
    font-size: 140%;
    font-weight: bold;
}

/* elements */
p.c {clear:both}
span.ts {color:#666;font-size:70%} /* timestamps */
.bb {font-size: large; font-weight: bold; width: 100%;}
.bbn {font-size: large; font-weight: bold; width: auto;}
table.account {width: auto; margin: 0 auto; border-collapse: separate; border-spacing: 10px;}
table.account td.left {text-align: right;}
table.account td.left div {text-align: left;}
table.account input {width: 100%;}

/* page */
div.page {
    width: 900px;
    margin: 0 auto;
    position: relative;
}

/* logo, menu, session links */
#topbar {
    background-color: #000;
    background-image: url(/images/gradient.png);
    background-repeat: repeat-x;
    margin-bottom: 10px;
    height: 103px;
}

#logo_text {
    display: none;
}

#logo {
    float: left;
    line-height: 0;
}

#session_links {
    float: right;
    font-size: 90%;
    color: #fff;
}

#session_links a {
    color: #fff;
    text-decoration: none;
}

#session_links a:hover {
    text-decoration: underline;
}

/* menu */
#menu {
    margin: 0;
    padding: 0;
    z-index: 30;
    position: absolute;
    bottom: 0;
    left: 230px;
}

#menu li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    font-weight: bold;
    font-size: 20px;
}

#menu li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: white;
}

#menu li a:hover {
    background-color: white;
    color: black;
    text-decoration: underline;
}

#menu div {
    position: absolute;
    visibility: hidden;
    border: 1px solid black;
}

#menu div a {
    position: relative;
    display: block;
    margin: 0;
    padding: 5px 10px;
    width: auto;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    background: white;
    color: black;
    font-size: 15px;
}

#menu div a:hover {
    background-color: black;
    color: #FFF
}


/* end menu */

/* notifications */
div#notification_container {
    text-align: center;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

span#notification {
    border: solid 2px orange;
    padding: 10px 40px;
    background-color: #fd7;
    position: relative;
}

span#notification_text {
   font-size: 120%;
}

span#close {
    font-size: 75%;
    position: absolute;
    top: 4px;
    right: 4px;
    color: #f52;
    cursor: pointer;
}

/* footer */
#footer {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 50px;
}

/* forum */
table.standard {
    border: solid 3px #333;
    width: 100%;
    margin: 10px 0;
}

table.standard th {
    font-weight: bold;
    text-align: center;
    border: solid 3px #333;
    padding: 5px;
    background-color: #555;
    color: #fff;
}

table.standard td {
    border: solid 1px #333;
    padding: 10px;
}

table#forum_list td{padding: 5px}
table#forum_list td.topic{width: 60%}
table#forum_list td.post{width:75%}
table#forum_list td.post span.ts_label{font-size:80%}
table#forum_list td.replies{text-align:center}

table#forum_list td.post li{margin-left: 1em}
table#forum_list td.post ul{list-style: disc}
table#forum_list td.post p{margin:5px 0}
table#forum_list td.post h1{font-size:120%;font-weight:bold}
table#forum_list td.post h2{font-size:110%;font-weight:bold}
table#forum_list td.post h3{text-decoration: underline;font-weight:bold}
table#forum_list td.post h4{font-style: italic;font-weight:bold}
table#forum_list td.post blockquote{font-size:90%;color:#333;font-style:italic}


/* home page */
.static {
    background-color: #ccc;
    color: #333;
    padding: 5px;
    vertical-align: top;
}

.static h1, #dynamic h1 {
    font-size: x-large;
    text-align: center;
}

#how_to_play ol {
    padding-left: 30px;
}

#dynamic, #sticky_news, #top_10, #boats_bios {
    vertical-align: top;
}

#sticky_news .news_item {
    margin: 10px;
}

#top_10 {
    width: 200px;
}

#boats_bios {
    width: 180px;
}

.box {
    margin: 10px 0;
}

.help {
    float: right;
    background-color: #9f9;
    color: #232;
    padding: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    border: solid #232 1px;
    width: 180px;
}

.help ul {
    list-style: inside;
}

/* fantasy */
.help2 {
    background-color: #9f9;
    color: #232;
    padding: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: solid #232 1px;
    position: relative;
}

.help2 ul { list-style: inside; }

.help2 .control {
    font-size: x-small;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

.help2 .control:hover { text-decoration: underline; }

.box form p { margin: 5px; }

select#pick_race_id,
select#pick_boat_id {
    width: 200px;
}

table.ap {
    width: 100%;
    border-collapse: collapse;
}

table.ap th {
    font-weight: bold;
    text-align: left;
    border: none;
    padding: 0;
    background-color: #fff;
    color: #000;
}

table.ap td {
    border: none;
    padding: 0;
}

span.l {
    font-size: large;
    font-weight: bold;
}

#welcome p {
    margin: 5px;
}

tr.tr td {
    padding:0;
    margin:0;
    height: 0;
}