/* andreas01 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. For design assistance and support, contact me through my website or through http://oswd.org/email.phtml?user=Andreas



Version: 1.0

(July 25, 2005)



Screen layout: */



body {

margin: 0 auto;

padding: 0;

font: 76% Verdana,Tahoma,Arial,sans-serif;

background: #330000 url(bg.gif) top center repeat-y;

}



#wrap {

background: #cc9933;

color: #303030;

margin: 0 auto;

width: 760px;

}



#header {

clear: both;

margin: 20px 0 0 0;

padding: 0;

height: 45px;

}



#header h1 {

	width: 250px;

	margin: 0 0 10px 0;

	float: left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: x-large;

	font-weight: bold;

	color: #000000;

	line-height: inherit;

	white-space: normal;

}



#header p {

width: 500px;

float: right;

text-align: center;

color: #a0a0a0;

margin: 0 0 10px 0;

font-size: 0.8em;

line-height: 1.2em;

}



#frontphoto {

margin: 0 0 10px 0;

border: 0;

}



#avmenu {

clear: left;

float: left;

width: 150px;

margin: 0 0 10px 0;

padding: 0;

font-size: 0.9em;

}



#avmenu ul {	

list-style: none;

width: 150px;

margin: 0 0 20px 0;

padding: 0;

font-size: 1.1em;

}	



#avmenu li {

margin-bottom: 4px;

}



#avmenu li a {

font-weight: bold;

height: 20px;

text-decoration: none;

color: #505050;

display: block;

padding: 6px 0 0 10px;

background: #ffcc66;

border-left: 4px solid #996633;

}	

	

#avmenu li a:hover {

background: #330000;

color: #ffff33;

border-left: 4px solid #000000;

}



.announce {

margin: 10px 0 10px 0;

padding: 10px;

width: 130px;

color: #505050;

background-color: #f4f4f4;

line-height: 1.3em;

}



#extras {

float: right;

width: 100px;

margin: 0 0 10px 0;

padding: 0;

font-size: 0.9em;

line-height: 1.5em;

}



#extras p {

margin: 0 0 1.5em 0;

}



#content {

margin: 0 110px 20px 160px;

border-left: 1px solid #000000;

border-right: 1px solid #000000;

padding: 0 10px 0 10px;

line-height: 1.6em;

text-align: left;

}



#content h2 {

font-size: 1.5em;

margin: 0 0 0.5em 0;

}



#content img {

padding: 1px;

display:inline;

background: #cccccc;

border: 4px solid #f0f0f0;

}



h3 {

font-size: 1.3em;

margin: 0 0 10px 0;

}



a {

text-decoration: none;

color: #3333ff;

}



a:hover {

text-decoration: underline;

color: #000099;

}



a img {

border: 0;

}



#footer {

clear: both;

margin: 0 auto;

padding: 10px 0 20px 0;

border-top: 4px solid #000000;

width: 760px;

text-align: center;

color: #3333ff;

font-size: 0.9em;

}



#footer a {

color: #3333ff;

text-decoration: none;

}



#footer a:hover {

text-decoration: underline;

color: #000099;

}



.left {

margin: 10px 10px 5px 0;

float: left;

}



.right {

margin: 10px 0 5px 10px;

float: right;

}



.textright {

text-align: right;

}



.center {

text-align: center;

}



.small {

font-size: 0.8em;

}



.bold {

font-weight: bold;

}



.hide {

display: none;

}