/*
Theme Name: Gray Mantle
Theme URI: http://ilja.cryon.net/2006/06/12/gray-mantle-wordpress-theme-released/
Description: Special 3+1-colum theme with two sidebars by <a href="http://ilja.cryon.net/">Ilja Suvanto</a>.
Version: 1.4
Author: Ilja Suvanto
*/
body { 
        background: url(images/bg.gif) repeat-x;
	font-family: 'trebuchet ms', arial, sans-serif;
        margin: 0; 
        padding: 0; 
        text-align: left; 
}
#main {
        width: 90%;
	margin: 0 0 0 0;
        padding: 0;
        float: left;
}
#middle {
        float: none;
	margin: 0px 0px 0px 382px;
        padding: 0;
}

/* ---------- header ---------- */
#header {
	float: left;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	text-align: left;
	height: 120px;
	overflow: hidden;
}
#header h1 {
        text-decoration: none;
        margin: 10px 0px 0px 10px; 
        padding: 0; 
        text-align: left; 
}
#header a {
        color: #ccc; 
        font-family: 'Bitstream Vera Sans Mono', 'Andale Mono', 'LucidaTypewriter', monospace;
        font-size: 20px;
        font-weight: bold;
        text-decoration: none;
        margin: 10px 0px 0px 10px; 
        padding: 0; 
        text-align: left; 
}
#header a:hover {
        color: #cc0000; 
        font-family: 'Bitstream Vera Sans Mono', 'Andale Mono', 'LucidaTypewriter', monospace;
        font-size: 20px;
        font-weight: bold;
        text-decoration: none;
        margin: 10px 0px 0px 10px; 
        padding: 0; 
        text-align: left; 
}

#description {
        color: #fff; 
	font-family: 'trebuchet ms', arial, sans-serif;
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        margin: 10px 0px 0px 30px; 
        padding: 0; 
        text-align: left; 
}
#searchbar {
	float: left;
	margin: 0px 20px 20px 10px;
	padding: 0;
	height: 22px;
	text-align: left;
}
/* ---------- sidebar ---------- */
#sidebar {
	float: left;
	width: 370px;
        background-color: #e7e7e7; 
	text-align: left;
	margin: 0 auto;
        padding: 0px 0px 0px 10px; 
        color: #000; 
	font-family: 'trebuchet ms', arial, sans-serif;
        font-size: 12px;
        border-bottom: 2px solid #000;
}
#sidebar  a {
        color: #666; 
	font-family: 'trebuchet ms', arial, sans-serif;
        font-size: 10px;
        font-weight: bold;
        text-decoration: none;
        margin: 0px 0px 0px 0px; 
        padding: 0; 
        text-align: left; 
}
#sidebar  a:hover {
        color: #cc0000; 
	font-family: 'trebuchet ms', arial, sans-serif;
        font-size: 10px;
        font-weight: bold;
        text-decoration: none;
        margin: 10px 0px 0px 0px; 
        padding: 0; 
        text-align: left; 
}
#sidebar  ul {
        list-style-type: none;
        margin: 10px 10px 10px 0px; 
        padding: 0;
	text-align: left;
}
#sidebar  li {
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #666;
	text-align: left;
}
#sidebar  li ul li {
        padding: 0px 0px 0px 0px;
	text-align: left;
}
#sidebar  li ul {
        padding: 0px 0px 0px 0px;
        margin: 0;
        border-top: 1px solid  #666;
	text-align: left;
}
#sidebar  h2 {
        color: #000; 
	font-family: 'trebuchet ms', arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        margin: 10px 10px 10px 0px; 
        padding: 0; 
        text-align: left; 
}
#left{
	float: left;
	margin: 0 auto;
        padding: 0px 0px 0px 0px; 
	width: 180px;
}
#right {
	float: right;
	margin: 0 auto;
        padding: 0px 0px 0px 0px; 
	width: 180px;
}

/* ---------- Plugins ---------- */
#democracy {
        color: #000;
	font-family: 'trebuchet ms', arial, sans-serif;
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        padding: 0; 
        text-align: left; 
        margin: 0px 0px 0px 0px; 
}
#democracy a {    
        color: #000; 
	font-family: 'trebuchet ms', arial, sans-serif;
        font-size: 10px;
        font-weight: bold;
        text-decoration: none;
        margin: 0px 0px 0px 0px; 
        padding: 0; 
        text-align: left; 
}
#democracy a:hover {
        color: #000; 
	font-family: 'trebuchet ms', arial, sans-serif;
        font-size: 10px;
        font-weight: bold;
        text-decoration: none;
        margin: 0px 0px 0px 0px; 
        padding: 0; 
        text-align: left; 
}

#democracy ul {
        color: #333;
        margin: 10px 10px 10px 10px; 
}
#democracy p {
        color: #333;
}

