﻿/*
Theme Name: Zen In Grey
Theme URI: http://blog.sajithm.com/index.php?p=337
Version: 1.0
Description: 3 Column theme
Author: Sajith M
Author URI: http://blog.sajithm.com/
*/

*
{
        padding: 0px;
        margin: 0px;
}
body
{
        font-size: 0.8em;
        padding: 15px 0px 15px 0px;
        background: #5C6A74 url('images/bg1.gif');
}
body,input ,textarea
{
        color: #3B3B3B;
        border: 1px solid #d6d3d3;
        background-color: #FFFFFF;
        font-family: "georgia", "times new roman", serif;
}
input:hover,textarea:hover
{
        border: 1px solid #939793;
}
input:focus,textarea:focus
{
        background-color: #d6d3d3;
        border: 1px solid #939793;
}
a 
{
        color: #5C6A74;
        text-decoration: none;
}
a:hover 
{
        color: #3B3B3B;
        text-decoration: none;
}
blockquote
{
        color: #5C6A74;
        border: dashed 1px #5C6A74;
        margin: 0.5em 0.5em 0.5em 2em;
        padding: 1.0em 1.0em 1.0em 1.0em;
}

#outer 
{
        width: 96%;
        margin: 0% 2% 0% 2%;
        padding: 5px 5px 5px 5px;
        background-color: #FFFFFF;
}

.left
{
        float: left;
}
.right 
{
        float: right;
}
.clear 
{
        clear: both;
}
.divider 
{
        width: 100%;
        height: 34px;
        background: #FFFFFF url('images/border2.gif') repeat-x top left;
}

#header
{
        width: 100%;
        background: #3B3B3B url('images/bg2.gif') repeat-x top left;
}
#headercontent
{
        padding: 1em 0.5em 1em 0.5em;
}
#headercontent h1 {
        color: #E4E4E4;
        font-size: 1.5em;
        font-weight: bold;
}
#headercontent h1 a {
        color: #E4E4E4;
        text-decoration: none;
}
#headercontent h1 a:hover {
        color: #FFFFFF;
}
#headercontent h2 {
        color: #E4E4E4;
        font-size: 1.2em;
        font-weight: normal;
}
#header form
{
        padding: 1em 0.5em 1em 0.5em;
}
#headerimage {
        width: 100%;
        height: 108px;
        background: #FFFFFF url('images/bannerthoo2.jpg') no-repeat top left;
}
#headermenu
{
        font-size: 1.0em;
        padding: 0.5em 0.0em 0.5em 0.0em;
        background: #3B3B3B url('images/bg2.gif') repeat-x top left;
}
#headermenu ul li
{
        display: inline;
}
#headermenu ul li a
{
        color: #E4E4E4;
        text-decoration: none;
        padding: 1.0em 3.5em 2.0em 0.5em;
}
#headermenu ul li a:hover
{
        color: #FFFFFF;
}

#l_sidebar 
{
        width: 19%;
        float: left;
        background-color: #FFFFFF;
}
#r_sidebar 
{
        width: 20%;
        float: left;
        background-color: #FFFFFF;
}
#l_sidebarwidgeted
{
        margin: 0;
        padding: 0.5em 0.0em 0.5em 0.0em;
        margin-top: -6.5em;
}
#r_sidebarwidgeted
{
        margin: 0;
        padding: 0.5em 0.0em 0.5em 0.0em;
        margin-top: -6.5em;
}
.sidebar
{
        margin: 0.8em;
}
.sidebar h2
{
        color: #5C6A74;
        font-size: 1.2em;
        font-weight: bold;
        margin-top: 5.0em;
}
.sidebar ul
{
        list-style-type: none;
        margin: 0.1em 0.1em 0.1em 2.0em;
}
.sidebar ul li ul
{
        list-style-type: disc;
        margin: 0.1em 0.1em 0.1em 1.0em;
}

