/**
 * @author DBCorp
 * @version 1.0
 * @package pornorama.nl
 */

* {
	margin:0;
	padding:0;}
a {
	cursor:pointer;
	text-decoration:none;}
ul {
	list-style:none;}
h1 {
	text-indent:-9999px;}
input, img, a {
	border:0;
	outline:none;}
html, body {
	height: 100%;}
html {
	overflow-y:scroll;}
body {
	color:#434343;
	background:url(../img/bg.gif) repeat-x #FFF;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;}
#container {
	width:930px;
	margin:0 auto;
	position: relative;}	
	
	#rightbg {
		top:0;
		right:-53px;
		width:53px;
		height:134px;
		z-index:9;
		position:absolute;
		background:url(../img/right.png) no-repeat;}
	
	#header {
		height:166px;
		position:relative;
		background:url(../img/pornorama.png) no-repeat;}
		
		/*--/ SEARCH \--*/
		#search {
			left:0px;
			bottom:4px;
			position:absolute;}
		#search .input {
			float:left;
			width:162px;
			height:18px;
			margin:1px 0;
			padding:1px 3px;
			border:1px solid #c5c5c5;}
		#search .submit {
			width:71px;
			height:25px;
			margin:0 3px;
			cursor:pointer;
			background:url(../img/btn-search.png) no-repeat;}
		#search .submit:hover {
			background-position:left -28px;}
		/*--\ SEARCH /--*/
		
		#slogan {
			left:42px;
			bottom:36px;
			color:#FFF;
			font-size:10px;
			font-weight:bold;
			position:absolute;}
		
		#icons {
			right:0;
			bottom:0px;
			float:right;
			width:325px;
			height:50px;
			position:absolute;}
		#icons li {
			float:left;
			height:50px;
			display:block;}
		#icons li a {
			width:100%;
			height:100%;
			display:block;
			background-repeat:no-repeat;}
		#icons li a:hover {
			background-position:left -50px;}
		
		#icons li#rss { float:right;}
		
		#icons li#home,#icons li#rss { width:45px;}
		#icons li#start, #icons li#fav { width:80px;}
		#icons li#home, #icons li#start {margin-right:25px;}
		#icons li#home a { 	background-image:url(../img/icon-home.png);}
		#icons li#start a { background-image:url(../img/icon-start.png);}
		#icons li#fav a {	background-image:url(../img/icon-fav.png);}
		#icons li#rss a {	background-image:url(../img/icon-rss.png);}
	/*--/ MAIN \--*/
	#main {
		margin:10px 0;}
	#left {
		width:602px;
		float:left;}
	/*--\ MAIN /--*/
	
	/*--/ ITEMS \--*/
	.content {
		float:left;
		width:582px;
		padding:8px 5px;
		margin-bottom:10px;
		border:1px solid #ccc;}
	h2 {
		font-size:16px;
		font-weight:bold;
		padding-bottom:8px;}
	h3 {
		clear:both;
		padding:1px;
		font-size:11px;
		font-weight:normal;}
	
	#player,
	.item .image {
		float:left;
		border:1px solid #4f4f4f;}
	
	.item {
		float:left;
		width:296px;
		position:relative;
		overflow:hidden;
		margin:10px 8px 0 10px;}
	.item .info {
		float:left;
		width:167px;
		height:70px;
		position:relative;}
	.item .date {
		left:0;
		bottom:2px;
		position:absolute;
		color:#363636;
		margin-top:3px;}
	.item .title {
		color:#07678f;
		font-weight:bold;
		background-image:url(../img/item-top.png);}
	
	.item .image {
		width:120px;
		height:67px;
		margin-right:4px;
		position:relative;}
	.item .image img {
		z-index:1;
		position:absolute;}
	.item .image .play {
		top:0;
		left:0;
		width:158px;
		height:118px;
		z-index:11;
		cursor:pointer;
		position:absolute;
		background:url(../img/play.png) no-repeat;}
	.item:hover .image {
		border-color:#bd34c1;}
	.item:hover .play {
		background-position:left -65px;}
		
		
	.btn-content {
		float:left;
		clear:both;
		width:581px;
		height:51px;
		display:block;
		margin:8px 0;
		color:#FFFFFF;
		font-size:16px;
		font-weight:bold;
		line-height:50px;
		text-align:center;
		background:url(../img/btn-content.gif) no-repeat;}
	.btn-content:hover {
		text-decoration:underline;
		background-position:left -51px;}
	/*--\ ITEMS /--*/	
	
	
	#right {
		float:right;
		width:325px;
		height:988px;
		overflow-y:auto;
		overflow-x:hidden;
		position:relative;
		border:1px solid #ccc;}
	#rightinner {
		float:left;
		width:304px;
		margin-bottom:5px;}