/*
Theme Name: Sweet 'n Simple Blog
Description: Three column design with navigation bar for Sweet 'n Simple Blog.
Author: Shera
Author URI: http://www.sweetnsimpledesign.com
Version: 1.0


*/

/*general page structure*/
body    
        {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
        background: #ffffff url(images/brownbg.jpg);
	}

#page   {
        margin: 0px auto;
        padding: 0px;
        width: 850px;
        border: 10px solid #edb6af;
        background: #ffffff url(images/mainbg.png);
	}

.leftwrap {
        width: 650px;
        float: left;  
        margin: 0px 0px; 
        border-top: 0px solid #;     
        }

.container {
        font: 1.2em "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
        line-height: 1.3em;
        float: right;
        margin: 0px 0px 0px 0px; 
        padding: 5px;      
	width: 450px;
	text-align: left;
        /*fixes ie double margin bug*/ display: inline;
        }
#header {
	margin: 0px auto;
        padding: 2px 0px;
	height: 214px;
	width: 850px;
        background-image: url("images/snsblogheader.png");
        background-repeat: no-repeat;
	}
a       {
        color: #9c8166;
        text-decoration: none;
        } 

a:hover  {color: #4f3c29;}

h2       {
         color: #d9a29b;
         font: bold 1.2em georgia, "times new roman", serif;  
         background: url("images/pagelabel.png") center;
         background-repeat: no-repeat;
         text-transform: none;
         text-align: middle;
         padding: 5px 20px 10px 40px;
         margin: 0;
        }

h3       {
         font: bold 1.3em "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
         margin: 0px 0px 5px 0px;
         }

a img,:link img,:visited img { border:none }    


/*sidebar*/
#sidebar {
	font: 1.2em "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
        color: #4a3827;
        line-height: 1.3em;
	width: 180px;
        margin-right: 5px;
        padding-left: 5px;
        padding-bottom: 20px;
        border-left: 2px dotted #f4bcb5;
        float: right;
        text-align: left;
        /*fixes ie double margin bug*/ display: inline;
	}

#leftside {
        font: 1.2em "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
        color: #4a3827;
        line-height: 1.3em;
	width: 180px;
        margin-left: 3px;
        margin-right: 5px;
        padding-bottom: 20px;
        border-right: 2px dotted #f4bcb5;
        float: left;
        text-align: left;
        /*fixes ie double margin bug*/ display: inline;
        }

#leftside p, #sidebar p{
	padding: 3px 0px 0px 0px;
	margin: 0px;
	line-height: 17px;
        color: #4a3827;
	}
	
#leftside ul, #sidebar ul {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 3px;
        list-style-type: disc;
        list-style-image: url(images/bullet.gif);
        list-style-position: outside;
        color: #f5beb7;
}

#leftside li, #sidebar li {
        margin: 0px;
	padding: 0px;
        color: #e1a9a2;
}
#leftside ul li, #sidebar ul li {
	margin: 0px;
	padding: 5px 0px 0px 0px;
}
	
#leftside ul li a, #sidebar ul li a {
	color: #84694e;
	text-decoration: none;
}

#leftside ul li a:hover {
	color:#f5beb7; 
}

#sidebar ul li a:hover {
       color: #f5beb7;
}

#leftside ul ul, #sidebar ul ul {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 14px;
        color: #f5beb7;
        list-style-type: disc;
        list-style-image: url(images/bullet.gif);
        list-style-position: outside;
        color: #f5beb7;
}

#leftside ul ul li, #sidebar ul ul li {
	margin: 0px;
}

#leftside ul ul ul, #sidebar ul ul ul {
	margin-top:0; 
        margin-bottom:0;
	padding: 0px 0px 0px 14px;
        color: #f5beb7;
        list-style-type: disc;
        list-style-image: url(images/bullet.gif);
        list-style-position: outside;
        color: #f5beb7;
}

#leftside ul ul ul li, #sidebar ul ul ul li{
	margin: 0px;
}


#leftside ul li#rectangle {
        width: 110px;
        }

/*header menu*/


#menu {
       position: relative;
       top: 0px;
       left: 0px;      
       font: 1.4em "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
       }

#menu ul {margin: 0; padding: 0; 
	list-style-type: none; list-style-image: none; }
#menu li {display: inline; }
#menu ul li a {text-decoration:none;  text-size:12px; margin: 0px;
	padding: 0px 5px 0px 5px; color: #f8f7db; background: #80654a; border: 1px solid #f6beb7;}
#menu ul li a:hover {color: #ffffff;
	background: #f5beb7; }

   
