/* 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 {



padding: 0;



margin: 0;



font: 76% tahoma, verdana, sans-serif;



background: #e0e0e0;



color: #303030;



}







a {



text-decoration: none;



color: #286ea0;



}







a:hover {



text-decoration: underline;



}







#toptabs {



margin: 10px auto -13px auto;



font-size: 0.8em;



width: 760px;



}







#toptabs p {



text-align: right;



color: #808080;



}







.toptab {



text-decoration: none;



background: #f0f0f0 url('images/corner2.gif') no-repeat top right;



color: #808080;



border-bottom: 1px solid #e0e0e0; margin-left:4px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px



}







.toptab:hover {



background: #fafafa url('images/corner2.gif') no-repeat top right;



border-bottom: 1px solid #eaeaea;



color: #505050;



text-decoration: none



}







.activetoptab {



color: #505050;



text-decoration: none;



background: #ffffff url('images/corner2.gif') no-repeat top right;



border-bottom: 1px solid #ffffff; margin-left:4px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px



}







.activetoptab:hover {



text-decoration: none;



}







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



}







#logo h1 a:hover {



text-decoration: none;



}







#navitabs {



clear: both;



}







.navitab {



text-decoration: none;



letter-spacing: 1px;



background: #e0e0e0 url('images/corner.gif') no-repeat top right;



border-bottom: 1px solid #ffffff;



border-left: 1px solid #ffffff; margin-left:0; margin-right:0; margin-top:0; margin-bottom:4px; padding-left:8px; padding-right:8px; padding-top:4px; padding-bottom:4px



}







.navitab:hover {



text-decoration: none;



background: #d0d0d0 url('images/corner.gif') no-repeat top right;



}







.activenavitab {



color: #ffffff;



text-decoration: none;



background: #505050 url('images/corner.gif') no-repeat top right;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:5px; padding-left:8px; padding-right:8px; padding-top:4px; padding-bottom:5px



}







.activenavitab:hover {



text-decoration: none;



}







#desc {



height: 200px;



color: #ffffff;



padding: 0;



background: #505050 url('images/front.jpg') no-repeat top left;



clear: both;



margin-left:0; margin-right:0; margin-top:5px; margin-bottom:0



}







#desc p {



width: 290px;



font-size: 1em;



line-height: 1.3em;



padding: 0 0 0 15px;



}







#desc h2 {



padding: 15px 15px 0 15px;



color: #ffffff;



}







#desc a {



color: #ffffff;



text-decoration: underline;



}







#main {

	width: 590px;

	float: left;

	border-right: 1px solid #d0d0d0;

	padding-top: 0;

	padding-right: 4px;

	padding-bottom: 0;

	padding-left: 4px;



}







.block {



background: #f0f0f0;



padding: 15px;



}







#sidebar {



width:140px;



float:right;



}







#sidebar p {



font-size: 0.9em;



line-height: 1.3em;



margin: 0 0 12px 0;



}







.sidelink {



text-align: left;



display: block;



width: 120px;



background: #f0f0f0 url('images/corner.gif') no-repeat top right;



margin-left:0; margin-right:10px; margin-top:5px; margin-bottom:5px; padding-left:8px; padding-right:4px; padding-top:3px; padding-bottom:3px



}







.sidelink:hover {



background: #e0e0e0 url('images/corner.gif') no-repeat top right;



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 {



margin: 0 0 20px 0;



font-size: 2.1em;



font-weight: normal;



}







h2 {



margin: 0 0 20px 0;



font-size: 1.6em;



font-weight: normal;



}







h3 {



margin: 20px 0 10px 0;



font-size: 1.4em;



font-weight: normal;



}







p {



margin: 0 0 15px 0;



line-height: 1.5em;



text-align: left;



}







.right {



text-align: right;



}







a img {



border: 0px none;



}







.photo {



padding: 5px;



display: block;



margin: 0 auto 15px auto;



background-color: #f0f0f0;



}







.hide {



display: none;



}