/*  
Theme Name: BlissHolistics.com
Theme URI: http://www.blissholistics.com
Description: The default WordPress theme for Bliss Holistics designed by Maifith Design inc.
Version: 1.0
Author: Chad Holden
Author URI: http://www.maifith.com/
*/

/* Begin Typography & Colors */
body {font-size: 62.5%; font-family: "Trebuchet MS", Arial, "Lucida Sans"; background: #fff  url(images/bg.gif) top left repeat; color: #6c6c6c; text-align: center}


/*	Begin Headers */
h1, h2, h3 {font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold;}
h2 {font-size: 1.6em; line-height:120%}
h2.pagetitle {font-size: 1.6em;}
h3 {font-size: 1.3em;}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #d64426; background: none}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration: none;}
h2 {margin: 30px 0 0;}
h2.pagetitle {margin-top: 30px; text-align: center}
h3 {padding: 0; margin:0px}
h3.comments {padding: 0; margin: 40px auto 20px}
/* End Headers */

#container {margin:58px auto 0px; background: white url(images/content_end.gif) bottom left no-repeat; width: 752px; text-align: left; position:relative}
#home #container {display:block; height:507px}

/* misc graphics placed around page */
.sitting {position:absolute; right:3px; top:-50px; background:url(images/meditate_person.gif) top left no-repeat; display:block; height:52px; width:49px; text-indent:-4000px}
	.sitting_red {position:absolute; right:3px; top:-50px; background:url(images/red.gif) top left no-repeat; display:block; height:52px; width:49px; text-indent:-4000px}
	.sitting_orange {position:absolute; right:3px; top:-50px; background:url(images/orange.gif) top left no-repeat; display:block; height:52px; width:49px; text-indent:-4000px}
	.sitting_yellow {position:absolute; right:3px; top:-50px; background:url(images/yellow.gif) top left no-repeat; display:block; height:52px; width:49px; text-indent:-4000px}
	.sitting_green {position:absolute; right:3px; top:-50px; background:url(images/green.gif) top left no-repeat; display:block; height:52px; width:49px; text-indent:-4000px}
	.sitting_cyan {position:absolute; right:3px; top:-50px; background:url(images/cyan.gif) top left no-repeat; display:block; height:52px; width:49px; text-indent:-4000px}
	.sitting_blue {position:absolute; right:3px; top:-50px; background:url(images/blue.gif) top left no-repeat; display:block; height:52px; width:49px; text-indent:-4000px}
	.sitting_purple {position:absolute; right:3px; top:-50px; background:url(images/purple.gif) top left no-repeat; display:block; height:52px; width:49px; text-indent:-4000px}
.apothecary {position:absolute; top:425px; left:15px; background:url(images/apothecary.gif) top left no-repeat; display:block; height:138px; width:192px; padding:15px; font-size:1.1em; font-weight:bold}
	.apothecary p {display:block; position:relative; height:18px; width:180px; margin:0 0 2px 0; padding:0px}
		.apothecary p .price { position:absolute; top:0px; right:0px; text-align:right; width:40px}
		.apothecary p .item { position:absolute; width: 90px; top:0px; left:0px}
		.apothecary p .size { position:absolute; top:0px; left:100px; width:40px}
.hanging {position:absolute; top:35px; right:-30px; background:url(images/hanging.gif) top left no-repeat; display:block; height:265px; width:100px; text-indent:-4000px; z-index:1000}

/*.homelogo {display:none}*/
#container h1 {margin:0px; padding:0px; position:absolute; top:35px; left:-8px; display:block; height:238px; width:232px; background: url(images/logo.gif) top left no-repeat} /* your logo */
	#container h1 a {display:block; height:238px; width:232px; text-indent:-4000px}
#home #container h1 {display: block; position:absolute; top:35px; left:-8px; display:block; height:507px; width:190px; background: url(images/hanging-logo.gif) top left no-repeat; text-indent:-4000px} /* your logo */
	#home #container h1 a {display:block; height:507px; width:190px; text-indent: -4000px}
	.desc {display:block; font-size:1.2em; position:absolute; top:285px; left:20px; width:200px;}
		.desc h2 {font-size:1.6em; color:#d64426; margin:0px}
	#home .desc {display:block; font-size:2em; position:absolute; top:125px; left:260px; width:400px;}
		#home .desc h2 {font-size:2.6em; color:#d64426; margin:0px}
#home .quotes {display:block; font-size:1.4em; position:absolute; top:315px; left:260px; width:350px; text-align:right}
#home .sprinkles {display:block; position:absolute; top:285px; right:-40px; width:150px; height:176px; text-indent:-4000px; background:url(images/sprinkles.gif) top left no-repeat}

#head-menu {height:35px; background:url(images/menu_bg.gif) top left repeat-x}
	#head-menu ul {margin:0px 2px}
	#head-menu ul, #head-menu li {margin:0px; padding:0px; list-style:none}
	#head-menu li {display:block; float:left;}
		#head-menu li a {display:block; padding:9px 11px; background: url(images/menu_sep.gif) center right no-repeat; font-size:1.2em; color:#FFFFFF; font-weight:bold}
		#head-menu li.last a {background: none}
		#head-menu li.active a {background: url(images/menu_hover.gif) center right no-repeat; color:#d64426}
		#head-menu li a:hover {background: url(images/menu_hover.gif) center right no-repeat; color:#d64426}
		#head-menu li.last a:hover {background: url(images/menu_hover.gif) center 2px no-repeat}
#content {font-size: 1.2em; margin:10px 25px 40px 245px; font-size:1.2em}

#quote {margin:45px 25px 5px 245px;font-size: 1.2em; padding:10px 0; border-bottom:1px dashed #ccc; border-top:1px dashed #ccc; clear:left}
	#quote h2 {margin:0px}
	#quote p {margin:0px; padding:0px}

#copyright {margin:10px 25px 20px 245px; font-size: 1.2em; color:#d64426; padding:0 0 20px 0}
#home #copyright {margin:10px 25px 0px 245px; font-size: 1.2em; color:#d64426; padding:0 0 0px 0; position:absolute; bottom:10px}

#footer {width: 660px; clear: both; display:block; background: none; border: none; z-index:100; padding:10px 0 0 100px; margin:0px auto; position:relative; height:1%}
	#footer .waving {position:absolute; bottom:-5px; left:-10px; background:url(images/footer_peep.gif) top left no-repeat; display:block; height:242px; width:152px; text-indent:-4000px}

.alt {background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
small {font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em;}


.entry p a:visited {color: #b85b5a}
.commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif}
.commentlist li {font-weight: bold;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em}
.commentlist p {font-weight: normal; line-height: 1.5em; text-transform: none}
#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif}

.commentmetadata {font-weight: normal;}
small, .nocomments, .postmetadata, blockquote, strike {color: #777}

code {font: 1.1em 'Courier New', Courier, Fixed}

acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em;}
a, h2 a:hover, h3 a:hover {color: #6c6c6c; text-decoration: none;}
a:hover {color: #6c6c6c; text-decoration: none;}
/* End Typography & Colors */

/* Begin Structure */
body {margin: 0 0 20px 0; padding: 0;}

.post {margin: 0 0 20px; text-align: left; line-height:170%}

.widecolumn .smallattachment {text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px;}
.widecolumn .attachment {text-align: center; margin: 5px 0px;}

.postmetadata {clear: left;}
/* End Structure */


/* Begin Images */
p img {padding: 0; max-width: 100%}

img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right}
.alignleft {float: left}
/* End Images */


/* Begin Lists */
html>body .entry ul {margin: 0 20px; padding: 0 0 0 30px; list-style-image:url(images/bullet.gif); text-indent: -10px} 
html>body .entry li {margin: 2px 0 0 10px; padding:0px 0 0px 10px;}

.entry ul li:before, #sidebar ul ul li:before {content: "\00BB \0020"}
.entry ol {padding: 0 0 0 35px; margin: 0;}
.entry ol li {margin: 0; padding: 0}

.postmetadata ul, .postmetadata li {display: inline; list-style-type: none; list-style-image: none}
ol li {list-style: decimal outside}
/* End Entry Lists */


/* Begin Form Elements */
#searchform {margin: 10px auto; padding: 5px 3px; text-align: center;}
#sidebar #searchform #s {width: 108px; padding: 2px;}
#sidebar #searchsubmit {padding: 1px;}
.entry form {text-align:center;}
select {width: 130px;}

#commentform input {width: 170px;padding: 2px; margin: 5px 5px 1px 0}
#commentform textarea {width: 100%; padding: 2px}
#commentform #submit {margin: 0; float: right}
/* End Form Elements */


/* Begin Comments*/
.alt {margin: 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: 10px 5px 10px 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 */
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}

blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;}
blockquote cite {margin: 5px 0 0; display: block;}

.center {text-align: center;}

a img {border: none;}

.navigation {display: block;text-align: center;margin-top: 10px;margin-bottom: 60px;}
/* End Various Tags & Classes*/