@charset "utf-8";
/*
CSS Document
Theme Name: InvisualCode
Theme URI: http://www.invisualcode.com
Version: 1.0
*/
html, body, div, span, applet, abbr, big, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, em, img, q, samp,  
strong, dl, dt, dd, ol, ul, li, fieldset, form, input, label, textarea, table, caption, tbody, tfoot, thead, tr, th, td {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	font-family: inherit;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	margin: 0;
	padding: 0; }
 
blockquote, q { quotes: "" ""; }
 
ol, ul { list-style: none; }
 
em { font-style: italic; }
 
strong { font-weight: bold; }
 
*, * focus { outline: none; }
 
/*	--------------------------------------------------
 
Global
 
-------------------------------------------------- */
body {
	font: 11px/20px Arial, Helvetica, sans-serif;
	background: #e0e5e5 url(../Images/bg.gif) repeat-x; }
 
a, a:hover, a:active { text-decoration: none; }
 
.indent { text-indent: -9999px; }
 
h1 , h4 , h5 { font-weight: bold; }
 
h1 {
	font-size: 28px;
	letter-spacing: -1px; }
 
h2 { font-size: 26px; }
 
h3 { font-size: 18px; }
 
h4 { font-size: 16px; }
 
h5 { font-size: 13px; }
 
/*	--------------------------------------------------
 
Container
 
-------------------------------------------------- */
#container { width: 100%; }
 
/*	--------------------------------------------------
 
Header
 
-------------------------------------------------- */
#header {
	height: 212px;
	background: url(../Images/header.jpg) center 7px no-repeat; }
 
	#header .head {
		width: 998px;
		height: 212px;
		margin: 0 auto;
		position: relative; }
 
		#header .head .logo {
			width: 430px;
			height: 90px;
			position: absolute;
			top: 52px;
			left: 155px; }
 
			#header .head .logo a {
				height: 90px;
				display: block; }
 
		#header .head .online {
			width: 168px;
			height: 38px;
			background: url(../Images/online.png) no-repeat;
			padding-left: 52px;
			position: absolute;
			top: 7px;
			right: 115px; }
 
			#header .head .online h4 {
				line-height: 32px;
				color: #FFF; }
 
/*	--------------------------------------------------
 
Wrapper
 
-------------------------------------------------- */
#wrapper {
	width: 998px;
	padding: 10px 0;
	margin: 0 auto;
	overflow: hidden; }
 
/*	--------------------------------------------------
 
Colz
 
-------------------------------------------------- */
#colz {
	width: 750px;
	float: left; }
 	
	.large {
		color: #4f6b71;
		padding-left: 130px;
		margin-bottom: -15px; }
 
		.large p { padding: 10px 0; }
		
		.large a { 
			text-decoration: underline; 
			color: #4f6b71; }
		
	#colz .player , #colz .girls { overflow: hidden; }
 
	#colz .player .video {
		width: 349px;
		height: 370px;
		background: url(../Images/video.gif) no-repeat;
		padding: 15px 0 0 30px;
		float: left; }
 
	#colz .player .info {
		width: 350px;
		padding: 8px 10px 0 0;
		float: right; }
 
		#colz .player .info h1 , .info h3 {
			line-height: 28px;
			color: #17393f; }
 
		#colz .player .info h3 { color: #2da5bb; }
 
		#colz .player .info p {
			font-size: 14px;
			color: #4f6b71;
			padding: 8px 0; }
 
		#colz .player .info strong { color: #e2140b; }
 
	#colz .girls h1.access {
		width: 745px;
		height: 110px;
		background: url(../Images/access.gif) no-repeat;
		margin-top: -18px;
		clear: both; }
 
	#colz .girls .webcams {
		width: 235px;
		height: 238px;
		background: url(../Images/webcams.jpg) no-repeat;
		display: inline-block;
		margin: 0 4px 0 8px;
		float: left;
		position: relative; }
 
		#colz .girls .webcams h4 {
			line-height: 16px;
			color: #FFF;
			position: absolute;
			top: 148px;
			left: 38px; }
 
		#colz .girls .webcams a {
			font-weight: bold;
			color: #FFF; }
 
		#colz .girls .webcams strong {
			font-size: 11px;
			display: block; }
 
		#colz .girls .webcams span {
			display: block;
			position: absolute;
			top: 200px;
			left: 20px; }
 
	#colz .girls webcams span img {
		width: 18px;
		height: 12px;
		padding: 0 2px; }
 
	#colz .girls .webcams img.avatar {
		width: 156px;
		position: absolute;
		top: 20px;
		left: 32px; }
 
	#colz .payment {
		width: 500px;
		float: left; }
 
	#colz .pager {
		padding: 5px 15px;
		overflow: hidden;
		clear: both; }
 
		#colz .pager span , .pager a {
			width: 49px;
			height: 49px;
			font-size: 16px;
			line-height: 42px;
			font-weight: bold;
			text-align: center;
			color: #203235;
			background: url(../Images/icon-pager.gif) no-repeat;
			margin-right: 5px;
			float: left; }
 
		#colz .pager span , #colz .pager a:hover { color: #e2140b; }
 
		#colz .pager a.next , .pager a.back {
			width: 51px;
			background: url(../Images/icon-control.gif) 0 -1px no-repeat; }
 
		#colz .pager a.next { background-position: 0 -52px; }
 
