/*  

I've adapted this site's theme from MistyLook by Sadish... many thanks!

Theme Name: MistyLook

Theme URI: http://wpthemes.info

Description: A real clean template by <a href="http://wpthemes.info" title="Sadish">Sadish Bala</a>.

Version: 2.0

Author: Sadish

Author URI: http://simpleinside.com

*/



/*

------------------

SITE-WIDE ELEMENTS

------------------

*/



* {	

	padding: 0px; 

	margin:0px;

}



p {	

	margin: 0.7em 0px;

	line-height:1.6em;

}



dl {	

	margin:1em 0px;

}



dt {	

	font-weight:bold;

}



dd {	

	margin:0.5em 1em;

	padding:0;

}



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: 0px 20px; 

	font: 76%/1.6em Verdana, Tahoma, sans-serif; 

	/* I've commented out the text color, which was a bit light. 

	color: #333; */

	text-align: center;

}



a {

    text-decoration:none;

}



a:link {

	color: #265e15;	

}



a:visited {

	color: #265e15;

}



a:hover, a:active {

	color: #333;

	text-decoration:underline;

}



h1, h2, h3, h4, h5, h6 {

	font-family:Georgia, Verdana, Arial, Serif;

}

.highlight {
	background-color:yellow;
}

/*

-------------

ID: CONTAINER 

-------------

*/



#container {

	border: #ddd 1px solid; 

	background: #fff; 

	margin: 0px auto; 

	width: 785px; 	

	position: relative; 

	text-align: left;

}

	

/*

--------------

ID: NAVIGATION

--------------

*/

	

#navigation {

	background: transparent; 

	margin: 20px auto 0px; 

	overflow: hidden; 

	width: 760px; 

	position: relative; 

	text-align: left;

	font-family:Tahoma, Verdana, Arial, Serif;

}



 /*I'm commenting out all html classes, which seem to mess up IE7!

html #navigation {

	height: 1%;

}

*/



#navigation ul li {

	float: left; 

	margin: 0px 5px 0px 0px; 

	list-style-type: none;

}



#navigation ul li a {

	border: #ddd 1px solid; 

	border-bottom:none;

	padding: 0 10px 2px 10px; 

	display: block; 

	background: #ededed; 

	text-decoration: none;

}



#navigation ul li a:hover {

	background: #fafafa;

}



#navigation ul li a:active {

	background: #fafafa;

}



#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: 0px; 

	position: absolute; 

	top: 0px;

}



#navigation ul li.search input#s {

	border: #999 1px solid; 

	font-size: 0.9em; 	

	width: 100px; 

	padding: 2px; 	

	background:#fff;

}



#navigation ul li.search input#searchsubmit {

	border: #999 1px solid; 

	font-size: 0.9em; 

	background: #e6e6e6; 

	margin: 0px 0px 0px 2px; 

	color: #265e15; 

	padding: 2px; 		

}



/*

----------

ID: HEADER

----------

*/



#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 {

	display: block; 	

	text-decoration:none;	

}



#header h2 {

	margin:5px 0 0 10px;

	font-size:1em;

	font-weight:normal;

	font-family:Tahoma, Verdana, Arial, Serif;

	letter-spacing:1px;		

}



/* Added "p" and "p a" styles to duplicate default h1 styles, as explained in index, and adjusted top margin, font-family, and weight to compensate for changing from h1 to p. */

 

#header p

{

	font-family:Georgia, Verdana, Arial, Serif;

	font-size:1.8em;

	font-weight:bold;

	margin:0px 0 0 10px;

	font-variant:small-caps;

	letter-spacing:1px;		

}



#header p a {

	display: block; 	

	text-decoration:none;	

}



/*

------------

ID: FEEDAREA

------------

*/



#feedarea {

	padding:10px 10px 0 0; 

	float: right; 	

	text-align: right;

}



/* I'm commenting out all html classes, which seem to mess up IE7!

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:20px;

}



/*

---------------

ID: HEADERIMAGE

---------------

*/



#headerimage {

	clear: both; 

	background: #fff url(img/misty.jpg) no-repeat 0px 0px;

	/* Reduced bottom margin to 0px to bring up content and sidebar */

	margin: 5px 10px 0px 10px; 

	color: #fff; 

	height: 98px;

}



/* I'm commenting out all html classes, which seem to mess up IE7!

 html #headerimage {

	margin-top: 0px;

}

*/



/*

----------------

ID: CONTENT-MAIN

----------------

*/



#content-main {

	float: left; 

	width: 520px; 

	margin-right: 15px;

}



#content-main ul {

    margin:1em;

    padding:0 1em;

    list-style-image: url(img/bullet.png);

}



/* I'm commenting out all html classes, which seem to mess up IE7!

 html #section-index #content-main {

	margin-right: 20px;

}

*/



/* I'm adding a letter-head class to match the h1 and h2 styles for content-main.*/



#content-main .letter-head {

	color:#660000;
	
	font-family: Georgia, Verdana, Arial, Serif;

	font-size: 24px;

	text-align:center;

	line-height:110%;

}



