* { margin: 0; padding: 0; border: none; outline: none; list-style:none; text-decoration: none;}

/*-----------------------------------------------------------------------------
		main containers
------------------------------------------------------------------------------*/

body {
	background:#fff url(/assets/img/header_back.gif) repeat-x center top;
	font-family: "Lucida Grande", "Lucida Unicode", Arial, Verdana, sans-serif;
	font-size: 80%;
	line-height:140%;
	}

#wrap{
	width:960px;
	margin:0 auto;
	}
	
#small_body{
	float:right;
	width:680px;
	}
/*-----------------------------------------------------------------------------
		tags
------------------------------------------------------------------------------*/
hr{
	clear:both;
	visibility:hidden;
	}
	
h2, .prev_fs, .recent_ss {
	display:block;
	background:#A40D00;
	color:#fff;
	padding:8px;
	}

	.recent_ss{
		text-align:right;
		
		}
		.prev_fs, .recent_ss{
			margin:20px 0;
			}
p{
	margin:10px 0;
	}
p a, td a, dd a, dt a, #ftitle a, .date_postedby a, #furl a{
	padding:2px;
	color:#555;
	background:#F7F7F7;
	}
	p a:hover, td a:hover, dd a:hover, h2 a:hover, dt a:hover, #ftitle a:hover, .date_postedby a:hover, #furl a:hover{
		color:#545C0A;
		background:#F4BD54;
		}	
				
table {
	margin:20px 0;
	border-spacing:1px;
	background-color:#FAE9BD;
	color: inherit;
	width:100%;
	}
	
td {
	margin:1px;
	padding: 10px;
	font:inherit;
	border: 1px solid #ccc;
	}
	tr.even {
		/*background:#F7FDFA;*/
		margin:1px;
		padding: 10px;
		font:inherit;
		border: 1px solid #ccc;
		}
	
thead td {
	background:#FEF7EA;
	color:#555;
	padding: 10px;
	font:inherit;
	border:none;
	text-align:left;
	}

.alignl { 
	float: left;
	width:47%;
	}
.alignr { 
	float: right;
	width:47%;
	}	
	
.paging{
	clear:both;
	padding:5px;
	background:f7f7f7;
	display:block;
	}
/*-----------------------------------------------------------------------------
		header
------------------------------------------------------------------------------*/

h1 a{
	text-indent:-9000px;
	background:url(http://coolsitecollection.com/assets/img/logo.gif) no-repeat center;
	height:100px;
	width:475px;
	display:block;
	}
	
		
/*-----------------------------------------------------------------------------
		google ads
------------------------------------------------------------------------------*/

#google_link_unit{
	height:50px;
	padding:5px 0 0 0;
	text-align:center;
	line-height:30px;
	display:block;
	}
	
	#google_main_unit{
		clear:both;
		padding:15px;
		text-align:center;
		border-bottom:1px solid #555;
		border-top:1px solid #555;
		margin:20px 0 0 0;
		}
	
/*-----------------------------------------------------------------------------
			main menu
------------------------------------------------------------------------------*/
#menu{
	width:470px;
	margin:22px auto 0;
	display:block;
	padding:5px;
	float:right;
	}
	#menu li{
		display:inline;
		}
		#menu li a{
			text-transform:uppercase;
			font-size:1.1em;
			font-weight:bold;
			padding:3px;
			color:#fff;
			background:#8A0C00;
			}
			#menu li a:hover{
				color:#545C0A;
				background:#F4BD54;
				}
/*-----------------------------------------------------------------------------
		sub nav
------------------------------------------------------------------------------*/		

#snav{
	width:200px;
	float: left;
	border-right:1px dotted #ccc;
	padding:10px 30px 10px 10px;
	margin:0 10px 10px 10px;
	}
	#snav {
		font-weight: bold;
		}
		#snav li {
			border-bottom: 1px solid #E3E3E3;
			}
		#snav li a {
			padding: 10px;
			font-weight: normal;
			text-transform: none;
			color: #333;
			border: 5px solid #fff;
			display: block;
			}
		#snav li a:hover {
			border: 5px solid #FEF7EA;
			background: #F4BD54;
			text-decoration: none;
			}
