/*  
Theme Name: GenkiTheme
Theme URI: http://ericulous.com/
Description: Clevelus
Version: 1.0
Author: Genkisan
Author URI: http://ericulous.com/
*/

body {
background: #eceae1 url(images/bg.gif) repeat-x;
color: #555;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
line-height: 1.5;
margin: 15px 15px 0 30px;
padding: 0;
}

code {
font:115% monospace;
*font-size:100%;
}

a {
color: #2175BC;
text-decoration: none;
}

a:hover {
color: #FF7400;
}

img {
border: 0;
}

h1, h2, h3 {
font-size: 1.5em;
font-family: "Trebuchet MS", Georgia, Tahoma, serif;
font-weight: normal;
letter-spacing: -1px;
margin: 0;
}

#wrap {
background-color: #ffffff;
border: 1px solid #ccc;
border-right: 2px solid #bbb;
border-bottom: 2px solid #bbb;
float: left;
margin: 0;
padding: 0 0 15px 0;
text-align: left;
width: 99%;
}

#sidetab {
}

#sidetab ul {
list-style-type: none;
margin: 0;
margin-top: 15px;
padding: 0;
}

#sidetab ul li {
border-bottom: 0;
margin-bottom: 0;
padding: 0;
}

#sidetab a {
background: url(images/bg_sidetab.gif) no-repeat;
display: block;
height: 60px;
padding-bottom: 6px;
width: 25px;
}

#sidetab a:link, #navlist a:visited {
color: #555;
text-decoration: none;
}

#sidetab a:hover {
background: url(images/bg_sidetab.gif) no-repeat 0px -70px;
color: #fff;
}

#sidetab .sidetab_alt a {
background: url(images/feed.gif) no-repeat;
height: 25px;
}

#sidetab .sidetab_alt a:hover {
background: url(images/feed.gif) no-repeat 0px -35px;
}

/* Posts */
#contentwrapper{
float: left;
width: 100%;
}

#content {
font-size: 1em;
margin-right: 440px;
overflow:hidden;
padding: 15px 20px 10px 20px;
}

.entrytitle h2 {
font-size: 2.2em;
}

.entrytitle h2 a {
color: #B4C24B;
}

.entrytitle h2 a:hover {
color: #58BBEB;
}

.entrytitle h3 {
color: #999;
font-size: 1.8em;
margin-top: -10px;
}

.entry {
margin-bottom: 3em;
}

.entry blockquote {
color: #666;
margin: 0 30px 20px 30px;
padding: 0 0 0 10px;
border: 2px solid #fff;
border-left: 2px solid #C3D9FF;
}

.entrymeta {
margin-top: 1em;
}

.commentmeta {
background: #fff url(images/comment.gif) no-repeat;
padding-left: 20px;
}

.commentrss {
background: #fff url(images/rss.gif) no-repeat;
margin-left: 30px;
padding-left: 20px;
}

.navigation {
padding-bottom: 20px;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

/* Sidebar */
#sidebar_left {
float: left;
margin-left: -440px;
padding-top: 10px;
width: 200px;
}

#sidebar_right {
float: left;
margin-left: -220px;
padding-top: 27px;
width: 200px;
}

.sidebar {
font-size: 0.85em;
}

.sidebar h2 {
color: #FF7400;
font-size: 1.6em;
margin: 1em 0 0 0;
}

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

.sidebar ul li {
border-bottom: 1px dotted #ddd;
margin-bottom: 0.3em;
padding: 0.3em;
}

.sidebar ul li ul{
color: #CDEB8B;
list-style-type: square;
margin-left: 1.5em;
padding: 0;
border: 0;
}

.sidebar ul li ul li {
border:0;
}

.searchinput {
border: 1px solid #C3D9FF;
padding: 3px;
width: 135px;
}

.searchbutton {
background-color: #CDEB8B;
border: 1px solid #C3D9FF;
margin:0 ;
padding: 2px;
}

#aboutme {
margin-top: 15px;
height: 80px;
}

#aboutme ul li{
border: 0;
}

#aboutme img{
border: 0;
float: left;
padding-right: 15px;
}

#navcontainer {
margin: 0 0 15px 0;
width: 200px;
border-top: 1px dotted #ddd;
}

#navcontainer ul {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
list-style-type: none;
margin-left: 0;
padding-left: 0;
letter-spacing: 3px;
}

#navcontainer ul li {
border-bottom: 0;
margin-bottom: 0;
padding: 0;
}

#navcontainer a {
background: #fff url(images/menu.gif) no-repeat;
border-bottom: 2px solid #eee;
display: block;
height: 20px;
padding: 7px 3px 3px 35px;
width: 160px;
}

#navcontainer a:link, #navlist a:visited {
color: #4096EE;
text-decoration: none;
}

#navcontainer a:hover {
background: url(images/menu.gif) no-repeat 0px -35px;
color: #fff;
}

#logo h3 {
color: #4096EE;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 50px;
font-weight: bold;
letter-spacing: -2px;
line-height: 1;
margin: 0;
}

