﻿SexRPG
*	{
	padding: 0px;
	margin: 0px;
	}
html, body	{
	min-height: 100%;
	width: 100%;
	margin: 0px;
	}
body	{
	color: #333;
	font: 75% Verdana, Arial, Sans-Serif;
	background: #FFF;
	min-width: 1002px;
	}
div	{
	border: 0px solid black;
	}
img	{
	border:0;
	}
a	{
	text-decoration: none;
	color: #ca0012;
	}
a:hover	{
	text-decoration: none;
	}
a:visited	{
	}
p	{
	padding: 10px 0px 10px 0px;
	}
ul, ol	{
	padding-left: 30px;
	}
ul li	{
	padding: 3px
	}
dt	{
	}
dd	{
	margin-bottom: 20px
	}
h1, h2, h3	{
	color: red
	}
h1	{
	font-size: 150%;
	font-weight: 600;
	margin: 10px 0px;
	}
h2	{
	font-weight: 600;
	font-size: 132%;
	font-size: 110%;
	margin: 10px 0px;
	}
h2 a	{
	text-decoration: none
	}
h2 a:hover	{
	text-decoration: underline
	}
h3 {
	font-size: 123%;
	font-weight: 400;
	margin: 10px 0px;
}
h3 a	{
	text-decoration: none
	}
h3 a:hover	{
	text-decoration: underline
	}
h4 {
	font-weight: 600;
	font-size: 113%;
	margin: 10px 0px;
}
h5	{
	font-size: 100%;
	margin: 5px 0px;
}
.active	{
	font-weight: 600;
	color: #ff0000
	}
/*=========================*//*=========================*/
#logo	{
	position: absolute;
	top: 85px;
	left: 0px;
	width: 288px;
	height: 142px;
	background: url('logo.jpg') top left no-repeat;
	z-index: 1;
	}

	#logo a	{
		display: block;
		width: 100%;
		height: 100%;
		}
/*=========== Девушки ==============*/
#top-girl	{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 170px;
	height: 292px;
	background: url('http://sexrpg.ru/i/top-girl/1px.png') top left no-repeat;
	z-index: 3;
	}

#bottom-girl	{
	position: absolute;
	bottom: 100px;
	right: 0px;
	width: 153px;
	height: 361px;
	background: url('bottom-girl.png') top left no-repeat;
	}
/*=========== Заголовки ==============*/
div.right-marker h2, div.right-marker a, div.left-marker h2, div.left-marker a	{
	color: red;
	display: inline;
	letter-spacing: -1px;
	font-size: 12px;
	font-weight: 600;
	}
div.left-marker div, div.right-marker div	{
	display: inline;
	}

div.left-marker	{
	background: url('left-marker-repeats.gif') 0px -7px repeat-x;
	width: 100%;
	margin-top: 10px;
	}
	
	div.left-marker h2, div.left-marker a	{
		background: url('left-marker.jpg') 0px 0px no-repeat;
		height: 21px;
		padding: 5px 0px 0px 41px;
		}
	div.left-marker span	{
		background: url('left-marker-bg.gif') top left repeat-x;
		padding: 5px 0px 0px 0px;
		}
	div.left-marker div	{
		background: url('left-marker-right.jpg') 100% 0px no-repeat;
		padding: 5px 15px 0px 0px;
		}


div.right-marker	{
	background: url('left-marker-repeats.gif') 0px 0px repeat-x;
	width: 100%;
	height: 24px;
	}
	
	div.right-marker h2, div.right-marker a	{
		background: url('right-marker.jpg') 100% -28px no-repeat;
		height: 19px;
		padding: 5px 53px 0px 0px;
		float: right;
		}
	div.right-marker div	{
		background: url('right-marker.jpg') -31px 0px no-repeat;
		padding: 5px 0px 0px 22px;
		}
	div.right-marker span	{
		background: url('right-marker-bg.gif') top left repeat-x;
		padding: 5px 0px 0px 0px;
		}


/*=========== Оформление ==============*/
#block	{
	width: 100%;
	min-height: 100%;
	position: relative;

	}
