/*  
Theme Name: GenkiTheme
Theme URI: http://ericulous.com/
Description: Clean Soothing Fluid 3 Columns
Version: 1.3
Author: Genkisan
Author URI: http://ericulous.com/
*/

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

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;
}

h2 {margin-top: 40px; }

h4 {
font-size: 1.2em;
}

h5 {
font-size: 1.1em;
}

h6 {
font-size: 1em;
}

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

#divStayTopLeft {
left:5px;
position:absolute;
top:15px;
display:none;
}

.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;
}

.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;
line-height: 1em;
margin:0 0 5px 0;
}

.entrytitle h2 a {
color: #B4C24B;
}

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

.entrytitle h3 {
color: #999;
font-size: 1.8em;
line-height: 1em;
margin:0;
}

.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: url(images/comment.gif) no-repeat;
padding-left: 20px;
}

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

.navigation {
padding-bottom: 20px;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

.centered {
display: block;
margin: 0 auto;
}

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

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

.sidebar {
font-size: 0.85em;
}

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

.sidebar a {
color: #0099FF;
font-weight: bold;
}

.sidebar a:hover {
color:#555;
}

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

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

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

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

.search{
float:right;
}

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

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

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

/* for Internet Explorer */
/*\*/
* html #aboutme {
height: 80px;
}
/**/

#aboutme ul li{
background-color: #fff;
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: 1px;
}

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

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

/* for Internet Explorer */
/*\*/
* html #navcontainer a{
height: 20px;
}
/**/

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

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

#logo h3 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 28px;
font-weight: bold;
letter-spacing: -3px;
margin: 0;
}

#logo h3 a{ 
color: #CDEB8B;
}

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

#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 #f9f7ee;
padding: 0.5em;
border-left: 10px solid #CDEB8B;
}

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

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

/* Footer */

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

/* Sitemap */
.ddsg-sitemap ul{
margin: 0;
padding: 0;
}

.ddsg-sitemap ul li {
font-weight: bold;
list-style-type: none;
margin: 0;
padding: 0;
}

.ddsg-sitemap ul li ul{
list-style-type: none;
margin: 15px;
padding-left: 20px;
}

.ddsg-sitemap ul li ul li{
font-weight: normal;
list-style-type: circle;
}


/* myself */
.box { margin-bottom: 20px; padding: 6px; background-color: #F0F0F0;} /* block of text and others   */
.corners { position: relative; overflow: hidden; }
.corners em.tl, .corners em.tr, .corners em.bl, .corners em.br { position: absolute; font-size: 1px; }
.corners-2 em.tl, .corners-2 em.tr, .corners-2 em.bl, .corners-2 em.br { width: 4px; height: 4px; background-image: url(corners/corners-2.png); }
.corners-2 em.tl { left: -2px; top: -2px; } .corners-2 em.tr { right: -2px; top: -2px; } .corners-2 em.bl { left: -2px; bottom: -2px; } .corners-2 em.br { right: -2px; bottom: -2px; }
.corners-3 em.tl, .corners-3 em.tr, .corners-3 em.bl, .corners-3 em.br { width: 6px; height: 6px; background: url(corners/corners-3.png); }
.corners-3 em.tl { left: -3px; top: -3px; } .corners-3 em.tr { right: -3px; top: -3px; } .corners-3 em.bl { left: -3px; bottom: -3px; } .corners-3 em.br { right: -3px; bottom: -3px; }
.corners-4 em.tl, .corners-4 em.tr, .corners-4 em.bl, .corners-4 em.br { width: 8px; height: 8px; background: url(corners/corners-4.png); }
.corners-4 em.tl { left: -4px; top: -4px; } .corners-4 em.tr { right: -4px; top: -4px; } .corners-4 em.bl { left: -4px; bottom: -4px; } .corners-4 em.br { right: -4px; bottom: -4px; }
.corners-5 em.tl, .corners-5 em.tr, .corners-5 em.bl, .corners-5 em.br { width: 10px; height: 10px; background: url(corners/corners-5.png); }
.corners-5 em.tl { left: -5px; top: -5px; } .corners-5 em.tr { right: -5px; top: -5px; } .corners-5 em.bl { left: -5px; bottom: -5px; } .corners-5 em.br { right: -5px; bottom: -5px; }
.corners-6 em.tl, .corners-6 em.tr, .corners-6 em.bl, .corners-6 em.br { width: 12px; height: 12px; background: url(corners/corners-6.png); }
.corners-6 em.tl { left: -6px; top: -6px; } .corners-6 em.tr { right: -6px; top: -6px; } .corners-6 em.bl { left: -6px; bottom: -6px; } .corners-6 em.br { right: -6px; bottom: -6px; }
.corners-7 em.tl, .corners-7 em.tr, .corners-7 em.bl, .corners-7 em.br { width: 14px; height: 14px; background: url(corners/corners-7.png); }
.corners-7 em.tl { left: -7px; top: -7px; } .corners-7 em.tr { right: -7px; top: -7px; } .corners-7 em.bl { left: -7px; bottom: -7px; } .corners-7 em.br { right: -7px; bottom: -7px; }
.corners-8 em.tl, .corners-8 em.tr, .corners-8 em.bl, .corners-8 em.br { width: 16px; height: 16px; background: url(corners/corners-8.png); }
.corners-8 em.tl { left: -8px; top: -8px; } .corners-8 em.tr { right: -8px; top: -8px; } .corners-8 em.bl { left: -8px; bottom: -8px; } .corners-8 em.br { right: -8px; bottom: -8px; }
.corners-9 em.tl, .corners-9 em.tr, .corners-9 em.bl, .corners-9 em.br { width: 18px; height: 18px; background: url(corners/corners-9.png); }
.corners-9 em.tl { left: -9px; top: -9px; } .corners-9 em.tr { right: -9px; top: -9px; } .corners-9 em.bl { left: -9px; bottom: -9px; } .corners-9 em.br { right: -9px; bottom: -9px; }
.corners-10 em.tl, .corners-10 em.tr, .corners-10 em.bl, .corners-10 em.br { width: 20px; height: 20px; background: url(corners/corners-10.png); }
.corners-10 em.tl { left: -10px; top: -10px; } .corners-10 em.tr { right: -10px; top: -10px; } .corners-10 em.bl { left: -10px; bottom: -10px; } .corners-10 em.br { right: -10px; bottom: -10px; }

button.myself_button{  
-moz-border-radius-bottomleft:11px;  
-moz-border-radius-bottomright:11px;  
-moz-border-radius-topleft:11px;  
-moz-border-radius-topright:11px;  
-moz-box-sizing:content-box;  
border-style:solid;  
border-width:1px;  
cursor:pointer;  
font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;  
font-size:11px !important;  
line-height:16px;  
padding:2px 8px;  
text-decoration:none;  
background: #f2f2f2 url(button/button-white-grad.png) repeat-x scroll left top;  
height: 18px;  
}  
button.myself_button:hover { border-color:#666666; color:#000000; }  
button.myself_button:focus { outline-style: none; } 

pre {font-size: 10px;}