/*-----------------------------------------------------------------------------
		featured
------------------------------------------------------------------------------*/
#featured_img{
	float:right;
	}
	#featured_img img{
		padding:2px;
		border:5px solid #AE0501;
		width:550px;
		height:350px;
		}
#featured_site{
color:#fff;
	width:370px;
	background:#AE0501 url(http://coolsitecollection.com/assets/img/starfield.png) 0 0 no-repeat;
	height:154px;
	display:block;
	padding:200px 10px 10px 10px;
	}

	#featured_site li{
		background:#C73D31;
		display:block;
		padding:10px;
		}
		
#featured_site li ul{
	border:1px dashed #fff;
	padding:10px;
	height:100px;
	}

	.date_postedby{
		display:block;
		float:left;
		}

		#fstar{
			background:url(http://coolsitecollection.com/assets/img/star.gif) no-repeat;
			height:78px;
			width:58px;
			float:left;
			}
			#fstar span {
				padding:55px 0 0 0;
				display:block;
				text-align:center;
				color:#fff;
				}
				.clear{
					clear:both;
					visibility:hidden;
					}
/*-----------------------------------------------------------------------------
		cool sites
------------------------------------------------------------------------------*/

.more a{
	background:url(../img/more.gif) no-repeat;
	width:20px;
	height:20px;
	padding:3px;
	display:block;
	text-indent:-9000px;
	}
	.more a:hover{
		background:url(../img/more.gif) no-repeat;
		}
.link a{
	background:url(../img/view.gif) no-repeat;
	width:20px;
	height:20px;
	padding:3px;
	display:block;
	text-indent:-9000px;
	}
	.link a:hover{
		background:url(../img/view.gif) no-repeat;
		}
		
.not_hot_yet{
.	display:block;
	background:#ccc;
	color:#fff;
	padding:8px;
	}
	
.highlight{
	padding:5px;
	background:#C73D31;
	display:block;
	width:400px;
	}
	.highlight a, highlight a:hover{
		color:#fff;
		}
	
.ghighlight{
	padding:5px;
	background:#666;
	display:block;
	width:400px;
	}
	g.highlight a, ghighlight a:hover{
		color:#fff;
		}
	
.feed{
	float:right;
	font-size:.8em;
	color:#fff;
	}
	.feed img{
		vertical-align:middle;
		}
	
.left{
	float:left;
	width:47%;
	padding: 0 20px 0 0; 
	}
	
.right{
	float:right;
	width:47%;
	}
	
/*-----------------------------------------------------------------------------
		rate site system
------------------------------------------------------------------------------*/

