/* 
Theme Name: A Girl's Gotta Spa Blog!
Description: A new blog site for Shannon to match her commercial site
Author: Leslie Doherty
Author URI: http://swankwebstyle.com and http://catapultwebdevelopment.com
*/


body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	background: black;
	text-align: center;
	}

	#wrapper {
		width: 930px;
		margin: 0 auto;
		background: #000;
		
		}
		
		a {	color: #E38FD9;	text-decoration: none; }			
			a:hover { color: #585858; text-decoration: underline; }

/*  Header */
	
#header {
	width: 900px;
	height: 201px;
	margin: 5px auto;
	background: black url(images/header.jpg) no-repeat;
	padding:0;
	}
	
	h1 {
		margin: 0 0 0 20px;
		font-size: 2.8em;
		font-weight: normal;
		}
		
		h1 a, h1:visited { color: #fff; text-decoration: none; }
		
	.description { display: none;
		}


/* 	Top Nav */

#topbar {
	width: 900px;
	height: 30px;
	background: #000;
	margin: 1px auto;
	}
	
	#topbar ul {
		list-style: none;
		margin: 0 auto;
		padding: 0;
		align: center;
		}
		
		#topbar ul li {
			display: block;
			list-style: none;			
			float: left;
            background: black url(images/nav.gif) no-repeat;
			font-size: 0.9em;
			}
			
			#topbar ul li a, #topbar ul li a:visited {
				float: left;
				display: block;
				padding: 7px 28px 0 25px;
				height: 28px;
				color: #fff;
				text-decoration: none;
				}
				
				#topbar ul li a:hover { background: black url(images/nav2.gif) no-repeat; }
				
				#topbar ul li ul, #topbar ul li ul li {
					margin: 0;
					padding: 0;
					}
				
					#topbar ul li ul li a, #topbar ul li ul li a:visited {
						float: left;
						display: block;
						padding: 6px 8px 0 8px;
						height: 19px;
						color: #fff;
						text-decoration: none;
						}

/* 	CONTENT */

.bar {
	width: 900px;
	background: #101010;
	margin: 0px;
	height: 37px;
	}
	
	
#content {
	width: 900px;
	margin: 0 auto;
	text-align: center;
	padding: 0;
	background: #fff;
	height: auto;
	color: #3B3B3C;
	font-size: 95%;
	
	}

/* Bottom GGSPA */

.leftcol { float: left; 
margin: 0 3px; 
padding: 5px;
width: 500px;
overflow: hidden;
height: auto;
text-align: left;
}


.midcol { float: left; 
margin: 0 0 0 3px; 
padding: 5px;
width: 160px;
overflow: hidden;
height: auto;
text-align: left;
}


.rightcol { float: left; 
margin: 0 3px 0 10px; 
padding: 5px 2px 0 2px;
width: 170px;
overflow: hidden;
height: auto;
text-align:left;
}

.sidebar_wrapper {
width: 360px;
float: left;
overflow: hidden;
height: auto;
text-align:left;
margin: 0 3px; 
}

.bigcol { float: left; 
margin: 0 10px 0 0px; 
padding: 5px 30px 5px 10px;
width: 480px;
overflow: hidden;
height: auto;
text-align: left;
background: #000;
}

.leftcol img {border: 2px solid #101010; padding: 3px; background: #F3C4EE; margin: 5px; }



.post {
	padding: 0px 0 10px 0;
	}
		
	.post h2 a{
		font-size: 1.9em;
		font-weight: normal;
		color: #F9D7EB;
		margin: -10px 20px 0 30px;
		}
		
		.post h2.single { margin: -10px 20px 12px 30px; }
			
			.post h2 a:hover { color: #E38FD9; }
		.post h2 img{ border: none; background:none; }
			
	.post .data {
		font-size: 11px;
		font-weight: normal;
		color: #006699;
		margin: -20px 20px 15px 20px;
		}
		
		.post h3 {
			font-size: 1.3em;
			font-weight: normal;
			color: #F9D7EB;
			margin: 25px 20px -10px 0;
			}
			
			#content>.post h3 { margin-bottom: 8px; } /* FF Specific */

	.entry {
		width: 486px;
		margin: 0 auto;
		font-size: 0.8em;
		}
		
		.postmetadata {
			width: 486px;
			margin: 25px auto 15px auto;
			border-top: 1px solid #E5E5E5;
			border-bottom: 1px solid #E5E5E5;
			background: #DDDCDC;
			text-align: center;
			font-size: 0.9em;
			padding: 8px 10px;
			color: #585858;
			}
			
			.postmetadata#single { margin: 0 auto 30px auto; }
			
			.postmetadata small { font-size: 0.8em; }			
			
				

		blockquote {
			margin: 10px 0 10px 30px;
			padding: 0 0 0 5px;
			border-left: 3px solid #4C8EDA;
			color: #666;
			}
		
		.post ul {
			margin: 10px 0 ;
			padding: 0 0 0 37px;
			}
		
		.post a:hover { color: #E38FD9; }
		
		.post_spacer { background: url(images/bullet.gif) repeat-x;
		widows: 90%;
		height: 30px;
		}
		
		

/* 	nav */
	
.navigation {
	background: #F5F5F5;
	width: 427px;
	height: 18px;
	margin: 0 auto;
	font-size: 0.8em;
	padding: 8px 40px;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	}
	
	.alignleft {
		float: left;
		text-align: left;
		}
	
	.alignright {
		float: right;
		text-align: right;
		}
		
/* Links */

#links ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 170px;
	}

#links ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	background:none;
	padding: 5px;
	}
	
	#links ul li a:hover {
	display: block;
	text-decoration: none;
	color: #E38FD9;
	background:#101010;
	padding: 5px;
	}
	
