/*
Theme Name: Dragonfly
Theme URI: http://www.dragonflycounseling.ca
Description: A beautiful WP theme, coded by Stever.
Version: 1.0
Author: Axemedia
Author URI: http://www.axemedia.com
*/

* {margin:0;padding:0}

body {margin: 0;
 	font-family: georgia, times new roman, serif;
	font-size:10pt;
	color: #222;
	background-color:#fff;
	text-align: center;
	height:100%; line-height:1.4em}

p {font-family:verdana, arial, sans-serif}

a:link {color: #025C82;text-decoration: underline}
a:hover {color: #08B0E7}
a:visited { color: #800080}

a img  {border:none}

img  {margin:0;padding:0}

.right {float: right;text-align:right}
.left {float: left;text-align:left}

html, body, #wrapper { height: 100%}
body > #wrapper { height: auto; min-height: 100%}
#container { padding-bottom: 157px}

/* CLEARFIX */
.clearfix:after { content: "."; display: block; 
	height: 0; 
	clear: both;
	visibility: hidden}
.clearfix {display: inline-block}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%}
.clearfix {display: block}
/* End hide from IE-mac */

/* --------- Header styles ----------*/

#header {height:139px;background: url('images/header-bg.gif') repeat-x}
#head {width:860px;margin: 0 auto}
#head p.left, #head p.right {display:block;width:200px;font-weight:bold;color:#666;margin-top:15px}

/* --------- Navbar styles ----------*/

#navigation {background-color:#09B0E7;height:46px;position: relative;z-index: 20;text-align: left;font-family:verdana, arial, sans-serif}

#menu {width:900px;margin:0 auto;z-index: 30}

#nav li a:link {color:#FFF;text-decoration:none}
#nav li a:visited {color:#FFF;text-decoration:none}
#nav li a:hover {color: #FFF;text-decoration:underline}
#nav li a:active {color: #FFF;text-decoration:none}

#nav, #nav ul {padding: 0;margin: 0;list-style: none;z-index: 40;}
#nav a {display: block}
#nav li {float: left;font-size:1.05em}

#nav li.home a {
	height:46px;
	background:url('images/home.gif') no-repeat;
	width:103px;
	padding: 46px 0 0 0;overflow: hidden;height: 0px !important;
}
#nav li.home a:hover {background-position: 0 -46px}

#nav li.stalks a.parent{
	height:46px;
	background:url('images/online-counsel.gif') no-repeat;
	width:230px;
	padding: 46px 0 0 0;overflow: hidden;height: 0px !important;
}
#nav li.stalks a.parent:hover {background-position: 0 -46px}

#nav li.services a.parent{
	height:46px;
	background:url('images/services.gif') no-repeat;
	width:122px;
	padding: 46px 0 0 0;overflow: hidden;height: 0px !important;
}
#nav li.services a.parent:hover {background-position: 0 -46px}

#nav li.blog a{
	height:46px;
	background:url('images/blog.gif') no-repeat;
	width:91px;
	padding: 46px 0 0 0;overflow: hidden;height: 0px !important;
}
#nav li.blog a:hover {background-position: 0 -46px}

#nav li.fees a{
	height:46px;
	background:url('images/fees.gif') no-repeat;
	width:89px;
	padding: 46px 0 0 0;overflow: hidden;height: 0px !important;
}
#nav li.fees a:hover {background-position: 0 -46px}

#nav li.about a.parent{
	height:46px;
	background:url('images/about.gif') no-repeat;
	width:137px;
	padding: 46px 0 0 0;overflow: hidden;height: 0px !important;
}
#nav li.about a.parent:hover {background-position: 0 -46px}

#nav li.contact a{
	height:46px;
	background:url('images/contact.gif') no-repeat;
	width:122px;
	padding: 46px 0 0 0;overflow: hidden;height: 0px !important;
}
#nav li.contact a:hover {background-position: 0 -46px}

#nav li ul {position: absolute;width:15em;left: -999em;padding:0 0 5px 2px;}
#nav li.child a {line-height:1.1em;padding-left:8px;padding-bottom:5px;width:250px;z-index: 50}
#nav ul.sub {line-height:1.2em;margin-top:0;border:1px solid #8DD0FE;width:250px;background-color:#46C4ED}
#nav ul.sub2 {margin:-15px 0 0 250px;border:1px solid #8DD0FE;width:250px;background-color:#46C4ED}
#nav ul.sub3 {margin:-15px 0 0 250px;border:1px solid #8DD0FE;width:250px;background-color:#46C4ED}

#nav li ul ul {margin: -1em 0 0 10em;background-color:#D0EDFE}
#nav, #nav ul {padding: 0;margin: 0;list-style: none; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto}

/* --------- Home Feature styles ----------*/
#feature {background: url('images/therapy-bg.gif') repeat-x bottom left;background-color:#fff;margin:0;padding:0;clear:both}
#home-feature {width:900px;margin:0 auto;padding:20px 0 0 0}
#home-feature h1 {margin:0;font-style:italic;line-height:1.3em;font-size:1.85em;color:#333}
#home-feature h2 {margin:12px 50px 20px 50px;
	font-size:1.15em;line-height:1.3em}
#home-feature h2 span {font-size:0.80em;font-weight:normal}

