/*
	Style Index
	
	$1 - Site Structure Styles
	$2 - Header Styles
	$3 - Sidebar Styles
	$4 - Content Styles
	$5 - Footer Styles
	$100 - Clearfix Styles
*/


/* undohtml.css 
(CC) 2004 Tantek Celik. Some Rights Reserved.
http://creativecommons.org/licenses/by/2.0
This style sheet is licensed under a Creative Commons License.
Purpose: undo some of the default styling of common (X)HTML browsers */

:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }


/* $1 - Site Structure Styles ///////////////////////////////////////////////////////////////////////////////////*/

body {
	background:#ffffff;
	font:15px arial, verdana, sans-serif;
	color:#333333;
	}
	
#container {
	background:white url(images/body-bg.png) repeat-x;
	border-bottom:1px solid #CCCCCC;
	}

#inside-container {
		width:970px;
		margin:0 auto;
	}

#header {

	}
	
#content-container {
	width:970px; /* width needed for safari */
	padding:20px 0 0 0;
	border-bottom:20px solid white;
	background:url(images/sidebar-2-bg.gif) 500px 20px no-repeat;
	}

#index-body #content-container {
	width:970px; /* width needed for safari */
	padding:20px 0 0 0;
	border-bottom:20px solid white;
	background:url(images/content-container-bg.gif) left 20px no-repeat;
	}

	
#sidebar-left {
	float:left;
	width:186px;
	padding-bottom:10px;
	background:white;
	}
	
#main-content {
	float:left;
	width:480px;
	padding-right:20px;
	}

#sidebar-middle {
		float:left;
		width:182px;
		margin-right:15px;
		padding:15px;
		text-align:center;
	}

#sidebar-right {
		float:left;
		width:230px;
	}
	
	
#index-body #main-content {
	float:right;
	width:680px;
	padding-right:30px;
	}


	
#footer {
	padding-bottom:20px;
	text-align:center;
	}
	
	

	
/* $2 - Header Styles ///////////////////////////////////////////////////////////////////////////////////*/

#header-logo {
		position:relative;
		height:50px;
		overflow:hidden;
	}
	
	.header-phone {
			position:absolute;
			right:0;
		}
	
#header-nav {
		height:32px;
	}
	
	#header-nav li {
		float:left;
		height:26px;
		padding-top:6px;
		margin-right:20px;
	}

		#header-nav li a {
				color:#999999;
				font:20px arial, verdana, sans-serif;
			}
		
		#header-nav li a:hover,
		#header-nav li a.active {
				color:#E21683
			}
	
	#header-banner {
			width:807px;
			height:207px;
			padding:37px 0 0 163px;
			background:url(images/header-banner-bg.jpg) no-repeat;
		}
		
	#header-banner h1,
	#header-banner h2,
	#index-body #header-banner h1,
	#index-body #header-banner h2 {
			padding:0;
			margin:0;
		}
	
	#header-banner h1#at-last {
    padding:34px 0 0 0;
    margin-bottom:23px;
    overflow: hidden;
    background:url(images/header-at-last.jpg) no-repeat;
    
    height: 0px !important;
    height /**/:34px;
}

#header-banner h2#top-quality {
    padding:31px 0 0 0;
    overflow: hidden;
    background:url(images/header-top-quality.jpg) 43px 0px no-repeat;
    
    height: 0px !important;
    height /**/:31px;
}

#header-banner h2#great-tips {
    padding:29px 0 0 0;
    overflow: hidden;
    background:url(images/header-great-tips.jpg) 43px 0px no-repeat;

    height: 0px !important;
    height /**/:29px;
}

#header-banner h2#first-time {
    padding:21px 0 0 0;
    margin-bottom:18px;
    overflow: hidden;
    background:url(images/header-first-time.jpg) 43px 0px no-repeat;
    
    height: 0px !important;
    height /**/:21px;
}

#header-banner h2#call {
    padding:40px 0 0 0;
    overflow: hidden;
    background:url(images/header-call.jpg) no-repeat;
    
    height: 0px !important;
    height /**/:40px;
}
	
/* $3 - Sidebar Styles ///////////////////////////////////////////////////////////////////////////////////*/

.sidebar-header-img {
		margin-bottom:10px;
	}

