/*
Theme Name: Healing Winds 2.0
Theme URI: http://www.healingwinds.ca
Description: A theme developed by Rodrigo Flores for Healing Winds Massage & Therapy Centre in Markham, ON
Version: 2.0
Author: Rodrigo Flores
Author URI: http://www.stagecoachdesigns.com/
Tags: width: 968px, white, light purple
*/

/*
	imports
*/

@import url(css/reset.css);


/*
	defaults
*/

body { 
	background: url(img/layout/headline-bg.png) 0 0 repeat-x #D3BCD3; text-align: center; font-size: 1em; 
	font-family: Calibri, Candara, "Lucida Sans", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 { font-weight: lighter !important; }

h1 { font-size: 18px; color: #FFF; display: inline !important; margin-right: 20px;  }

h1 a { color: #FFC; }

h1 a:hover { color: #FF6;}

h2 { font-family: Geneva, Tahoma, "Arial Narrow"; font-size: 30px; color: #532F57; line-height: 1.3em; }

h3 { margin: 0; padding: 0 !important; font-size: 20px; font-family: Geneva, Tahoma, "Arial Narrow", sans-serif; margin-bottom: 14px; color: #7C5B7F; }

h4, h5, h6 { font-size: 18px; font-family: Geneva, Tahoma, "Arial Narrow", sans-serif; margin-bottom: 10px; color: #7C5B7F;  }

a { color: #7C5B7F; padding: auto 0.2em;  }

strong { font-weight: bold !important; }

em { font-style: italic !important; }

/*
	main layout
*/

#wrap { width: 968px; height: auto; margin: 0 auto; }

#headline { 
	height: 50px; line-height: 38px; text-align: right;
}

#header { position: relative; width: 100%; height: 206px; background: url(img/layout/header-bg.jpg) 0 -1px repeat-x; margin-top: -13px; }

#header-left { width: 10px; height: 206px; float: left; background: url(img/layout/header-left.jpg) 0 -1px no-repeat; }
#header-right { width: 10px; height: 206px; float: right; background: url(img/layout/header-right.jpg) 0 -1px no-repeat; }

#healing-winds-logo { position: absolute; top: -50px; left: 20px; z-index: 2; }

#healing-winds-text { position: absolute; top: 45px; right: 60px; }

/*
	top navigation
*/

#topnav { 
	width: 656px; height: 53px; background: url(img/layout/topnav-bg.jpg) 0 0 repeat-x; position: absolute;
	right: 2px; bottom: 0; font-size: 15px;
}

img#topnav-left { position: absolute; top: 0; left: 0; }

img#topnav-right { position: absolute; top: 0; right: -2px; }

#topnav ul { font-family: Geneva, Tahoma, Arial Narrow, sans-serif; height: 53px; text-align: right; padding-right: 15px; margin-top: 2px; white-space: nowrap; }

#topnav ul li { display: inline; height: 53px; line-height: 53px; margin: 0 -3px; padding: 0; white-space: nowrap; float: right;  }

#topnav ul li a { 
	display: inline-block; color: #888; padding: 0 12px !important; height: 55px; margin: 0; white-space: nowrap;
	background: url(img/layout/topnav-bg2.jpg) 0 0 repeat-x; line-height: 55px; position: relative; top: -2px; }

#topnav ul li a:hover { color: #7C5B7F; text-decoration: underline; }


.current_page_item a { 
	padding: 6px 12px !important; color: #532F57 !important;
	text-decoration: none !important; cursor: default;
}

.current_page_item a:hover { 
	padding: 6px 12px !important; color: #532F57 !important;
	text-decoration: none !important; cursor: default; }

#topnav-left-li { float: right; position: relative; }

#topnav-left-li img { position: relative; top: -2px; }


/*
	main content
*/

.the-content { 
	width: 658px; height: auto; background: url(img/layout/the-content-bg.jpg) 0 0 repeat-y; float: right; text-align: left;
	color: #333; line-height: 1.3em; font-size: 15px; padding-top: 15px;
}

.the-content-pad { margin: -20px 30px auto; padding-bottom: 0px; background: url(img/layout/leaves.png) bottom left no-repeat; }

.the-content h2 { font-size: 28px; line-height: 1.3em; margin-top: 20px; margin-bottom: 12px; font-weight: bold !important; }

.the-content a { padding-left: 0.3em; padding-right: 0.3em; margin-left: -0.3em; }

.the-content a:hover { text-decoration: underline; }

.the-content h2 small { font-size: 0.4em; color:#999; font-weight: normal !important; }

.post-edit-link { color: #999 !important; }

.post-edit-link:hover { color: #777 !important; background: none !important; text-decoration: none !important; }

.author-signature { font-style: italic; color: #666; font-size: 1.1em; }

.the-content p { margin: 0 6px 12px 15px; }

.the-content h4, .the-content h5 { margin: 0 6px 12px 15px;  }

.the-content ul { margin-bottom: 12px; }

.the-content li { list-style-image: url(img/layout/bullet.gif); margin-left: 45px; margin-right: 15px; }

.the-date { 
	width: 30px; text-align: center !important; font-weight: lighter; color: #666;
	float: right; margin: -2px -27px 0 0; word-spacing: 15px; font-size: 1em;  padding: 5px 10px;
	background: url(img/layout/the-date-bg.jpg) 0 0 no-repeat; height: 57px;
}

.the-date p { margin: 0; margin-top: 2px; text-indent: 0; }

.more-link {
	background: url(img/layout/topnav-active-bg.jpg) 0 0 repeat-x; padding: 6px 12px !important; 
	-moz-border-radius: 16px; -webkit-border-radius: 16px; margin-bottom: 10px !important; float: right; color: #888 !important;
}

.more-link:hover { color: #222 !important; border-bottom: none !important; background: url(img/layout/topnav-hover-bg.jpg) 0 0 repeat-x !important; text-decoration: none !important; }

.content-wrap-top { width: 658px; float: right; height: 28px; background: url(img/layout/the-content-top-bg.jpg) 0 0 no-repeat; }
.content-wrap-bottom { width: 658px; float: right; height: 23px; background: url(img/layout/the-content-bottom-bg.jpg) 0 0 no-repeat; }

.custom-img { float: right; margin-left: 15px; margin-bottom: 5px; }

.old-new {
	background: #D3BCD3; height: 25px; float: right; width: 658px;
}

.old-new { list-style: none !important; }

.old-new li { display: inline; line-height: 25px; float: right; margin-right: 20px; }

.old-new li a:hover { text-decoration: none !important; }

/*
	additional info
*/

.additional-info {
	height: auto; width: 450px; background: #E6FBD0; border: 1px #BDBDBD solid; float: left; margin-left: 30px;
	font-style: normal; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 5px; margin-bottom: 5px;
}

.additional-info p { margin-top: 13px; text-align: center; font-style: normal; }

.additional-info a { color: #333; text-decoration: none; }

.additional-info-tag { float: left; width: 50px; position: relative; }

.additional-info-tag img { float: left; position: relative; }

/*
	sidebar 
*/

	/* search */
	
	#search-box { 
		height: 37px; width: 257px; background: url(img/layout/admin-tab-bg.jpg); line-height: 37px; 
		margin: 30px auto 10px !important; position: relative; overflow: hidden;
	}
	
	#searchform label { display: none; }
	
	#s { 
		position: absolute; position: absolute; left: 10px; top: 7px; width: 195px; height: 20px; line-height: 20px; background: none; 
		font-size: 16px; color: #666; border: none;
	}
	
	#searchsubmit { position: absolute; top: 2px; right: 0; }
	

#sidebar { float: left; width: 308px;  background: url(img/layout/sidebar-bg.jpg) 0 0 repeat-y; text-align: center; }
.sidebar-top { float: left; width:308px; height: 20px; background: url(img/layout/sidebar-top-bg.jpg) 0 0 no-repeat; margin-top: 0; }
.sidebar-bottom { float: left; width:308px; height: 20px; background: url(img/layout/sidebar-bottom-bg.jpg) 0 0 no-repeat; margin-top: 1px; }
.sidebar-pad { width: 255px; margin: auto; margin-top:0 !important; }

#sidebar, #sidebar a { color: #666; }

#sidebar a:hover { color: #111; }

#sidebar h3 { font-size: 24px; color: #666; margin-bottom: 12px;  }

#sidebar ul { margin-bottom: 20px; }

#sidebar ul li { line-height: 1.3em; }

#sidebar p { line-height: 1.3em; }

#admin-tab { height: 37px; width: 100%; background: url(img/layout/admin-tab-bg.jpg); line-height: 37px; margin: 5px auto 10px !important; }

#subscribe-tab { margin: 20px auto; }

#subscribe-tab a { margin: 10px auto; padding-left: 10px; padding-right: 10px; }


.categories { margin: 10px auto; }

.featured-article { font-size: 0.95em; }

.featured-article h2 { font-size: 15px; margin-bottom: 5px; }

.featured-article h2 a { color:#7C5B7F!important; }
.featured-article h2 a:hover { text-decoration: underline; }

.featured-article p { font-style: italic; }

.featured-content { padding: 0 12px 8px 12px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 20px; }

.more-link-sidebar { display: block; padding: 3px 5px; background: #AEAEAE; color: #FFF !important; width: 130px !important; margin: 0 auto;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; margin-top: 10px; 
 }
 
a.more-link-sidebar:hover { color: #666; background: #999 !important; }


/*
	comments
*/

#comments-wrap .the-content-pad { margin: 0 30px auto; padding-bottom: 10px; background: url(img/layout/leaves.png) bottom left no-repeat; }

#comments-wrap { 
	width: 658px; height: auto; background: url(img/layout/the-content-bg.jpg) 0 0 repeat-y; float: right; text-align: left; 	
	color: #333; line-height: 1.3em; font-size: 15px; margin-top: 0; padding-top: 0;
}

#comments-wrap h3 { margin-top: 5px; }

textarea, #author, #email, #url { 
	color: #333; line-height: 1.3em; font-size: 14px; font-family: Calibri, Candara, "Lucida Sans", Helvetica, Arial, sans-serif;
	border: 1px solid #CCC; margin-top: 2px; margin-bottom: 2px; padding: 2px 4px; font-style: italic;
}

textarea { width: 99%; }

.avatar { width: 70px; height: 70px; float: left; margin-right: 20px; margin-bottom: 5px; border: 2px solid #4A254E; }

.comment { padding-bottom: 10px; }

/*
	footer
*/

#footer { 
	width: 658px; height: auto; background: url(img/layout/the-content-bg.jpg) 0 0 repeat-y; float: right; text-align: center; 
	margin-top: -2px;
}

#footer p { margin: 0 35px 12px 35px; color: #333; line-height: 1.3em; font-size: 15px; text-align: center; }

.signature {
	background: url(img/layout/signature-bg.jpg) 0 0 repeat-x #D3BCD3; margin-top: 10px; padding-bottom: 12px;
	width: 100%; height: auto; font-size: 14px; float: left;
}

.signature p { text-align: center; line-height: 24px; color: #7C5B7F !important; }

.signature ul { list-style: none; line-height: 24px; margin-top: 10px; margin-bottom: 2px; text-align: center; }

.signature ul li { display: inline; margin-left: 10px; margin-right: 10px; }

.signature ul li.current_page_item a { background: none; margin: 0 !important; padding: 0 !important; color: #4A254E !important; }

.signature ul li.current_page_item a:hover { background: none !important; }

.signature a:hover { color: #4A254E !important; }


/*
	google map
*/

#map_canvas { width: 99%; height: 370px; border: 2px solid #4A254E; background: #CCC; }
#map_caption { text-align: center; font-style: italic; margin-top: 3px; }