/*
Theme Name: chameleon
Theme URI: http://chameleonofficepros.com/blog
Description: Custom designed WordPress 2.5.1 theme 
Version: 09.09.08v1
Author: Pamela Riesmeyer
Author URI: http://www.wingsofmercury.com/
Tags: three columns, liquid width, custom header, widgets, green

This theme was designed specifically for Heidi Danos, using the site at ChameleonOfficePros.com template as a base. Building on the work and knowledge of others - the WordPress default theme, Kubrick v1.5, by Michael Heilemann, http://binarybonsai.com, and the Sandbox theme developed by <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>

*/

/*Start by resetting everything - removing all native browser styles */
/* Eric Meyer reset v1.0 | 20080212 */
/*removed sub, sup,*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* end basic reset */

/*theme specific styles */

/* general styles to return padding and margin stripped above*/
html{
	margin:0;
	padding:0;
}

body  {
	font-size: 62.5%;/* sets 1em to 10px - uses ems in body */
	font-family:Arial, Helvetica, sans-serif; 
	background: #FFF;
	margin: 0 auto; 
	padding: 0;
	text-align: center; 
	color: #333;

}

html, body, #container{
	min-height:100%;
	width:100%;
	height:100%;
}

html>body, html>body #container{
	height:auto;
}

.bodyStyle #container { 
	background: #FFFFFF;
	text-align: left; 
	font-size:1.2em;
	line-height:1.5;
	position:absolute;
	top:0;
	left:0;

}

a {
	/*color: #993300;*/
	color:#732E0C;
	}
	
a:hover {
	color: #5C743D;
	}
/* heading styles */

h1, h2, h3, h4, h5, h6{
	font-weight:normal;
	margin:0;
	padding:0;
}

h1 a, h2 a, h3 a, h4 a, h5 a{
	text-decoration:none;
}

h1{
	font-size: 2em;
	color: #99CC66;
	line-height:2.25;
	letter-spacing:.21em;
	font-weight:bold;
}

h2{
	font-size: 1.7em;
	line-height:1.9;
	letter-spacing:.21em;
	font-weight:bold;
}

h3{
	font-size:1.5em;
	color:#5C7451;
	line-height:1.8;
	font-weight:bold;	
}

h4{
	font-size:1.2em;
	line-height:1.4;
	margin:0 10px;
	font-weight:bold;	
}


h5{
	font-size:1em;
	line-height:1.2;
	margin:0 10px;
}

h6{
	font-size:.9em;
	line-height:1;
	margin:0 10px;
}

/*end headings */

/* common tags */
p{
	margin:0.3em 0 0.5em 0;
	padding:0 0.5em 0.25em 0;
}
ul, ol, dl{
	margin:0 0 0.75em 1em;
	padding:0 1em 0.75em 1em;
}

li, dt{
	margin:0 0 0.5em 1em;
	padding:0 1em 0.5em 0;
}

dd{
	margin:0 0 0.5em 1em;
	padding:0 0.5em 0.5em 0;
}

img{
	margin:0.5em;
	padding:0.5em;
}

blockquote{
	margin:0.5em 1.5em;
	padding:1em;
}

small{
	font-size:.85em;
}

sup, sub {
	font-size:.3em;
}

/* end common tags */


/**********Layout Styles *************/

.bodyStyle #header { 
	background-color: #d5edb3; 
	background-image:url(images/mm_dashed_line.gif);
	background-repeat:repeat-x;
	background-position:99% 99%;
	padding: 0 0 0 30px; 
	height:180px;

} 

div#headerImg{
	width:50%;
	float:left;
	padding:10px 0 0 0;
	text-align:center;
	margin:0 auto;
}
 div#headerImg img{
	 margin:10px 0 0 0;
	 padding:0;
	 
 }

.bodyStyle #header h1 {
	margin: 0;
	padding: 10px 0; 
}

/*legacy styles - do not use em-based styling. pixels required for positioning */
#logo 	{
	font:24px Arial, Helvetica, sans-serif;
	color: #5C743D;
	letter-spacing:.2em;
	line-height:30px;
	float:left;
	width:50%;
	padding-top:50px;
	text-align:center;
}

#tagline 	{	
	font:11px Arial, Helvetica, sans-serif;
	color: #993300;
	letter-spacing:.4em;
	line-height:18px;
	float:left;
	width:50%;
	text-align:center;
}

/* end legacy styles */

/*main layout and general styles for mainContent, sidebars and footer */
.bodyStyle #sidebar1 {
	float: left; 
	width: 152px;
	background: #FFF; 
	padding: 15px 0;
	margin:0;
	background-image:url(images/mm_dashed_line.gif);
	background-repeat:repeat-y;
	background-position:99% top;

}
.bodyStyle #sidebar2 {
	float: right; 
	width: 20em; 
	background-color: #FFF; 
	background-image:url(images/mm_dashed_line.gif);
	background-repeat:repeat-y;
	background-position:left top;
	padding: 0; 
	margin:-1px 0 0 0;
}
.bodyStyle #sidebar1 h3, .bodyStyle #sidebar1 p, .bodyStyle #sidebar2 p, .bodyStyle #sidebar2 h3 {
	margin:0.2em 1em; 
}

