/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.0
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}





/*-----------------------------------------------------------------------------
	DEFAULT
------------------------------------------------------------------------------*/
html {
	font-family: arial, helvetica, 'san serif';
	font-size: 14px;
}

body {
	
}



div.hr {
	clear: both;
	margin: 0;
	padding: 0;
}
	div.hr hr {
		display: none;
	}
	


/*-----------------------------------------------------------------------------
	TOP
------------------------------------------------------------------------------*/

#top {
	
}

	#top-left {
		border: 1px solid #b6b499;
		padding: 10px 20px;
		background: #f7f6f2;
		margin-left: 20px;
		width: 453px;
		float: left;
	}

	#top-right {
		width: 250px;
		float: right;
		margin-right: 20px;
	}

/*-----------------------------------------------------------------------------
	WRAP
------------------------------------------------------------------------------*/
#wrap {
	width: 818px;
	margin: 0 auto;
}

/*-----------------------------------------------------------------------------
	HEADER
------------------------------------------------------------------------------*/
#header {
	margin-top: 15px;
	margin-bottom: 5px;
}

	#header #sharethis {
		margin-top: 10px;
		float: right;
	}

		#header #sharethis a {
			color: #000;
			text-decoration: none;
		}


	#header h1 a {
		display: block;
		width: 378px;
		height: 51px;
		background: url("../images/logo.gif") no-repeat;
		text-indent: -5000px;
		
		float: left;
	}

	#header #mainnav {
		float: right;
		margin-top: 15px;
		display: block;
		width: 405px;
		height: 37px;
		background: url("../images/menu-bg.gif") no-repeat;
	}

		#header #mainnav ul {
			height: 37px;
			margin-left: 20px;
		}

			#header #mainnav ul li {
				display: inline;
			}

			#header #mainnav ul li span {
				font-size: 12px;
				line-height: 35px;
				padding: 0 2px;
				float: left;
				color: #444242;
			}

				#header #mainnav ul li a {
					margin-top: 4px;
					line-height: 30px;
					float: left;
					display: block;
					text-transform: uppercase;
					font-size: 12px;
					color: #444242;
					
					text-decoration: none;
					margin: 4px 0px;
					padding: 0 5px;
				}

				#header #mainnav ul li a.current, #header #mainnav ul li a:hover {
					background: #8f8e78;
					color: #fff;
				}


			#header #mainnav ul li.stats {
				float: right;
				color: #444242;
				display: block;
				padding: 0 10px;
				margin: 4px 10px 4px 0px;
				line-height: 30px;
				font-size: 11px;
			}


		#header #topnav ul {
			height: 27px;
			margin-left: 10px;
			margin-right: 10px;
			float: right;
		}

			#header #topnav ul li {
				display: inline;
			}

				#header #topnav ul li a {
					margin-top: 4px;
					line-height: 30px;
					float: left;
					display: block;
					text-transform: uppercase;
					font-size: 12px;
					color: #444242;
					
					text-decoration: none;
					margin: 4px 0px;
					padding: 0 10px;
				}

				#header #topnav ul li a.current, #header #mainnav ul li a:hover {
					background: #8f8e78;
					color: #fff;
				}

				
/*-----------------------------------------------------------------------------
	MAIN
------------------------------------------------------------------------------*/


#top {
	background: #d8d7c8;
	margin-bottom: 5px;
}

	#top .start {
		display: block;
		width: 818px;
		height: 32px;
		background: url("../images/top-top-bg.gif") no-repeat;
	}

	#top .end {
		display: block;
		width: 818px;
		height: 33px;
		background: url("../images/top-bot-bg.gif") no-repeat;
	}

/*-----------------------------------------------------------------------------
	BOTTOM
------------------------------------------------------------------------------*/

#bottom {
	background: #f3f2d5;
	margin-bottom: 5px;
}

	#bottom .start {
		display: block;
		width: 817px;
		height: 21px;
		background: url("../images/bot-top-bg.gif") no-repeat;
	}

	#bottom .end {
		display: block;
		width: 817px;
		height: 22px;
		background: url("../images/bot-bot-bg.gif") no-repeat;
	}


/*-----------------------------------------------------------------------------
	FOOTER
------------------------------------------------------------------------------*/