/* List */

#list ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 160px;
	}

#list ul li {
	display: block;
	color: #fff;
	background:none;
	padding: 2px 5px;
	}
	
	
/* 	COMMENT */
#commentformarea {
	width: 407px;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	background: #F5F5F5;
	margin: 0 auto 8px auto;
	padding: 8px 10px;
	}
	
	#commentform {
		margin: 15px 0 10px 40px;
		}
	
	#commentformarea h3 {
		font-size: 1.3em;
		font-weight: normal;
		color: #006699;
		margin: 10px 0 15px 20px;
		}
		
		#commentform p { margin: 0 0 3px 0;	}
		
		#commentform input, #commentform textarea {
			border: 1px solid #A7A6AA;
			background: #fff;
			padding: 3px;
			font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
			font-size: 0.8em;
			}
			
			#commentform textarea { width: 350px; }
			
			#commentform input#submit {
				font-family: Arial, Helvetica, sans-serif;
				width: 130px;
				color: #006699;
				}
				
		h4 {
			margin: 25px 0 20px 0;
			text-align: center;
			font-weight: normal;
			color: #006699;
			}
	
	ol.commentlist {
		width: 426px;
		list-style: none;
		margin: 0 auto 60px auto;
		padding: 0;
		font-size: 0.9em;
		}
		
		ol.commentlist li {
			margin: 0 0 20px 0;
			padding: 20px 0 0 0;
			border-top: 1px solid #ABCAD9;
			}
		
			ol.commentlist p.await_mod {
				color: #f00;
				margin: 0 0 8px 0;
				}
		
				ol.commentlist p { margin: 0 0 10px 0; }
				
					ol.commentlist span.cmntmeta { color: #006699; }
				


/* 	Search */

.sanda h2 {
	font-size: 1.9em;
	font-weight: normal;
	color: #006699;
	margin: 35px 0 0 0;
	text-align: center;
	}
	
	.sanda>h2 { margin: 15px 0 0 0; } /* FF Specific */
	
		.sanda h3 { margin: 0 40px 15px 40px; }



/* 	Sidebar */

 .widgettitle {font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
border-bottom: 1px solid #DDDCDC;
color:#E687C3;
}

.rightcol h2 {
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
border-bottom: 1px solid #DDDCDC;
color:#E687C3;
	}

.sidebar_wrapper ul{
	list-style: none;
	list-style-image: none;
	margin: 10px 0;	
	font-size: 0.9em;	
	padding:0 1em;
}
.sidebar_wrapper form 
{
	margin: 5px 0 15px 0;
	padding:0 1em;
}
.sidebar_wrapper ul li {
	margin: 1ex 0;				
	list-style:none;
}

.sidebar_wrapper ul li ul li {
	padding-left:15px;
	list-style:none;
}
.sidebar_wrapper ul li a{
	color: #585858;	
	text-decoration: none;	
}
.sidebar_wrapper ul li a:visited
{ 
	color: #E38FD9; 
}
.sidebar_wrapper ul li a:hover 
{
	color: #E38FD9;	
}

.sidebar_wrapper ul ul 
{
	margin:5px;
	font-size:1em;
}

/* 	RSS */

.feedicon {
	width: 20px;
	height: 20px;
	}


	#topbar .feedicon {
		background: url("./images/feedicon_blue_bg.png") no-repeat;
		display: block;
		display: inline; /* IE */
		float: right;
		margin: 2px 10px 0 0;
		}


/* 	Footer */
		
#footer {
	width: 800px;
	margin: 8px auto 0 auto;
	background: #101010;
	padding: 0;
	text-align: center;	
	
	}
	
	#footer p {
		margin: 0 0 15px 0;
		padding: 15px 0 0 0;
		font-size: 0.7em;
		color: #B7B7B7;
		}
		
		#wrapper>#footer p { margin: 0; padding: 15px 0 15px 0; } /* FF Specific */
			
			
.clear {clear: both; }
		
.graphic {float: left; margin: 0 10px 0 0; }