/* =LAYOUT */

html, body {
    font-family: Arial, helvetica, sans-serif;
    line-height: 1.5;
    font-size: small;
    background: #2c2c2c;
}

body {
    padding: 1em 0;
}

#wrapper {
    max-width: 100em;
    width: 96%;
    margin: 0 auto;
    color: #2c2c2c;
    background: #ffffff;
    border: 5px solid #ffffff;
}

#contentArea {
    float: left;
    width: 100%;
    background: url("/images/design/bg1.gif") 22% 0% repeat-y;
}

#contentAreaWrapper {
    float: left;
    width: 100%;
    background: url("/images/design/bg3.gif") 78% 0% repeat-y;
}

#mainContent {
    width: 56%;
    float: left;
    margin-left: 22%;
}

#mainContentWrapper {
    margin: 1ex 1em 1ex 1em;
}

#secondaryContent {
    width: 22%;
    float: left;
    margin-left: -78%;
}

#secondaryContentWrapper {
    margin: 1ex;
}

#sideBar {
    width: 22%;
    float: left;
}

#sideBarWrapper {
    margin: 1ex 1em;
}


/* =GENERAL STYLES */

/* headlines */

h2 {
    font-weight: bold;
    font-size: 120%;
    margin: 1.5ex 0;
}

/* links */

a {
    color: #d90000;
}

a[href^="http:"] {
    background: url("/images/design/link_external.gif") no-repeat center right;
    padding-right: 14px;
}

a[href^="http://salzburg-bulls.at"], a[href^="http://www.salzburg-bulls.at"], a[href^="http://salzburg-bulls.obda.net"], a[href^="http://salzburg-bulls.localhost"], a[href^="http://www.differentdog.com"] {
    background: transparent;
    padding-right: 0;
}

a:hover {
    text-decoration: none;
}

/* lists */

ol {
    margin: 0 2em;
}

ul {
    margin: 0;
}

ul li {
    background: url("/images/design/list_item.gif") no-repeat 3px 5px;
    padding: 0 0 0 1em;
}

ol {
    list-style-type: decimal;
}

dt {
    font-weight: bold;
    margin: 0 0 1ex 0;
}

dd + dt {
    margin-top: 1em;
}

dd {
    padding: 0 0 0 1em;
}

/* tables */

table {
    border-collapse: collapse;
    border: 1px solid transparent;
    margin: 0 auto;
}

caption {
    display: none;
}

td {
    padding: .2ex 1ex;
}

th {
    padding: .5ex;
    text-align: center;
    font-weight: bold;
}

thead, th {
    background: url("/images/design/th_background.gif") repeat-x #d90000;
    color: #ffffff;
}

tr.even {
    background: #efefef;
}

/* forms */

input, textarea, select {
    border: 1px solid #333333;
    background: #efefef;
}

input, textarea {
    max-width: 80%;
}

button {
    background: #d0d0d0;
    border: 1px outset #d0d0d0;
}

button:hover {
    background: #facfcf;
    border: 1px solid #d90000;
}

/* common classes */

.hide {
    display: block;
    position: absolute;
    left: -10000px;
    right: -10000px;
    width: 1px;
    height: 1px;
}

span.datetime {
    color: #2c2c2c;
    font-weight: normal;
    font-style: italic;
    font-size: 80%;
}


/* =HEADER */

div#header {
    position: relative;
    background: url("/images/design/header.jpg") #240000 center top no-repeat;
}

h1#mainTitle {
    height: 200px;
    text-indent: -999999px;
    margin-bottom: 5px;
}

h1#mainTitle a {
    display: block;
    height: 200px;
}

div#breadcrumb {
    position: absolute;
    top: 1ex;
    left: 1ex;
    color: #cccccc;
}

div#breadcrumb a {
    color: #ffffff;
}


/* =NAVIGATION */

ul#navigation {
    float: left;
    width: 100%;
    margin: 0;
    background: #d90000;
    list-style-type: none;

}

ul#navigation li {
    float: left;
    position: relative;
    padding: 0;
}

ul#navigation > li {
    border: 1px solid #d90000;
}

ul#navigation a {
    cursor: pointer;
    display: block;
    float: left;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    padding: 0 1ex;
    height: 2.5em;
    line-height: 2.5em;
    text-transform: uppercase;
}

ul#navigation > li:hover > a,
ul#navigation a:hover {
    color: #d90000;
    background: #ffffff;
}

