/*
Theme Name: Insight Emotional Intelligence
Theme URI: http://www.artemis.io/
Description: Custom theme by Kate Harding of <a href="http://www.artemis.io">Artemis</a>.
Version: 1.0
Author: Kate Harding
Author URI: http://www.artemis.io
Tags: 

	Insight Emotional Intelligence custom theme

	This theme was designed and built by Kate Harding,
	whose site you will find at http://www.artemis.io

*/


/* COLOURS AND BRANDING */
body {background-color: #ffffff; color: #534c43; font-family: Verdana, Geneva, Tahoma, sans-serif;} 
a {color: #41547b; text-decoration: none;}
a:hover {text-decoration: underline;}
a:visited {}
#maincontent a {font-weight: bold;}
#maincontent h1 a,#maincontent h2 a, #maincontent h4 a  {font-weight: normal;}
#container {background-color: #ffffff;}
#sidebar {background-color: #ddd8d3; border-top: 4px solid #ffffff;}
#branding {height: 207px; background: #dfe5ed url(images/headerbg.png) no-repeat 0 0;}
#logo {font-family: Century Gothic, Apple Gothic, sans-serif; margin: 0; padding: 0; font-size: 2.5em; line-height: 1em; width: 206px; height: 155px; overflow: hidden;}
#logo em {font-size: 0.75em; display: block; padding-top: 0.15em; font-style: normal;}
#logo a {display: block; background: #958879 url(images/headerbg.png) no-repeat 0 0; padding: 10px 0 0 15px; width: 206px; height: 155px; color: #e8e5e2; text-decoration: none; }
#strap {font-family: Century Gothic, Apple Gothic, sans-serif; margin: 0; padding: 5px 0 0 10px; font-size: 1em; line-height: 1.25em; color: #506490; font-weight: bold; font-style: italic; height: 52px; overflow: hidden;}
#topnav {background-color: #bab2a8;}
#menu {background-color: #370d07;}
#menu a:hover, #menu .current_page_item  a {color: #ffffff;}
#menu .current_page_item li a {color: #ecb2aa;}
#copyright {background: #ddd8d3 url(images/cornerbottomright.gif) no-repeat bottom right; color: #9d9791;}
#copyright a {color: #9d9791;}

/* BASIC STYLES */
body {margin: 0px; padding: 0px 0px 20px 0px; font-family: verdana, myriad, arial, helvetica, sans-serif;}
#maincontent p, #maincontent li {font-size: 0.8em;}
#maincontent li p, #maincontent li h3 {font-size: 1em;}
p, li, label, td, th {}
input, select {}
textarea {width: 525px; padding: 2px 5px; font-family: verdana, myriad, arial, helvetica, sans-serif;}
p textarea {}
p input, p label, li li {font-size: 1em;}
img {border: 0px;}
p {margin: 1em 0; line-height: 1.4em;}
h3, #maincontent li {line-height: 1.4em;}
h1, h2 {color: #41547b;}
h1 {margin: 0;  padding: 0; font-size: 1.3em; font-weight: normal;}
h2 {margin: 1em 0 0 0; font-size: 1.1em; font-weight: normal;}
h3 {margin: 1.25em 0 0 0; font-size: 0.8em; clear: both;}
form {padding: 0; margin: 0;}
img, a img {border: 0;}
.flink {float: right; margin-bottom: 0;}

/*ACCESSIBILITY*/
#shortcuts {display: block; position: absolute; top: -100px; z-index: 0} 
#shortcuts a {padding: 0 0.5em; left: 0; z-index: 0}
#shortcuts a:focus, #shortcuts a:active {display: inline; z-index: 2; background-color: #ffff00; color: #000000; text-decoration: none; position: absolute; top: 100px;}

/* STRUCTURE */
#container {width: 798px; margin: 0 auto 20px auto; background: #ffffff url(images/bg.gif) repeat-y 0 0;}
#topnav {height: 2em; border-top: 4px solid #ffffff;}
#sidebar {float: left; width: 205px; margin: 0; padding: 0;}
#maincontent {float: right; width: 570px; margin: 0; padding: 20px 0px 10px 0px;}
#homecontent #maincontent {float: none; width: auto; background-color: #ffffff;}
#homecontent #maincontent h2 {margin-top: 0;}

/*MENUS*/
#mainmenu {font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: bold; background-color: #5b77a4; width: 579px; height: 2em; margin: 0; padding: 0 0 0 10px; list-style: none; float: left; border-left: 4px solid #ffffff;}
#mainmenu li {margin: 0; display: inline; padding: 0 25px 0 0px; line-height: 2em;}
#mainmenu a {color: #ffffff; font-size: 0.95em;}
.blog #mainmenu {width: 788px; border-left: none;}

#submenu {margin: 0; padding: 0px 0 0 15px; list-style: none; font-family: Arial, Helvetica Neue, Helvetica, sans-serif;}
#submenu ul {margin: 0; padding: 0 0 0 15px; list-style: none;}
#submenu ul ul {padding: 0 0 0 10px;}
#submenu li {margin: 0; padding: 10px 0 0 0; font-size: 1.2em; line-height: 1.5em;}
#submenu ul li {font-weight: bold; padding: 0; font-size: 0.70em;}
#submenu ul ul li {font-size: 1em;}
#submenu a {color: #70665a;}
#submenu ul a {color: #41547b;}

/* SEARCH FORM */
#topnav #search_form {float: left;}
#sidebar #search_form {border-bottom: 4px solid #ffffff; padding-bottom: 5px; background-color: #bab2a8;}
#search_form {width: 205px;}
#search_form .search_input {width: 187px; margin: 0.3em 0 0 4px; padding: 0.25em; color: #6b655f; background: #f2f2f2; font-family: Verdana, Geneva, sans-serif; font-size: 0.75em; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee;}
#search_form .search_input:focus {background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc;}

/*---:[ search widget ]:---*/

#search {padding: 1px 0; border: 1px dotted #ddd; border-width: 1px 0; text-align: right; }
#search #s {width: 184px; padding: 2px; color: #333; background: #f2f2f2; font: normal 0.91667em Verdana, sans-serif; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; text-align: left; }
#search #s:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }
#search input[type="submit"] {margin: 0.25em 0 0 0; padding: 2px 3px; color: #333; font: bold 1.0em Georgia, "Times New Roman", Times, serif; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; cursor: pointer; }
#search input[type="submit"]:hover { color: #237fa1; }


/*HOMEPAGE*/
#intro{float: left; width: 500px;}
#latestposts {float: right; width: 250px; margin: 0; padding: 10px 10px; background-color: #edeae7;}
#latestposts h2 {margin: 0; color: #534c43;}
#latestposts ul {margin: 0; padding: 0; list-style: none;}
#latestposts li {margin: 0 0px 0 0; padding: 0.75em 0 0 0;}
#latestposts li h3, #latestposts li p {margin: 0;}
#homepageteasers ul {clear: both; list-style: none; margin: 0; padding: 1em 0 0 0;}
#homepageteasers li {margin: 0; padding: 0;}
#homepageteasers .teaser {width: 390px; background-color: #ddd8d3; background-position: right bottom; background-repeat: no-repeat;}
#homepageteasers .first {float: left; background-image: url(images/teaserbgorg.png);}
#homepageteasers .second {float: right; background-image: url(images/teaserbgind.png);}
#homepageteasers h2 {margin: 0; padding: 0;}
#homepageteasers h2 a {display: block; height: 166px; text-decoration: none; font-family: arial, helvetica, sans-serif; background-position: 0 0; background-repeat: no-repeat; font-size: 1.75em; line-height: 1.25em; padding: 0px 145px 0 15px;}
#homepageteasers h2 a strong {display: block; color: #e8e5e2; font-weight: normal; line-height: 50px; padding: 0 0 11px 0;}
#homepageteasers .first h2 a {background-image: url(images/teaserbgorg.png); color: #5d574f;}
#homepageteasers .second h2 a {background-image: url(images/teaserbgind.png); color: #30486c;}
#homepageteasers p {margin: 1em 15px 0 15px;}
#homepageteasers ul ul {margin: 1em 15px; padding: 0;}
#homepageteasers li li {margin: 0; padding: 0; font-size: 1em;}
#homepageteasers li li a {color: #5d574f;}
#clear {display: block; clear: both; height: 1em; overflow: hidden;}
/*#latestposts {clear: both; margin: 0; padding: 20px 0;}*/
/*#latestposts h2 {margin: 0;}*/
/*#latestposts ul {margin: 0; padding: 0; list-style: none;}*/
/*#latestposts li {float: left; width: 230px; margin: 0 20px 0 0; padding: 0;}*/
/*#latestposts li p {margin: 1em 0 0 0; padding: 0;}*/

/*MAIN CONTENT*/

#copyright {clear: both; padding: 0 10px; margin: 0; font-size: 0.7em;}
#copyright {line-height: 32px; text-align: right;}

/* WP GENERATED STYLES */
p img {padding: 0; max-width: 100%;}
img.centered {display: block; margin-left: auto; margin-right: auto;}
.alignright {float: right; margin: 0 0 5px 20px;}
.alignleft {float: left; margin: 0 20px 5px 0;}


/* BLOG AND WIDGET STYLES */
#widgets {list-style: none; margin: 0; padding: 13px 15px 0 15px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif;}
#widgets li {margin: 0; padding: 0 0 0.5em 0;}
#widgets li ul {list-style: none; margin: 0; padding: 0;}
#widgets li li {margin: 0; padding: 0 0 5px 10px; font-size: 0.8em;}
#widgets a {text-decoration: none; color: #41547b; font-weight: bold;}
#widgets a:hover {text-decoration: underline;}
#widgets li.widget {}
#widgets select {font-size: 0.8em; color: #534c43;}
.widgettitle {margin: 0; padding: 0; color: #70665a;}
.navigation {width: 100%; height: 1.5em; line-height: 1.5em; font-size: 0.6em; margin: 0 0 2em 0;}
.commentlist {list-style: none; margin: 0; padding: 0;}
.comment {border-top: 1px solid #e2ddd8; padding: 10px 10px 1px 10px; margin: 0;}
.commentlist .even {background-color: #f9f8f7;}
.comment-author cite {font-style: normal; font-weight: bold;}
.avatar {float: right;}
.commentmetadata {font-size: 0.7em;}
.commentmetadata a {text-decoration: none;}
.commentlist p {font-size: 0.9em; line-height: 1.5em;}
#widgets li#search {padding-top: 10px;}
.hidden {display: none;}

.testimonial {width: 175px; margin: 20px 0px 0 0px; background: #edeae7 url(images/quote.gif) no-repeat left top;}
.testimonial p {margin: 0; padding: 9px 9px 0 9px; font-size: 0.75em; font-style: italic; color: #75695b;}
.testimonial p.att {background: #ddd8d3 url(images/quote.gif) no-repeat right top; font-style: normal; text-align: right; padding: 12px 43px 0 0; min-height: 30px; color: #534c43;}
.widget_stray_quotes .widgettitle {display: none;}

#maincontent .postmetadata {border-width: 1px 0; border-style: solid; border-color: #f1eeeb; color: #666666; font-size: 0.6em; text-align: center; padding: 3px 0; background-color: #f9f8f7; margin-bottom: 2em;}
#maincontent .timestamp {font-size: 0.6em; color: #aaaaaa;}
.post h2 {margin-top: 0;}



/*---:[ default search form styles ]:---*/