body{
	margin:0;
	padding:0;
	background:#101010 url(images/body_bg.gif) 0 0 repeat-x;
	font-family:tahoma, arial, verdana;
	font-size:11px;
	color:#fff}
	p{
		margin:0;
		padding:0}
	form{
		margin:0;
		padding:0}
	a{
		text-decoration:none}

#top{
	position:relative;
	margin:0 auto;
	width:730px;
	height:154px}
	
	#top .bookmark{
		position:absolute;
		right:0;
		bottom:10px}
		
		#top .bookmark a{
			color:#fff;
			font-family:'trebuchet ms', verdana, helvetica;
			font-size:16px;
			font-weight:bold}

#header{
	width:730px;
	height:111px;
	margin:0 auto}

	#totalogo{
		width:454px;
		height:118px;
		float:left;}

	#search{
		width:501px;
		height:111px;
		float:left;
		background:url(images/search_bg.jpg) 0 0 no-repeat}
	* html #search{
		margin:0 -3px 0 0}
		
			#search .links{
				padding:12px 0 0 0;
				text-align:center}
				
				#search .links a{
					padding:0 2px;
					margin:0 2px;
					color:#d9e2c7;
					font-size:10px;
					font-weight:bold;
					text-transform:capitalize;
					border-bottom:solid 1px #d9e2c7}
					
				#search .links a:hover{
					color:#fff;
					border-bottom:solid 1px #fff}

			#search .search_form p{
				padding:16px 0 0 0;
				text-align:center}
				
				#search img{
					margin:0 10px 3px 0;
					vertical-align:middle;
					cursor:pointer}
			
				#search .textbox{
					width:450px;
					background:#cbd8b5;
					border:solid 1px #adbf8e}
					
				#search .datebox{
					width:80px;
					margin:0 0 0 10px;
					font-size:9px;
					background:#cbd8b5;
					border:solid 1px #adbf8e}
				
				#search .submit{
					margin:0 0 0 80px;
					font-size:9px;
					font-weight:bold;
					background:#cbd8b5;
					border:solid 1px #adbf8e;
					cursor:pointer}
	
	#id_form{
		margin:0 0 0 502px;
		width:228px;
		height:111px;
		background:url(images/ad_block.jpg) 0 0 no-repeat}
	* html #id_form{
		margin:-111px 0 0 502px}
		
		#id_form .form{
		padding:15px 0 0 5px}
		
		#id_form p{
				padding:12px 0 0 0;
				text-align:center;
				color:#faeee4;
				font-size:10px;
				font-weight:bold;
				text-transform:capitalize}
				
		#id_form form{
			padding:16px 0 0 0;
			text-align:center}
			
		#id_form .textbox{
			background:#f9dac0;
			border:solid 1px #ecbb92}

		#id_form .submit{
			margin:17px 0 0 100px;
			font-size:9px;
			font-weight:bold;
			background:#f9dac0;
			border:solid 1px #ecbb92;
			cursor:pointer}

#breadcrumb{
	color:#555}
	
	#breadcrumb span{
		color:#a0b319}
	
	#breadcrumb a{
		color:#61900e}
	
	#breadcrumb a:hover{
		text-decoration:underline}

#body{
	width:730px;
	margin:0 auto}