#logo h3 a{ 
color: #CDEB8B;
}

#logo h3 a:hover {
color: #FF7400;
}

#logo a {
color: #fff;
}

#logo h3 a.logoalt {
color: #4096EE;
}

#logo h3 a.logoalt:hover {
color: #FF7400;
}

/* Comments */
.commentsblock textarea {
width: 35em;
}

.commentsblock input, .commentsblock textarea {
border: 1px solid #d1d1d1;
}

.commentsblock textarea:focus {
background: #eee;
border: 1px solid #a1a1a1;
}

.commentsblock textarea:focus, .commentsblock input:focus {
background: #eee;
border: 1px solid #a1a1a1;
}

ol.commentlist {
color: #666;
list-style-type: none;
margin: 0;
margin-top: 1.5em;
padding: 0;
}

.commentlist li {
margin-bottom: 2em;
padding: 0.5em 1em;
}

.alt1 {
background: #f9f7ed;
border: 1px solid #f9f7ed;
padding: 0.5em;
border-left: 10px solid #CDEB8B;
}

.alt2 {
background: #f9f7ed;
border: 1px solid #f9f7ed;
padding: 0.5em;
border-left: 10px solid #C3D9FF;
}

h3#comments {
font-size: 1.6em;
}

/* Footer */

#footer {
color: #999;
float: right;
margin: 10px 0 0 0;
padding: 0 0 2px 0;
padding-right: 10px;
}



H1 SPAN.subtitle    
  { font-family: verdana,tahoma ;
    font-size:small;            
    font-weight:lighter; }   
    
H4
  { font-family: tahoma,verdana ;
    font-size:x-small;            
    margin-left:0.1em;
    font-weight:bold;            
    text-align:left;
    color:#4580A0; }
                      
H5 
  { font-family: tahoma,verdana ;
    font-size:x-small;                                    
    text-align:right;  
    font-weight:bold; }
           
H5 .title 
  { color:#3570A0; }            
         
H5 .value
  { font-family: verdana,tahoma ;
    font-style:italic;           
    color:#000000; }            
   
H6
  { font-family: tahoma,verdana ;
    font-size:x-small;                                    
    text-align:right;          
    font-weight:lighter; }

H6 .title    
  { color:#3570A0; }          

H6 .value     
  { font-family: arial ;
    font-style:italic;           
    color:#000000; }            
       
TABLE
  { 
    margin:5;
  }

TD.contents
  { font-family: verdana,tahoma;
    background-color:#FFFFFF; 
    font-size:x-small;
  }       

TD 
  { font-family: verdana,tahoma;
    background-color:#F4F4F4; 
    font-size:x-small;
  }       

TH 
  {
    font-family: verdana,tahoma;
    background-color:#D4D4D4; 
    font-size:x-small;
  }       
       
PRE, CODE 
  {
    padding:10px;
    margin:0;
    font-family:"courier new";
    font-size:x-small; }                   
       
.code    
  { background-color:#F4F4F4; }         
         
.warning, .warning TD
  {
	border-color: #FF5555;
	margin: 5px 0px 5px 20px;
	background-color: #FFE4E4;
	color: #FF5555;
	padding: 0.5em;
	font-family: verdana,tahoma;
	font-size: x-small;
	text-align: justify;
	border-left-style: solid;
}
         
.note, .note TD
  { background-color:#F5F9FF;            
	border-color: #506580;
	margin: 5px 0px 5px 20px;
	color: #506580;
	padding: 0.8em;
	font-family: verdana,tahoma;
	font-size: x-small;
	text-align: justify;
	border-left-style: solid;    
 }
      
.tip, .tip TD    
  { background-color:#F5FFF5;
    color:#759545;
 	border-color: #759545;
	margin: 5px 0px 5px 20px;
	color: #759545;
	padding: 0.8em;
	font-family: verdana,tahoma;
	font-size: x-small;
	text-align: justify;
	border-left-style: solid;
}

.title { font-family: tahoma ;  } 
.warning P, 
.warning PRE,
.note P, 
.note PRE,
.tip P, 
.tip PRE,
  { margin:0.3em 0em 0.1em 0em; }

.warning .code { background-color:#FFE4E4;}
.note .code { background-color:#F5F9FF;}
.tip .code { background-color:#F5FFF5;}
                          
P I   
  { font-family: arial ;}
    
A:hover 
 { 
    text-decoration:underline;
    color:#8899CC;    
  }
                                
SPAN.COMMENT            { color: #008800; }
SPAN.STRING             { color: #007777; }
SPAN.CHARACTER          { color: black; }
SPAN.KEYWORD            { color: blue; }
SPAN.PREPROCESSOR       { color: blue; }
SPAN.NUMBER             { color: black; }
SPAN.ACCENT             { color: red; }
   
 .entryH2 {
	font-size: 1.6em;
	color: #B4C24B;
	margin-top: 10px;
	font-weight: bold;
	margin-left: 20px;
	margin-bottom: 5px;
}