/* andreas03 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given to the original author.
Some extensions (sidenote, second layer of navigation) by Monica Anderson (partially copied from other work by Andreas). Feel free to copy this css but please continue to credit Andreas. I would also appreciate a backlink to selectionist-ai.com :-)

Version: 1.2
(Nov 28, 2005)

Screen layout: */

body{
margin:0;
padding:30px 0;
font:76% tahoma,verdana,sans-serif;
background:#047 url(img/bodybg.png) repeat-x fixed;
color:#222;
}

#thetop{
margin:0;
}

#container{
width:720px;
margin:0 auto;
padding:20px 20px 0 20px;
background:#fff url(img/contbg.png) no-repeat;
color:#222;
}

a{
text-decoration:none;
background-color:inherit;
color:#26c;
}

a:hover{
text-decoration:underline;
}

a img{
border:0;
}

p{
margin:0 0 15px 0;
line-height:1.5em;
}

#main p{
padding:0 0 0 10px;
}

#sidebar p{
padding:0 0 0 10px;
}

#summary{
margin:4px 0 0px 0;
font-style:italic;
text-align:left;
font-size:1.0em;
line-height:1.4em;
padding:0 0 10px 0;
}

#logo{
float:left;
width:240px;
margin:0 20px 0 0;
padding:0 0 30px 0;
background:#eee;
border:4px solid #dde;
text-align:center;
color:#555;
overflow:auto;
}

#logo h1{
margin:25px 5px 4px 5px;
letter-spacing:-2px;
line-height:28px;
}

#logo a{
background-color:inherit;
color:#26a;
text-decoration:none;
}

#logo a:hover{
background-color:inherit;
color:#69e;
}

#tagline{
text-align:center;
font-size:1.2em;
}

#intro p{
line-height:1.5em;
}

#main{
float:left;
width:530px;
margin-right:20px;
padding:0;
}

.question{
color:#222;
margin-left:14px;
text-align:left;
font-size:1.2em;
font-style:italic;
padding:8px 0;
}

.headerstyle{
display:block;
margin:30px 0 10px 0;
padding:5px 0 5px 8px;
background:#eee url(img/gradient2.png) repeat-x;
color:#222;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
text-decoration:none;
}

#sidebar{
width:155px;
float:right;
margin-top:20px;
font-size:1em;
line-height:1.3em;
}

#sidebar p{
font-size:0.9em;
}

#sidenote{
float:left;
position:relative;
font-size:0.8em;
left:702px;
width:152px;
margin-left:-152px;
}

#sidenote-in-list{
float:left;
position:relative;
font-size:0.9em;
left:660px;
width:152px;
margin-left:-152px;
}

.mainlink{
display:inline;
width:140px;
margin:3px 10px 2px 10px;
padding:5px 0 5px 8px;
font-size:1.1em;
font-weight:bold;
text-align:left;
background:#eee url(img/gradient1.png) repeat-x;
color:#26c;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
}

.mainlink:hover,.menuheader{
background:#fff url(img/gradient2.png) repeat-x;
color:#222;
border-top:1px solid #ddd;
border-right:1px solid #888;
border-bottom:1px solid #888;
border-left:1px solid #ddd;
text-decoration:none;
}

.sidelink{
display:block;
width:140px;
margin:3px 10px 2px 0;
padding:5px 0 5px 8px;
font-size:1.1em;
font-weight:bold;
text-align:left;
background:#eee url(img/gradient1.png) repeat-x;
color:#26c;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
}

.sidelink:hover,.menuheader{
background:#fff url(img/gradient2.png) repeat-x;
color:#222;
border-top:1px solid #ddd;
border-right:1px solid #888;
border-bottom:1px solid #888;
border-left:1px solid #ddd;
text-decoration:none;
}

#footer{
margin:0 auto 20px auto;
width:760px;
background:#fff url(img/footerbg.png) bottom left no-repeat;
padding:0 0 5px 0;
font-size:0.8em;
color:#888;
text-align:left;
text-indent:20px;
}

h1,h2,h3,h4{
margin:0 0 0px 0;
font-weight:normal;
}

h1{
font-size:3.1em;
}

h2{
margin:0 0 4px 0;
font-size:1.8em;
}

h3{
margin:20px 0 8px 0;
font-size:1.4em;
}

h4{
margin:10px 0 5px 0;
font-size:1.2em;
}

#navigation{
height:1.8em;
line-height:1.8em;
margin:0 1px;
background:#047 url(img/bodybg.png) repeat-x fixed;
color:#ffffff;
}

#navigation ul{
padding:0;
}

#navigation li{
float:left;
list-style-type:none;
border-right:1px solid #ffffff;
white-space:nowrap;
}

#navigation li a{
display:block;
padding:0 7px;
font-size:0.9em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}

* html #navigation a {width:1%;}

#navigation a:hover{
background:#80b0da;
color:#ffffff;
}

#navigation .selected{
height:1.8em;
line-height:1.8em;
background:#80b0da;
color:#ffffff;
text-decoration:none;
}

#pageturner{
height:1.8em;
line-height:1.2em;
margin:0 4px;
color:#ffffff;
}

#pageturner ul{
padding:0;
}

#pageturner li{
float:right;
list-style-type:none;
border-right:3px solid #ffffff;
white-space:nowrap;
}

#pageturner li a{
display:block;
padding:0 7px;
font-size:0.9em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background:#80b0da;
}

* html #pageturner a {width:1%;}

#pageturner a:hover{
background:#80b0da;
color:#ffffff;
}

.clear{
clear:both;
margin:0;
}

.right{
text-align:right;
}

.internallink{
font-size:0.9em;
text-align:center;
}

.block{
padding:20px;
background:#eee;
color:#222;
border:2px solid #ddd;
}

.credit{
color:#888;
background-color:inherit;
}

.hide{
display:none;
}

/* Original open source design by Andreas Viklund - http://andreasviklund.com
Released through OSWD.org */