/* 

14 Oct 2006

10 Minutes of CSS 
For some beer.

*/

html, body {
margin: 0;
padding: 0;
font-family: Georgia, 'New York', 'Times New Roman', serif;
background: #fafafa;
}

/*
* {
margin: 0;
padding: 0;
}
*/

a {
color:#369;
text-decoration: none;
}

#banner {
padding: 5px 10px 5px 5px;
margin: 0;
border-bottom:3px double #069;
background: #efefff;
}


#banner #maintitle {
margin:0;
padding: 0;
display: block;
font-size: 3em;
}

#banner #subtitle {
margin:0;
padding: 0;
display: block;
font-style: italic;
text-align: right;
}


#content {
margin:0;
width: 720px;
position: relative;
left: 50%;
margin-left: -360px;
}

#content p {
margin: 0;
padding: .3em 0 .3em 0;
font-size: 1.4em;
line-height: 1.6em;
float: left;
width: 310px;
}

#content ul {
margin: 0;
padding: 0;
list-style-type: none;
width: 400px;
float: right;
}

#content ul li {
display: block;
border: 3px double #069;
border-top-color: #ccc;
border-left-color: #ccc;
padding: 5px;
margin: .3em 0 .3em 0;
background: #efefff;
}

#content ul {
}

#content ul a {
}

#content ul li:hover {
background: #ccf;
color: #000;
}

#buttons { 
text-align: center;
}

#buttons { 
margin:0;
padding-top: 3em;
width: 720px;
position: relative;
left: 50%;
margin-left: -360px;
clear: both;
text-align: center;
}

#buttons a img {
border: none;
}