#footer {
	background: #f3f2d5;	
}


	#footer .start {
		display: block;
		width: 817px;
		height: 21px;
		background: url("../images/bot-top-bg.gif") no-repeat;
	}

	#footer .end {
		display: block;
		width: 817px;
		height: 22px;
		background: url("../images/bot-bot-bg.gif") no-repeat;
	}


	#footer .copy {
		margin: 0px;
		padding: 0;
		float: left;
	}

		#footer .copy p {
			padding: 12px 0;
			float: left;
			color: #7b7b77;
			margin: 0;
		}

		#footer .copy p a {
			color: #c0430b;
			font-weight: bold;
			text-decoration: none;
		}

		#footer .copy p.image {
			margin-left: 10px;
			padding: 0;
		}
	
	#footer #bottommenu {
		margin: 0px;
		float: right;
	}

	
		#footer #bottommenu ul {
			margin: 0 10px;
		}
	
			#footer #bottommenu ul li {
				display: inline;
			}

				#footer #bottommenu ul li a  {
					margin-right: 10px;
					color: #5e5b5a;
					font-weight: bold;
					text-decoration: none;
					line-height: 44px;
				}





#about h2 {
		line-height: 31px;
		font-weight: bold;
		text-transform: uppercase;
		color: #37362f;
		text-decoration: none;
}

#about p {
	line-height: 20px;
	margin-bottom: 1em;
}

	#about a {
		color: #000;
	}


/*-----------------------------------------------------------------------------
	SITE
------------------------------------------------------------------------------*/

.site {
}

	.site h2 {
		line-height: 31px;
		padding-left: 35px;
		background: url("../images/icons/website.gif") no-repeat;		

		float: left;
		font-weight: bold;
		text-transform: uppercase;
		color: #37362f;
		text-decoration: none;
	}

	.site h2 a {
		line-height: 31px;

		float: left;
		font-weight: bold;
		text-transform: uppercase;
		color: #37362f;
		text-decoration: none;
	}
	
	.site p {
		line-height: 31px;
		float: right;
		font-size: 11px;
		color: #61605c;
	}

	.site img {
		margin-top: 5px;
		clear: both;
		border: 1px solid #cecdca;
	}
	

		.site img:hover {
		}

	.site ul.controls  {
		margin-top: 5px;
	}

		.site ul.controls li {
			display: inline;
		}

			.site ul.controls li a {
				margin-right: 10px;
				float: left;
				font-size: 12px;
				color: #a73209;
				text-decoration: none;
				padding: 5px;
				border: 1px solid #f7f6f2;
			}

			.site ul.controls li a:hover {
				border: 1px solid #75756f;
				color: #57564c;
			}

			.site ul.controls li a.zoom {
				background: url("../images/icons/zoom.gif") no-repeat 5px 5px ;
				padding-left: 25px;
				margin-right: 10px;
			}

			.site ul.controls li a.redesigned {
				background: url("../images/icons/redesigned.gif") no-repeat 5px 5px;
				padding-left: 25px;
				margin-right: 15px;
			}

			.site ul.controls li a.inappropriate {
				width: 120px;
				margin-right: 0px;
				background: url("../images/icons/warn.gif") no-repeat 5px 3px;
				padding-left: 30px;
			}

.vote {
	height: 150px;
}

	.vote form {
		margin-bottom: 13px;
	}

	.vote form input {
		margin-left: 8px;
	}

	.vote form input.first {
		margin-left: 0;
	}

	.vote h2 {
		padding-left: 35px;
		background: url("/assets/images/icons/poll.gif") no-repeat;
		line-height: 30px;
		color: #37362f;
		font-weight: bold;
		font-size: 14px;
		margin-bottom: 5px;
	}

	.vote .instructions {
		color: #3c3838;
		background: #e8e7d0;
		border: 1px solid #868582;
		border-width: 1px 0;
		font-size: 12px;
		padding: 10px;
	}

		.vote .instructions strong {
			font-weight: bold;
			color: #bc410a;
		}

		.vote .instructions em {
			font-weight: bold;
		}

	.vote ol li {
		line-height: 27px;
		font-weight: bold;
	}

		.vote ol li {
			padding-left: 85px;
			margin-bottom: 5px;
		}
	
			.vote ol li.yes {
				background: url("/assets/images/buttons/yes.gif") no-repeat;
			}

			.vote ol li.no {
				background: url("/assets/images/buttons/no.gif") no-repeat;
			}

#pastdesigns {
	
}

	#pastdesigns h2 {
		display: block;
		height: 27px;
		width: 300px;
		text-indent: -5000px;
		background: url("/assets/images/past-designs.gif");
		
	}