ul#navigation ul {
    display: none;
    position: absolute;
    margin: 0;
    padding: 0;
    top: 2.5em;
    left: -1px;
    background: #efefef;
    z-index: 100;
    width: 14em;
    list-style-type: none;
    border: 1px solid #d90000;
}

ul#navigation li:hover ul {
    display: block;
}

ul#navigation li li {
    width: 100%;
    border: 0;
}

ul#navigation li li a {
    padding-left: 34px;
    background-image: url("/images/design/horn_grau_links.gif");
    background-position: 2px 50%;
    background-repeat: no-repeat;
    color: #d90000;
    text-transform: none;
    float: none;
    height: 2em;
    line-height: 2em;
}

ul#navigation li li a:hover {
    background-color: #ffffff;
    background-image: url("/images/design/horn_links.gif");
    background-position: 2px 50%;
    background-repeat: no-repeat;
}


/* =FOOTER */

#footcont {
    clear: both;
    background: #d90000;
    color: #ffffff;
    padding: 1ex;
}

#footcont a {
    color: #ffffff;
}


/* SECONDARY CONTENT AND SIDEBAR */

#secondaryContent h2 {
    background: url("/images/design/bull20.gif") center left no-repeat;
    padding-left: 25px;
    display: block;
}

#secondaryContentWrapper > ul,
#secondaryContentWrapper > table {
    overflow: auto;
}


/* =SIDEBAR */

#sideBar h2 {
    background: url("/images/design/bull20.gif") center left no-repeat;
    padding-left: 25px;
    display: block;
}


#sideBar table, #secondaryContent table {
    border: 1px solid #d90000;
}


/* =FORUM */



/* Things that will not be visible to the regular eye :) */

#access, #footer li.html, #footer li.css, #footer li.php, #footer li.mysql, h2
{
    display: none;
/*	position: absolute;
	left: -9999px;*/
}


#bodyarea ol, #bodyarea ul {
    margin: 0 1em 0 3em;
}

#bodyarea ol {
    list-style-type: decimal;
}

#bodyarea ul {
    list-style-type: circle;
}

#bodyarea table.pm td.pmMemberinfo {
    padding: 1ex;
    background: #ffffff;
    color: #333333;
}

#bodyarea td.pmMemberinfo a {
    color: #d90000;
}

#bodyarea table.pm td {
    padding: 0;
}

#bodyarea .catbg {
    padding: 1ex;
    font-weight: bold;
    background: #d90000;
    color: #ffffff;
}

#bodyarea .catbg td {
    color: #ffffff;
}

#bodyarea .catbg a {
    color: #d0d0d0;
}

#bodyarea table.tborder {
    margin: 1em 0;
    border: 1px solid #d90000;
}

#bodyarea tr.windowbg td {
    background: #ffffff;
}

#bodyarea td.windowbg2, #bodyarea tr.windowbg2 td {
    background: #efefef;
}

#bodyarea tr.titlebg, #bodyarea tr.titlebg td {
    background: url("/images/design/th_background.gif") top left repeat-x #d90000;
}

#bodyarea tr.titlebg td, #bodyarea tr.titlebg th {
    padding: 5px;
    font-weight: bold;
    color: #ffffff;
}

#bodyarea tr.titlebg td a, #bodyarea tr.titlebg th a {
    color: #d0d0d0;
}

#messagetable {
    width: 100%;
}

#messagetable td.cella1
{
	width: 9%;
}
#messagetable td.cella2
{
	width: 11%;
}
#messagetable td.cella3
{
	width: 4%;
	text-align: center;
}
#messagetable td.cella4
{
	width: 22%;
}
#messagetable td.cella5
{
	width: 22px;
	text-align: center;
	vertical-align: middle;
}
#messagetable td.cella6
{
	width: 4%;
	text-align: center;
	vertical-align: middle;
    white-space: nowrap;
}
#messagetable td.cella7
{
	width: 11%;
}
#messagetable td.cella8
{
	width: 11%;
}
#messagetable td.cellb1
{
	width: 4%;
	text-align: center;
	vertical-align: middle;
	padding: 0;
}
#messagetable td.cellb2
{
	vertical-align: middle;
}
#messagetable td.cellb3
{
	width: 14%;
	vertical-align: middle;
}
#messagetable td.cellb4
{
	width: 22%;
	vertical-align: middle;
}
#messagetable td.cellb5
{
	text-align: center;
}



