body {
    margin: 0;
    padding: 0;
    background-color: #bee3fe;
    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:930px;
	height:54px}
	
	#top .bookmark{
		position:absolute;
		right:0;
		bottom:10px}
		
		#top .bookmark a {
			color: #554d3a;
			font-family:'trebuchet ms', verdana, helvetica;
			font-size:16px;
			font-weight:bold}

#breadcrumb{
	color:#ffd980}
	
	#breadcrumb span{
		color:#fff}
	
	#breadcrumb a{
		color:#fff}
	
	#breadcrumb a:hover{
		text-decoration:underline}

#body{
	width:930px;
	margin:0 auto}
* html #body{
	margin:-2px auto 0 auto}
	
	#content{
		width:701px;
		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-color: #7ec7fc;
			border: solid 4px #bee3fe;
            border-bottom: 0;
        }
		* html #content .title {
			margin:1px 0 0 0
        }
        #content .title h1 {
            font-size: 18px;
            margin: 0;
        }
		
		#content .panel {
			margin:1px 0 0 0;
			padding:14px;
			background-color: #5e94bd;
			border: solid 4px #bee3fe;
        }
			
#content .panel .list_layout {
    float: left;
    clear: none;
    width: 300px;
    height: 250px;
	padding: 0;
    margin: 8px;
    border: 0;
    overflow: hidden;
}

				#content .layout-tooltip .list_date{
					color:#bee3ff}
				
				#content .layout-tooltip .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 {
    width: 670px;
}
			#content .panel .view_layout h2 {
				color:#fff;
				font-size:18px;
                margin: 0;
                }
			
			#content .panel .view_layout .date{
				color:#bee3ff}
			
			#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 {
				float: left;
                margin: 8px;
                padding: 0;
                border: 0;
                width: 300px;
                height: 250px;
                overflow: hidden;
            }
				
				#content .panel .view_layout .thumb img {
					border: 0
                }
			
			#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 #ffb200}
#content .panel .view_layout ul.layout_toplist {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#content .panel .view_layout ul.layout_toplist li {
    float: left;
    clear: none;
    margin: 4px;
    border: 0;
    text-align: center;
    width: 120px;
    height: 120px;
    overflow: hidden;
}

#content .panel .view_layout ul.layout_toplist li h3, #content .panel .view_layout ul.layout_toplist li p {
    margin: 0;
    font-size: 9px;
    width: 120px;
    height: 11px;
}

		#content .pagination{
			margin:1px 0 0 0;
			padding:6px 14px;
			overflow:hidden;
			color:#555;
			font-family:helvetica, tahoma, arial;
			font-size:18px;
			background-color: #5e94bd;
			border: solid 4px #bee3fe;
            border-top: 2px;
            }
			
			#content .pagination .current{
				color:#ffccbf;
				font-size:110%}
			
			#content .pagination a{
				color:#bee3ff}
			
			#content .pagination a:hover{
				text-decoration:underline}

	#menu{
		margin:0 0 0 702px}
		
		#menu .title{
			margin:1px 0 0 0;
			padding:6px 14px;
			overflow:hidden;
			color: #ffecbf;
			font-family:helvetica, tahoma, arial;
			font-size:18px;
			background-color: #7ec7fc;
			border:solid 4px #bee3fe;
            border-bottom: 0;
            }
			
		#menu .panel{
			margin:1px 0 0 0;
			padding:6px;
			background-color: #5e94bd;
			border:solid 4px #bee3fe;
        }
			
			#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 #ffecbf;
					overflow:hidden}
				* html #menu .panel ul li{
					border-bottom-style:solid}
				
				#menu .panel ul li a{
					color:#ff9980;
					display:block}
				#menu .panel ul li a:hover{
					text-decoration:underline}
				
				#menu .panel ul li span{
					font-size:10px;}
			
			#menu .panel ol{
				margin:0 0 0 14px;
				padding:8px 14px 8px 30px;
				font-weight:bold;
				font-size:12px;}
				
				#menu .panel ol li{
					padding:5px 0;
					border-bottom:1px dotted #ffecbf}
				* html #menu .panel ol li{
					border-bottom-style:solid}
				
				#menu .panel ol li a{
					color:#bee3ff;
					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 #ffecbf;
					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: #fff6e1}

		#menu_view_top10{
			color:#fff6e1}
		
		#menu_view_links{
			color:#fff6e1}

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


.layout-tooltip {
	position:absolute;
	z-index:99;
    background: #1c3c53;
	border:solid 2px #bee3fe;
    width: 180px;
    height: 70px;
    padding: 8px;
}

.layout-tooltip h2 {
    font-size: 14px;
    margin: 2px 0 2px 0;
}

.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: 15px
}
.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;
}

.ad-layout, .ad-list, .ad-layout2 {
    border: 0;
    padding: 0;
    background: #003366;
    overflow: hidden;
}

.ad-layout, .ad-list {
    width: 300px;
    height: 250px;
    margin: 8px;
    float: left;
    clear: none;
}

.ad-layout2 {
    width: 468px;
    height: 60px;
    margin: 0 auto 8px auto;
}

.clear {
    clear: both;
    height: 1px;
    margin-bottom: -1px;
    line-height: 0px;
    display: block;
    font-size: 0px;
}