/*post*/
.heading a {
        font: 1.7em georgia, "times new roman", serif;  
        color: #896e53;
        text-decoration: none;
        border-bottom: 0px solid #588
        }  

.heading a:hover {
        color: #483726;
}

.post   {
	margin: 0px 0px 30px 0px;
        background-color: inherit;
        color: #483726;
        padding-bottom: 10px;
        font: 1.2em "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
        line-height: 1.4em;
        border-bottom: 2px solid #f5beb7;
	}

.post ul {
        padding-left: 5px;
        }

.post li {
        padding-left: 5px;
        }

.content {
        margin: 10px 0px;
        }

p.postinfo, p.postmetadata  {
         font-size: 0.8em;
         text-align: center;
         line-height: 0.8em;
         }

p.postmetadata { 
         line-height: 1.2em;
         text-align: left;
         clear: left;
         }

#navigation,#navigation .alignleft a,#navigation .alignright a{
         margin: 0px 0px 70px 0px;
         font: bold 1.1em "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
         }

/*comments*/
.commentlist {
        font: 1em "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
        margin: 10px auto;
        padding: 0px;
        }

.comment, .alt {
        background-color: #f5beb7;
	border: 1px solid #82674c;
        font-size: 1.2em;
	margin: 15px 0px;
	padding: 5px 5px;
	list-style: none;
	}

.alt    {
        background-color: #fff;
        }

#commentform textarea {
        width: 400px;
        background-color: #fff;
        border: 1px solid #80654a;
        margin: 10px 10px;
	padding: 2px;
	}

#commentform #submit {
        background-color: #f6beb7;
	margin: 5px 0px;
        padding: 2px;
	float: left;
	}

#commentform #author, #commentform #email, #commentform #url {
        background-color: #ffffff;
        border: 1px solid black;
        } 

.decoration {
        background-image: url("");
        width: 50px;
        height: 43px;
        border: 0px solid black;
        margin: 10px 0px;
        }

/*footer*/
#footer {
	padding: 0px 0px;
	width:850px;
        background-color:#eae6cc;
        clear: both;
	}

.footmenu {
        height: 20px;
        width: 850px;
        border-top: 0px solid #000000;
        border-bottom: 0px solid #000000;
        }

.footmenu ul {
        margin: 0px;
        padding: 0px;
        }

.footmenu li{
        padding: 0px 0px;
        margin: 0px;
        float: left;
        display: inline;
        height: 100%;
        width: 50%;
        }

.footmenu a {
        display: block;
        text-align: center;
        font: bold 1.5em "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
        color: #000000;
        background-color: #f5beb7;
        }  

.footmenu a:hover,.footmenu a:active {  
        background-color: #ffffff;
        }

/*comments popup page*/
#smallpage {
        margin: 0px auto;
	width: 300px;
        padding: 5px 20px;
        border: 2px solid #000;
        background-color: #fff;
        }

#smallpage textarea {
        width: 200px;
        background-color: #fff;
        border: 1px solid black;
        margin: 10px 0px;
	padding: 2px;
	}

#smallpage #commentform #submit {
        background-color: #fff;
	margin: 5px 0px;
        padding: 2px;
	}

#smallpage #commentform #author, #commentform #email, #commentform #url {
        background-color: #fff;
        border: 1px solid black;
        } 

/*miscellaneous classes*/
#s, #barsubmit {
         margin: 7px 2px;
         width: 90px;
         height: 17px;
         padding: 2px 1px;
         background-color: #fff;
         border: 1px solid #000;
	 }

#barsubmit {
	 margin: 6px 0px;
	 padding: 2px 0px;
         height: 23px;
         width: 26px;
	 }



ul, li, ul li, li ul li, ul ul li, ul ul ul li {
        list-style-type: disc;
        margin: 10px 0px;
        padding: 0px 0px;
        }

ol      {
        margin: 0px 15px;
        padding: 0px 10px;
        }

ol li   {list-style-type: disc}

.alignleft {float: left}

.alignright {float: right;}

.center {text-align: center;}

code {font: 1.1em 'Courier New', Courier, Fixed, monospace;}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select  {width: 130px;}

blockquote {
	margin: 10px 15px;
        border: 1px solid #611305;
        background: #ffffff;
        padding: 0px 7px;
	}

hr      {display: none;}

a img   {
	border: none;
        margin: 1px 0px;
        list-style-type: none;
	}

img     { border: none;
        }


.textwidget {
        margin: 10px 3px;
        }

.fix    {
display: inline;
        }

.watermark {   
        margin: 3px auto;
        width: 800px;
        color: #000000;
        font: 1.2em "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
        border-left: 0px solid #589;
        border-right: 0px solid #589;
        text-align: ;left;
        }