/*
Theme Name: SFAW
Theme URI:
Description: Based on Mistylook by <a href="http://wpthemes.info" title="Sadish">Sadish Bala</a>
Version: 1.0
Author: Cheryl
Author URI: 
*/
* {
        padding: 0; 
        margin:0;
}
p {
        margin: 0.7em 0;
        line-height:1.6em;
}
dl {
        margin:1em 0;
}
dt 
{
        font-weight:bold;
}
dd 
{
        margin:0.5em;
        padding:0;
}
img 
{
        border-top:#ddd 1px solid;
        border-right:#ddd 2px solid;
        border-bottom:#ddd 2px solid;
        border-left:#ddd 1px solid;
        padding:2px;
                margin-right:4px;
}
a img {
        border:0;
}
.clear {
        clear:both;
        height:20px;
}
blockquote 
{
    margin:10px;
    padding-left:10px;
    border-left:#ccc 2px solid;
    color:#666;
}
fieldset 
{
        border:none;
}
body 
{
        background: #f9f8f4;
        margin: 0; 
        font: 76%/1.6em verdana, tahoma, arial,  sans-serif; 
        color: #333; 
        text-align: center;
}
a 
{
    text-decoration:none;
}
a:link, a:visited {
        color: #265e15;    
}
a:hover, a:active {
        border-bottom:#963 1px solid;
}
h1, h2, h3, h4, h5, h6 
{
        font-family:Georgia, Verdana, Arial, Serif;
}

#container {
        border: #ddd 1px solid; 
        background: #fff; 
        margin: 0 auto; 
        width: 780px;   
        position: relative; 
        text-align: left;
}
#navigation {
        background: transparent; 
        margin: 0 20px 20px 20px;
        overflow: hidden; 
        width: 760px; 
        position: relative; 
        text-align: left;
        font-family:Tahoma, Verdana, Arial, Serif;
}
 html #navigation {
        height: 1%;
}
#navigation ul li {
        float: left; 
        margin: 0 5px 0 0; 
        list-style-type: none;
}
#navigation ul li a {
        border: #ddd 1px solid; 
        border-top:none;
        padding: 0 10px 2px 10px; 
        display: block; 
        background: #ededed; 
        text-decoration: none;
}
#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li.current_page_item a {
        background-color:#fff;
        color: #333;    
        border: #ccc 1px solid; 
        border-top:none;
}

#header {
        clear: both; 
        float: left; 
        margin: 10px 5px; 
        width: 450px;
}
#header h1 
{
        font-size:1.8em;
        margin:10px 0 0 10px;
        font-variant:small-caps;
        letter-spacing:1px;    
}
#header h1 a {
        
        text-decoration:none;   
        border:none;
}
#header h2 
{
        margin:5px 0 0 10px;
        font-size:1em;
        font-weight:normal;
        font-family:Tahoma, Verdana, Arial, Serif;
        letter-spacing:1px;             
}
#feedarea {
        padding:10px 10px 0 0; 
        float: right;   
        text-align: right;
}
html #feedarea {
        padding-top: 10px;
}
#feedarea dl dt {
        display: inline; 
        margin-right: 5px; 
        height: 45px;
}
#feedarea dl dd {
        display: inline; 
        margin-right: 5px; 
        height: 45px;
        background:url(img/feed.png) no-repeat left center;
        padding-left:16px;
}
#headerimage {
        clear: both; 
        background: transparent url(img/misty.jpg) no-repeat 0 0;
        margin: 10px; 
        color: #fff; 
        height: 190px;
}
 html #headerimage {
        margin-top: 10;
}
#headerimage h1 
{
        font: 70%/150% 'bitstream vera sans', 'lucida grande', verdana, sans-serif;
        font-size: 3em; /* reduced from 4 due to long blog name - CMM */
        line-height: 1em;
        margin: 0;
        position: relative;
        /* top: 50px;
        left: 15px;
        width: 740px;
        height: 190px;  */
}

#headerimage h1 a
{
        text-indent: 15px;
        /* change to text-indent: -9999px; to draw out the text if you put your blogname into the image,
        use text-indent: 15px; if you want your blogname displayed as text (default) */
        padding-top: 80px; /* remove or comment this when text drawn out */
        color:#99CCFF;
                /* #def; */
        font-style: italic;
        display: block;
        width: 740px;
        /* height: 190px; */
}

#content {
        margin: 10px 10px 10px 30px;    
}
 html #content {
        height: 1%;
}
#content h3 {
        font-size: 1.4em; 
        font-weight:normal;
        margin: 1em 0 0;
        color: #265e15;    
}
#content h4 {
        font-size: 1.1em; 
        margin: 1em 0 0 0;
}
#content h5 {
        font-size: 1.1em; 
        margin: 1em 0;
        color: #265e15;    
}
#content-main ul 
{
    margin: 1em;
    padding:0 1em;
    list-style-image:url(img/bullet.png);
}
#content-main ul.asides 
{
        margin:0;
        padding:2em;
        border-bottom:#ddd 1px dashed;
}
#content ol 
{
    list-style-type:decimal;
    margin:1em;
    padding:0 1em;
}