/* ---------- content ---------- */
#content {      
	text-align: left;
	overflow: hidden;
        background-color: #fff;  
        border-right: 2px solid #666;
        border-left: 2px solid #666;
}
h1 {
        color: #000;
	font-family: 'trebuchet ms', arial, sans-serif;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
        margin: 0px 0px 0px 0px; 
        padding: 0; 
        text-align: left; 
}
h2 {
        color: #000;
	font-family: 'trebuchet ms', arial, sans-serif;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
        margin: 0px 0px 0px 10px; 
        padding: 0; 
        text-align: left; 
}
h3 {
        color: #000;
	font-family: 'trebuchet ms', arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        margin: 0px 0px 0px 10px; 
        padding: 0; 
        text-align: left; 
}
p {
        color: #000;
	font-family: 'trebuchet ms', arial, sans-serif;
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        margin: 10px 0px 0px 10px; 
        padding: 0; 
        text-align: left; 
}
a {
        color: #333; 
        font-family: Arial,Verdana, sans-serif;
        font-weight: bold;
        text-decoration: underline;
}
a:hover {
        color: #cc0000; 
        font-family: Arial,Verdana, sans-serif;
        font-weight: bold;
        text-decoration: underline;
}
.post {
        border-bottom: 2px solid #666;
        margin: 10px 10px 10px 10px;   
}
.postmetadata {
	font-family: 'trebuchet ms', arial, sans-serif;
        font-size: 10px;
}
.entry {
        font-size: 12px;
}
.cauthor{
        color: #000;
	font-family: 'trebuchet ms', arial, sans-serif;
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        margin: 0px 0px 0px 10px; 
        padding: 0; 
}
img {
        border: 0px;
}
blockquote {
        background-color: #ebeeef;
        color: #000;
	font-family: 'trebuchet ms', arial, sans-serif;
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        margin: 20px 20px 20px 20px; 
        padding: 0; 
        border: 1px solid #666;
}
ul {
	font-family: 'trebuchet ms', arial, sans-serif;
        font-size: 12px;
        margin: 10px 10px 10px 10px; 
        padding: 0;
	text-align: left;
}
li {
	font-family: 'trebuchet ms', arial, sans-serif;
        font-size: 12px;
        padding: 0;
        margin: 10px 10px 10px 10px; 
	text-align: left;
}
/* ---------- comments ---------- */
cite {
        color: #000;
	font-family: 'trebuchet ms', arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        margin: 0px 0px 0px 10px; 
        padding: 0; 
        text-align: left; 
}
.commentlist {
	font-family: 'trebuchet ms', arial, sans-serif;
        margin: 20px 20px 20px 20px; 
        padding: 0;

}
.commentlist li {
	font-family: 'trebuchet ms', arial, sans-serif;
        font-size: 12px;
        margin: 20px 20px 20px 20px; 
        padding: 0;

}
/* ---------- Bottom container ---------- */
#bottomcontainer {       
        background-color: #e7e7e7; 
	text-align: left;
	overflow: hidden;
        margin: 0px 0px 0px 0px;  
        border-top: 2px solid #666;
        border-right: 2px solid #666;
        border-left: 2px solid #666;
}
#bottomcontainer a {
        color: #666; 
	font-family: 'trebuchet ms', arial, sans-serif;
        font-size: 10px;
        font-weight: bold;
        text-decoration: none;
        margin: 10px 0px 0px 10px; 
        padding: 0; 
        text-align: left; 
}
#bottomcontainer a:hover {
        color: #cc0000; 
	font-family: 'trebuchet ms', arial, sans-serif;
        font-size: 10px;
        font-weight: bold;
        text-decoration: none;
        margin: 10px 0px 0px 10px; 
        padding: 0; 
        text-align: left; 
}
#bottomcontainer ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
}
#bottomcontainer li {
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #666;
}
#bottomcontainer li ul li {
        padding: 0px 0 0 10px;
}


#bottomcontainer li ul {
        padding: 0 0 0 0;
        margin: 0;
        border-top: 1px solid  #666;
}
#bottomcontainer h2 {
        color: #000; 
	font-family: 'trebuchet ms', arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        margin: 0px 0px 0px 0px; 
        padding: 0; 
        text-align: left; 
}
/* ---------- Footer ---------- */
#footer {
        margin: 10px 0px 10px 0px; 
	padding: 0;        
	text-align: center;
	overflow: hidden;
        color: #000; 
	font-family: 'trebuchet ms', arial, sans-serif;
        font-size: 10px;
        font-weight: normal;
        text-decoration: none;
}
#footer a {
        color: #333; 
	font-family: 'trebuchet ms', arial, sans-serif;
        font-size: 10px;
        font-weight: bold;
        text-decoration: none;
}
#footer a:hover {
        color: #cc0000; 
	font-family: 'trebuchet ms', arial, sans-serif;
        font-size: 10px;
        font-weight: bold;
        text-decoration: none;
}