/*  
Theme Name: MistyLook
Theme URI: http://wpthemes.info
Description: A real clean WordPress Theme by <a href="http://wpthemes.info" title="Sadish">Sadish Bala</a> , influenced by <a href="http://reorganize.ca" target="_blank">ReOrganize</a>. Support is available at <a href="http://forums.wpthemes.info/" title="Forums">Forums</a>.
Version: 3.6.1
Author: Sadish
Author URI: http://simpleinside.com
*/
* {
	padding: 0; 
	margin:0;
}
p {
	margin: 0.7em 0;
	line-height:1.8em;
}
dl {
	margin:1em 0;
}
dt 
{
	font-weight:bold;
}
dd 
{
	margin:0.5em;
	padding:0;
}
img 
{
	background:url(img/shadow.gif) no-repeat right bottom;
	padding:4px 10px 10px 4px;	
	border:0;
	border-top:#eee 1px solid;
	border-left:#eee 1px solid;	
}
img.right {
	float: right;
	margin:10px 0 0 10px;		
}
img.left {
	float: left; 
	margin:0 10px 10px 0;	
}
a:link img,
a:visited img,
a:hover img,
a:active img {
	border:none;
	background:none;
	padding:none;
	background:url(img/shadow.gif) no-repeat right bottom;
	padding:4px 10px 10px 4px;	
	border-top:#eee 1px solid;
	border-left:#eee 1px solid;		
}
img.wp-smiley, #wpstats, img.noborder, a img.noborder {
	background: none;
	border: 0;
	padding: 0;
}
.clear {
	clear:both;
	height:20px;
}
blockquote
{
	color:#666;
	margin: 1em;
	padding: 0 0 10px 50px;
	background: url(img/blockquote.gif) no-repeat left top;	
}

/*change color from 666 to EEEEEE, and back */

fieldset 
{
	border:0;
}
body 
{
	background: #FFFAFA;
	margin: 0; 
	font: 76%/1.6em verdana, tahoma, arial,  sans-serif; 
	color: #333; 
	text-align: center;
}
/* try and change background color from fofofo white to b3c879 darker green to 3BE32E brighter green  to this A7F7A1 to new green D9F2CC, dark burgundy is 4D0000 and off white is F2F2F2, now try yellow FFFFB3, now to more red 660000, really barely off white FFFAFA*/
a 
{
    text-decoration:none;
}
a:link, a:visited {
	color: #734D26;	
}

/* change 265e15 to 963 then to B47A21 to 734D26 */ 


a:hover, a:active {
	border-bottom:#734D26 1px solid;
}
h1, h2, h3, h4, h5, h6 
{
	font-family:Georgia, Verdana, Arial, Serif;
}

#container {
	border: #ccc 1px solid; 
	background: #fff; 
	margin: 0 auto; 
	width: 720px; 	
	position: relative; 
	text-align: left;
}
/* change from 780 width to 720 */

#navigation {
	background: transparent; 
	margin: 20px auto 0; 
	overflow: hidden; 
	width: 700px; 
	position: relative; 
	text-align: left;
	font-family: Trebuchet MS,Tahoma, Verdana, Arial, Serif;
}

/* change 760 to 700 */

 html #navigation {
	height: 1%;
}
#navigation ul li {
	float: left; 
	margin: 0 5px 0 0; 
	list-style-type: none;
}
#navigation ul li a {
	border: #ccc 1px solid; 
	border-bottom:none;
	padding: 2px 12px; 
	display: block; 
	font-weight:bold;
	color:#333;		
	text-decoration: none;
	background:#dedede;
	letter-spacing:0px;
}
#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li.current_page_item a {
	background: #fff;
	color: #333;	
	border: #ccc 1px solid; 
	border-bottom:none;		
}
#navigation ul li.search {
	font-size: 0.9em; 
	right: 0; 
	position: absolute; 
	top: 0;
}
#navigation ul li.search input#searchsubmit {
	border: #999 1px solid; 
	font-size: 0.9em; 
	background: #ddd; 
	margin: 0 0 0 2px; 
	color: #265e15; 
	padding: 2px; 		
}
#header {
	clear: both; 
	float: left; 
	margin: 5px 5px; 
	width: 450px;
}

