/*  
Theme Name: MistyLook_ModWCKG
Theme URI: http://wpthemes.info
Description: Template by <a href="http://wpthemes.info" title="Sadish">Sadish Bala</a> , influenced by <a href="http://reorganize.ca" target="_blank">ReOrganize</a>; customization for WCKG by <a href="http://growanidea.com" title="Grow An Idea Web Services">Grow An Idea</a>
Version: 1.0.3
Author: Sadish
Author URI: http://simpleinside.com
*/
* {
	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, "lucida grande",  sans-serif; 
	color: #333; 
	text-align: center;
}
a 
{
    text-decoration:none;
}
a:link {
	color: #155E26;	
}
a:visited {
	color: #155E26;
}
a:hover, a:active {
	color: #333;
	text-decoration:underline;
}
h1, h2, h3, h4, h5, h6 
{
	font-family:Georgia, Verdana, Arial, Serif;
}
#container {
	border: #ddd 1px solid; 
/*	background: #fff; */
background: #fff url(img/mistyesque2.jpg) no-repeat 0px 0px;
	margin: 0px auto; 
	width: 780px; 	
	position: relative; 
	text-align: left;
}
#navigation {
	background: transparent; 
	margin: 20px auto 0px; 
	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: 0px 5px 0px 0px; 
	list-style-type: none;
}
#navigation ul li a {
	border: #cba 1px solid; /*swap a86 for ddd*/
	border-bottom:none;
	padding: 0 10px 2px 10px; 
	display: block; 
	background: #efefef;
	background-color:#f6f0e9;
	background-color:#fcf9ef;
/*background-color:#fff;*/
/*	color: #320; */
	/*710*/
	text-decoration: none;
}
#navigation ul li a:hover {
	background: #fafafa;
/*	color: #710;*/
}
#navigation ul li a:active {
	background: #fafafa;
/*	color: #710;*/
}
#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: #155E26; 
	padding: 2px; 		
}
#header {
	clear: both; 
	float: left; 
	margin: 10px 5px; 
	width: 450px;
}
#header h1 
{
	font-size:2.0em;
	line-height:1em;
	margin:2px 0 0 10px;
	font-variant:small-caps;
	letter-spacing:1px;		
}
#header h1 a {
	display: block; 	
	text-decoration:none;	
	color:#420;
	padding:0;
}
#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;
}*/
#adminarea {
	padding:10px 10px 0 0; 
	float: right; 	
	text-align: right;
}
/*html #feedarea {
	padding-top: 10px;
}*/
html #adminarea {
	padding-top: 10px;
}
/*#feedarea dl dt {
	display: inline; 
	margin-right: 5px; 
	height: 45px;
}*/
#adminarea ul li {
	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; 
	position:relative;
/*	background: #fff url(img/misty.jpg) no-repeat 0px 0px;*/

	margin: 10px; 
	color: #fff; 
	height: 76px; /*was orig 200px*/
}
 html #headerimage {
	margin-top: 0px;
}
#content {
	margin: 10px 10px 10px 30px; 
	overflow: auto;
}
 html #content {
	height: 1%;
}
#content h3 {
	font-size: 1.2em; 
	margin: 1em 0px 0px;
}
#content h4 {
	font-size: 1.1em; 
	margin: 1em 0px;
}
#content h5 {
	font-size: 1em; 
	margin: 1em 0px;
}
#content-main ul 
{
    margin:1em;
    padding:0 0.7em;
    list-style-image:url(img/bullet.png);
}
#content ol 
{
    list-style-type:decimal;
    margin:1em;
    padding:0 0.7em;
    margin-left:2em; /*otherwise numbers display cut off at left so get ..8, 9, 0, 1, 2...*/
}
#content-main {
	float: left; 
	width: 520px; 
	margin-right: 20px;
}
 html #section-index #content-main {
	margin-right: 20px;
}
#content .post 
{
	padding:0 0 0.9em 0; /*padding bottom was orig 2em, trying 1em*/
	border-bottom:#ddd 1px dashed;
}
/*edit .right rule to be default and .left can override if class is set
#content p img.right {
	float: right; margin:10px 0 0 10px;
}
*/
#content p img {
	float: right; margin:8px 0 8px 10px;
}
#content dl img, #content ul img, #content ol img {
	float: right; margin:8px 0 8px 10px;
} /*img wasn't floating when in list instead of p so make default rule more general; but that cause other problems so instead add ul,ol,dl rules as for p*/


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

