/*
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:112px;margin-right:1px;
			padding: 46px 0 0 0;overflow: hidden;height: 0px !important; height /**/:45px; /* for IE5/Win only */
		}
#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:260px;margin-right:1px;
			padding: 46px 0 0 0;overflow: hidden;height: 0px !important; height /**/:45px; /* for IE5/Win only */
		}
#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:126px;margin-right:1px;
			padding: 46px 0 0 0;overflow: hidden;height: 0px !important; height /**/:45px; /* for IE5/Win only */
		}
#nav li.services a.parent:hover {background-position: 0 -46px;}

#nav li.fees a{
			height:46px;
			background:url('images/fees.gif') no-repeat;
			width:98px;margin-right:1px;
			padding: 46px 0 0 0;overflow: hidden;height: 0px !important; height /**/:45px; /* for IE5/Win only */
		}
#nav li.fees a:hover {background-position: 0 -46px;}

#nav li.about a.parent{
			height:46px;
			background:url('images/about.gif') no-repeat;
			width:152px;margin-right:1px;
			padding: 46px 0 0 0;overflow: hidden;height: 0px !important; height /**/:45px; /* for IE5/Win only */
		}
#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;margin-right:1px;
			padding: 46px 0 0 0;overflow: hidden;height: 0px !important; height /**/:45px; /* for IE5/Win only */
		}
#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; height /**/:54px; /* for IE5/Win only */ }

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

code {
	font: 1em 'Courier New', Courier, Fixed;
	}

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