#content img.right {
	float: right; margin:10px 0 0 10px;
}

#content img.left {
	float: left; 
	margin:0 25px 5px 0px;
}

#content table {
    border-top:#ddd 1px solid;
    border-right:#ddd 2px solid;
    border-bottom:#ddd 2px solid;
    border-left:#ddd 1px solid;
        font-size:0.8em;
}

#content td {
    border-right:#ddd 1px solid;
    border-bottom:#ddd 1px solid;
        padding-right: 2px;
}

#content th {
    border-right:#ddd 1px solid;
    border-bottom:#ddd 1px solid;
        color: #265e15;
        padding-right: 2px;
}

.winner {
        background-color:#FFFF66;
        }
        
#content-main {
        float: left; 
        width: 520px; 
        margin-right: 20px;
}
 html #section-index #content-main {
        margin-right: 20px;
}
#content .post 
{
        padding:0 0 2em 0;
        border-bottom:#ddd 1px dashed;
}
#content p img.right {
        float: right; margin:10px 0 0 10px;
}
#content p img.left {
        float: left; margin:0 10px 10px 0;
}
#content .post h2 
{
        font-size: 1.4em; 
        margin: 1em 0 0;        
        letter-spacing:1px;
        font-weight:normal;     
}
#content .entry 
{
    margin:1em 0;
    padding-right:1em;    
}
#content .commentlist a:link, #content .commentlist a:visited
{
    border-bottom:#963 1px dashed;    
}
#content .commentlist a:hover, #content .commentlist a:active
{
    border-bottom:#963 1px solid;    
}
#content .entry a:link, #content .entry a:visited
{
    border-bottom:#963 1px dashed;    
}
#content .entry a:hover, #content .entry a:active
{
    border-bottom:#963 1px solid;    
}
#content .post-info , #content .postmetadata
{
        font-size:0.9em;
        color:#999;
        margin:0;
        padding:0;      
}
#content .post-info 
{
        background:url(img/underline1.jpg) no-repeat left bottom;
        padding-bottom:12px;    
}
#sidebar {
        float: left; 
        width: 196px;
        font-size:0.9em;
}
#sidebar ul
{
        list-style:none;
        margin:0;
        padding:0;
}
#sidebar ul ul
{
        list-style:none;
        margin:0.5em 0 0 1em;
        list-style:disc;
        padding:0;
}
#sidebar ul ul ul
{
        list-style:disc;
}
li.sidebox {
        padding:10px;
        background: url(img/sideheadtop.gif) #ededed no-repeat left top; 
        margin-bottom: 10px;    
}
html li.sidebox {
        padding-bottom: 10px;
}
li.sidebox h2 {
        font-weight: normal; 
        font-size: 1.6em; 
        text-align: left;
        color: #265e15;    
}
#sidebar li.sidebox p img {
        float: left; 
        margin: 0 10px 10px 0;
}

#footer {
        clear: both;    
        background: transparent; 
        margin: 0 auto; 
        width: 760px;   
        text-align: center;
}
 html #footer {
        height: 1%;
}
#footer p {
        line-height: 1.2em;
}
#comments, #respond{
        margin: 2em 0 0 5px;
}
#commentform 
{
        margin:10px 0;  
        padding:10px;
        background:#f9fcfc;
        border-top: #ddd 1px solid;
        border-bottom: #ddd 1px solid;
}
.commentnum 
{
        font-size:1.5em;
}
#container .commentlist {
        margin: 0;
        padding: 0;     
}
.commentlist li 
{
        list-style:none;
        margin: 1em 0;
        padding: 0.5em; 
        background:#f9fcfc;
        border-top: #eee 1px solid;
        border-bottom: #eee 1px solid;
}
.commentlist li.alt 
{
    background:#f9fcf9;
}
.commentlist li .cmtinfo 
{
        font-size:1em;          
}
.commentlist li cite 
{
        font-style:normal;
        font-weight:bold;
}
.commentlist li .cmtinfo em 
{
        float:right;
        margin:0;
        padding:0;
        font-style:normal;
        font-size:0.9em;
        color:#999;
}
textarea, input.textbox {
        padding:5px;
        border: 1px solid #ccc;         
        padding:3px;
        font:1em Verdana, Arial, Serif;
}
textarea 
{
        height:20em;
        width:90%;
}
textarea:focus, input.textbox:focus 
{
        border: 1px solid #999; 
        background:#fff;
}
.post h4 
{
        font-size:1em;
        font-weight:normal;
        font-family:Verdana, Tahoma, Arial, Serif;
}
.post h4 em
{
        font-style:normal;
        float:right;
        font-weight:normal;
}
#header, #content, #sidebar, #footer, .widget {
    overflow: hidden;
}