#content p img.right {
	float: right; clear:right; margin:15px 0px 10px 10px;
} /*this not being applied so putting in direct for now*/

#content .post h2 
{
	font-size: 1.4em; 
	margin: 1em 0px 0px;	
	letter-spacing:1px;
	font-weight:normal;
}
#content .entry 
{
    margin:1em 0;
    padding-right:1em;    
}
#content .entry a 
{
    border-bottom:#999 1px dashed;
    text-decoration:none;
}
#content .entry .photos a, #content .entry .cloud a
{
    border-bottom:#999 0px dashed;
}
.post-info , .postmetadata
{
	font-size:0.9em;
	color:#999;
	margin:0;
	padding:0;	
}
#sidebar {
	float: left; 
	width: 200px;
	font-size:1.1em; /*orig 0.9em*/

}

/*	#sidebar a {color:#710;}	*/

#sidebar ul
{
	list-style:none;
	margin:0;
	padding:0;
}
#sidebar ul ul
{
	list-style:none;
	margin:0;
	padding:0;
}



li.sidebox {
	padding:0px 0px 10px 0px;
	background: url(img/sidebox.gif) transparent no-repeat 50% bottom;
	/*bg color orig ededed, changed to e3dccb but if too dark go e7e3d9?*/
	margin-bottom: 10px; 	
}
html li.sidebox {
	padding-bottom: 10px;
}



li.sidebox h2 {
	font-weight: bold; font-size: 1.2em; text-align: left;
	margin:0;
	background: url(img/sideheadtop.gif) transparent no-repeat 50% top;  /*bg color orig ededed*/
	padding:5px 10px 5px 10px;
	border-top: 1px solid #665239;
}

li.sidebox ul li {	margin-left:1em;}

#sidebar li.sidebox p img {
	float: left; margin: 0px 10px 10px 0px;
}

#footer {
	clear: both; 	
	background: transparent; 
	margin: 0px auto; 
	overflow: auto; 
	width: 760px; 
	color: #999; 
	text-align: center;
}
 html #footer {
	height: 1%;
}
#footer p {
	float: left; width:250px; line-height: 1.2em;
}
#footer p img {
	vertical-align: text-bottom;
}
#footer ul {
	float: right; 
	margin: 1em 0px; 
	width: 250px; 
	text-align: right;
	font-size: 0.9em; 
}
#footer ul li {
	display: inline; 
	margin-left: 5px; 
	list-style-type: none;
}
#comments, #respond{
	margin: 2em 0 0 5px;
}
#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;
}
textarea{
	width: 90%;
	padding:5px;
	height: 9em; /*was 20*/
	border: 1px solid #ccc;	
	background:#f9f8f4;
}
input 
{
	background:#f9f8f4;
	border:#ccc 1px solid;
}
.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;
}

/*style for feeds widget*/
.sidebox li.feed {
  background: url(img/feed.png) top left no-repeat;
  padding-left: 18px;
}


#headerimage .descrip {border:1px solid #665239;
	position:absolute; top:0; right:0; width:198px;
	height:75px; /*77 effectively b/c have 1 px border on this & images*/
	margin:0; padding:0; color:#020; background-color:#DCD4C0; text-align:center;
/*	background: url(img/sideheadtopimg2.gif) transparent no-repeat 50% 50%;*/
}