.list{
	margin:10px 0;
	}
	 .li_wrap{
		border-bottom:1px dotted #C73D31;
		padding: 10px 0;
		display:block;
		float:left;
		width:49%;
		}
		.alt{
			border-bottom:1px dotted #C73D31;
			padding: 10px 0;
			display:block;
			float:right;
			width:49%;
			}
			.thumb{
				width:92px; 
				height:70px;
				float:left;
				padding:3px;
				border:1px solid #C73D31;
				}
			
			dt{
				margin:0 0 5px 0;
				font-size:1.5em;
				}
			.span_wrap{
				background:#FEF7EA;
				padding:10px;
				display:block;
				height:6.25em;
				}
				.span_wrap li{
					float:left;
					margin:0 10px 0 0;
					}
				.span_wrap dl {
					float:left;
					margin:0 10px 0 0;
					}
			.span_wrap dl dt {
                    width: 250px;
                	}
			.star{
				background:url(http://coolsitecollection.com/assets/img/star.gif) no-repeat;
				height:78px;
				width:58px;
				display:block;
				}
				.star span {
					padding:55px 0 0 0;
					display:block;
					text-align:center;
					color:#fff;
					}
			.voted{
				background:url(http://coolsitecollection.com/assets/img/voted.gif) no-repeat;
				height:78px;
				width:58px;
				display:block;
				}
				.voted span {
					padding:55px 0 0 0;
					display:block;
					text-align:center;
					color:#fff;
					}
			.fvoted{
				background:url(http://coolsitecollection.com/assets/img/fvoted.gif) no-repeat;
				height:78px;
				width:58px;
				display:block;
				}
				.fvoted span {
					padding:55px 0 0 0;
					display:block;
					text-align:center;
					color:#fff;
					}
					
.gli_wrap{
		border-bottom:1px dotted #ccc;
		padding: 10px 0;
		display:block; 
		float:left;
		width:49%;
		}
		.galt{
			border-bottom:1px dotted #ccc;
			padding: 10px 0;
			display:block;
			float:right;
			width:49%;
			}					
.gthumb{
	width:92px; 
	height:70px;
	float:left;
	padding:3px;
	border:1px solid #ccc;
	}

.gspan_wrap{
	background:#fafafa;
	padding:10px;
	display:block;
	height:6.25em;
	}
	.gspan_wrap li{
		float:left;
		margin:0 10px 0 0;
		}
	.gspan_wrap dl {
		float:left;
		margin:0 10px 0 0;
		}
.gspan_wrap dl dt {
	width: 250px;
	}
.gstar{
	background:url(http://coolsitecollection.com/assets/img/gstar.gif) no-repeat;
	height:78px;
	width:58px;
	display:block;
	}
	.gstar span {
		padding:55px 0 0 0;
		display:block;
		text-align:center;
		color:#fff;
		}
		

/*-----------------------------------------------------------------------------
		comments
------------------------------------------------------------------------------*/
.comments_left{
	float:left;
	width:600px;
	}
	
	#pvoted_on{
		float:right;
		width:295px;	
		border-left:1px dotted #ccc;
		padding:0 0 0 30px;
		}
		#pvoted_on ul{
			margin:10px 0;
			}
			#pvoted_on ul li{
				float:left;
				margin:5px .35em;
				}

/*-----------------------------------------------------------------------------
		forms
------------------------------------------------------------------------------*/


label {
	padding:10px;
	background:#F7F7F7;
	display:block;
	font-size: .8em;
	text-transform: uppercase;
	color: #000;
	margin:5px 0 10px 0;
	}
	label em {
	font-style: normal;
	font-weight: normal;
	color: #999;
	}
	
#reportproblem label{
	padding:10px;
	background:#F7F7F7;
	display:block;
	font-size: .8em;
	text-transform: uppercase;
	color: #000;
	margin:5px 0 10px 0;
	}
form textarea, form input, form select{
	display:block;
	width: 400px;
	border:1px solid;
	border-color: #000 #999 #ccc #999;
	color: #666;
	padding:3px;
	font-weight:bold;
	font-size:150%;
	font: Verdana, Arial, Helvetica, sans-serif;
	text-transform:none;
	}
form input.submit {
	color:#454545;
	margin:10px 0;
	width: 150px;
	border:1px solid;
	border-color: #000 #999 #ccc #999;
	background:#FAEAB3;
	}
	form input.submit:hover, .button:hover {
	border-color:#ccc  #999 #000 #999;
	background:#F4BD54;
	}

form input.hidden {
    border: none;
    padding:0;
    margin:0;
    visibility: hidden;
}

form input.short {
	width: 235px;
	}

	form .clear_me{
		margin:5px 0;
		clear:both;
		}
		form .checkbox{
			display:inline;
			width:20px;
			}
			
.error .message{
	padding:10px;
	background:#CC0000;
	color:#FFFFFF;
	}
	
li.even{
	padding:20px;
	background:#F1F6FE;
	border-top: 1px dotted #555;
	border-bottom: 1px dotted #555;
	margin:10px 0;
	}
li.odd{
	padding:20px;
	margin:10px 0;
	}
li.profiler_comment{
	padding:20px;
	background:#F8DDB0;
	border-top: 1px dotted #555;
	border-bottom: 1px dotted #555;
	margin:10px 0;
	color:#555;
	}
	.ctitle{
		display:block;
		text-transform:uppercase;
		font-size:.9em;
		font-weight:bold;
		color:#555;
		}
/*-----------------------------------------------------------------------------
		footer
------------------------------------------------------------------------------*/

#footer{
	font-size:.8em;
	color:#BABABA;
	border-top: 1px solid #BABABA;
	clear:both;
	margin:20px 0;
	padding:20px 0 0 0;
	}
	#footer a{
		padding:0 3px;
		background:#999;
		color:#fff;
		}
	#footer a:hover{
		padding:0 3px;
		background:#fff;
		color:#999;
		}