*{margin:0; padding:0}
html *{font-size:100.01%}
img{border:0 solid}
body{font-family:Arial,Helvetica,sans-serif; text-align:left; padding:0 50px; font-size:75%}
body.homepage{background-color:#FFF; color:#808080; height:100%; overflow:hidden}
body.about, .about a{background-color:#FF4E00; color:#802700}
body.web, .web a{background-color:#555; color:#e0e0e0}
body.design, .design a{background-color:#FF1964; color:#800D32}
body.illustrations, .illustrations a{background-color:#00D4FF; color:#006A80}
body.blog, .blog a{background-color:#888097; color:#DBD9E0}
body.contacts, .contacts a{background-color:#FA0; color:#805500}
.page_margins{width:703px}

#header{padding:57px 0 0; width:382px}
.homepage #header{background-image:url(images/homepage_header.jpg); background-position:center top; background-repeat:no-repeat}
.logo{background-position:right bottom; background-repeat:no-repeat; height:110px}
.homepage .logo{background-image:url(images/title_homepage.png)}
.about .logo{background-image:url(images/title_about.png)}
.contacts .logo{background-image:url(images/title_contacts.png)}
.design .logo{background-image:url(images/title_design.png)}
.illustrations .logo{background-image:url(images/title_illustrations.png)}
.web .logo{background-image:url(images/title_web.png)}
.blog .logo{height:130px; background-image:url(images/title_blog.png)}

#nav{margin:45px 0 35px; overflow:hidden; width:400px}
.blog #nav{margin:25px 0 35px}
#nav ul{margin-left:0}
#nav li{display:inline; float:left; font-size:1em; line-height:1em; margin:0}
#nav a{display:block; padding:0.5em 1.3em; text-decoration:none}
#nav .active a:focus, #nav .active a:hover, #nav .active a:active{text-decoration:none}
#nav a:focus, #nav a:hover, #nav a:active{text-decoration:underline}
#nav .first a{padding:0.5em 1.2em 0.5em 0}
#nav .last a{padding:0.5em 0 0.5em 1.2em}
.homepage #nav a{color:#808080}
.about #nav .active a{color:#CC3E00}
.web #nav .active a{color:#808080}
.design #nav .active a{color:#CC1450}
.illustrations #nav .active a{color:#0AC}
.blog #nav .active a{color:#A6A1A1}
.contacts #nav .active a{color:#C80}

ul.tabs{margin:0 !important; padding:0 0 35px}
ul.tabs li{float:left; list-style-type:none; margin:0 2px 0 0}
ul.tabs li.current{visibility:hidden}

.homepage #main .bg{background-image:url(images/homepage_bg.jpg); background-position:left 5px; background-repeat:repeat-y; height:32000px}
.homepage #main .bg_round{background-image:url(images/homepage_bg_round.jpg); background-repeat:no-repeat; height:5px}
.textbox{margin:20px 0 20px -50px; padding:20px 20px 20px 50px}
.about .textbox{background-color:#FFCAB3}
.web .textbox, .web .textbox a{background-color:#E0E0E0; color:#555}
.design .textbox, .design .textbox a{background-color:#FFBAD0}
.illustrations .textbox, .illustrations .textbox a{background-color:#B3F2FF}
.blog .textbox, .blog .textbox a{background-color:#DBD9E0; color:#555}
.contacts .textbox, .contacts .textbox a{background-color:#FFE6B3}
.blog .textbox .date{background-color:#FF1964; color:#FFF; padding:0 5px}
.blog .textbox .comments{background-image:url(images/blog_comments.png); background-repeat:no-repeat; height:31px; left:610px; padding:7px; position:relative; width:61px}
.blog .textbox .border{border-bottom:1px dotted #000}
.blog .textbox .comments a{background-color:transparent; color:#FFF; float:right; font-size:110%; font-weight:bold; padding:0 22px 0 0}
form textarea, form input{border:0px}
.blog_submit input{background-color:#ff1964; color:#fff; font-family: Arial,Helvetica,sans-serif; float:right; cursor:pointer}

#footer{padding:10px 0}

h1{font-size:250%}
h2{font-size:200%}
h1, h2, h3, h4, h5, h6{font-weight:normal; margin:0 0 0.25em}
p{line-height:1.5em; margin:0 0 1em}
ul, ol, dl{line-height:1.5em; margin:0 0 1em 1em}

.jot-form input{
	margin-bottom: 8px;
}
.hr{
	border-bottom: 1px dotted #000;
	margin-bottom: 15px;
}
#toppanel{
		background: #f6f6f6;
		padding: 3px 50px;
		font-size: 1em;
		margin: 0px -50px;
	}
		#toppanel a{
			background: none;
			color: #808080;
		}
		.en{
			display: block;
			float: left;
			width: 80px;
			padding-top: 4px;
		}
	.about #toppanel{
		background: #ffa882;
	}
		.about #toppanel a{
			color: #802700;
		}
	.web #toppanel{
		background: #c3c3c3;
	}
		.web #toppanel a{
			color: #555555;
		}
	.design #toppanel{
		background: #ff99ba;
	}
		.design #toppanel a{
			color: #800d32;
		}
	.illustrations #toppanel{
		background: #8eecff;
	}
		.illustrations #toppanel a{
			color: #006a80;
		}
	.blog #toppanel{
		background: #cac6d1;
	}
		.blog #toppanel a{
			color: #888097;
		}
	.contacts #toppanel{
		background: #ffda8e;
	}
		.contacts #toppanel a{
			color: #805500;
		}
	#lenta{
		border-bottom: 1px dotted #000;
		margin-bottom: 15px;
		padding-bottom: 10px;
	}
		#lenta #mail{
			float: left;
			display: block;
			background: url(http://avokado.su/images/common/mail.jpg) no-repeat 0 0;
			padding: 2px 23px;
		}
			#lenta #mail:hover{
				background: url(http://avokado.su/images/common/mail-a.jpg) no-repeat 0 0;	
			}
		#lenta #rss{
			float: left;
			display: block;
			background: url(http://avokado.su/images/common/rss.jpg) no-repeat 0 0;
			padding: 2px 23px;
		}
			#lenta #rss:hover{
				background: url(http://avokado.su/images/common/rss-a.jpg) no-repeat 0 0;
			}
	.clear{
		clear: both;
	}