﻿body 
{ 
   background:url(../images/paper-bg.jpg) center top; 
   font-family:courier new, monospace; 
   font-size:13px;
   line-height:18px;
   color:rgb(33,25,0);
}

h1 { text-transform:uppercase; letter-spacing:0.3em; font-size:1.1em; line-height:2.2em; }
h2 { text-transform:uppercase; font-size:1em; line-height:1.9em; margin-top:0; }

a { color:rgb(33,25,0); font-weight:bold; text-decoration:none; }
a:hover { text-decoration:underline; }

p.author 
{ 
   padding-left:30px; 
   min-height:24px; 
   line-height:24px; 
   font-weight:bold; 
   background-image:url(../images/hj-small.gif); 
   background-repeat:no-repeat; 
   background-position:left;
}

#masthead { width:800px; height:160px; background:url(../images/masthead.jpg) no-repeat; margin:0 auto 0 auto; }
#masthead.birthday { background:url(../images/masthead_birthday3.jpg) no-repeat; }
#masthead a { display:block; text-indent:-9999px; height:160px; width:800px; overflow:hidden; }
#navigation { width:780px; border-top:1px solid; margin:0 auto 40px auto; list-style:none; padding:0; }
#navigation li { float:left; }
#navigation li a { display:block; padding:5px; color:rgb(254,238,176); background:rgb(33,25,0) url(../images/navigation-tab.jpg) no-repeat top left; }
#navigation li a.selected { background:black; }
#navigation li a:hover { text-decoration:none; background-position:0 -100px; }
#navigation li + li { margin-left:10px; }
#navigation li.server { float:right; padding:5px 0 5px 0; }
#navigation li.server a { display:inline; background:none; padding:0; color:rgb(33,25,0); }
#navigation li.server a:hover { text-decoration:underline; }

#content { width:770px; min-height:400px; border:1px solid rgb(33,25,0); padding:5px; margin:10px auto 10px auto; text-align:left; }
#content p.last-child { margin-bottom:10px; text-align:center; }
#content table.members { width:100%; border-collapse:collapse; padding:0; margin-bottom:10px; }
#content table.members tbody th { text-align:left; width:50%; }
#content table.members tbody td.uk, #content table.members tbody td.de, #content table.members tbody td.se { padding-left:20px; }
#content table.members tbody td.uk { background:url(../images/flag_uk.png) no-repeat; }
#content table.members tbody td.de { background:url(../images/flag_de.png) no-repeat; }
#content table.members tbody td.se { background:url(../images/flag_se.png) no-repeat; }

#footer { width:780px; margin:0 auto 10px auto; text-align:right; }

/* calendar page stuff, on fixtures.php */

#wrapper { clear:left; }
#calwrapper { float:left; width:390px; }
#fixtures { float:left; width:365px; padding-left:5px; }
#fixtures h2 { margin-left:5px; }
#subscribe { }
#wrapbottom { clear:left; height:0; margin:0; }

table.calendar { float:left; width:380px; margin:0 10px 10px 5px; border-collapse:collapse; border:1px solid rgb(33,25,0); font-size:17px; background:rgb(232,212,165); }
table.calendar a { display:block; }
table.calendar a:hover { text-decoration:none; }
table.calendar th, table.calendar td { text-align:center; height:40px; }

table.calendar thead tr a { color:rgb(107,96,59); font-family:sans-serif; font-size:24px; font-weight:bold; }
table.calendar thead tr a:hover { color:rgb(33,25,0); }
table.calendar tbody tr.days th { color:rgb(254,238,176); background:rgb(33,25,0); }
table.calendar tbody td { font-weight:bold; }
table.calendar tbody td.mon, table.calendar tbody td.thu, table.calendar tbody td.sun { background:rgb(181,168,118); }
table.calendar tbody td.event { background:rgb(107,96,59); }
table.calendar tbody td.event a { color:rgb(254,238,176); display:block; }
table.calendar tbody td.event a:hover { color:white; }

div.fixture { padding:5px; margin-bottom:5px; }
div.fixture.hovered { border:1px solid rgb(181,168,118); padding:4px; }
div.fixture:target { border:1px solid; padding:4px; background:rgb(232,212,165); }
div.fixture h3.fixture { margin-top:0; margin-bottom:0; }
div.fixture p { margin-top:0; margin-bottom:0; }
