/* 
	Theme Name: MySpiritual
	Theme URI: http://myspiritualsolutions.com
	Description: My Spiritual Solutions
	Version: 1.0
	Author: NewMarque
	Author URI: http://www.newmarque.com/
*/

/* ---- HTML Tags ---- */
body {
	background:#BFBCAB;
	margin:0px;
	padding:0px;
	font:12px verdana,arial,sans-serif;
	color:#545454;
}
/* Set all tag */
h1,h2,h3,h4,h5,h6,h7,
form {
	margin:0px;
	padding:0px;
}
p,li,label {
	font:12px verdana,arial,sans-serif;
}
p {
	line-height:0.9em;
}
a img {
	border:0px;
}
a {
	text-decoration:underline;
	color:#767469;
}
a:hover {
	color:#000000;
}


/* Image Threatment */
img.floatleft {
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}
img.floatright {
	float:right;
	margin-left:10px;
	margin-bottom:5px;
}
img.img {
	border:1px solid #CCCCCC;
	padding:2px;
}


/* Small and code */
code {
	font:0.7em 'courier new',verdana,arial,sans-serif;
}

/* blockquote */
blockquote {
	background:#F4F2DA url("images/bg_quote.gif") no-repeat 4px 4px;
	color:#333;
	margin:0px;
	padding:0px;
	padding-top:5px;
	padding-left:30px;
	line-height:1.3em;
	margin-bottom:10px;
	border-top:2px solid #CCC;
	border-bottom:2px solid #CCC;
	width:88%;
	padding-bottom:8px;
}
blockquote p {
	color:#333;
	line-height:1.3em;
}
.comments blockquote {
	margin-bottom:10px;
	color:#999999 !important;
	line-height:1.3em;
	padding-bottom:5px;
}


/* ------ General Class ------ */
.clear {
	clear:both;
}
.textarea {
	width:480px;
	height:130px;
}
.button {
	background:#FFFFFF;
	color:#333333;
	font:12px verdana,Georgia,Arial,verdana,sans-serif;
}
.inputbox {
	font:12px verdana,Georgia,Arial,verdana,sans-serif;
	width:185px;
	padding-left:3px;
}
.navigation {
	margin:10px 0px;
}
.alignleft {
	width:49%;
	float:left;
}
.alignright {
	text-align:right;
}
p.akpc_pop {
	font-size:11px !important;
	color:#999;
	letter-spacing:-1px;
	margin-top:0px !important;
	clear:both;
}
p.technorati {
	font-size:11px !important;
	color:#999;
	clear:both;
	letter-spacing:-1px;
	margin-bottom:0px !important;
}
p.technorati a,
p.akpc_pop a {
	font-size:11px;
	color:#999999;
	text-decoration:underline;
}

/* ------ H Title ------ */
h2.title,
h2.pagetitle {
	font:bold 15px "lucida sans",verdana,arial,sans-serif;
	color:#DD83A6;
	letter-spacing:-1px;
	margin-bottom:10px;
}
h3 {
	font:17px "Lucida Sans",Georgia,Tahoma,verdana,sans-serif;
	color:#333;
	margin:5px 0px;
}
h4 {
	font:14px "Lucida Sans",Georgia,Tahoma,verdana,sans-serif;
	color:#333;
	margin:5px 0px;
}
h1.error {
	font:25px/80px "Lucida Sans",Georgia,Tahoma,verdana,sans-serif;
	background:transparent url("images/bg_error.jpg") no-repeat top left;
	padding-left:70px;
	color:#C43B55;
}


/* ------ Layout Template ------ */
#wrap {
	background:#BFBCAB url("images/bg_container.jpg") repeat-y top center;
	height:auto !Important;
	height:600px;
	min-height:600px;
	position:relative;
	top:0px;
	left:0px;
	z-index:0;
	text-align:center;
}
#bgheader {
	background:transparent url("images/bg_header.jpg") no-repeat top center;
	position:absolute;
	top:0px;
	left:-3px;
	width:100%;
	height:321px;
	z-index:1;
}
#bgfooter {
	background:transparent url("images/bg_footer.jpg") no-repeat top center;
	position:absolute;
	bottom:0px !important;
	bottom:-1px;
	left:0px;
	width:100%;
	height:96px;
	z-index:1;
}

#container {
	position:relative;
	width:854px;
	margin:0px auto;
	text-align:center;
	z-index:2;
}


/* Header Content */
#header {
	height:170px;
	position:relative;
	width:825px;
	margin:0px auto;
	text-align:left;
}
#header h1#title {
	font:29px "lucida sans",verdana,arial,sans-serif;
	letter-spacing:-1px;
	color:#FFF;
	position:absolute;
	top:80px;
	left:0px;
}
#header h1#title a {
	text-decoration:none;
	color:#FFF;
}
#header h2#description {
	text-indent:-9000px;
	position:absolute;
	top:0px;
	left:0px;
}