.bodyStyle #mainContent {
 	margin: 0 21em 3em 154px; 
	padding: 0 1.5em 0 1.5em; 

} 
.bodyStyle #footer { 
	padding: 0; 
	/*background-color:#99cc66;*/
	background-color:#d5edb3;
	background-image:url(images/mm_dashed_line.gif);
	background-repeat:repeat-x;
	background-position:top left;
	position:absolute;
	bottom:0;
	width:100%;
} 
.bodyStyle #footer p {
	margin: 0; 
	padding: 0.5em; 
	text-align:center;
	font-size:0.8em;
	background-color:transparent;
	background-image:url(images/mm_dashed_line.gif);
	background-repeat:repeat-x;
	background-position:0% 99%;		
	
}
.bodyStyle #footer a:link, .bodyStyle #footer a:visited, .bodyStyle #footer a:hover{
	color:#333;
	text-decoration:none;
}

/* end layout styles */

/* Miscellaneous classes for reuse */
.fltrt {
	float: right;
	margin-left: .8em;
}
.fltlft { 
	float: left;
	margin-right: .8em;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
    overflow:hidden;
}
/* end miscellaneous classes for reuse */

/*Wordpress specific styling */

.post,.entry-title, .entry-date, entry-content, .meta-nav,.meta-sep,.author,.tag-links,.cat-links,.edit-link,.comments-link,.postmetadata,.navigation,.center,#search, #searchform,#rss-links,#meta,#pages,#categories,#archives
{
}


div.post{
	margin-bottom:4.5em;
}

h2.page-title{
	margin-top:0.75em;
}
h2.entry-title{
  margin-top:0.75em;
  line-height:1.2;
}

.entry-meta{
	font-size:.9em;
	margin:2em 0 1em 0.75em;
	line-height:1;
}

.entry-meta p{
	margin:0 0 2px 0;
	padding:0 0 0 0;
	font-size:1em;
}

.entry-meta p.postcomment{
	font-size:1.1em;
	padding:0 0 0 0;
	margin:-5px 0 0 0;
}

.entry-meta a:link, .entry-meta a:visited{
	color:#333;
}

.entry-meta a:hover{
	color:#732E0C;
}

.vcard{
	display:none;
}

h4#respond{
	margin-top:1.5em;
	display:block;
	margin-left:0;
	overflow:hidden;
}

/*widget styles */

#sidebar2 h4.widgettitle{
	font-size:1.4em;
	margin:0 0 0 0.25em;
	padding:0.25em;
	color:#5C7451;
	background-color:#D5EDB3;
	border-top:1px solid #99CC66;
	border-bottom:1px solid #99CC66;
}

#sidebar1 h4.widgettitle{
	font-size:1.4em;
	margin:0 0.35em 0 0;
	padding:0.25em;
	color:#5C7451;
/*	background-color:#D5EDB3;*/
	border-top:1px solid #99CC66;
	border-bottom:1px solid #99CC66;
}



#searchform{
	padding:0 0 1em 0.5em;
}

#searchform div input{
	margin:0 auto 2px auto;
	text-align:center;
	display:block;
}

#searchform div input#s{
	text-align:left;
	margin-bottom:0;
}

div#calendar_wrap{
	margin:0 0 0 0.35em;
	padding:0;
	background-color:#EAF6E1;
	border-top:1px solid #99CC66;
	border-bottom:1px solid #99CC66;
	color:#333;
}
table#wp-calendar{
	margin:1em auto;
	padding:1em 0;
	text-align:center;
}

table#wp-calendar th{
	font-weight:bold;
	font-size:1em;
}
table#wp-calendar td{
	padding:0.35em;
}

table#wp-calendar caption{
	font-size:1.4em;
	color:#5C7451;
	font-weight:bold;
	margin-top:1em;
}

.sidebar ul {
	margin:1em;
	list-style:none;
}


.sidebar ul li{
	font-size:1.2em;
	list-style:none;
	margin-left:0.5em;
}
.sidebar ul li.page_item{
	font-size:1.2em;
	list-style:none;
	margin-left:0.5em;
}

.sidebar ul li a{
	text-decoration:none;
}

#sidebar1 ul{
	list-style:none;
	margin:0 0 0.5em 0.5em;
}

#sidebar1 li{
	list-style:none;
	font-size:1em;
	margin:0 0 0.125em 0.25em;
}

.sidebar ul.xoxo{
	margin-top:1em;
	padding-top:0.5em;
}

/* end widget styles */

/*wordpress 2.5, 2.6 styles added */

aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
   text-align:center;
}

.alignleft, .nav-previous {
   float: left;
}

.alignright, .nav-next {
   float: right;
}


.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px; */
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 0.9em;
   line-height: 1.7em;
   padding: 0 4px 5px;
   margin: 0;
}
div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
	margin-top:0.5em;
margin-bottom:1em;
}

div#nav-below {
margin-top:1.5em;
display:block;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
font-size:0.9em;
}

div.navigation div.nav-next {
float:right;
text-align:right;

}
/*end wordpress 2.5. 2.6 styles added */

/*comment styles */

h3#comments, h4#comments{
	margin-top:2em;
}

.alt{
	background-color:#F8FCF5;
}

div#formDiv form#commentform textarea#comment{
	min-width:300px;
	width:90%;
}

