﻿body {
	margin:0px;
	padding:0px;
	background-color:black;
}

img {
	border-color: black;
}

h1,h2 {
	margin:10px 80px 0 0;
	padding:0px;
	text-transform : uppercase;
	font-family : Arial, Helvetica, sans-serif;
	color:white;
	font-size:14px;
	font-weight:bold;
	float:right;
	display:inline;
	position:relative;
}

h1.fx {
	width:311px;
	height:120px;
}	

h1.hdr, h1.rle {
	width:446px;
	height:47px;
	margin:0 0 13px 0;
}	

h1.fx span {
	width:311px;
	height:120px;
	display:block;
	position:absolute;
 	background: url('../effect/photoshop_effect.jpg') no-repeat;
}


h1.hdr span, h1.rle span {
	width:446px;
	height:47px;
	display:block;
	position:absolute;
 	background: url('../img/tutorial.jpg') no-repeat;
}

 h1.rle span {
	background: url('../img/tutorial2.jpg') no-repeat;	
}
  	

h2.sol {
	background:transparent url(../light/sep.jpg) repeat-x 0px bottom;
	line-height:20px;
	margin:31px 21px 10px 0px;
	float:none;
	display:block;
	font-size:90%;
	padding-left: 16px;
	clear:both;

}

#tlist  {
	position:absolute;
	top:0px;
	right:0px;
}

#nav  {
	width:45px;
	height:132px;
	margin: 13px 0 0 13px;
}

.thumbs  {
	margin: 0 3px 10px 10px; 
	border-right: 6px solid #272727;
	height:88px;
}

/**	scrollbar-face-color:#161616;
	scrollbar-shadow-color: #161616;
	scrollbar-highlight-color: #161616;
	scrollbar-3dlight-color: #4E4E4E;
	scrollbar-darkshadow-color: #4E4E4E;
	scrollbar-track-color: black; 
	scrollbar-arrow-color: #4E4E4E;		**/

a 	{
	color:white
	}
	
img {
	margin:0px;
	padding:0px;
	border:0px
	}

#main {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	text-align:left;
	overflow:hidden;
	padding-top:31px;
	}
#logo {
	position:absolute;
	top:81px;
	left:0px;
	width:336px;
	z-index: 9999;	
	}
#open {
	position:absolute;
	top:101px;
	left:430px;
	width:446px;
	}	
#pages {
	width:900px;
	margin-left:16px;
	position:absolute;
	top:0px;
	left:0px;
	}
.page {
	margin-left:3px;
	width:38px;
	}
a.page:hover {	
	border-bottom: solid 2px #888888;	
}
a.apage {
	margin-left:3px;
	border-bottom: solid 2px #888888;
	width:38px;
	height:38px;
}	
#photos {
	width:930px;
	padding-top:44px;
	padding-bottom:33px;	
	position:relative;
	margin-left:10px;
	height:1030px;
	}
	
#cursor {
	position: absolute;
	left:0px;
	top:0px;
	z-index:5;
	display:none;
}	

#alp {
	padding:86px 0px 69px 44px;
	}	
#out {
	padding:55px 0px 80px 3px;
	}
	
#mar {
	padding:88px 0px 66px 16px;
	}	
	
#cat {
	padding:93px 0px 66px 3px;
	}		
	
#tox {
	padding: 63px 0px 66px 0px;
	}		

#pod {
	padding:55px 0px 50px 3px;
	}
	
#apo {
	padding:55px 0px 50px 35px;
	}	
#sum {
	padding:65px 0px 50px 5px;
	}		
#goo {
	padding:65px 0px 44px 0px;
	}
#sib {
	padding:64px 0px 55px 44px;
	}	
#dark {
	padding:81px 0px 69px 36px;
	}	
#tu1 {
	padding:255px 0px 50px 10px;
	width:888px;	
	}
#tox_removeit {
	padding:255px 0px 50px 0px;
	width:888px;	
	}		
#lon{
	padding:122px 0 63px 55px
	}	
	
#vue {
	width:930px;
	padding:144px 0px 80px 10px;
	height:596px;
	}	
	
#odd {
	position:absolute;
	top:0px;
	left:0px;
	}
#even{
	position:absolute;
	top:100px;
	left:0px
	}
.stripe{
	height:100px;
	margin-top:100px;
	}
.fstripe{
	height:100px;
	}
a, .inner, .tx, .tx2, .caption, p.comment, #paticka, #comm, li, ul, ol {
	font-family : Arial, Helvetica, sans-serif;
	color:#D3D3D3;
	font-size:14px;
}

a.mylinks {
	margin: 0 8px 0 8px;
}

#helper {
	margin: 0 133px 0 16px;
}

.place {
	margin-left:65px;
}
.foryour {
	margin-left:150px;
}
.comment {
	margin-left:230px;
}

#comm {
	float:right;	
	margin: 10px 10px 0 0;
	color:#D4D4D4;
	text-decoration:underline;
}
	
#hh2 {
	display:block;
	text-align:center;
	font-weight:normal;
	margin-top:6px;
	}	
	
p.comment {
	color:#7F7F7F;
	position:absolute;
	top:496px;
	left:25px;
	width:200px;
	display:none;
	}
#nickname, #web, #message {
	float:left;
	width:379px;
	height:72px;
	border: 0px;
	color:white;
	padding:0px;
	text-align:center;
	vertical-align : middle;
	font-family : Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-bottom:15px;
	margin-right:13px;	
	}
#mail {
	display:none;
}	
.radiobg, #df1  {
	color:black;
	float:left;
	width:72px;
	height:72px;
	background-image : url(../img/blank.jpg);
	background-repeat : no-repeat;
	margin-right:4px;	
	}
	