/change margin from 10 px 5 px to 5 and 5 */

#header h1 
{
	font-size:1.8em;
	margin:10px 0 0 10px;
	font-variant:small-caps;
	letter-spacing:0px;
	font-weight:normal;
}
#header h1 a {
	
	text-decoration:none;	
	border:0;
}
#header h1 a:hover,
#header h1 a:active {
	border-bottom:#734D26 1px solid;
}
#header #desc 
{
	margin:5px 0 0 10px;
	font-size:1em;
	font-weight:normal;
	font-family:Tahoma, Verdana, Arial, Serif;
	letter-spacing:0px;	
}


#headerimage {
	clear: both; 
	background: #fff url(img/misty.jpg) no-repeat 0 0 top;
	margin: 10px; 
       	color: #fff; 	
	height: 280px;
}

/*change margin from 10 to 0 change center to top*/







/*header image height changed from 200 to 360 */

 html #headerimage {
	margin-top: 0;
}
#content {
	margin: 0 0px 0 10px;
}
*/changed content left margin to 10, change right to 30 to 0 */


 html #content {
	height: 1%;
}
#content h4 {
	font-size: 1.1em; 
	margin: 1em 0 0 0;
}
#content h5 {
	font-size: 1em; 
	margin: 1em 0;
}
#content-main ul 
{
    margin:0 1em;
    padding:0 1em;
    list-style-image:url(img/bullet.png);
}



#content ol 
{
    list-style-type:decimal;
    margin:1em;
    padding-left:2em;
}
#content-main {
	float: left; 
	width: 520px; 
	margin-right: 5px;
}

/* delete margin-right: from 20px to 5 px */

 html #section-index #content-main {
	margin-right: 20px;
}
#content .post 
{
	clear:both;
	padding:0 0 20px 20px;
	border:#D9F2CC 4px solid;
        margin-bottom: 20px;

}
/* change border-bottom:#dcc 1px dashed; to border:#dcc 3px solid; 
add padding on the left, or the first one to 4. Changed padding left 0 to 5.  padding was 0 0 2em 0; changed to 0 0 20px 20px !!! added margin-bottom:  Change padding to 0 0 0 0 was 0 0 20px 20 px, change boarder from 3 to 4 px */

#content h2,
#content h3 
{
	font-size: 2.3em; 
	margin: 10px 0 0;	
	font-weight:normal;
        line-height:1.4em;	
	letter-spacing:2px;
}

/* change from 1.5em to 2.5 em, change margin 1em o o to 0 0 0, try 10 px top, add font color */

#content .entry 
{
    margin:1em 0 5 5;
    padding-right:1em;    
}

/* try and ad 5 5 to end of margin: */

#content .entry a:link, #content .entry a:visited
{
    border-bottom:#734D26 1px dashed;    
}
#content .entry a:hover, #content .entry a:active
{
    border-bottom:#734D26 1px solid;    
}
#content .entry li 
{
	margin:0 0 0.3em 0;
	padding:0;
	line-height:1.6em;
}
#content .post-info , #content .postmetadata
{
	clear:both;
	font-size:0.9em;
	color:#999;
	margin:0;
	padding:0;	
}
#content .post-info, 
#content h2.pagetitle 
{
	background:url(img/underline1.jpg) no-repeat left bottom;
	padding-bottom:15px;	
}

.postnav {
	display: block;
	margin: 10px 0 60px;
	
}
.alignleft 
{
	float:left;
	text-align:left;	
}
.alignright
{
	float:right;
	text-align:right;	
}



/* Sidebar */



#sidebar {
	float: left; 
	width: 150px;
	font-size:0.9em;

}
/* change width from 200 to 217 to 150, ad 20px margin-right */

#sidebar ul
{
	list-style:none;
	margin:0;
	padding:0;
}
#sidebar li 
{
	margin-bottom:0px;
        padding:0;
}
/* try delete margin-bottom 8px; add padding 0 code*/

#sidebar ul ul
{
	list-style:none;
	margin:0.5em 0 0 1em;
}

