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

Changes:
 * 09/2008 Tero Tilus, changed from fixed width to scaling 

Screen layout: */

body {
margin: 0 auto;
padding: 0;
font-family: Verdana,Tahoma,Arial,sans-serif;
font-size: 85%;
background: #efefef;
}

blockquote {
margin: 0;
padding: 0 2em;
background: url(quote.png) no-repeat left 4px scroll;
color: #253570;
letter-spacing: 1px;
font-style: italic;
}

#wrap-left {
background: #e8e8e8 url(bgl.png) repeat-y left top scroll;
max-width: 60em;
margin: 0 auto;
padding: 0 0 0 16px;
}

#wrap-right {
background: #e8e8e8 url(bgr.png) repeat-y right top scroll;
margin: 0;
padding: 0 16px 0 0;
}

#wrap-inner {
background: white;
border: 1px solid white;
color: #303030;
margin: 0;
padding: 0 10px;
}

#header {
clear: both;
margin: 20px 0 0 0;
padding: 0;
height: 4em;
}

#header h1 {
margin: 0 0 10px 0;
float: left;
}

#header p {
width: 65%;
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;
width: 100%;
}

#right {
float: right;
width: 20%;
margin: 0 0 10px 0;
padding: 0;
font-size: 0.9em;
line-height: 1.5em;
}

#right p { margin: 0 0 1.5em 0; }
#right ul, #left #announce ul { margin: 0 0 1em 0; padding: 0; }
#right ul li, #left #announce ul li { margin-left: 1em; }

#left {
clear: left;
float: left;
width: 20%;
margin: 0 0 10px 0;
padding: 0;
font-size: 0.9em;
}

#mainmenu {	
list-style: none;
width: 100%;
margin: 0 0 20px 0;
padding: 0;
font-size: 1.1em;
}	

#mainmenu li {
margin: 0 0 4px 0;
}

#mainmenu li a, #mainmenu li.here div {
font-weight: bold;
text-decoration: none;
color: #505050;
display: block;
padding: 0.5em 0.7em;
background: #f4f4f4;
border-left: 0.3em solid #cccccc;
}	
	
#mainmenu li.here div {
color: #404040;
background: #e8e8e8;
border-color: #a0a0a0;
}

#mainmenu li a:hover {
color: #286ea0;
background: #eaeaea;
border-color: #286ea0;
}

#announce {
margin: 10px 0 10px 0;
padding: 10px;
color: #505050;
background-color: #f4f4f4;
line-height: 1.3em;
}

#breadcrumbs { 
margin-bottom: 0.6em; 
padding-bottom: 0.3em;
border-bottom: 1px solid #f0f0f0;
}

#content {
margin: 0 22% 20px 22%;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
padding: 0 10px 0 10px;
line-height: 140%;
text-align: left;
}

h1, h2, h3, h4 { line-height: 110%; }
#content :first-child { margin-top: 0; }

h1 { font-size:   2em; margin: 1em   0   1em 0; }
h2 { font-size: 1.7em; margin: 1em   0 0.5em 0; }
h3 { font-size: 1.4em; margin: 1em   0 0.5em 0; }
h4 { font-size: 1.2em; margin: 0.5em 0 0.1em 0; }

#content img {
padding: 1px;
display: inline;
background: #cccccc;
border: 4px solid #f0f0f0;
max-width: 90%;
}

#right h3 { font-size: 1.2em; margin: 0 0 0.5em 0; }
#right h4 { margin: 0; }

a {
text-decoration: none;
color: #205080;
}

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;
text-align: center;
color: #808080;
font-size: 0.9em;
}

#footer a {
color: #808080;
text-decoration: none;
}

#footer img {
vertical-align: -20%;
}

#footer a:hover {
text-decoration: underline;
}

.entry { margin: 0 0 1em 0; }
.first.entry { margin: 0 0 2em 0; }
.info, .author { 
margin: 0.5em 0; 
padding: 0.3em 0.8em; 
background-color: #f0f4fa; 
border: 1px solid #e0e4ea; 
}
.info { 
font-size: 85%;
}

.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, strong, b {
font-weight: bold;
}

.italic, em, i { font-style: italic; }

.hide {
display: none;
}

#comment-form-fields textarea { height: 9em; }

#comment-form-fields input[type=text], 
#comment-form-fields textarea { width: 99.5%; }

#comment-form-fields select, 
#comment-form-fields input[type=text], 
#comment-form-fields textarea { border: 1px solid silver; }

#comment-form-fields { font-size: 90%; }
#comment-form-fields h3 { margin-bottom: 1.4em; }
#comment-form-fields p { margin-top: 0; }
#comment-form-fields fieldset { padding: 0.5em 1%; }
#comment-form-fields legend { font-size: 120%; }
p.error {
color: red; 
background-color: yellow; 
padding: 0.1em 0.4em; 
margin-top: 0; 
float: right; 
}

table.numeroita { 
border: 1px solid gray;
border-collapse: collapse;
margin: 0 auto 1em;
}
.scroll { overflow: auto; }

.numeroita th { background-color: #BBB; }
.numeroita td, .numeroita th { padding: 1px 3px; }

/* Tags */
ol.tag_cloud { padding-left: 0; margin-left: 0; }
.tag_cloud li { margin-right: 0.2em; }
.tag_cloud .size1 { font-size: 0.8em; }
.tag_cloud .size2 { font-size: 0.9em; }
.tag_cloud .size3 { font-size: 1.0em; }
.tag_cloud .size4 { font-size: 1.2em; }
.tag_cloud .size5 { font-size: 1.4em; }
.tag_cloud .size6 { font-size: 1.6em; }

pre {
overflow: auto; 
background-color: #f0fff8;
border: 1px solid silver;
padding: 0.5em 0.8em;
line-height: normal;
}

code, pre, tt { font-size: medium; }