.boxes {width:840px;margin:0 auto;padding:0}
.therapies {width:380px; float:left; margin:6px 15px 30px 15px;border:1px solid #08B0E7; background-color:#fff}

.therapies h3 {margin:5px 0 0 10px;font-size:1.3em}
.therapies p {margin:5px 10px 10px 10px;text-align:left}

/* --------- Content styles ----------*/
#container {width:900px; margin:0 auto;text-align:left}

.entry {width:605px;float:left;margin:0 10px 10px 10px;padding-bottom:30px}
.entry h1 {font-size:1.85em;margin:40px 0 20px 0;font-style:italic}
.entry h2 {font-size:1.45em;margin:25px 0 10px 0;font-style:italic}
.entry h2.intro {font-size:1.35em;margin:35px 0 20px 0;font-style:italic;text-align:center;line-height:1.2em}
.entry h2.intro span {font-size:0.80em;font-weight:normal}
.entry h3 {font-size:1.35em;margin:18px 0 8px 0;font-style:italic}
.entry h4 {font-size:1.2em;margin:18px 0 8px 0;font-style:italic}
.entry h2 a:link {text-decoration:none}
.entry h2 a:hover {text-decoration:underline}
.entry p {margin:5px 0 8px 0}
.entry p.edit{width:100px;float:right;text-align:right}

.areas {padding:1px 0 35px 0;clear:both}
.entry ul {	list-style:square;margin:0 0 0 20px}
.entry ul li {margin:10px 0 7px 0}
.entry ul li ul {margin:0 0 0 30px}
.entry img.right {margin:5px 0 15px 15px}
.entry img.left {margin:5px 15px 15px 0}

/* --------- Sidebar styles ----------*/
#sidebar {width:200px; float:right;margin:35px 10px 30px 0;padding:0 0 0 20px; text-align: center;border-left:1px solid #BABAB9}
.side {margin:0 0 20px 0}

#sidebar h3 {font-size:1.3em;margin:0px 0 8px 0;text-align:left;font-style:italic}
#sidebar h4 {font-size:1.4em;margin:0 0 30px 0;font-style:italic}
#sidebar p {margin:5px 0 8px 0;text-align:left}

#sidebar ul {text-align:left;list-style:none}
#sidebar li {line-height:1.3em;margin:0 0 5px 0}
#sidebar li.categories {list-style:none}
.side a {display:block}

.side h4.button a { background:url('images/contact-us.gif') top left no-repeat; margin:0 auto 0 auto; height:55px; width:184px; padding:55px 0 0 0; overflow:hidden; height: 0px !important}
.side h4.button a:hover {background-position: 0 -55px}

#feed {width: 200px;padding:10px 0 10px 0;height:50px;}
#feed img {float:left;padding:5px 8px 0 0;margin:0}
#feed .rss {float:right;width:155px}
#feed .rss2 {float:left;width:35px}

/* --------- Footer styles ----------*/
#footer { clear: both; position: relative; z-index: 10; height: 157px; margin-top: -157px;background: url('images/footer-bg.gif') repeat-x;color:#fff}
#pond {width:870px;margin:0 auto; text-align:right;background: url('images/marsh.gif') repeat-x; height: 157px}
#pond p {width:300px;float:right;margin-top:20px}
#pond p a {color:#fff}
#pond p.design {clear:both}
#pond p.design a {color:#666}
#dragonfly {width:300px;float:left;text-align:left}
#dragonfly p, #dragonfly p a {color:#666;text-decoration:none;margin-top:0}
#dragonfly h3 {font-size:1.5em;margin-top:20px;font-style:italic}

/* --------- WP styles ----------*/
#comment-stuff {width:488px;float:left}
#comment-stuff h3 {font-style: italic;margin-top:25px}

.postmeta {font-size:8pt;margin:0;padding:0;color:#666}
.postdate {margin:-15px 0 0 0 ;padding:0;font-size:8pt;color:#666}

#left .entry {margin-top:30px;margin-bottom:25px}
.older-newer {padding:10px 0 10px 0}

.commentlist {font-weight: normal;margin:10px 0 10px 0;}
.commentlist cite{font-weight: normal;font-style: normal;font-family:verdana, arial, sans-serif;font-size: 8pt;color:#666;}
.commentlist cite a {font-weight: bold;font-style: normal;font-size: 8pt;}
.commentlist p {font-weight: normal;text-transform: none;margin:5px 0 5px 0;}

.commentmetadata {font-weight: normal;}

.postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: url('none');}

.alignright { float: right}
.alignleft { float: left}

/* Begin Form Elements */
select {width: 130px;}
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform textarea {width:400px;padding: 2px;}
#commentform #submit {margin: 0;float: left;}
/* End Form Elements */

/* Begin Comments*/
.alt {margin: 0 0 8px 0;background-color:#E5E6E6}
#comment-area {border-left: 3px solid #09b0e7;margin:5px 10px 0 0;padding: 10px}
.commentlist {padding: 0;text-align: justify}
.commentlist li {margin: 15px 0 3px;padding: 5px 10px 3px;list-style: none}
.commentlist p {margin:5px 0 5px 0}
#commentform p {margin: 5px 0}
.nocomments {text-align: center;margin: 0;padding: 0}
.commentmetadata {margin: 0;display: block}
/* End Comments */

/* Begin Various Tags & Classes */
blockquote {margin: 20px 30px 0 10px;padding: 5px 5px 2px 20px;border-left: 5px solid #C5BFA1;background-color:#FBF9EE}
blockquote p {height: 1%}
blockquote cite {margin: 0;display: block}
.center {text-align: center}
hr {display: none}
a img {border: none}
code {font: 1em 'Courier New', Courier, Fixed;}