/*	--------------------------------------------------
 
Sidebar
 
-------------------------------------------------- */
#sidebar {
	width: 238px;
	background: url(../Images/sidebar-t.png) 16px top no-repeat;
	padding-top: 18px;
	float: right; }
 
	#sidebar .block { background: url(../Images/sidebar-m.gif) 17px 0 repeat-y; }
 
		#sidebar .block h5 {
			width: 175px;
			height: 64px;
			background: url(../Images/block-t.gif) no-repeat;
			padding: 27px 0 0 58px; }
 
		#sidebar .block strong {
			font-size: 13px;
			color: #35727d;
			display: block; }
 
		#sidebar .block p , #sidebar .block ul {
			color: #454f51;
			padding: 0 20px 0 35px;
			margin-top: -10px; }
 
		#sidebar .block ul li {
			line-height: 24px;
			background: url(../Images/icon-links.gif) 2px 7px no-repeat;
			display: block;
			padding-left: 20px; }
 
			#sidebar .block ul li a { color: #e2140b }
 
		#sidebar .block a.add {
			width: 149px;
			height: 33px;
			font-weight: bold;
			line-height: 32px;
			color: #2d2d2d;
			text-align: center;
			background: url(../Images/button-add.gif) no-repeat;
			display: block;
			margin: 5px 30px 0; }
 
	#sidebar .bottom {
		height: 15px;
		background: url(../Images/sidebar-b.gif) 17px 0 no-repeat;
		display: block; }
 
/*	--------------------------------------------------
 
Links
 
-------------------------------------------------- */
#links {
	width: 980px;
	background: url(../Images/links-b.png) 0 bottom no-repeat;
	padding-bottom: 11px;
	margin: 0 auto;
	clear: both; }
 
	#links h2 {
		height: 36px;
		background: url(../Images/links-t.gif) no-repeat; }
 
	#links ul {
		width: 950px;
		background: url(../Images/links-m.gif) repeat-y;
		padding: 0 15px;
		overflow: hidden; }
 
		#links ul li {
			width: 160px;
			line-height: 22px;
			background: url(../Images/icon-links.gif) 0 7px no-repeat;
			display: block;
			padding-left: 12px;
			margin-right: 15px;
			float: left; }
 
			#links ul li a { color: #5c5c5c; }
 
/*	--------------------------------------------------
 
Footer
 
-------------------------------------------------- */
#footer {
	height: 190px;
	background: url(../Images/footer.gif) 0 bottom repeat-x; }
 
	#footer .foot {
		width: 980px;
		height: 190px;
		background: url(../Images/foot.jpg) 0 56px no-repeat;
		margin: 0 auto;
		position: relative; }
 
		#footer .foot p {
			width: 470px;
			font-size: 13px;
			color: #FFF;
			position: absolute;
			top: 95px;
			right: 75px; }
 
		#footer .foot span {
			font-size: 12px;
			display: block; }
 
			#footer .foot span a { color: #FFF; }