/* Navigation */
#navigation {
	position:absolute;
	top:157px;
	left:0px;
	width:525px;
}

#navigation ul {
	margin:0px;
	padding:0px;
}
#navigation ul li {
	float:left;
	font:12px/25px georgia,verdana,arial,sans-serif;
	height:auto !important;
	height:25px;
	margin-right:2px;
	display:block;
	min-height:25px;
}
#navigation li a {
	padding:0px 20px;
	display:block;
	float:left;
	font:12px/25px georgia,verdana,arial,sans-serif;
	height:auto !important;
	height:25px;
	color:#FFFBE7;
	text-decoration:none;
	background:#BDBAAB;
	min-height:25px;
}
#navigation li.active a,
#navigation li a:hover,
#navigation li.current_page_item a {
	background:#DAD7C4;
	color:#333;
}



/* Content */
#content {
	position:relative;
	padding-bottom:20px;
	width:825px;
	margin:0px auto;
	text-align:left;
}


/* Top Content */
#topcontent {
	position:relative;
	width:530px;
	top:40px;
	left:0px;
	height:90px;
}
#maintop {
	position:relative;
	top:-10px;
}
#maintop p {
	line-height:19px;
}

#topcontent img{
	border:2px solid #FFF;
	float:left;
	margin-right:3px;
}
.cd {
	width:173px;
	float:left;
}
.cd h4 {
	font:bold 12px "lucida sans",arial,verdana,sans-serif;
	margin:0px;
	padding:0px;
}
.cd p {
	margin:0px;
	padding:0px;
	font:11px arial,verdana,sans-serif;
	line-height:15px;
}
.cd small {
	font:11px arial,verdana,sans-serif;
	margin:0px;
}
.cd h2 a {
	color:#DD83A6;
}
.toparea {
	position:relative;
	top:-25px;
}
.leftcd {
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:1px solid #CCC;
}
.leftcd img {
	float:left;
	margin-right:5px;
	margin-bottom:2px;
}


/* Left column */
#leftcol {
	float:left;
	width:530px;
	position:relative;
}
#post {
	margin-top:90px;
	padding-bottom:70px;
}
.post {
	font:12px verdana,arial,sans-serif;
	line-height:20px;
	color:#535353;
	margin-bottom:30px;
}
.post p {
	font:12px verdana,arial,sans-serif;
	line-height:20px;
	color:#535353;
	margin-top:0px;
	margin-bottom:8px;
}
.meta {
	background:#F4F2DA;
	width:120px;
	height:48px;
	float:left;
	margin-right:10px;
	margin-bottom:3px;
	position:relative;
	top:5px;
}
.meta h4 {
	font:10px/16px verdana,arial,sans-serif;
	height:16px;
	color:#666;
}
h4.date {
	background:transparent url("images/bg_date.gif") no-repeat top left;
	padding-left:20px;
	width:100px;
	margin-left:5px;
}
h4.comment {
	background:transparent url("images/bg_comment.gif") no-repeat top left;
	padding-left:20px;
	width:100px;
	margin-left:5px;
}
h4.comment a {
	color:#666;
}
.post h2.title a {
	color:#333;
	text-decoration:none;
}
.post h2.title a:hover {
	text-decoration:underline;
	color:#000;
}
.tags {
	background:#F4F2DA url("images/bg_tags.gif") no-repeat 2px 2px;
	padding:2px 0px;
}
.tags p {
	margin:0px;
	padding:0px;
	width:95%;
	margin-left:20px;
	font-size:11px;
}
.tags p a {
	color:#666;
	text-decoration:underline;
	text-transform:lowercase;
}
.entry p img{
	float:left;
	margin-right:10px;
	margin-bottom:3px;
}
.entry li {
	margin-bottom:3px;
	line-height:19px !important;
}
.entry ul {
	margin:4px 4px;
	padding:0px;
}


/* Right column */
#sidebar {
	float:right;
	width:260px;
	position:relative;
	right:8px;
	top:-39px;
	padding-bottom:20px;
}

/* Profile */
#profile {
	margin-bottom:10px;
	font:11px verdana,arial,sans-serif;
}
#profile img {
	float:left;
	margin-right:5px;
	margin-bottom:2px;
}
#profile h3 {
	font:bold 15px "lucida sans",verdana,arial,sans-serif;
	color:#DD83A6;
	letter-spacing:-1px;
}
#profile h4 {
	font:12px verdana,arial,sans-serif;
color:#999;
}
#profile p {
	line-height:16px;
}