#content 
{
        width: 60%;
        float: left;
        border-left: dashed 1px #E4E4E4;
        border-right: dashed 1px #E4E4E4;
        background-color: #FFFFFF;
}
.entry a 
{
        color:#3399FF; 
        text-decoration: none;
}
.entry a:hover 
{
        color:#99CCFF; 
        text-decoration: none;
}
.contentbar
{
        margin: 1em;
}
.contentbar ul, .contentbar ol
{
        margin: 0.1em 0.1em 0.1em 2.0em;
}
.contentbar li
{
        margin: 1.0em 0.1em 0.1em 1.0em;
}
.contenttitle
{
        width: 100%;
}
.contenttitleinfo
{
        float: left;
}
.contenttitledate
{
        width: 44px;
        height: 49px;
        float: right;
        background-image: url('images/date.gif');
}
.contenttitledate1
{
        color: #E4E4E4;
        font-size: 11px;
        font-weight: bold;
        font-variant: small-caps;
        text-align: center;
}
.contenttitledate2
{
        font-size: 11px;
        font-weight: bold;
        font-variant: small-caps;
        margin: 11px 0px 0px 0px;
        text-align: center;
}
.contentarea
{
        clear: both;
        padding: 0.0em 0.0em 1.0em 0.0em;
}
.contentbar h2
{
        color: #5C6A74;
        font-size: 1.2em;
        font-weight: bold;
}
.contentbar h2 a
{
        color: #5C6A74; 
        /* text-decoration: none; */
}
.contentbar h2 a:hover
{
        color: #3B3B3B; 
}
.contentbar h3
{
        margin: 1.5em 0em 0em 0em;
}
.post ul.controls
{
        padding: 0.5em 0.0em 0.5em 0.0em;
}
.post ul.controls li
{
        display: inline;
        font-size: 0.8em;
}
.post ul.controls li a
{
        background-repeat: no-repeat;
        background-position: left;
        padding: 0.0em 1.0em 0.0em 2.0em;
}
.post ul.controls li a.printerfriendly
{
        background-image: url('images/icon-printerfriendly.gif');
}
.post ul.controls li.comments a
{
        background-image: url('images/icon-comments.gif');
}
.post ul.controls li.readmore a
{
        background-image: url('images/icon-more.gif');
}






#commentlist li 
{
        margin-bottom: 1.5em;
        padding-bottom: 1em;
        border-bottom: 1px solid #700000;
}

#commentform 
{
        margin: 1em 0;
        background: #FFFFFF;
        width: 75%;
}

#commentform textarea 
{
        /*background: #f8f7f6;
        border: 1px solid #d6d3d3;*/
        width: 75%;
}
#commentform textarea:hover 
{
        /*background: #FFFFFF;
        border: 1px solid #d6d3d3;*/
}
#commentform textarea:focus 
{
        /*background: #FFFFFF;
        border: 1px solid #939793;*/
}

#commentform #email, #commentform #author, #commentform #url 
{
        font-size: 1.1em;
        /*background: #f8f7f6;
        border: 1px solid #d6d3d3;*/
        width: 75%;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover 
{
        font-size: 1.1em;
        /*background: #FFFFFF;
        border: 1px solid #d6d3d3;*/
        width: 75%;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus 
{
        font-size: 1.1em;
        /*background: #FFFFFF;
        border: 1px solid #939793;*/
        width: 75%;
}
#commentform input
{
        margin-bottom: 3px;
}




#footer
{
        width: 100%;
        color: #FFFFFF;
        font-size: 0.8em;
        margin: 2em 0em 0em 0em;
        background: #3B3B3B url('images/bg2.gif') repeat-x top left;
}
#footer a
{
        color: #cccccc; 
        text-decoration: none;
}
#footer a:hover
{
        color: #FFFFFF;
        text-decoration: none;
}
#footer .left
{
        padding: 1.0em 0.5em 1.0em 0.5em;
}
#footer .right
{
        padding: 1.0em 0.5em 1.0em 0.5em;
}

.widget_categories
{
 font-weight:bold;
}

.widget_categories .children
{
 font-weight:normal;
}
.entry p {
padding-bottom: 1.0em;
}