div[class=radiobg] {
	margin-right:8px !important;	
}
	
#df1 {
	background-image : url(../sign/paw.jpg);	
	}	
#df2 {
	background-image : url(../sign/scratch.jpg);	
	}
#df3 {
	background-image : url(../sign/strange.jpg);	
	}
#df4 {
	background-image : url(../sign/jingjang.jpg);	
	}
#df5 {
	background-image : url(../sign/tyre.jpg);	
	}
#df6 {
	background-image : url(../sign/mot.jpg);	
	}
#df7 {
	background-image : url(../sign/hand.jpg);	
	}
#df8 {
	background-image : url(../sign/alien.jpg);	
	}
#df9 {
	background-image : url(../sign/smile.jpg);	
	}
#df10 {
	background-image : url(../sign/fuckoff.jpg);	
	}
#df11 {
	background-image : url(../sign/boot.jpg);	
	}
#df12 {
	background-image : url(../sign/biohazard.jpg);	
	}
#df13 {
	background-image : url(../sign/anarchy.jpg);	
	}
#df14 {
	background-image : url(../sign/radiohead.jpg);	
	}
#df15 {
	background-image : url(../sign/eye.jpg);	
	}
#df16 {
	background-image : url(../sign/canabis.jpg);	
	}
#df17 {
	background-image : url(../sign/spiral.jpg);	
	}														
#df18 {
	background-image : url(../sign/quake.jpg);	
	}		
.foot {
	background-color: black;
	color:black;
	border: 0px;
	color:white;
	padding:0px;
	font-family : Arial, Helvetica, sans-serif;
	margin: 55px 0 0 56px;
	}
#nickname {
	background-image : url(../img/nickname.jpg);
	line-height:60px;
	}
#web{
	background-image : url(../img/web.jpg);
	line-height:60px;	
	}
#message {
	background-image : url(../img/comment.jpg);
	overflow : hidden;
	text-align:left;
	}
#leave {
	padding: 36px 76px 6px 0px;
	text-align: right;
	margin: 6px 0 0 0;
	}
#submit {
	margin: 6px 76px 0 0;
	float:right;
	width:125px;
	height:35px;
	border: 0px;
	background-image : url(../img/send.jpg);	
	}
#paticka {
	margin:44px 0px 30px 13px;
	border-top: 1px solid white;
	width:869px;
	line-height:30px;
	}
#shit {
	position:relative
	}
form{
	margin-left:8px;
	margin-top:0px;
	}


.pfoot {position:absolute; top:16px; right:-25px; }


#inverse {
	position:relative; 
	width:930px; 
	height:180px;
}

#envelop {
	position:absolute;
	width:420px;
	top:0px;
	left:8px;
}	


#desc, #newcom, #nocom {
	width:420px;
	height:160px;
	border: 1px solid black;	
	} 
	
.chop {
	height: 111px;
	overflow:hidden;	
}	
	
#desc {
	position:absolute;
	top:0px;
	left:450px;
	background-image : url(../img/descbg.jpg);
	}	

#newcom, #nocom	{	
	position:relative;
	background-image : url(../img/newcomment.jpg);	
	background-repeat : no-repeat;	
}	

#nocom{
	background-image : url(../img/nocomment.jpg);	
}


.date {
position:absolute;
top:0px;right:0px;
line-height:14px;
color:#888888;
}

#pf7 {
	padding:55px 0px 33px 255px;
	}	
	
#navrch {	
	position:absolute;
	top:0px;
	right:0px	
}		

#noise {
	position:absolute;
	top:38px;
	left:3px;	
	opacity: 0.4; 
	filter: alpha(opacity=40);
	_display:none;
}

/* tutorialy */

.tuts {
	width:425px;
	float:left;
	margin-top:33px;	
}	

.tutsr {
	width:425px;
	float:left;
	margin-left:10px;
	margin-top:33px;
}	

.impress {
	width:419px;
	float:left;
	margin:16px 0 0 8px;	
}	

.ttext {
	width:436px;
	float:left;
	margin:16px 0 0 12px;
	background: url('../effect/sep.jpg') no-repeat  0px 4px;
	line-height: 1.2em;		
}	

.samples {
	background: url('../img/samples.gif') no-repeat 0px 3px;
	float:right;
	padding-left: 28px;
	color:#DEFCBC;
	margin: 6px 12px 0 0;

}

.opener {
	width:446px;
	float:left;
	margin-top:73px;
}	

iv {
	border:1px solid white;
}

.inner {
	margin:10px 80px 10px 20px;
}


.textin {
	margin: 1em 20px 0 16px;
}

.lines {
	line-height:1.36em;
}

.thead {
	margin: 10px 0;
}

.tox {
	margin:30px 0px 10px 70px;
	text-align:right;
	width:360px;
}

.tx {
	margin:0 0 16px 0;
	padding-left:48px;
}

.txi {
	margin-left:10px;
	float:right;
}

.tutsr .tx {
	margin-left:13px;
}

#tech {
	width:381px;
	margin: 0 0 30px 40px;
	padding:0px;
}

.actions, actions li {
	margin:1em 0 0 30px;
	padding:0px;
	list-style-type : square;	
}

#tech li {
	margin: 0 0 1em 0;	
	padding-left:60px;
	list-style-type : none;	
}

div p em a {
	color:#000000;
}

#s1 {	background : url(../effect/1.jpg) no-repeat;}
#s2 {	background : url(../effect/2.jpg) no-repeat;}
#s3 {	background : url(../effect/3.jpg) no-repeat;}

.hl {color:#DEFCBC 	}
	