/*-------------------------------------------------------
	Title: churchbeauty.com - Master Stylesheet
	Author:ksollen@elexio.com
	Created:1/9/07
	
	-CLEAR FIX
	-HEADER
	-SIDEBAR
	-CONTENT
	-FOOTER
	-CLASSES
-------------------------------------------------------*/
* {
	list-style:none;
	margin:0;
	padding:0;
}

body {
	background:url(../images/Background.png) repeat-x;
	font: 9pt "Trebuchet MS", Arial, Helvetica, Sans-serif;
	margin: 0;
	padding: 0 0 10px;
	text-align: center;
}

/*-------------------------------------------------------
	- CLEAR FIX
-------------------------------------------------------*/
.clear:after, #container:after, #header:after, #main:after, .feature:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearm#container,#header,#main,.feature {display:inline-block;}
/* Hide from IE Mac \*/
.clearm#container,#header,#main,.feature {display:block;}
/* End hide from IE Mac */

#container {
	margin:0 auto;
	text-align: left;
	width: 1000px;
}
/*-------------------------------------------------------
	HEADER
	- Utilities
-------------------------------------------------------*/
	#header {
		background:url(../images/Header-Background.png) no-repeat;
		color: #FFF;
		height:90px;
		padding:0 3px 3px 3px;
	}
		#header h1 {
			float: left;
			padding:15px 0 0 15px;
		}
			#header h1 img {
				border-width:0;
			}
		#header .utilities {
			padding:35px 20px 0 0;
		}
		#header .utilities a {
			color:#FFF;
		}
/*-------------------------------------------------------
	SIDEBAR
	- Menu
	- Search
-------------------------------------------------------*/
	#sidebar {
		background:url(../images/Sidebar-Background.png) repeat-y;
		color: #ace4ff;
		float: left;
		margin: 50px 0;
		width: 160px;
	}
		#sidebar .menu {
			background:url(../images/Sidebar-Header.png) no-repeat;		
			padding:10px 15px 5px 15px;
		}
	/*- MENU -*/
		#sidebar h3, #sidebar legend {
			font-size:12pt;
			padding:10px 0 5px 0;
		}
		#sidebar h3:first-child {
			padding:0 0 5px 0;
		}
		#sidebar li {
		}
			#sidebar a {
				color:#FFF;
				display:block;
				width: 115px;
				padding: 3px 7px;
			}
			#sidebar a:hover {
				color:#FFF;
				text-decoration:none;
			}
	/*- SEARCH -*/
		#sidebar form {
			background:url(../images/Sidebar-Footer.png) no-repeat bottom left;
			margin:0;
			padding:0 15px 15px 15px;
		}
			#sidebar form fieldset {
				border-width:0;
			}
			#sidebar form legend {
				margin:0;
			}
			#sidebar form fieldset input {
				background:#FFF;
				border:#676767 1px solid;
				padding:2px;
				width:90px;
			}
			#sidebar form fieldset .submit {
				background:#b4d3f2 url(../images/Submit-Background.gif) repeat-x;
				border:#676767 1px solid;
				cursor:pointer;
				font-size:8pt;
				font-weight:bold;
				margin:0 0 0 2px;
				padding:3px 0;
				text-transform:uppercase;
				width:25px;
			}

	#text_link_ads {
		margin: 0;
		padding: 25px 0;
		width: 160px;
		background-color: #FFF;
	}

	#image_ads {
		margin: 0 auto;
		padding: 40px 10px;
		width: 140px;
		background-color: #FFF;
		color: #000;
	}

	#image_ads * {
		margin: 0;
		padding: 0;
	}

	#image_ads h3 {
		margin: 0 0 1em;
		font-size: 11px;
		color: #041c28;
	}

	#image_ads h3 a:link,
	#image_ads h3 a:visited {
		color: #041c28;
	}

	#image_ads div {
		margin: 0 0 15px;
		font-size: 10px;
		padding: 0 0 0 3px;
	}

	#image_ads img {
		display: block;
		margin: 0 0 5px;
		border: 1px solid #d3d3d3;
		padding: 3px;
	}

	#image_ads a:link,
	#image_ads a:visited {
		display: inline;
		width: auto;
		padding: 0;
		color: #000;
	}
/*-------------------------------------------------------
	CONTENT
	- Feature
		- Feature Full
		- Feature Small
		- Comments
	- Rating	
	- Banners
	- Suggest A Site
	- Members
-------------------------------------------------------*/
	#content {
		float: right;
		margin:50px 0 0 0;
		width:780px;
	}
		#content h1 {
			font-size:12pt;
			margin:0 0 10px 0;
		}
		#content .pager {
			clear: both;
			margin:0 90px 50px 0;
			text-align: right;
		}

		#content a:link {
			color: #05222E;
		}
		
		#content a:visited {
			color: #05222E;
		}
		
		#content a:hover,
		#content a:active {
			color: #000;
		}
		
	.features {
		clear:both;
	}