/*

-----------

ID: CONTENT

-----------

*/



#content {

	margin: 5px 10px 10px 30px; 

	overflow: auto;

}



/* I'm commenting out all html classes, which seem to mess up IE7!

 html #content {

	height: 1%;

}

*/



#content h3 {

	font-size: 1.3em; 

	text-align: center;

	margin: 1em 0px 0px;

}



#content h4 {

	font-size: 1.3em; 

	font-weight: bold;

	margin: 1em 0px 0px;

}



#content h5 {

	font-size: 1em; 

	margin: 1em 0px;

}



#content ol {

    list-style-type:decimal;

    margin:1em;

    padding:0 1em;

}



#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 ul li {
	margin: 3px 0px 0px 0px;
}

/*

-------------------------

POST CLASSES (CONTENT ID) 

-------------------------

*/



#content .post h2 {

	font-size: 1.4em; 

	margin: 1em 0px 0px;	

	letter-spacing:1px;

	font-weight:normal;	

}



/*

--------------------------

ENTRY CLASSES (CONTENT ID) 

--------------------------

*/



#content .entry {

    margin:1em 0;

    padding-right:1em;    

}



#content .entry a {

    border-bottom:#999 1px dashed;

    text-decoration:none;

}



/* I've created these new classes to make opt-ins and testimonials "pop" a bit in the entry class. */

#content .entry .box {

	/* border: #ddd 2px solid; */

        border: #000 2px dashed;

	background-color: #FFFFCC;

	margin: 2px 20px 5px 10px;
	
	padding: 0px 10px 0px 10px;

}



#content .entry .box .testimonial-name {

	text-align: right;

	font-style: italic;

}

#content .red {
	color:#990000;
	font-weight: bold;
}

#content .order a:link, #content .order a:visited, #content .order a:hover, #content .order a:active {
	line-height: 1.2em;
	font-size: 20px;
	font-weight: bold;
	text-decoration: underline;
	color: blue;
}

/*

------------------------------

POST-INFO CLASSES (CONTENT ID) 

------------------------------

*/



#content .post-info {

	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;	

}



/*

---------------------------------

POSTMETADATA CLASSES (CONTENT ID) 

---------------------------------

*/



#content .postmetadata {

	font-size:0.9em;

	color:#999;

	margin:0;

	padding:0;	

}



/*

-----------

ID: SIDEBAR 

-----------

*/



#sidebar {

	float: left; 

	width: 200px;

	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;

	padding:0;

}



/* I've changed top/bottom padding to 2px to tighten up the sidebox spacing. */

li.sidebox {

	border: #ddd 1px solid;
	
	padding:2px 10px;

	background:  url(img/sideheadtop.gif) #ededed no-repeat left top; 

	margin-bottom: 10px; 	

}



/* I'm commenting out all html classes, which seem to mess up IE7!

html li.sidebox {

	padding-bottom: 10px;

}

*/



li.sidebox h2 {

	font-weight: bold; font-size: 1.2em; text-align: left;

}



li.sidebox h3 {

	font-weight: bold; font-size: 1.2em; text-align: left;

}



#sidebar li.sidebox p img {

	float: left; 

	margin: 0px 10px 10px 0px;

}





/*

----------

ID: FOOTER 

----------

*/



#footer {

	clear: both; 	

	background: transparent; 

	margin: 0px auto; 

	overflow: auto; 

	width: 760px; 

	color: #999; 

	text-align: left;

}



/* I'm commenting out all html classes, which seem to mess up IE7!

html #footer {

	height: 1%;

}

*/



#footer p {

	float: left; width: 50%; line-height: 1.2em;

}



#footer p img {

	vertical-align: text-bottom;

}



#footer ul {

	float: right; 

	margin: 1em 0px; 

	width: 50%; 

	text-align: right;

	font-size: 0.9em; 

}



#footer ul li {

	display: inline; 

	margin-left: 5px; 

	list-style-type: none;

}



/*

-------------

ID: COMMENTS 

-------------

*/



#comments {

	margin: 2em 0 0 5px;

}



/*

-----------

ID: RESPOND 

-----------

*/



#respond {

	margin: 2em 0 0 5px;

}



/*

---------------

ID: COMMENTFORM 

---------------

*/



#commentform {

	margin:10px;

	padding:10px;

}



#container .commentlist {

	margin: 0;

	padding: 0;

}



.commentlist li {

	list-style:none;

	margin: 1em 0;

	padding: 0.5em;	

	background:#f5f5f5;

}



.commentlist li.alt {

    background:#fafafa;

}



.commentlist li .cmtinfo {

	font-size:1em;	

	border-bottom: #eee 1px solid;

}



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

}



/*

------------------

WEIRD STUFF AT END 

------------------

*/


/* Original bg #f9f8f4 */
textarea {

	width: 90%;

	padding:5px;

	height: 20em;

	border: 1px solid #ccc;	

	background:#fff;

}


/* Original bg #f9f8f4 */

/*input {

	border:#ccc 1px solid;
	
	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;

}