/*  
Theme Name: Evernight 
Author: Ricardo De Sousa
Author URI: http://www.ricdes.com/
Theme URI: http://www.ricdes.com/wp-themes/
Description: Wordpress theme based on a oswd.org html template.
Version: 0.5
*/

/* We need this... */

{ 
	padding : 0;
	margin : 0;
	border: none;
} 

body{ 
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	background-color : #808080;
} 

img { 
	border: 0;
} 

/* Main def's start here */

/* Blog Description */ 
.name h2 { 
	padding-top : 30px;
	color : #afd200;
	font-weight : lighter;
	letter-spacing : -1px;
	font-size : 1.4em;
	background-color: #808080;
} 
.name a { 
	text-decoration : none;
	color : #afd200;
} 

/* Main Body */

#wrapper { 
	margin : 0 auto;
	width : 800px;
	background-color: #808080;
	height: 100%;
} 

div.container{
	background-color: white;
}

/* Headerimage */

#header { 
	color : #fcfcfc;
	width : 800px;
	float : left;
	height : 180px;
	background : #fff url(images/header.jpg);
	background-position: top;
	background-repeat: no-repeat;
} 

/* No overflow for the main content */

div.post{
	width: 395px;
}

/* Main content */ 

#leftcolumn { 
	color : #333;
	background : #fff;
	min-height : 650px /*Modern Browsers*/;
	height: 100% /*For IE*/;
	padding-left: 20px;
	width : 398px;
	float : left;
} 
#leftcolumn p { 
	font-size : 1.1em;
	color : #808081;
	padding-right : 5px;
} 
#leftcolumn a { 
	color : #afd200;
	text-decoration : none;
} 

#leftcolumn li {
	margin-left: 25px;
	text-decoration : none;
} 

#leftcolumn a:hover { 
	color : #00537c;
} 

#leftcolumn h2 { 
	padding-bottom : 5px;
	padding-top: 10px;
	font-size : 2em;
	font-weight : lighter;
	color : #afd200;
	letter-spacing : -1px;
} 

#leftcolumn img{
	float: left;
	border: none;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* Pages */

.navigation { 
	float : left;
	padding-left : 5px;
	width : 173px;
	background-color : #c9dddb;
	border-top : 1px solid #6d9ca2;
	border-bottom : 1px solid #6d9ca2;
	clear:both;
} 

.navigation ul { 
	margin : 0;
	padding : 0;
	list-style : none;
} 

.navigation li { 
	list-style : none;
	text-transform : lowercase;
} 

.navigation li a { 
	color : #6d9ca2;
	display : block;
	padding : 0.7em 0.7em 0.7em 1em;
	text-decoration : none;
	font-family : arial;
	font-size : 1.1em;
	padding : 0.4em 0 0.4em 0.5em;
} 

.navigation li a:hover { 
	color : #553;
} 

/* Some widget formatting */

h2.widgettitle{
	padding-top: 15px;
}

div.widgetbox{
	clear:both;
	margin-bottom: 10px;
}

/* Left Sidebar */

#centercolumn { 
	float : left;
	color : #333;
	background-color: #96D127;
	background-image: url(images/gbg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	min-height : 650px /*For Modern Browsers. Edit this to have a higher / lower widgetbar */;
	height: 100% /*Small fix for older IE's */;
	width : 178px;
	display : inline;
	margin-top : -190px;
	margin-bottom: 10px;
}

#centercolumn li{
	font-size: 0.9em;
}

#centercolumn a { 
	text-decoration : none;
	font-size: 1.0em;
} 

#centercolumn h1 { 
	font-size : 1.5em;
	font-weight : lighter;
	text-decoration : none;
	text-align : center;
	background-image : url(images/cchh.jpg);
	padding-top : 10px;
	margin-top: 0;
	background-repeat : no-repeat;
	letter-spacing : -1px;
	color : #e6eb4e;
} 

#centercolumn h2 { 
	font-size : 1.5em;
	font-weight : lighter;
	text-decoration : none;
	text-align : center;
	padding-bottom : 10px;
	padding-top : 10px;
	letter-spacing : -1px;
	color : #358316;
} 

#centercolumn ul{
	margin: 0;
	padding:0;
	list-style: none;
	text-decoration: none;
}

/* All the widgets included on left sidebar are in this div */

div.widgets { 
	width : 158px;
	min-height: 285px;
	height : 100%;	 
	margin-top : 138px !important;/* if you want the widgets box top to be aligned with the header image try it out by changing this value */
	padding: 0px 10px 0px 10px;
	background-color : #8aff42;
	list-style: none;
} 

/* Right sidebar */

#rightcolumn { 
	color : #333;
	background : #fff;
	min-height : 650px /*Modern Browsers*/;
	height: 100% /*For IE*/;
	width : 192px;
	float : right;
	padding-left: 10px;
} 

#rightcolumn p { 
	font-size : 1em;
	color : #808081;
	padding-left : 5px;
	padding-right : 15px;
	text-align : justify;
	padding-bottom : 10px;
} 

#rightcolumn h3 { 
	padding-left : 5px;
	padding-bottom : 10px;
	font-size : 1.6em;
	font-weight : lighter;
	color : #afd200;
	letter-spacing : -2px;
} 

#rightcolumn h2 { 
	padding-left : 0px;
	padding-bottom : 5px;
	padding-top: 15px;
	font-size : 1.6em;
	font-weight : lighter;
	color : #afd200;
	letter-spacing : -1px;
} 

#rightcolumn ul { 
	padding-left : 0;
	margin-left: 0;
} 
#rightcolumn li { 
	list-style: none;
	line-height : 18px;
	background : #fff;
	color : #b4e04a;
} 
#rightcolumn a { 
	text-decoration : none;
	color : #90d93d;
} 

/* Footer at the bottom */

#footer { 
	width : 800px;
	clear : both;
	color : #333;
	background : #fff url(images/footer.jpg);
	height : 60px;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	border-top: 1px solid #AFD200;
} 
#footer a { 
	color : #afd201;
} 
.footerleft { 
	float : left;
	text-align : center;
	padding-left : 80px;
} 
.footerleft p { 
	font-size : 0.8em;
	padding-top : 5px;
	padding-right : 81px;
} 
.footerright { 
	padding-right : 29px;
	float : right;
	text-align : center;
} 
.footerright p { 
	font-size : 0.8em;
	padding-top : 5px;
	padding-left : 31px;
} 

/* If you include a searchbar in the widgets */

#searchform {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
	text-align: center;
	color: #000;
}

input#s{
	margin-bottom: 10px;
}

/* Displaying date nicely */

.date { /* date */
	color : #D8EF68;
	float: left;
	line-height:2.3em;
	margin:0px 10px 5px 0px;
	padding: 0px 5px 5px 0px;
	border-right:1px solid #AFD200;
	border-bottom:1px solid #AFD200;
	font-size:.8em;
	text-align:left;
	position:relative;
	left:0;
}

.date_day {
	display:block;
	font-size:2.5em;
	text-align:left;
	color: #C6EF00;
	font-weight: bold;
}

.date_month {
	display:block;
	font-size:2em;
	text-align:left;
}

.date_year {
	display:block;
	font-size:1.4em;
	line-height:.9em;
}

/* Comments formatting */

textarea#comment{
	width: 390px;
	border: 1px solid black;
	background-color: #E4FFAF;
}
input#submit{
	margin-top: 10px;
	border: 1px solid black;
}