*{
	margin:0;
	padding:0;
}

a{
	text-decoration:none;
	color:blue;
	outline:0;
}

	a:hover{
		color:red;
	}

body{
	margin:20px 5px 20px 15px;
	font:10pt sans-serif;
}

#header{
	height:50px;
	margin:0 auto 10px auto;
	width:960px;
}

	#header #logo{
		float:right;
		background:url(images/logo.jpg) no-repeat;
		width:255px;
		height:50px;
		margin-right:385px;
	}
	
		.logo{
			position:absolute;
			padding:25px 115px;
		}
	
	#header #menu{
		float:left;
		margin:18px 0 0 7px;
	}
	
		#header #menu a{
			font:10pt arial;
			color:#555;
			padding:5px 10px;
			border-left:1px solid #bbb;
		}
		
			#header #menu a:hover{
				color:#000;
				
			}
			
			#header #menu a span {  
				display: none;  
				padding: 2px 3px;  
				margin-left: -65px;  
				width: 130px;  
			}  
			    
			#header #menu a:hover span{  
				display: inline;  
				position: absolute; 
				margin:30px 0 0 -65px;
				width:150px;
				text-align:center;
				background: #ffc;  
				border: 1px solid #CCCCCC;  
				color: #6C6C6C;  
			}  
			
		#header #tagline{
			background:#ffc;
			width:185px;
			text-align:center;
			font:8pt sans-serif;
			position:absolute;
			line-height:1.5em;
			border:1px solid #bbb;
			padding:5px 10px;
			color:#555;
			margin:5px 0 0 585px;
		}
		
	#search{
		display:none;
		width:950px;
		margin:10px auto;
		text-align:left;
	}
	
		#search .input{
			width:160px;
			border:1px solid #ddd;
			background:#ffc;
			margin-left:330px;
		}
		
		#search .submit{
			border:1px solid #ddd;
			font:11pt sans-serif;
			padding:2px 10px;
			background:#fff;
		}
		
		#search span{
			position:absolute;
			margin:-28px 0 0 295px;
		}
		
			#search span a{
				color:red;
				font:bold 8pt sans-serif;
			}

.box{
	width:210px;
	height:220px;
	float:left;
	border:1px solid #ddd;
	margin:5px 5px 25px 5px;
	padding:5px;
}

	.box h2{
		text-align:left;
	}

	.box h2 a{
		font:bold 10pt sans-serif;
		line-height:1.5em;
		text-align:left;
	}

	.box .content{
		margin-top:10px;
		font:9pt sans-serif;
		line-height:1.5em;
		color:#777;
	}
	
	.box .screenshot{
		margin:-5px 0 0 -5px;
		height:153px;
	}
	
		.box .screenshot img{
			max-height:220px;
		}
	
		.box .screenshot-des{
			background:url(images/screenshot.png);
			position:absolute;
			width:210px;
			padding:5px;
			margin:10px 0 0 -5px;
		}
		
			.box .screenshot-des h2 a{
				font:9pt sans-serif;
				color:#37F;
			}
		
			.box .screenshot-des .content{
				margin-top:-1px;
				font:7pt sans-serif;
				line-height:1.5em;
				letter-spacing:1px;
				color:#ccc;
			}
			
		.box .play{
			padding:27px 37px;
			position:absolute;
			margin:50px 70px;
			background:url(images/play.png) no-repeat center center;
		}
		
			.box .play .a_play{
				position:absolute;
				margin:-27px -37px;
				padding:26px 36px;
			}

	.box .info{
		font:8pt sans-serif;
		position:absolute;
		padding-left:20px;
		margin-top:228px;
		color:#888;
	}
	
	.box .info .comments{
		padding:1px 6px 8px 6px;
		background:url(images/comment.png) no-repeat;
	}
		
		.box .info .comments a{
			color:#f00;
		}
	
	
.twitter{
	width:212px;
	height:222px;
	float:left;
	margin:5px 5px 25px 5px;
	padding:5px;
	background:url(images/twitter.png) no-repeat center top;
}

	.twitter .avatar{
		position:absolute;
		margin:175px 0 0 5px;
		width:115px;
		text-align:right;
		font:13pt sans-serif;
	}
	
		.twitter .avatar img{
			margin-left:141px;
		}
	
	.twitter .tweet{
		width:177px;
		height:170px;
		margin:0 0 0 15px;
		font:9pt sans-serif;
		line-height:1.5em;
	}
	
	
	.twitter .info{
		font:8pt sans-serif;
		position:absolute;
		padding-left:20px;
		margin-top:229px;
		color:#888;
	}
	
	