/*- FEATURE -*/
		.feature {
			margin:0 0 35px 0;
		}
	/*- FEATURE FULL -*/
		.feature.full {
			clear:both;
			color:#FFF;
			line-height:1.5;
			width:740px;
		}
			.feature.full .image {
				background:url(../images/Feature-Full.jpg) no-repeat;
				display:block;
				float:left;
				height:200px;
				padding:6px 9px 9px 6px;
				width:450px;
			}
				.feature.full .image img {
					border-width:0;
				}
			.feature.full .details {
				background:#05202b url(../images/Feature-Full-Details.jpg) no-repeat top right;
				display:block;
				float:right;
				height:183px;
				margin:6px 0 0 0;
				overflow:hidden;
				padding:3px 10px 17px 10px;
				width:255px;
			}
				#content .feature.full .details h1 {
					float:none;
					margin:0;
				}
				#content .feature.full .details h1 a {
					color:#FFF;
					font-size:14pt;
					font-weight:normal;
					text-decoration:none;
				}
				#content .feature.full .details a {
					color:#ace4ff;
					text-decoration:underline;
				}
				#content .feature.full .details a:hover {
					color:#FFF;
					text-decoration:none;
				}
				.feature.full .details dl, .feature.full #details ul {
					line-height:1.75;
				}
				.feature.full .details dl * {
					display:inline;
				}
				.feature .date dt {
					background:url(../images/Icons/Calendar-Icon.png) no-repeat center left;
					padding:0 0 0 20px;
				}
				.feature .tags dt {
					background:url(../images/Icons/Tag-Icon.png) no-repeat center left;
					padding:0 0 0 20px;
				}
				.feature .feature-links li {
					display:inline;
					margin:4px 0 0 0;
					padding:0 0 0 10px;
				}
				.feature .feature-links .view-comments {
					background:url(../images/Icons/Comment-Icon.png) no-repeat center left;
					padding:0 0 0 20px;
				}
				.feature .feature-links .favorites {
					background:url(../images/Icons/Add-Icon.png) no-repeat center left;
					display:block;
					padding:0 0 0 20px;
				}
	/*- FEATURE SMALL -*/
		.feature.small {
			float:left;
			height:150px;
			margin:0 0 50px;
			width:315px;
		}

		.feature.small.two {
			margin:0 0 50px 65px;
		}

			.feature.small .image {
				background:url(../images/Feature-Small.jpg) no-repeat;
				display:block;
				float:left;
				height:135px;
				margin:0 0 3px 0;
				padding:6px 9px 9px 6px;
				width:300px;
			}
			.feature.small img {
				border-width:0;
				height:135px;
				width:300px;
			}
			
			.feature.small h2 {
				position: relative;
				color:#031b26;
				float:left;
				font-size:11pt;
			}
			
				.feature.small h2.with_rating {
					width: 185px;
					padding: 0 130px 0 0;
				}
			
			.feature.small h2 span {
				position: absolute;
				display: block;
				top: 0;
				right: 0;
				height: 25px;
				background: url(../images/star_white.gif) left center repeat-x;
				text-indent: -9999em;
			}
			
				.feature.small h2 span.r {
					width: 0;
				}
			
				.feature.small h2 span.r1 {
					width: 25px;
				}
			
				.feature.small h2 span.r2 {
					width: 50px;
				}
			
				.feature.small h2 span.r3 {
					width: 75px;
				}
			
				.feature.small h2 span.r4 {
					width: 100px;
				}
			
				.feature.small h2 span.r5 {
					width: 125px;
				}
			
			.feature.small .remove {
				background:url(../images/Icons/Delete-Icon.png) no-repeat center left;
				float:right;
				padding:0 5px 0 20px;
			}
			