#recently-voted-on {
	
}

	#recently-voted-on h2 {
		display: block;
		height: 27px;
		width: 300px;
		text-indent: -5000px;
		background: url("/assets/images/recently-voted-on.gif");
		
	}

	ul.votes {
		margin: 12px;
	}

		ul.votes li {
			float: left;
			margin-left: 22px;
		}

		ul.votes li.first {
			margin-left: 0px;
		}

			ul.votes li .voted-yes {
				height: 5px;
				background: url("/assets/images/icons/block-redesign.gif") repeat;
				margin: 0 0 5px 0;
				}

			ul.votes li .voted-no {
				height: 5px;
				background: url("/assets/images/icons/block-noredesign.gif") repeat;
				margin: 0 0 5px 0;
				}

			ul.votes li .voted-skip {
				height: 5px;
				background: url("/assets/images/icons/block-skip.gif") repeat;
				margin: 0 0 5px 0;
				}

			ul.votes li img{
				padding: 8px;
				background: url("/assets/images/site-thumbnail-bg.gif");
				margin: 0 0 5px 0;
			}

			ul.votes li ol {
			}

			ul.votes li ol li {
				clear: both;
				font-size: 12px;
				color: #5d5a5a;
				width: 100px;
				text-align: center;
			}

				ul.votes li ol li strong {
					font-weight: bold;
				}

	#recently-voted-on .legend  {
		text-align: center;
	}

	#recently-voted-on .legend  ul {
		width: 480px;
		padding: 10px;
		border: 1px solid #7b3309;
		text-align: center;
		margin: 12px auto ;
		background: #fff;
		color: #4d4845;
	}

		#recently-voted-on .legend ul  li {
			float: left;
			text-align: center;
			font-size:12px;
			margin-right:12px;
		}

		#recently-voted-on .legend ul li .redesign {
			padding-left: 16px;
			background: url("/assets/images/icons/block-redesign.gif") no-repeat 0 1px;
		}

		#recently-voted-on .legend ul li .noredesign {
			padding-left: 16px;
			background: url("/assets/images/icons/block-noredesign.gif") no-repeat 0 1px;
		}

		#recently-voted-on .legend ul li .skip {
			padding-left: 16px;
			background: url("/assets/images/icons/block-skip.gif") no-repeat 0 1px;
		}


.submitsuccess {
	text-align: center;
	color: #408D25;
	font-weight: bold;
}


#sitesearch {
	display: none;
	float: right;
	padding: 10px 10px 0 10px;
}

	form.sitesearchform p.url {
		float: left;
		line-height: 27px;
		margin-right: 10px;
	}

		form.sitesearchform p.url input {
			width: 200px;
			padding: 4px 0;
		}

	form.sitesearchform form p.submit {
		float: left;
		line-height: 27px;
	}


#quicksubmit {
	display: none;
	float: right;
	padding: 10px 10px 0 10px;
}

	#quicksubmit form {
	}

	#quicksubmit form .submitformerror {
		float: left;
		line-height: 27px;
		color: #AE4D12;
		margin-right: 10px;
	}

	#quicksubmit form .guard {
		display: none;
	}
	
	#quicksubmit form p.url {
		float: left;
		line-height: 27px;
		margin-right: 10px;
	}

		#quicksubmit form p.url input {
			width: 200px;
			padding: 4px 0;
		}

	#quicksubmit form p.submit {
		float: left;
		line-height: 27px;
	}







		.content_block legend{
			display:block;
			margin-bottom:10px;
			font-weight:bold;
			}
		.content_block label{
			margin:5px 0;
			}
		.content_block input, .content_block textarea{
			font-family: Arial, Verdana, sans-serif;
			display:block;
			width:620px;
			padding:5px;
			border-bottom:1px solid #ccc;
			margin-bottom:10px;
			}

		.content_block textarea {
			height: 200px;
		}
		
		
ul.flash {
	margin-bottom: 10px;
}

	ul.flash li {
		color: #AE4D12;
		font-weight: bold;
		padding: 5px;
		border: 1px solid #7F3509;
	}
	
	
h2.top {
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 1em;
}
	
ul.bestworst {
	margin: 5px 0;
}

	ul.bestworst li {
		padding: 10px;
		background: #e6e3dc;
		margin-bottom: 20px;
		font-size: 12px;
	}
	
		ul.bestworst li img {
			float: left;
			padding: 10px;
			background: #b8b7a5;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}

		ul.bestworst li .info {
			width: 265px;
			float: left;
			padding: 0 10px;
			background: #f3f2d4;
		}

			ul.bestworst li .info p {
				line-height: 47px;
				color: #ff0000;
				border-bottom: 1px solid #444;
			}

			ul.bestworst li .info p.last {
				border-bottom: 1px solid #f3f2d4;
			}

				ul.bestworst li .info p a {
					color: #ff0000;
					text-decoration: none;
				}
	
			ul.bestworst li .info p label {
				width: 100px;
				display: block;
				float: left;
				color: #444;
			}



.google_link_unit {
	text-align: center;
	margin: 5px 0;
}