@charset "utf-8";

/*	___________________________________
	
	sergeiasanov.ru
	
	Sergei Asanov (http://sadesign.ru)
	18/08/2009
	___________________________________
*/

@import url(/css/typo.css);
@import url(/css/navigation.css);
@import url(/css/jquery.lightbox-0.5.css);

body {  margin:0; padding:0;}
a { text-decoration: underline;  cursor: pointer; cursor: hand; color:#009aea;}
a:hover { color:#ff0048; }

.phrase { margin-top:70px; margin-bottom:-20px; text-align: center; width:78%;}

.opening { background: url(/i/leto.jpg) no-repeat; margin-top:120px; margin-left:-100px; padding-left:100px; margin-bottom:160px;}
.opening  .text { padding-top:20px; line-height:21px;}

#contacts { position: relative; margin-top:-155px;}
	#contacts .color-line { height:4px; background:url(/i/color_line.gif);}
	#contacts .color-line-blur { height:27px; background:url(/i/color_line_blur_contacts.jpg) repeat-x;}
	#contacts .phone { position: relative; top:0; left:20%; width: 35%; padding-top:30px; margin-left:-80px; padding-left:80px; line-height:19px; padding-bottom:5px; background:url(/i/phone.gif) 0 34px no-repeat;}
	#contacts .phonenumber { font-size:22px; padding-top:9px;}
	#contacts .phone .comm {color:#cccfd0; font: 10px/11px PT Sans Caption, sans-serif; margin-left:-80px; padding-top:12px;}
	noindex:-o-prefocus,#contacts .phone .comm {font: 10px/11px Arial, sans-serif} /* Special for Opera */
	#contacts .mail { position: absolute; top:0; left: 65%; width: 30%; padding-top:30px; margin-left:-80px; padding-left:80px; line-height: 19px; background:url(/i/mail.gif) 0 34px no-repeat;}
	#contacts .mailaddress { font-size:22px; padding-top:8px; }
	#contacts .mail .comm {color:#cccfd0; font: 10px/11px PT Sans Caption, sans-serif; margin-left:-80px; padding-top:13px;}
	noindex:-o-prefocus,#contacts .mail .comm  {font: 10px/11px Arial, sans-serif} /* Special for Opera */

header { position: relative;}	
	header .color-line { height:1px; background:url(/i/color_line.gif) repeat-x;}
	header .color-line-blur { height:27px; background:url(/i/color_line_blur.jpg) repeat-x;}
	header .contacts-link {position:absolute; top:0px; right:4%; margin-right:123px;}
	header #logo { margin-left:20%; margin-top:23px; position: relative;}
		header #logo .sign { position: absolute; top:0; left:-32px;}
		header #logo a.sergeiasanov { display:block; position:relative; top:4px; width: 154px; height:20px; background:url(/i/sergeiasanov.gif) top;}
		header #logo img.sergeiasanov { display:block; position:relative; top:4px; width: 154px; height:20px; background:url(/i/sergeiasanov.gif) top;}
		header #logo a:hover.sergeiasanov { background:url(/i/sergeiasanov.gif) bottom;}
		header #logo .desc { position: absolute; top:3px; left: 165px; color:#b9bdbe; font: 10px/11px PT Sans Caption, sans-serif; width:150px;}					
		noindex:-o-prefocus,header #logo .desc {font: 10px/11px Arial, sans-serif} /* Special for Opera */
		header .phone { position: absolute; top:50px; right:4%;}		
	header .phone { position: absolute; top:50px; right:4%;}
	header nav { position:absolute; top:34px; left:20%; margin-left:340px;}
	  header nav ul {}
		header nav li { height:24px; }
		  header nav ul li a { padding-left:13px;}			
		  header nav ul li a:hover { border-bottom-color: #ff0048;}
		  header nav .cur { background-repeat: no-repeat; color:#859a10; padding:0 14px; display:block; height:24px;}
		  header nav .cur a {color:#859a10; padding:0;}
		  header nav li#about_current { background-image:url(/i/nav/about.gif);}
		  header nav li#portfolio_current { background-image:url(/i/nav/portfolio.gif);}
		  header nav li#tools_current { background-image:url(/i/nav/tools.gif);}								
		  header nav span.numworks {color:#b9bdbe; font: 10px/11px PT Sans Caption, sans-serif; padding-left:5px; }
		  noindex:-o-prefocus,header nav span.numworks {font: 10px/11px Arial, sans-serif; }/* Special for Opera */
		  header nav .cur span.numworks {color:#859a10;}


.content { padding-left: 20%; margin-top:70px; position: relative;}

/*		
	MAIN FAVWORK 27.05.2010
	____________________________________________________________________
*/

#favworks { margin-left:-20%; width:98%;}
#favworks article {float:left; margin-right:7%; height:270px}
#favworks article .pic { padding-bottom:10px; height:170px; display:table-cell; position: relative; vertical-align: bottom;}
#favworks article header { line-height:19px; }
#favworks article header a:visited {color:#4d6199;}

/*		
	PORTFOLIO LINKS PAGE 31.05.2010
	____________________________________________________________________
*/

#portfoliolinks {margin-top:20px; margin-left:-22px;}
#portfoliolinks article {padding:10px 0; font-size:16px;}
#portfoliolinks header {background-repeat: no-repeat; line-height:23px; background-position: 0 4px; padding-left:22px;}
#portfoliolinks article a:visited.portflink  {color:#4d6199;}
#portfoliolinks time { color:#b9bdbe; font: 10px/11px PT Sans Caption, sans-serif; padding-left:22px; display:  block;}

/*		
	TOOLS LINKS PAGE 31.05.2010
	____________________________________________________________________
*/
#toolslinks { margin-top:20px; }
#toolslinks li {padding:8px 0; }

/*		
	WORK 27.05.2010
	____________________________________________________________________
*/

.centerbox { text-align: center; margin-top:70px; }
.work { width:950px; margin:0 auto; text-align:left; position: relative;}
.work .linkbox { margin-top:10px; position: relative;}
.work .linkbox .link { position: absolute; top:0; left:24px; }
.work .linkbox .link a { }
.work .linkbox .link a:hover { border-bottom-color:#ff0048; }
.work .linkbox .link .comm { padding-left:10px; color:#b9bdbe;}
.work .desc { margin-top:20px; margin-bottom:10px; margin-left:24px; width:780px;}
.workpic { position:relative; margin-left:-15px; padding-bottom:30px;}
	.workpic .comm { position:absolute; top:11px; left:835px; color:#b9bdbe; font: 10px/11px PT Sans Caption, sans-serif; line-height:14px; width:140px;}
	noindex:-o-prefocus,.workpic .comm {font: 10px/11px Arial, sans-serif; }/* Special for Opera */
.fullcontent { padding-left: 5%; padding-top:50px;}


.maintext { width: 60%; line-height: 21px;}
.myphoto { margin-left:-120px; padding: 10px 0;}


footer { padding-top:0px; padding-bottom:20px; padding-left:20%; font-size:12px; }
	footer #copy {font: 11px Calibri, Tahoma, sans-serif; color:#b9bdbe;}
	
	footer #footerfeedback { padding-left:60px; margin:10px 0 25px -60px; overflow:hidden; background:url(/i/feedback.gif) 12px 1px no-repeat;}
	footer #footerfeedback form textarea{ font-size:12px; border:1px solid #c0ccc4; padding:.4em 6px; line-height:1.3em; width:45em; height:7em; font-family:Arial, Helvetica, sans-serif;}
	footer #footerfeedback form input.text { font-size:12px;  border:1px solid #c0ccc4; padding:3px; line-height:17px; width:300px; margin-bottom: 12px;}
	footer #footerfeedback form textarea.placeholder { height:15px; color:#808c85; }
	footer #footerfeedback form input.button { padding: 4px 8px; font-size:14px;}
	footer #footerfeedback .submitrow label{ font-size:12px; line-height:18px; display: block;}
	footer #footerfeedback .submitrow #feedbackemail{width:16em;margin-left:.5em;}
	footer #footerfeedback .infotext{line-height:2em;}
	footer #footerfeedback .sending { margin-top:10px; background: url(/i/loading.gif) no-repeat 0 2px; padding-left:24px;}
	footer #footerfeedback .thanx { margin-top:10px; }
	footer #footerfeedback .error { font-weight: bold; border: 1px solid red; color: red;}
	
#ant { display: none;}
#feedback #messages {padding-left:20%; font-size: 12px; width:60%}
#feedback #messages h2 { padding-bottom:10px;}
#feedback #messages .message { padding-bottom:15px;}
#feedback #messages .message .name { font-weight: bold;}
	#feedback #messages .message .text {}


	
/*		
	UNICODE 10.04.2010
	____________________________________________________________________
*/	
.unicode {}
.unicode table td { font-size:12px; padding:4px; border-bottom: solid 1px #dcdede; border-right: solid 1px #dcdede;}
.unicode table td.desc {font: 10px/11px PT Sans Caption, sans-serif; color:#b9bdbe;  border: none; padding-left:5px;}
 noindex:-o-prefocus,.unicode table td.desc {font: 10px/11px Arial, sans-serif; }/* Special for Opera */
.unicode table th { font-size:12px;  padding:4px; color:#b9bdbe; border-right: solid 1px #dcdede; }
.unicode table tr.header th {border-bottom: solid 2px #dcdede !important; border-right: none !important;}
.unicode table tr.header th.desc {border-bottom: none !important;}
.unicode .newtable { padding:20px 0;}
.unicode .smallsign table td { font-size:11px !important;}
	
	
/*		
	FLIP 02.02.2010
	____________________________________________________________________
*/		
form#flipper { padding-top:20px;}
form#flipper label {display: block; padding-bottom:20px; }
form#flipper textarea {font-size:18px; padding:4px; line-height:1.3em; width:550px; height:120px; margin-top:2px;}


/*		
	BLOG LJRSS 24.04.2010
	____________________________________________________________________
*/	

aside {position: absolute; top:-110px; right:4%; padding-bottom:50px;}
#ljrss {width:200px;}
#ljrss article { padding-bottom:30px; padding-top:10px;}
#ljrss article header { font: 12px "Trebuchet MS", Tahoma, Arial;}
#ljrss article header a {color:#000; font-weight:bold;}
#ljrss article header a:hover {color:#ff0048;}
#ljrss article .date  {font: 9px Arial; color:#a2abb1;}
#ljrss article .post { font-size: 9px; line-height:11px; padding-top:3px; color:#333; padding-bottom:5px;}
#ljrss article .post a { color:#333;}
#ljrss article .comments a { display:block; background:url('/i/blog_comments.gif') no-repeat left top; color:#fff; text-align: center; width:21px; height:15px; font-size:10px; font-weight: bold; padding-top:3px; text-decoration:none;}
#ljrss article .comments a:hover {background-position: bottom;}
.asanovblog { margin-bottom:10px;}
.asanovblog .blog { width:48px; float: left; margin-right:50px; margin-top:-1px; }
 noindex:-o-prefocus,.asanovblog .blog  {margin-right:-50px; }/* Special for Opera */
.asanovblog a.asanovjj {background: url(/i/asanov_jj.gif) no-repeat 60px top; text-indent: -2000px; height:20px; display: block; width:158px;}
.asanovblog a:hover.asanovjj {background-position:60px bottom;}
blockquote { font-style: normal; margin:0 0 0 10px; padding:0;}