/* =INITIAL 
   v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com 
   Used as a basis for Archimania.info style by Roel Groeneveld - www.roelgroeneveld.com */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 10pt Century Gothic, Tahoma, Arial, Helvetica, sans-serif; 
	background-color: #fff;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 10px 0 5px 0;
	padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
	margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
	cursor: pointer;
}
fieldset {
	border: none;
}

/* Form field text-scaling */
input, select, textarea {
	font-size: 100%;
}

/* ----------*/ 

/* --- style archimania general --- */
body {
padding: 40px 120px; 
}

div#header {
background-color: #000; 
color: #fff;
width: 500px;
padding: 10px 20px;
margin: 0px 0px 0px -20px;
}

div#header h1 {
padding: 0px 0px 0px 20px;
margin: 20px 0 10px 0;
margin-bottom: -21px;
font-weight: normal;
font-size: 36pt; 
font-family: Impact, Impact5, Charcoal6, sans-serif; 
}

div#header h1 a:link, div#header h1 a:active, div#header h1 a:visited, div#header h1 a:hover {
color: #fff;
text-decoration: none;
} 

h2#blog-subtitle {
text-align: right; 
color: #000;
font-size: 16pt;
font-family: Century Gothic, Tahoma, Arial, Helvetica, sans-serif; 
font-weight: bold; 
margin-top: -12px;
margin-bottom: -5px;
}

h2#blog-subtitle a:link, h2#blog-subtitle a:active, h2#blog-subtitle a:visited {
color: #000;
text-decoration: none;
}

h2#blog-subtitle a:hover {
color: #666;
text-decoration: none;
}

div#content {
background-color: #EBEE62; 
width: 500px;
padding: 20px;
margin: 0px;
}

div#content img {
margin: 20px 0px; 
}

p {
font-size: 10pt;
}
/* --- style archimania weblog item  --- */

div.item {
font-size: 10pt;
font-family: Century Gothic, Tahoma, Arial, Helvetica, sans-serif; 
text-align: justify;
}

div.item h2 {
font-size: 16pt;
font-family: Century Gothic, Tahoma, Arial, Helvetica, sans-serif; 
font-weight: lighter; 
margin-top: 35px;
margin-bottom: -8px;
}

div.item a:link {
font-weight: bold; 
color: #000;
}

div.item a:hover {
color: #fff;
}

div.item a:active, div.item a:visited {
font-weight: bold; 
}

div.item a:visited {
color: #666666; 
}


div.item span.meta {
font-weight: bold;
font-size: 8pt;
}

/* --- style archimania sidebar --- */

div#sidebar {
position: absolute;
left: 680px;
top: 116px;
width: 150px;
/* border: 1px solid #000; */
}

div#sidebar h2 {
font-size: 11pt;
margin-top: 20px;
margin-bottom: -9px;
}

div#sidebar p a:link {
text-decoration: none;
font-size: 10pt;
color: #000;
}

div#sidebar p a:hover {
text-decoration: underline;
}

div#sidebar p a:visited {
color: #666666; 
}

div#sidebar img {
margin: 1px;
}

.searchform .formfield {
border: #000000 solid 1px;
width: 150px;
}

#content .searchform, #content .mailform {
background-color: #EBEE62; 
}

#sidebar .searchform {
background-color: #fff; 
}