/* andreas02 - 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 27, 2005)

Screen layout: */

body   { color: #303030; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; background: #90a74a; margin: 0; padding: 0 }

a  { color: #286ea0; text-decoration: underline }

a:hover  { color: #d26208; text-decoration: underline }
p { margin: 0 0 15px 0; line-height: 1.5em; text-align: left; }

#container { margin: 0 auto 15px auto; width: 760px;
padding: 5px 20px 20px 20px; background: #ffffff; }

#logo { margin: 15px 0 0 0; }

#logo h1 a   { color: #303030; font-size: 35px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; text-decoration: none }

#desc { height: 200px; /*color: #ffffff;*/ padding: 0 ; background: #505050 url(images/front.jpg) top left no-repeat;
clear: both; margin: 5px 0 0 0; }

#desc > div {float:left; height:50%; margin-bottom:-120px;}
#desc p  { font-size: 1.4em; line-height: 1.5em; margin: 2em 0 0 1em; width: 400px }

#desc h2 {
padding: 15px 15px 0 15px;/*
color: #ffffff;*/
}

#desc a { color: #ffffff; text-decoration: underline; }

#main  { padding: 0 15px 0 0; width: 560px; float: left; border-right: 1px solid #d0d0d0 }
#main p { text-align: justify; }
#main p img { float: right; } 

#block   { color: black; font-size: 12px; /*font-family: Georgia, "Times New Roman", Times, serif;*/ line-height: 17px; background: #9dbcfd; margin-bottom: 20px; padding: 15px 15px 15px }
#if { padding: 0 0  0 1em; margin:0;}

blockquote { font-style:italic; }

#sidebar  { width: 170px; float: right }
#sidebar h3  { color: #4d6d8a; width: 170px; float: right }
#sidebar p  { font-size: 10px; line-height: 14px; margin: 0 0 12px }

.sidelink {
text-align: left;
display: block;
width: 120px;
background: #f0f0f0 url(images/corner.gif) top right no-repeat;
padding: 3px 4px 3px 8px;
margin: 5px 10px 5px 0;
}

.sidelink:hover {
background: #e0e0e0 url(images/corner.gif) top right no-repeat;
text-decoration: none;
}

#footer {
clear: both;
background: #fafafa;
color: #808080;
font-size: 0.9em;
padding: 8px 0 8px 0;
border-top: 1px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
text-align: center;
}

#footer a {
color: #808080;
}

h1   { font-size: 2.1em; font-weight: normal; margin: 0 0 20px }

h2  { font-size: 24px; font-weight: normal; margin: 0 0 10px; font-family: Georgia, "Times New Roman", Times, serif; }

h3       { color: #d36413; font-size: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-style: normal; font-weight: normal; margin-top: 20px; margin-right: 0; margin-bottom: 5px; margin-left: 0; }
h4 { color: #333; font-size: 15px; font-family: Georgia, "Times New Roman", Times, serif; font-style: normal; font-weight: normal; line-height: 18px; margin: 0 0 5px }

.right {
text-align: right;
}

a img {
border: 0;
}

.photo  { text-align: left; display: block; margin: 0 auto 15px 0; border: solid 1px #333 }

.hide {
display: none;
}