/* board index */

.nav {
        color: #333;
}
.nav a {
        color: #333;
}
.nav a:hover {
        color: #cd0000;
}

#msgicons1
{
        float: left;
        margin-top: 15px;
}
#msgicons2
{
        float: left;
        margin: 15px 0 0 40px;
}
#msgjmp
{
        float: right;
        margin-top: 15px;
}

#bodyarea .boards dt {
    margin-bottom: 0;
}

#bodyarea .boards dd {
    padding: 0;
}

#bodyarea .boards dd + dt {
/*     margin-top: 0; */
}


.boards
{
        margin-bottom: 10px;
        list-style-type: none;
/*        line-height: 16px;*/
}
.boards dt
{
        width: 100%;
        padding-bottom: 10px;
	font-size: 120%;
    font-weight: bold;
	color: #5A7A44;
}
.boards dt
{
        float: left;
}
.boards dd
{
        float: left;
}
.boards dd.msgicon
{
        width: 10%;
}
.boards dd.msgbody
{
        width: 57%;
}
.boards dd.bstats
{
        width: 10%;
        text-align: center;
}
.boards dd.lpost
{
        float: right;
        width: 23%;
        text-align: left;
}
.boards .mods
{
        font-size: 90%;
        margin-bottom: 10px;
}
.boards .chboards
{
/*        position: relative; */
        top: 4px;
        padding: 0;
        width: 100%;
        font-size: 60%;
        color: #666;
}
.boards .chboards a
{
        border: 0;
        padding: 0;
        color: #666;
}
.boards .chboards a:hover
{
        color: #000;
}

.pages
{
        float: left;
        font-size: 120%;
        color: #CCC;
        margin: 1em 0;
        font-weight: bold;
}

#bodyarea .msgmenu
{
        float: right;
        list-style-type: none;
        text-transform: uppercase;
        font-family: Tahoma, sans-serif;
        clear: both;
    margin: 1em 0;
}
.msgmenu li
{
        float: left;
        padding: 5px 0;
        margin: 1em 0 0 15px;
}
.msgmenu li a
{
        padding: 1em 0 1em 30px;
}
.msgmenu li.markread a
{
        background: url(images/buttons/post/markread.gif) center left no-repeat;
}
.msgmenu li.notify a
{
        background: url(images/buttons/post/notify.gif) center left no-repeat;
}
.msgmenu li.newpoll a
{
        background: url(images/buttons/post/newpoll.gif) center left no-repeat;
}
.msgmenu li.newtopic a
{
        background: url(images/buttons/post/newtopic.gif) center left no-repeat;
}
.msgmenu li.reply a
{
        background: url(images/buttons/post/reply.gif) center left no-repeat;
}
.msgmenu li.sendtopic a
{
        background: url(images/buttons/post/sendtopic.gif) center left no-repeat;
}
.msgmenu li.print a
{
        background: url(images/buttons/post/print.gif) center left no-repeat;
}

.alt
{
        margin-bottom: 8px;
        clear: both;
}


/* main content area */

/* #contentArea { */
/*     clear: both; */
/*     width: 100%; */
/*     padding: 1ex 0; */
/*     border: 1px solid #ffffff; */
/*     border-width: 0 1px 1px 1px; */
/*     margin: 0 0 3px 0; */
/*     color: #333333; */
/*     background: #d0d0d0; */
/* } */

#loginbox, #loggedin, h2.loggedin {
    display: none;
}


#loginbox legend, #loginbox p {
    display: none;
}

#loginbox li {
    background: transparent;
}

#loginbox input[type=submit] {
    margin-top: 1ex;
}


#loginbox, #loggedin {
/*     margin: 1ex 2em 0 2em; */
    padding: 1ex;
    border: 1px solid #ffffff;
    background: #ffffff;
}

#loggedin a {
    color: #d90000;
}

#searchbox {
    display: none;
}


#bodyarea_top, #bodyarea_bottom {
    display: none;
}


#bodyarea {
    background: #ffffff;
    margin: 1em 0;
    padding: 0 1ex;
}

#bodyarea h3 {
    font-size: 150%;
    color: #d90000;
    clear: both;
    border-bottom: 1px #d0d0d0 dashed;
    padding: 1em 0 1ex 0;
    margin-bottom: 1ex;
}