* html #body{
	margin:-2px auto 0 auto}
	
	#content{
		width:501px;
		float:left}
	* html #content{
		margin:0 -3px 0 0}
		
		#content .title{
			margin:0 0 0 0;
			padding:6px 14px;
			overflow:hidden;
			color:#e5e5ee;
			font-family:helvetica, tahoma, arial;
			font-size:18px;
			background:#202020 url(images/content_title_bg.gif) 0 0 no-repeat;
			border:solid 2px #515151}
		* html #content .title{
			margin:1px 0 0 0}
		
		#content .panel{
			margin:1px 0 0 0;
			padding:14px;
			background:#2f2f2f url(images/content_panel_bg.gif) 0 0 no-repeat;
			border:solid 2px #515151}
			
			#content .panel .list_layout{
				position:relative;
				padding:10px;
				border-bottom:1px dotted #5a5a5a}
			* html #content .panel .list_layout{
				border-bottom-style:solid}
			
				#content .panel .list_layout .list_thumb{
					float:left;
					padding:0 16px 0 0}
				#content .panel .list_layout .list_title{
					padding:5px 0 0 0}
				
				#content .panel .list_layout .list_date{
					color:#00dae4}
				
				#content .panel .list_layout .list_views{
					padding:5px 0 0 0}
				
				#content .panel .list_layout .list_comments{}
				
				#content .panel .list_layout .list_stars{
					padding:15px 0 0 0}
				
				#content .panel .list_layout .list_link_view{
					position:absolute;
					right:0;
					top:15px;
					width:97px;
					height:25px}
				
					#content .panel .list_layout .list_link_view a{
						display:block;
						padding:5px 0 0 0;
						width:97px;
						height:20px;
						color:#fff;
						font-family:arial;
						font-size:14px;
						font-weight:bold;
						text-align:center;
						background:url(images/list_buttons.gif) 0 0 no-repeat}
				
				#content .panel .list_layout .list_link_download{
					position:absolute;
					right:0;
					top:55px;
					width:97px;
					height:25px}
					
					#content .panel .list_layout .list_link_download a{
						display:block;
						padding:5px 0 0 0;
						width:97px;
						height:20px;
						color:#fff;
						font-family:arial;
						font-size:14px;
						font-weight:bold;
						text-align:center;
						background:url(images/list_buttons.gif) 0 -25px no-repeat}
			
			#content .panel .view_layout .name{
				color:#73d6eb;
				font-size:18px}
			
			#content .panel .view_layout .date{
				color:#00dae4}
			
			#content .panel .view_layout .views{
				text-align:right}
			
			#content .panel .view_layout .downloads{
				text-align:right}
			
			#content .panel .view_layout .description{
				padding:10px 0}
			
			#content .panel .view_layout .thumb{
				text-align:center}
				
				#content .panel .view_layout .thumb img{
					border:solid 4px #a0b319}
			
			#content .panel .view_layout .instructions{
				padding:10px 5px;
				margin:0 auto;
				width:300px}
			
			#content .panel .view_layout .copycode{
				text-align:center}

				#content .panel .view_layout .copycode textarea{
					margin:0;
					width:300px;
					height:100px;
					overflow:hidden;
					border:solid 4px #61900e}
		
		#content .pagination{
			margin:1px 0 0 0;
			padding:6px 14px;
			overflow:hidden;
			color:#555;
			font-family:helvetica, tahoma, arial;
			font-size:18px;
			background:#202020 url(images/content_title_bg.gif) 0 0 no-repeat;
			border:solid 2px #515151}
			
			#content .pagination .current{
				color:#a0b319;
				font-size:110%}
			
			#content .pagination a{
				color:#61900e}
			
			#content .pagination a:hover{
				text-decoration:underline}

	#menu{
		margin:0 0 0 502px}
		
		#menu .title{
			margin:1px 0 0 0;
			padding:6px 14px;
			overflow:hidden;
			color:#e5e5ee;
			font-family:helvetica, tahoma, arial;
			font-size:18px;
			background:#202020 url(images/menu_title_bg.gif) 0 0 no-repeat;
			border:solid 2px #515151}
			
		#menu .panel{
			margin:1px 0 0 0;
			padding:6px;
			background:#2f2f2f url(images/menu_panel_bg.gif) 0 0 no-repeat;
			border:solid 2px #515151}
			
			#menu .panel ul{
				margin:0;
				padding:8px 14px 8px 14px;
				font-weight:bold;
				font-size:12px;
				list-style:none}
				
				#menu .panel ul li{
					padding:5px 0;
					border-bottom:1px dotted #5a5a5a;
					overflow:hidden}
				* html #menu .panel ul li{
					border-bottom-style:solid}
				
				#menu .panel ul li a{
					color:#ff7200;
					display:block}
				#menu .panel ul li a:hover{
					text-decoration:underline}
				
				#menu .panel ul li span{
					font-size:10px;}
			
			#menu .panel ol{
				margin:0;
				padding:8px 14px 8px 30px;
				font-weight:bold;
				font-size:12px;}
				
				#menu .panel ol li{
					padding:5px 0;
					border-bottom:1px dotted #5a5a5a}
				* html #menu .panel ol li{
					border-bottom-style:solid}
				
				#menu .panel ol li a{
					color:#14bbd1;
					display:block}
				#menu .panel ol li a:hover{
					text-decoration:underline}
				
				#menu .panel ol li span{
					font-size:10px;}
			
			#menu .panel dl{
				margin:0;
				padding:8px 14px 8px 14px;
				font-weight:bold;
				font-size:12px;
				list-style:none}
				
				#menu .panel dl dt{
					padding:5px 0;
					border-bottom:1px dotted #5a5a5a;
					overflow:hidden}
				* html #menu .panel dl dt{
					border-bottom-style:solid}
				
				#menu .panel dl dt a{
					color:#61900e;
					display:block}
				#menu .panel dl dt a:hover{
					text-decoration:underline}
				
				#menu .panel dl dt span{
					font-size:10px;}

		#menu_view_layouts{
			color:#f6aa68}

		#menu_view_top10{
			color:#73d6eb}
		
		#menu_view_links{
			color:#a0b319}

#footer{
	clear:both;
	padding:20px 0;
	color:#c0c0c0;
	text-align:center}
	
	#footer a{
		color:#c0c0c0}
	#footer a:hover{
		color:#fff;
		text-decoration:underline}
	
	#footer .copyright{
		padding:5px 0 0 0;
		color:#555}


.bigimage {
	position:absolute;
	z-index:99;
	border:solid 3px #fff}









#footer .br_copyright{padding:40px 0 0 0;font-size:11px;font-family:'courier new', courier, mono}
#footer .br_copyright a:hover{text-decoration:none}
#footer .br_copyright u{color:#0A67E6;text-decoration:none}
#footer .br_copyright b{font-weight:normal;color:#ec008c}
#footer .br_copyright i{color:#043578;font-style:normal}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* End hide from IE-mac */

/*star ratng*/
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(images/starrating.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:50px;
	height:10px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
#content .panel .view_layout .star-rating{
	left:420px}
.star-rating li{
	display: inline;
}
.star-rating li span{
	display: none;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:10px;
	line-height:10px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	

/* smaller star */
.small-star{
	width:50px;
	height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image: url(images/star_small.gif);
	line-height: 10px;
	height: 10px;
}

#badgerbadgerbadge{
		position:absolute;
		left:100%;
		top:0px;
		overflow:visible;
		height:118px;
		width:114px;
		background-image:url(images/BADGE.png);
		background-repeat:no-repeat;
		background-position:-200px -200px;
		background-color:transparent;
		margin:0 0 0 -118px;
		padding:0;
		z-index:1000000000;
		border:none;
		float:none;}