.psychic-tips-ul {
		background:#F2F6F6;
		padding:6px 6px 30px 6px;
		margin-bottom:30px;
	}
	
	.psychic-tips-ul li {
		background:url(images/li-bg.gif) left 4px no-repeat;
		padding:2px 0 2px 28px;
		line-height:1;
		margin-bottom:8px;
	}
	
	.psychic-tips-ul li a {
			color:#333333;
			font:15px arial, verdana, sans-serif;
		}
	
	.psychic-tips-ul li a:hover {
			color:#0FA0D6;
			text-decoration:underline;
		}

#newsletter-signup {
		padding:10px 0;
		margin-bottom:20px;
		background:#F2F6F6;
	}
	
.rss-button {
		margin-bottom:8px;
	}
	
#newsletter-signup h4 {
		font:14px verdana, sans-serif;
		color:#003399;
		padding-bottom:2px;
		border-bottom:1px dotted #999;
		margin-bottom:4px;
	}

#newsletter-signup label {
		display:block;
		margin-bottom:2px;
		font:11px verdana, sans-serif;
		color:#555;
	}

#newsletter-signup input.newsletter {
		display:block;
		margin-bottom:3px;
		width:170px;
		padding:2px;
		background:#FFFFA0;
		border-top:2px solid #828177;
		border-right:2px solid #F9F8F3;
		border-bottom:2px solid #F9F8F3;
		border-left:2px solid #828177;
	}

.feed-blitz {
		font:11px verdana, sans-serif;
		color:#555;
}
.feed-blitz a {
		font:11px verdana, sans-serif;
		color:#555;
		text-decoration:underline;
}

.sidebar-profile-pic {
		margin-bottom:10px;
	}

#sidebar-middle a {
		color:#333333;
		text-decoration:underline;
	}

#sidebar-middle a:hover {
		text-decoration:none;
	}

#sidebar-middle .sidebar-profile {
		margin-bottom:20px;
	}


#sidebar-middle #newsletter-signup {
		text-align:left
	}

#sidebar-right .cat-ul li {
		margin-bottom:6px;
		padding:0 0 0 24px;
		background:url(images/icon-cat.gif) left 50% no-repeat;
	}

#sidebar-right .latest-ul li {
		margin-bottom:6px;
		padding:0 0 0 24px;
		background:url(images/icon-calendar.png) left 2px no-repeat;
	}

#sidebar-right .links-ul li,
#sidebar-right .archives-ul li {
		margin-bottom:6px;
		padding:0 0 0 24px;
		background:url(images/white-li-bg.gif) left 50% no-repeat;
	}

#sidebar-right .archives-ul {
		background:none;
	}

/* $3 - Content Styles ///////////////////////////////////////////////////////////////////////////////////*/


	#main-content a,
	#sidebar-right a {
				color:#0FA0D6;
				text-decoration:underline;
			}
	
	#main-content a:hover,
	#sidebar-right a:hover {
			text-decoration:none;
		}
	

a,
a:link,
a:visited {

	}

a:hover {
 
	}


h1,h2,h3,h4,h5,h6 {
	
	}
	
h1 {

	}

#index-body h1 {
		font-size:20px;
		color:#333333;
		margin-bottom:20px;
	}

#index-body h2 {
		font-size:20px;
		color:#333333;
		margin-bottom:6px;
	}


#index-body h2.title-h2 {
		display:none;
	}

#sidebar-right h2,
#sidebar-middle h2 {
		font-size:16px;
		color:#000;
		margin-bottom:6px;
	}
	
#sidebar-right ul {
		margin-bottom:15px;
		padding-bottom:15px;
		background:url(images/sidebar-ul-bg.gif) left bottom no-repeat;
	}

p {
	margin-bottom:10px;
	line-height:1.5;
	}
.postmetadata {
		margin-bottom:30px;
	}

img {
	border:none;
	}

span.pink-text {
		color:#E21683;
	}

h1.category-header {
	font-size:30px;
	color:#E21683;
}

#main-content h1.category-header a {
	font-size:30px;
	color:#E21683;
	text-decoration:none;
	margin-bottom:10px;
}

#main-content h1.category-header a:hover {
	text-decoration:underline;
}

#main-content h2.title-h2 a {
	font-size:30px;
	color:#000;
	text-decoration:none;
	margin-bottom:10px;
}