/*=========== Верх ==============*/
#header	{
	margin-top: 5px;
	height: 295px;
	overflow: hidden;
	position: relative;
	z-index: 0
	}
	
	
	#top-line	{
		height: 105px;
		overflow: hidden;
		background: #FFFFFF
		}
		
		#forum	{
			float: right;
			width: 335px;
			}

			#forum .left-marker	{
				margin-top: 5px;
				background-position: 0px -5px;
				}
				#forum .left-marker h2	{
					background: url('left-marker-forum.jpg') -14px 0px no-repeat;
					padding: 7px 0px 0px 41px;
					}
				#forum .left-marker span	{
					background: url('right-marker-bg.gif') top left repeat-x;
					}
				#forum .left-marker div	{
					background: url('left-marker-forum-right.jpg') 100% 0px no-repeat;
					}
			#forum p	{
				margin-right: 25px;
				}

		#sex-games	{
			right: 335px;
			left: 0px;
			position: absolute;
			height: 100px;
			z-index: 2;
			top: 0px;
			}
			
			#sex-games ul	{
				margin-left: 150px;
				}

				#sex-games li	{
					float: left;
					width: 20%;
					list-style: none;
					height: 50px;
					}
					#sex-games li a	{
						width: 80px;
						height: 20px;
						display: block;
						padding-top: 40px;
						text-align: center;
						color: #FFF;
						font-weight: 600
						}

			#sex-games .right-marker	{
				width: 320px;
				}

				#sex-games .right-marker h2	{
					margin-top: 0px;
					}


	#middle-line	{
		height: 125px;
		overflow: hidden;
		background: #fafafa url('middle-line.jpg') top left repeat-x;
		}
		
		#auth	{
			float: right;
			width: 175px;
			padding-right: 25px;
			}

			#auth h3	{
				color: #FFF;
				text-align: right;
				margin-bottom: 0px;
				}
			#auth label	{
				float: left;
				color: #FFF;
				margin: 5px 0px;
				}
			#auth input	{
				float: right;
				width: 115px;
				border: 1px solid #a9a0a0;
				clear: right;
				margin: 2px 0px;
				background: #FFF;
				}
			#auth input[type=image]	{
				width: 53px;
				height: 16px;
				border: 0px;
				float: right
				}

		#banner	{
			margin: 25px 210px 15px 320px;
			}
		#banner a	{
			display: block;
			width: 468px;
			height: 60px;
			/*width: 100%;
			height: 80px;*/
			background: #FFF
			}

		
	#bottom-line	{
		height: 65px;
		overflow: hidden;
		background: url('bottom-line.gif') top left repeat-x;
		}
		#bottom-line ul	{
			margin-left: 150px;
			padding: 0px;
			}
		#bottom-line li	{
			font-size: 120%;
			display: inline;
			background: url('markers.jpg') 0px -14px no-repeat;
			padding: 0px 20px;
			}
		#bottom-line li a	{
			color: #FF0000;
			font-weight: 600;
			}
		#bottom-line li.active	{
			background: url('markers.jpg') -14px 0px no-repeat;
			text-decoration: underline
			}

/*=========== Середина ==============*/
#middle	{
	}

	#first-line	{
		height: 321px;
		overflow: hidden;
		}

		#menu	{
			width: 205px;
			height: 321px;
			float: left;
			background: url('menu.jpg') top left no-repeat;
			padding-top: 40px;
			}
			#menu li, #menu a	{
				color: #FFF;
				font-weight: 600;
				padding: 7px 0px;
				list-style-type: none
				}
		#announce	{
			margin-left: 205px;
			}
			
			#announce-left	{
				width: 33%;
				float: left;
				background: #fbfbfb;
				height: 321px;
				}
			#announce-right	{
				width: 33%;
				float: right;
				background: #ededed;
				height: 321px;
				}
			#announce-middle	{
				margin: 0px 33%;
				background: #f5f5f5;
				height: 321px;
				}
				#announce-middle dl	{
					padding: 0px;
					border-top: 1px solid #f5f5f5
					}
			#announce dl	{
				margin: 0px 5%;
				}
			#announce dt, #announce dd	{
				margin: 0px;
				}
			#announce dt	{
				margin-top: 10px;
				}


	#second-line, #third-line, #fourth-line	{
		background: #f5f5f5;
		border: 1px solid #f5f5f5;
		}

	#second-line ul	{
		overflow: hidden;
		}
	*html #second-line ul	{
		overflow: visible;
		height: 1%;
		}

		#second-line li	{
			float: left;
/*			width: 110px;*/
			width: 13%;
			margin: 20px 0px;
			list-style: none;
			}

	#third-line	{
		overflow: hidden;
		}

		#last-video	{
			float: right;
			width: 190px;
			}

			#last-video ul	{
				/*margin: 0px;*/
				padding-left: /*15px;*/0px;
				margin-left: 0px;
				}
			#last-video li, #last-video li a	{
				color: #000;
				list-style: none;
				}
		#video-preview	{
			margin-right: 210px;
			}

			#video-left, #video-right, #video-middle	{
				padding: 10px 0px;
				margin: 0 auto; 
				}
			#video-left a, #video-right a, #video-middle a	{
				margin: 0px 10%;
				}
			#video-left	{
				float: left;
				width: 33%;
				}
			#video-right	{
				float: right;
				width: 33%;
				}
			#video-middle	{
				height: 100px;
				margin: 0% 33%
				}


	#fourth-line	{
		}

		#wrapper	{
			margin-right: 210px;
			overflow: hidden
			}
		*html #wrapper	{
			overflow: visible;
			height: 1%;
			}

			#article-left	{
				float: left;
				width: 33%;
				}
			#article-right	{
				float: right;
				width: 33%
				}
			#article-middle	{
				margin: 0% 33%
				}
			#wrapper dl	{
				margin: 0px 10%;
				}
			#wrapper dt, #wrapper dd	{
				margin: 0px;
				}
			#wrapper dt	{
				margin-top: 10px;
				}
	#lib	{
		margin-right: 110px;
		width: auto;
		}
	#copy	{
		margin-top: 15px;
		height: 30px;
		padding-right: 180px;
		padding-top: 15px;
		text-align: right;
		background: #f9f8f6;
		}

		#copy a	{
			color: #616161;
			}
/*=========== Низ ==============*/
#footer	{
	height: 90px;
	background: #fb0000;
	padding-top: 10px;
	}
	#footer a	{
		color: #FFF;
		margin-left: 20px;
		padding-left: 20px;
		background: url('footer-bg.gif') top left no-repeat
		}