/*- COMMENTS -*/
		.feature.full .comments {
			background:url(../images/Comments-Background.png) no-repeat;
			clear:both;
			float: left;
			width:725px;
			color:#333;
			font-size:9pt;
			margin:10px 0 0 0;
			padding:35px 5px 5px 10px;
			position:relative;
		}
			.feature.full .collapse {
				position:absolute;
				top:0px;
				right:85px;
			}
			.feature.full .post-comment {
			}
			.feature.full .comments li {
				margin:0 0 15px 0;
			}
			
			.feature.full .comments li li {
				margin:0 0 15px 0;
			}
			
			.feature.full .comments li li p {
				margin: 0 0 1em;
			}

			.feature.full .comments h3 {
				color:#000;
				font-size:10pt;
				font-weight:normal;
			}
				.feature.full .comments h3 a {
					font-weight:bold;
				}
			.feature.full .comments form {
				margin: 20px 0 0;
			}
				.feature.full .comments form fieldset {
					background:#eef5f9;
					border:#0e3443 1px solid;
					padding:10px;
				}
				
				.feature.full .comments form fieldset dl {
					margin: 0 0 8px
				}
				
					.feature.full .comments form fieldset div {
						margin: 0 0 8px;
					}
					
				.feature.full .comments form fieldset input.textfield {
					width: 300px;
				}
					
				.feature.full .comments form fieldset textarea {
					width: 99%;
				}
				
/*- RATING -*/

div.rating {
	background:url(../images/star.gif) top left repeat-x;
	height:25px;
	margin:5px 0;
	position:relative;
	width:125px;
}

	div.rating div
	{
		position: absolute;
		z-index: 5;
		background: url(../images/star.gif) left center;
		height: 25px;
	}
					
	div.rating.r div {
		width: 0;
	}
				
	div.rating.r1 div {
		width: 25px;
	}
	
	div.rating.r2 div {
		width: 50px;
	}
	
	div.rating.r3 div {
		width: 75px;
	}
	
	div.rating.r4 div {
		width: 100px;
	}
	
	div.rating.r5 div {
		width: 125px;
	}

	div.rating div ul
	{
		position: absolute;
		z-index: 10;
		width: 125px;
		height: 25px;
	}

		div.rating div ul li
		{
			/*\*/
			float: left;
			/* */
		}
	
			div.rating div ul li a {
				display:block;
				height:25px;
				position:absolute;
				text-indent:-9000px;
				width:25px;
				z-index:20;
			}
			
			div.rating div ul li a:hover {
				background:url(../images/star.gif) left bottom;
				left:0px;
				z-index:2;
			}
					
					.rating a.one-star {left:0;}
					.rating a.one-star:hover {width:25px;}
					.rating a.two-stars {left:25px;}
					.rating a.two-stars:hover {width:50px;}
					.rating a.three-stars {left:50px;}
					.rating a.three-stars:hover {width:75px;}
					.rating a.four-stars {left:75px;}
					.rating a.four-stars:hover {width:100px;}
					.rating a.five-stars {left:100px;}
					.rating a.five-stars:hover {width:125px;}
					
	/*- BANNERS -*/
		.banner {
			padding:0 5px 35px 5px;
			width:740px;
		}
			.banner div {
				background:#eef5f9;
				border:#031b26 1px solid;
			}
			.banner div.large {
				height:90px;
				width:728px;
			}
			.banner img {
				display:block;
			}
			.banner a {
				text-align:right;
			}

	/*- SUGGEST A SITE -*/
		body.suggest fieldset {
			border: 0;
		}
		
			body.suggest dl {
				margin: 0 0 8px;
			}
		
			body.suggest dl input.textfield {
				width: 300px;
			}
		
			body.suggest dl textarea {
				width: 99%;
			}
	/*- SUGGEST A SITE -*/
	
	/*- ADVERTISE -*/
		body.advertise fieldset {
			border: 0;
		}
		
			body.advertise dl {
				margin: 0 0 8px;
			}
		
			body.advertise dl input.textfield {
				width: 300px;
			}
		
			body.advertise dl textarea {
				width: 99%;
			}
	/*- ADVERTISE -*/
	
		body.member div#content {
			float: none;
			width: 992px;
			margin: 0 auto;
			padding: 0 0 10px;
		}

/*-------------------------------------------------------
	FOOTER
-------------------------------------------------------*/
	#footer {
		border-top:#041E28 1px solid;
		clear: both;
		padding:10px;
	}
		#footer p {
			float:left;
		}

		#footer a:link {
			color: #05222E;
		}
		
		#footer a:visited {
			color: #05222E;
		}
		
		#footer a:hover,
		#footer a:active {
			color: #000;
		}
/*-------------------------------------------------------
	CLASSES
-------------------------------------------------------*/
	.hide {
		display:none;
	}
	.utilities {
		float:right;
	}
		.utilities li {
			display:inline;
			padding:0 10px;
		}
		.utilities li:first-child {
			background:url(../images/Icons/Feed-Icon.png) no-repeat center left;
			padding:0 10px 0 20px;
		}
			.utilities li a {
				text-decoration:none;
			}