/* try changing margin.  first top margin from .5em to 0 */

#sidebar ul ul ul
{
	margin:0 0 0 1em;
        padding:0;
}
/* try deleting bottom margin 1em to 0, change back, ad padding0 */


#sidebar li.sidebox {
	padding:1px 5px;
	margin:0 0 0 0;
	 		
}
/* change color from #ededed to f5f3bf, pale yellow, new paler yellow FBRBBA background: #FBFBBA url(img/sideheadtop.gif) no-repeat left top; , change padding 10px to 5px ,, 0 0 1em 0 to all 0 */

#sidebar h2 {
	font-size: 15px; 
	margin: 10px 0 0 0;
}

#sidebar h3 {
	font-size: 15px; 
	margin: 0 0 0 0;
}


/*total experiment try 25 px to see if works ad h2 and h3, cahnge first margin from 1em to 0  */




li#sidelinks ul
{
	list-style:none;
        margin:0;
	padding:0;
        font-size: 0.9em; 
}

/* add font-size, liststyle */

#sidebar li.sidebox p img {
	margin:0;
	padding:3px;
	border:#ccc 1px solid;
	background:none;
}

#footer {
	clear: both; 	
	background: transparent; 
	margin: 0 auto; 
	width: 720px; 	
	text-align: left;
}

/* changed from 760 to 720 */ 

 html #footer {
	height: 1%;
}
#footer p {
	float: left; 
	width: 50%; 
	line-height: 1.2em;
}
#footer p.right {
	float: right; 
	margin: 1em 0; 
	width: 50%; 
	text-align: right;
	font-size: 0.9em; 
	color:#999;
}
#comments, #respond{
	margin: 0;
	padding:1em 0 0 0;
}
#commentform 
{
	margin:10px 0;	
	padding:10px;
	background:#f9fcfc;
	border-top: #ddd 1px solid;
	border-bottom: #ddd 1px solid;
}
.commentnum 
{
	font-size:1.5em;
	font-weight:bold;	
	margin:0 5px 0 0;
}
.nocomments 
{
	text-align:center;
	color:#999;
	font-size:0.9em;
}
#container .commentlist {
	margin: 1em 0;
	padding: 0;		
	border-top: #ddd 1px solid;
}
#container .commentlist li 
{
	list-style:none;

	margin: 0;
	padding: 0.5em 0.5em 2em;	
	background:#fff url(img/shadow_top.gif) repeat-x top;
	border-bottom: #ddd 1px solid;


}
#container .commentlist li.alt 
{

    background:#f9f9f9;    
}
#container .commentlist li.authorcomment 
{

    border:#fc9 1px solid;      
}
#container .commentlist li .cmtinfo 
{
	font-size:1em;			
}
#container .commentlist li cite 
{
	font-style:normal;
	font-weight:bold;
}
#container .commentlist li .cmtinfo em 
{
	float:right;
	margin:0;
	padding:0;
	font-style:normal;
	font-size:0.9em;
	color:#999;
}
#container .commentlist .avatar
{
	float:right;	
}
#content .commentsfeed 
{
	background:url(img/icon_feed.gif) no-repeat left center;
	padding-left:16px;
}
#content .trackback 
{
	background:url(img/link.gif) no-repeat left center;
	padding-left:20px;
}
input.textbox, textarea
{
	border:#ccc 1px solid;
	background:#fff url(img/shadow_top.gif) repeat-x top;
	font:1em Verdana, Arial, Serif;
	padding:2px;
	width:150px;
}
textarea{
	width: 90%;
	padding:10px;
	line-height:2em;
	height: 20em;
}
input.textbox:focus, textarea:focus
{
	background:#fff url(img/shadow_top.gif) repeat-x top;
	border:#999 1px solid;
}
#submit 
{
	padding:3px 5px;
}
.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;

	color:#999;
}

.post h3
{	font-size:3em;
	font-weight:normal;
	font-family:Verdana, Tahoma, Arial, Serif;
}

/*total experiment */

#header, #content, #sidebar, #footer, .widget {
    overflow: hidden;
}