#sidebar h2,
.cd h2 {
	font:bold 15px "lucida sans",verdana,arial,sans-serif;
	color:#DD83A6;
	letter-spacing:-1px;
	margin-top:10px;
	margin-bottom:5px;
}
#sidebar ul {
	margin:0px;
	padding:0px;
}
#sidebar ul li {
	list-style:none;
	font-size:11px;
}
ul.list {
	margin:0px;
	padding:0px;
}
ul.list li,
li.linkcat ul li,
li.categories ul li {
	list-style:none;
	font:11px/20px verdana,arial,sans-serif;
	height:auto !Important;
	height:20px;
	display:block;
	margin-bottom:1px;
	background:transparent url("images/bg_dot.gif") repeat-x bottom left;
}
ul.list li a,
li.linkcat li a,
li.categories li a {
	padding-left:15px;
	text-decoration:none;
	background:transparent url("images/bg_list.gif") no-repeat 0px 1px;
	font:11px/20px verdana,arial,sans-serif;
	padding-bottom:2px;
}


/* Comment */
#wrap-comment {
	color:#535353;
}

h2#comments,
h2#respond {
	font:bold 18px "lucida sans",verdana,arial,sans-serif;
	letter-spacing:-1px;
	margin-bottom:8px;
	color:#333;
}


/* Comment List */

#wrap-comment h4.date,
#wrap-comment h4.comment {
	font:11px/20px verdana,arial,sans-serif;
	width:400px;
}
#wrap-comment h4.author {
	font-size:14px;
	width:90%:
	margin-left:5px !important;
	font:bold 14px/20px verdana,arial,sans-serif;
}
.comment-top {
	height:55px;
	border-bottom:1px solid #EEE;
}
div.gravatar {
	width:44px;
	height:44px;
	float:left;
	position:relative;
	top:6px;
	left:6px;
}

div.comments {
	padding-top:8px;
	margin-bottom:8px;
	border:1px solid #EEE;
}
div.comment-author {
	float:left;
	margin-left:13px;
}


div.comment-content {
	line-height:18px;
	background:#F4F2DA;
	padding:10px 0px;
}
div.comment-content p {
	margin-top:0px;
	line-height:19px;
	color:#545454;
}
div.the-comment {
	width:93%;
	padding-left:8px;
}


/* ------ Form ------ */
div#form {
	margin-top:20px;
	background:#F4F2DA;
	padding:15px 0px;
}
#form-content {
	width:480px;
	position:Relative;
	left:10px;
}
#form .button {
	width:160px;
	padding:5px 0px;
}

/* Bottom Part */
#bottom {
	background:transparent url("images/bg_bottom_repeat.jpg") top left;
	width:854px;
	margin:0px auto;
	text-align:left;
	padding-bottom:25px;
	position:relative;
	left:-1px;
}
#bottom-content {
	width:854px;
	background:transparent url("images/bg_bottom.jpg") no-repeat top left;
	padding-top:20px;
	position:relative;
}
div.list {
	float:left;
	margin-left:15px;
	width:200px;
}
div.list ul {
	margin:0px;
	padding:0px;
}
div.list ul li {
	list-style:none;
	border-bottom:1px dotted #FFF;
	font:11px/20px verdana,arial,sans-serif;
	height:auto !important;
	height:20px;
	color:#FFF;
}
div.list li a {
	color:#FFF;
	text-decoration:none;
	background:transparent url("images/bg_page.gif") no-repeat 0px 2px;
	font:11px/20px verdana,arial,sans-serif;
	height:auto !important;
	height:20px;
	display:block;
	padding-left:18px;
}
div.list li a:hover {
	color:#666;
	background:transparent url("images/bg_list_hover.gif") no-repeat 0px 2px;
}
div.list h2 {
	font:bold 15px "lucida sans",verdana,arial,sans-serif;
	color:#FFF;
	letter-spacing:-1px;
	padding-bottom:10px;
}
ul.links {
	width:390px;
}
ul.links li {
	float:left;
	width:180px;
	margin-right:8px;
}

#footer {
	padding-bottom:30px;
	position:relative;
	font:11px verdana,arial,sans-serif;
	text-align:left;
}
#footer p {
	font:11px verdana,arial,sans-serif;
	position:relative;
	left:15px;
	line-height:15px;
}

/* Book Review */
li.review {
	margin-bottom:15px;
}
li.review h3 {
	font:bold 12px arial,verdana,sans-serif;
	border-bottom:1px solid #CCC;
}
li.review h3 a {
	text-decoration:none;
}
li.review img {
	float:left;
	margin-right:5px;
	margin-bottom:1px;
}



/* ------ Javascript Hit ------ */
/* All form elements are within the definition list for this example */
dl {
	font:normal 13px/15px verdana,arial,sans-serif;
    position: relative;
    width: 420px;
	
}
dt {
    clear: both;
    float:left;
    width: 100px;
    padding: 4px 0 2px 0;
    text-align: left;
}
dd {
    float: left;
    width: 300px;
    margin: 0 0 8px 0;
    padding-left: 6px;
}
/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    right: -100px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url("../images/pointer.gif") no-repeat -10px 5px;
	font:11px arial,verdana,sans-serif;
	z-index:900000;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background:transparent url("images/pointer.gif") left top no-repeat;
	z-index:900000;
}