/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {text-align:left; width:auto;}
#flickr_badge_wrapper {padding:0;}
.flickr_badge_image {margin:0px 3px 0px 0px; padding:0px; display:inline; text-align:left;}
.flickr_badge_image img {border: 1px solid #aa8866; !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:none; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#6699CC;}
#flickr_badge_wrapper {background-color:transparent;border: dotted 1px 0px 0px 0px #330000; position:relative;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

#activediscussions {font-size:0.7em; line-height:1.3em;}
#activediscussions strong a {font-size:1.2em; line-height:1.5;}

.linkblockwidget {font-size: 0.85em;}

code {font-size:inherit; color:#222; font-family: "Andale Mono", Courier, serif;}

.linkblockwidget ul li {
	border:1px solid #aa8866;
	margin: 2px 1em 2px 0; padding:0px;
	line-height:1.3em;}

.linkblockwidget ul li a {display:block;
	/*border:1px dashed lime;*/
	margin: 0; padding: 1px 3px; background-color:#e9dfd6; color: #542;}
	
.linkblockwidget ul li span {display:block; padding: 1px 3px; }

p.photoset {
	font-size: 1.4em !important;
	padding: 4px 0px 6px 0px;
	}

div.album {
	
	}

div.album h2 {
    font-family: verdana, tahoma, "lucida grande",  Helvetica, Arial, sans-serif; 
    font-size:1.8em !important;
    margin-top:0px !important;
    }

div.album h2 a {border-bottom:0px !important}

div.album p {
	margin:3px 0px;}
	
#credit {border: 3px double #876;
	float:right; margin: 10px 0px 10px 10px;
/*	float:left; margin: 10px 10px 10px 0px;*/
	padding: 0px;
	width:140px;
	font-size:0.9em;
	text-align:justify;
	}

#credit p {margin:0px 8px; padding:2px 0px; text-align:left; line-height:1.3;}
#credit hr {width:75%; margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom: 6px;}

#credit p.adminauthor {text-align:center; font-weight:bold; color:#654;}
#credit p.adminauthor a {color:#654;}
#credit p.author {font-size:1.5em; text-align:center; font-weight:bold; color:#654;}
.author a {color:#654;}

div.posttitle h2 {
	border:1px solid #aa8866; /*665239;*/
	border-width: 1px 0px;
	background-color:#faf6f0;
/*background: url(img/titlebgimg.gif) transparent 50% top repeat-y;*/
	padding:0px;
	line-height: 1.4em;
	}

div.posttitle h2 a {color: #543; font-weight:bold; padding:6px; margin:0px}

div.ptitle {

	margin:0px;
	}
div.ptitle h1 {
	color: #543; font-weight:bold; padding:8px 3px 6px;
	border:1px solid #aa8866;
	border-width: 1px 0px;
	background-color:#faf6f0;
	}
div.ptitle h1 a {color: #543;}
div.ptitle p {
	color:#322; /*faf6f0 433*/
	background-color:#e9dfcc; /*543 ca8*/
	padding: 0px 3px;
	margin:0;
	line-height: 1.2em;
	border-bottom:1px solid #aa8866;
	}


#adminarea {font-weight:bold;}

#navigation {font-size: 1.2em;}

/*replaced original links green, 265e15, with 155E26 to be less yellow more blue (could still go more blue & darker?*/

/*added class catdescrip to arl_subtraction_archives plugin file for category description p*/
.catdescrip {font-style:italic; color:#555;}


.addsearch form {display:inline; margin-left:20px;}
.addsearch form input {margin:0px 3px;}

table.columns {margin:0px; padding:0px;}
.columns th, .columns td {/*border: 1px dashed grey;*/
	vertical-align:top;
	 margin:0px; padding:0px;}

.columns td ul {/*border: 1px dashed lime;*/
	margin:0px; padding:0px;}
.columns td li {/*border: 1px dashed aqua;*/
	 margin:0px; padding:0px;
	list-style: none none;}
.columns td li a {margin:0px; padding:0px;}

#content ul h4 {font-weight:bold;}

#content-main .entry cite {border: 2px solid #aaa;
	display:block;
	font-style:normal; color:#444;
	margin: 12px;
	padding: 6px 12px;
	}