.post-details {
		margin-bottom:30px;
	}


/* Gaye Wright index block ////////////*/

.index-gaye-wright {
		margin-bottom:30px;
	}

.index-profile {
	width:680px;
		padding-bottom:15px;
		border-bottom:5px solid #ccc;
		margin-bottom:15px;
	}

.psychic-profile {
		width:680px;
	}

.psychic-profile-left {
		position:relative;
		float:left;
		width:480px;
	}


.psychic-profile-right {
		float:right;
		width:190px;
	}

.pricing-details {
		padding:5px;
		width:470px;
		background:#F8F8F8;
		border:1px solid #EEEEEE;
	}
	
	.pricing-left {
			float:left;
			width:280px;
		}
	
	.pricing-left p {
		margin:0;
		}
	
	.pricing-left h4 {
			font-size:15px;
			color:#E21683;
		}
	
	.pricing-right {
			float:right;
			width:186px;
			padding-top:8px;
		}

	.profile-pic {
			text-align:center;
			margin-bottom:10px;
		}
		
#main-content h1.pink-header {
		background:url(images/pink-header-bg.png) no-repeat;
		font-size:18px;
		color:#fff;
		padding:8px 0 30px 8px;
	}

.rating {
		position:absolute;
		top:0;
		right:0;
		height:30px;
		width:130px;
	}

.index-profile .profile-pic img {
		padding:2px 2px 12px 2px;
		background:url(images/profile-pic-bg.gif)no-repeat;
	}


/* Index content footer /////////////////////////////////*/

.index-content-footer {
		width:680px;
		background:url(images/latest-posts-bg.gif) 310px top no-repeat;
	}

.index-content-footer h2 {
		color:#000;
		font-size:16px;
		margin-bottom:15px;
	}


.index-content-footer-left {
		float:left;
		width:310px;
	}
	
	.index-content-footer-left li {
		padding-left:20px;
		margin-bottom:6px;
		background:url(images/icon-calendar.png) no-repeat;
	}
	
.index-content-footer-right {
		float:right;
		width:340px;
	}

.index-content-footer-right li {
		padding:2px 0 2px 26px;
		margin-bottom:6px;
		background:url(images/white-li-bg.gif) left 2px no-repeat;
	}

ol.commentlist {
		padding:20px 0 0 0;
	}

ol.commentlist li {
		padding:20px 0;
		margin-bottom:0;
	}

/* rounded bubble comments /////////////////*/


div.bubble div.rounded {
	margin-bottom: 10px;
	background-color:#CAEEFF;
}
div.bubble div.rounded blockquote {
	border: 0;
	background-color: transparent;
}
div.bubble div.rounded blockquote p,
div.bubble div.rounded blockquote small.commentmetadata {
	margin: 0px 10px;
}
cite.rounded {
		position:relative;
		top:-10px;
	padding:0 0 15px 15px;
	display:block;
	margin:0;
	background:transparent url(images/comment-tip.gif) no-repeat 155px bottom;
}


/* Comment Form ///////////////////*/

h3.respond {
		font:16px georgia, arial, verdana;
		color:#000;
		margin-bottom:10px;
	}

p.top-link a {
		font-size:12px;
		color:#000;
	}

.comment-form-container {
		padding:10px;
		background:#F0F0F0;
		border:1px solid #CCCCCC;
	}

.comment-form-container label {
		display:block;
		margin-bottom:4px;
	}
	
.comment-form-container input {
		width:446px;
		padding:2px;
	}
	
.comment-form-container p.submit-comment  {
		text-align:right;
	}

.comment-form-container input#submit {
		width:140px;
	}

textarea#comment {
		width:446px;
		padding:2px;
	}



/* $5 - Footer Styles ///////////////////////////////////////////////////////////////////////////////////*/

.footer-container {
		text-align:left;
		width:970px;
		margin:0 auto;
		padding-top:20px;
	}

.footer-left {
	float:left;
	width:300px;
}

.footer-right {
		float:right;
		width:560px;
	}

#footer a {
		color:#666666;
	}

#footer a:hover {
		text-decoration:underline;
	}

/* $100 - Clearfix Styles ///////////////////////////////////////////////////////////////////////////////////*/



.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;display:inline-block;}
/* End hide from IE-mac */