#bodyarea h4 {
    font-size: 120%;
    padding: 1ex 0;
    margin: 1ex 0;
    font-weight: bold;
    color: #d90000;
}

#bodyarea h4 a {
    border-bottom: 1px #d0d0d0 dotted;
    font-weight: bold;
    text-decoration: none;
}

#bodyarea a {
    color: #d90000;
}

#bodyarea .msgbody2 {
    float: left;
    width: 100%;
    margin: 1ex 0;
}

#bodyarea .msgbody2.msgbg1 {
    background: url("/forum/Themes/49ersFanZone/images/thread_alt_bg.gif") 20% 0 repeat-y;
}

#bodyarea .msgbody2.msgbg2 {
/*     background: url("/images/design/forum_thread_background_alt.gif") 20% 0 repeat-y; */
}

#bodyarea .msgbg1 .msgright {
/*     background: #efefef; */
}

#bodyarea .msgbg2 .msgright {
    background: #ffffff;
}

#bodyarea .msgleft {
    float: left;
    width: 20%;
/*     color: #ffffff; */
    background: #ffffff;
}

#bodyarea .msgleft ul {
    margin: 1ex 1ex 1ex 0;
    list-style: none;
}

#bodyarea .msgleft li {
    background: #ffffff;
}

/*#bodyarea .msgleft li.stars {
    margin: 0 0 1ex 0;
}

#bodyarea .msgleft li.avatar {
    margin: 1ex 0;
    text-align: center;
}*/

#bodyarea .msgleft a {
    color: #d90000;
}

#bodyarea li.mname a {
    font-weight: bold;
    text-decoration: none;
}

#bodyarea .msgright {
    float: right;
    width: 80%;
}

#bodyarea .msgright div.post {
    overflow: auto;
}

#bodyarea .msgright div.post blockquote div.quote {
    overflow: auto;
}

#bodyarea .msgright .msgtop {
    margin: 1ex 1ex 0 1ex;
}

#bodyarea .msgright .message {
    margin: 0 1ex;
}

#bodyarea .msgright .message .post ul {
    padding: 1ex 0;
}

#bodyarea .msgright .msgbottom {
    margin: 1em 1ex 1ex 1ex;
}

#bodyarea .msgright .msgbottom .report {
    text-align: right;
}

#bodyarea .postbuttons {
    list-style-type: none;
    float: right;
}

#bodyarea .postbuttons li {
    display: inline;
    text-transform: uppercase;
    font-weight: bold;
    border-left: 1px solid #d90000;
    padding: 0 1em;
    background: transparent;
}

#bodyarea .postbuttons li:first-child {
    border-left: 0;
}

#bodyarea .postbuttons li a {
    text-decoration: none;
}

#bodyarea .postbuttons li a:hover {
    text-decoration: underline;
}

#bodyarea .msghr {
    width: 100%;
    color: #d90000;
    background: #d90000;
    border: 1px solid #d90000;
}

#bodyarea blockquote {
    background: url("/images/design/quote_background.jpg") bottom right no-repeat #d0d0d0;
    border: 1px dotted #333333;
    margin: 1ex 0 1ex 3em;
}

#bodyarea blockquote div {
    padding: 1ex;
}

#bodyarea blockquote .quoteheader {
    background: #d90000;
    border-bottom: 1px dotted #333333;
}

#bodyarea blockquote .quoteheader a {
    color: #ffffff;
}


#bodyarea .modbuttons
{
    margin: 1em 0;
    font-size: 10px;
    float: left;
}
#bodyarea .modbuttons li
{
    display: inline;
    text-transform: uppercase;
    font-weight: bold;
    border-left: 1px solid #AAA;
    padding: 0 6px;
    background: transparent;
}
/* .modbuttons li a
{
        color: #AAA;
}
.modbuttons li a:hover
{
        color: #000;
}
 */


/* ajax stuff */

#ajax_in_progress
{
	background: #FFF url(images/ajaxloading.gif) no-repeat 10%;
	color: #000;
	text-align: left;
	font-size: 18px;
	font-family: "Trebuchet MS", sans-serif;
	padding: 10px;
	padding-left: 65px;
	position: absolute;
	left: -105px;
	width: 105px;
        border: 1px solid #D0D0D0;

}
#ajax_center
{
	top: 45%;
	width: 105px;
	position: absolute;
	left: 50%;
}


#calendar td {
    border: 1px solid black;
}