/* 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: #f4f4f4 url(bg.gif) top center repeat-y;

}



#wrap {

background: #ffffff;

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;

}



#header p {

width: 500px;

float: right;

text-align: center;

color: #a0a0a0;

margin: 0 20px 0 0;

font-size: 0.8em;

line-height: 1.2em;

}



#header img {

border: 0;

}

#header span {

width: 200px;
height: 30px;

float: right;
position: relative;
text-align: center;
vertical-align: top;

color: #a0a0a0;

margin: -35px -25px 0 0;

font-size: 0.8em;

line-height: 1.1em;

}




#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: #f4f4f4;

border-left: 4px solid #cccccc;

}	

	

#avmenu li a:hover {

background: #eaeaea;

color: #286ea0;

border-left: 4px solid #286ea0;

}



.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 #f0f0f0;

border-right: 1px solid #f0f0f0;

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 h3 {

font-size: 1.25em;

margin: 0 0 0.5em 0;

}



#content h4 {

font-size: 1.125em;

margin: 0 0 0.5em 0;

}



#content img {

padding: 0px;

display:inline;

/*background: #cccccc;

border: 4px solid #f0f0f0;*/

}



#content img.quote {

background: none;

border: 1px solid #f0f0f0;

}



fieldset {width: 95%; border: 1px dotted #666699; padding: 1px; text-align: left;}

legend {font-size: 100%; font-weight: bold; background-color: #666699; color: white; padding: 2px 4px;}

dt {float: left; clear: left; width: 25%; padding: 5px; text-align: right; font-weight: bold; color: #666699;}

dd {text-align: left; padding: 5px;}



.input {border: 1px solid #666699; padding: 2px;}

.btn {background-color: #666699; color: #fff; padding: 4px; font-size: 110%; font-weight: bold;}



h3 {

font-size: 1.3em;

margin: 0 0 10px 0;

}



a {

text-decoration: none;

color: #286ea0;

}



a:hover {

text-decoration: underline;

color: #286ea0;

}



a img {

border: 0;

}



#footer {

clear: both;

margin: 0 auto;

padding: 10px 0 20px 0;

border-top: 4px solid #f0f0f0;

width: 760px;

text-align: center;

color: #808080;

font-size: 0.9em;

}



#footer a {

color: #808080;

text-decoration: none;

}



#footer a:hover {

text-decoration: underline;

}



.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;

}



#wrap #content h4 {

	margin-top: 15px;

    margin-bottom: -10px;

}