#pagination{
	text-align:center;
	font:bold 10pt sans-serif;
	margin-top:20px;
}

	#pagination a{
		font:bold 10pt sans-serif;
		padding:2px 5px;
		border:1px solid #bbb;
		color:#777;
	}
	
		#pagination a:hover{
			color:#000;
			border:1px solid #000;
		}


	

#single{
	width:950px;
	margin:0 auto;
}	
	
	#single #content{
		width:570px;
		float:left;
	}
	
		#single #content #back{
			border-top:1px dotted #bbb;
			border-bottom:1px dotted #bbb;
			padding:3px 0 3px 10px;
			margin-bottom:15px;
		}
	
		#single #content h2{
			font:bold 17pt sans-serif;
		}
		
		#single #content .date{
			color:#888;
			font:bold 11pt sans-serif;
		}
	
		#single #content p{
			margin-bottom:20px;
			font:12pt sans-serif;
			line-height:1.5em;
		}
		
			#single #content p ul li{
				list-style:square;
				margin-left:50px;
			}
		
		#single #content .screenshot{
			text-align:center;
		}
		
		#single #content .img{
			float:left;
			margin-right:10px;
		}

			#single #content .img img{
				
				max-width:320px;
			}
			
		#single #content #tags{
			font-weight:bold;
			margin-bottom: 20px;
		}
		
		#single #content #comments_container{
			border-top:1px solid #ddd;
			padding-top:5px;
			margin-top:20px;
			font:10pt sans-serif;
		}
			
			#single #content #comments_container .dsq-comment-header{
				font:13pt sans-serif;
				padding-top:5px;
				height:27px;
			}
			
				#single #content #comments_container .dsq-comment-header img{
					margin-top:2px;
				}
			
			#single #content #comments_container .dsq-comment-message{
				font:13pt sans-serif;
			}

			#single #content #comments_container .dsq-comment-footer a{
				font:9pt sans-serif;
				color:#888;
			}
				
				#single #content #comments_container .dsq-comment-footer a:hover{
					color:red;
				}
				
	#single #contact{
		width:570px;
		float:left;
		font:12pt sans-serif;
	}
	
		#single #contact input{
			padding:3px 10px;
			font:11pt sans-serif;
			border:1px solid #bbb;
			margin:3px 0 15px 20px;
			width:500px;
		}
		
		#single #contact input:focus{
			background:#ffc;
		}
		
		#single #contact textarea{
			padding:5px 10px;
			font:11pt sans-serif;
			border:1px solid #bbb;
			margin:3px 0 15px 20px;
			width:500px;
		}
		
		#single #contact textarea:focus{
			background:#ffc;
		}
		
		#single #contact label span{
			color:#999;
		}

#sidebar{
	float:right;
	width:350px;
}
	#sidebar #tagline{
		background:#FFFFCC;
		/*border:2px solid #ffd324;*/
		border:2px solid #FFFFCC;
		padding:10px;
		font:11pt sans-serif;
		line-height:1.5em;
		color:#555;
		margin-right:5px;
		margin-bottom:15px;
	}

		#sidebar #tagline strong{
			
			font:bold 11pt sans-serif;
		}

	#sidebar #search{
	
	}
		
		#sidebar #search form{
			border-top:1px solid #888;
			background:#efefef;
			padding:10px;
			margin-bottom:15px;
		}

	
	#sidebar #tags a{
		color:#888;
	}
	
		#sidebar #tags a:hover{
			color:#f00;
		}
	
	
	#sidebar #follow{
		margin-top:15px;
	}
	
		#sidebar #follow h3{
			border-bottom:1px solid #bbb;
			text-align:left;
			margin-bottom:5px;
		}
		
		#sidebar #follow .delicious{
			float:left;
			width:125px;
			background:url(images/icons/delicious.png) no-repeat;
			padding-left:20px;
			margin-left:45px;
		}
		
		#sidebar #follow .facebook{
			float:left;
			background:url(images/icons/facebook.png) no-repeat;
			padding-left:20px;
			margin-bottom:10px;
		}
		
		#sidebar #follow .flickr{
			float:left;
			width:125px;
			background:url(images/icons/flickr.png) no-repeat;
			padding-left:20px;
			margin-left:45px;
		}
		
		#sidebar #follow .twitterf{
			float:left;
			width:125px;
			background:url(images/icons/twitter.png) no-repeat;
			padding-left:20px;
		}

#footer{
	border-top:1px solid #ddd;
	margin:20px 0 10px 0;
	padding:3px 20px;
	color:#777;
	font:9pt sans-serif;
}