body 
	{
		margin: 0;
		padding: 0;
		background: #FFFFFF url(http://img.my-ls.ru/tpl/canvass/img01.gif) repeat-x;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #666666;
	}

h1, h2, h3 
	{
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #000000;
	}

h1
	{
		font-weight: normal;
		font-size: 237%;
	}

a
	{
		border-bottom: 1px dotted #CCCCCC;
		text-decoration: none;
		color: #1777B1;
	}

a:hover 
	{
		border-bottom: none;
		color: #FF7400;
	}

img 
	{	
		border: 3px solid #7F7772;
		padding:1px;
	}
section section {min-height:120px; display:block; margin-top:10px; border-bottom: 1px dotted #BBBBFF;}
section section header div 
	{		
		width:100px;
		height:100px;
		float:left;
		margin-right:10px;
		margin-top:5px;
		vertical-align:middle;
		border: 3px solid #7F7772;
		background-position:center center;
		background-repeat: no-repeat;
	}
section section header  {display:block;clear:both;}
img.right 
	{
		float: right;
		margin: 6px 0 0 15px;
	}
	
table.middle
	{
		width:100%;
		margin-top:-20px;
		padding-left:10px;
		padding-right:10px;
	}
.middle td {vertical-align:top; padding:10px;}
.middle td.left {width:200px; border-right: 1px dotted #DCDCDC;}
.middle td.right{width:200px; border-left: 1px dotted #DCDCDC;}

div.li {padding-top:20px;}
.li img {border: 0}

.bg1 { background: url(http://img.my-ls.ru/tpl/canvass/img04.gif) no-repeat left bottom; }
.bg2 { background: url(http://img.my-ls.ru/tpl/canvass/img05.gif) no-repeat left bottom; }
.bg3 { background: url(http://img.my-ls.ru/tpl/canvass/img06.gif) no-repeat left bottom; }
.bg4 { background: url(http://img.my-ls.ru/tpl/canvass/img08.gif) no-repeat left bottom; }
.bg5 { background: url(http://img.my-ls.ru/tpl/canvass/img09.gif) no-repeat left bottom; }
.bg6 { background: url(http://img.my-ls.ru/tpl/canvass/img10.gif) no-repeat right bottom; }
.bg7 { background: url(http://img.my-ls.ru/tpl/canvass/img11.gif) no-repeat right bottom; }

.box {
	float: left;
	width: 250px;
}

section header
	{
		height:100%;
		background:#fff;
		font-weight: bold;
		clear:both;
	}
section footer
	{
		background:#fff;
		display:block;
		height:20px;
		padding:20px;		
		border: 1px dashed #AA1111;
		clear:both;	
		text-align:center;
		vertical-align:middle;
		font-weight: bold;
	}
section footer a
	{
		border-bottom: 1px dotted #CCCCCC;
		text-decoration: none;
		color: #1777B1;	
	}
section footer a:hover
	{
		border-bottom: none;
		color: #FF7400;
	}
section section{display:block;clear:both;}
.list {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.list li {
	padding-left: 10px;
	background: url(http://img.my-ls.ru/tpl/canvass/img07.gif) no-repeat left center;
}

/* Header */
header
	{
		height: 150px;
		display:block;
		margin: 0 auto;
		background: url(http://img.my-ls.ru/tpl/canvass/img02.gif) no-repeat center;
	}
	
header img
	{
		float:left;
	}

/* Page */

#page {
	width: 960px;
	margin: 0 auto;
}

/* Content */
.center p, .center section, .center ul, .center ol {line-height: 1.8em;}

/* Sidebar */

.left ul, .right ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.left li li, .right li li {
	padding: 5px 10px;
	background: url(http://img.my-ls.ru/tpl/canvass/img07.gif) no-repeat 0 10px;
	border-top: 1px dotted #DCDCDC;
}
.left h2, .right h2 
	{
		margin-top:0px;
		height: 56px;
		display:table-cell;
		padding-left:55px;
		text-transform: lowercase;
		font-size: 167%;
		vertical-align:middle;		
	}
.left a, .right a {border: none;}

.left a:hover , .right a:hover {
	border-bottom: 1px dotted #666666;
}

/* Footer */

footer {
	clear: both;
	display:block;
	height: 100px;
	padding: 20px 0 0 0;
	background: #000000;
}

footer p {
	background: #000000;
	margin: 0;
	text-align: center;
	font-size: 85%;
}

footer a {
	border: none;
	color: #CCCCCC;
}

footer a:hover {
	color: #FFFFFF;
}

#legal {
}

#legal strong {
	display: block;
	padding: 20px 0 0 0;	
	background: url(http://img.my-ls.ru/tpl/canvass/img12.gif) no-repeat center top;
	text-transform: lowercase;
	letter-spacing: 3px;
	font-size: 182%;
	font-weight: normal;
}

#links {
}

.content p {display:inline-block;}
p.q, q
	{
		display:inline-block;
		border: 1px dotted #FFC87F;		
		padding: 10px;
		padding-right: 40px;
		margin: 10px;
		background: #FFFDDF url('http://img.my-ls.ru/tpl/canvass/quote.png') no-repeat right top;		
	}
	
input {
color:#1777B1;
background:#FFF;
border:0px solid  #1777B1;
margin:0px;
}
#login {width:180px;}
#search, #password {width:135px;}
#searchsubmit, #submitlogin {width:60px; text-align:right; padding-right:2px;}
div.auth
	{
		margin-top:5px;
		margin-bottom:5px;
		vertical-align:middle;
		border:1px solid  #1777B1;
	}
strong.error {color:#FF7400;}

/*Регистрация начало*/
.register input, .register select, .register option {border:1px solid  #1777B1; width:250px;}
/*Регистрация конец*/
/*Профиль начало*/
table.profile {width:100%;}
td.avatar 
	{
		text-align:center;
		vertical-align:top;
		width:220px;		
	}
.profile td.title
	{
		font-size:14px;		
		padding:3px;
		padding-top:15px;
		font-weight:bold;
		color:#1777B1;
	}
.profile td.def
	{		
		padding:2px;
		font-weight:bolder;
		color:#7F7772;
		width:220px;
	}
.profile td.group_1 
	{
		color:#FF5400;
		font-size:16px;
		padding:3px;
		font-weight:bold;
	}
.profile td.group_2
	{
		color:#5454FF;
		font-size:16px;
		padding:3px;
		font-weight:bold;
	}
.profile td.group_3
	{
		color:#54AA54;
		font-size:16px;
		padding:3px;
		font-weight:bold;
	}
#file {width:208px; border:1px solid  #7F7772; }
/*Профиль конец*/

/*Сообщить об ошибке, жалоба, предложение начало*/
table.report {width:100%;}
.report input, .report select, .report option, .report textarea {border:1px solid  #1777B1; width:100%;}
.report textarea {height:100px;}
.report td.def
	{		
		padding:2px;
		font-weight:bolder;
		color:#7F7772;
		width:250px;
	}
/*Сообщить об ошибке, жалоба, предложение конец*/
/*Коментарии начало*/
div.comment
	{
		
		width:100%;
		min-height:115px;
		padding-top:10px;
		margin-top:10px;
		vertical-align:top;
	}
	dt{display:inline;}
.comment header {display:block; padding-top:5px; clear:right;}
.comment article {display:inline; margin:0px; clear:both;}
.comment p.title {display:block; margin:0px; margin-left:15px; border:1px dotted  #171717;}


.comment div.avatar
	{
		width:100px;
		text-align:center;
		float:left;
		margin-right:10px;
		border: 3px solid #7F7772;
		padding:1px;
	}

.comment img {border: 0px;}
.comment time {display:inline; float:right; padding-right:10px; font-style:italic;}
div.addcomment
	{
		margin-top:15px;
		border:0px solid  #1777B1;
		width:100%;
		text-align:center;
	}

.addcomment textarea, .addcomment input 
	{
		width:100%;
		border:1px solid  #1777B1;
		color:#222222;
	}
.addcomment textarea {height:100px;}

.addcomment fieldset 
	{
		border:0px solid #1777B1;
		font-weight:bold;
		text-align:center;
	}

.addcomment h2, .comment h2
	{
		margin:0px;
		margin-top:20px;
	}
/*Добавить коментарий конец*/
textarea {font-family: Verdana, Arial, Helvetica, sans-serif;}
input.send {border:1px solid  #1777B1; width:100px;}
b.red {color:red;}

 table.data 
{
	width:100%;
	border-collapse: collapse;
}
.data td{vertical-align:middle;border:1px solid #CCCCCC;padding:3px;}

.data tr:hover{background: #F3F3F3; color:#FF7400;}
.data .title {text-align:center; font-weight:bold;}
.data td.center {text-align:center;}
section figure img {float:left; padding:0px; margin:0px; margin-right:10px;}


div.view
	{
		display:block;
		border:1px solid #1777B1;
		height:400px;
		background-position: center center;
		background-repeat: no-repeat;
		margin-top:10px;
		margin-bottom:10px;
		clear:both;
	}
	
.view img, .thumb  img
	{
		display:block;
		border:0px;
		margin:0px;
		padding:0px;
		opacity:0;
		border:0px solid #1777B1;
		width:100%;
		height:100%;
	}
	
div.tlist
	{
		margin-top:10px;
		padding:10px;
		padding-top:0px;
		padding-left:0px;		
		display:table-cell;
		border:1px solid #1777B1;
		min-height:120px;
		max-height:520px;
		clear:both;		
	}
	
div.mtlist
	{
		float:right;
		margin-top:10px;
		display:block;
		border:1px solid #1777B1;
		height:400px;
		width:140px;
		overflow:auto;
		clear:both;		
	}
	
div.thumb
	{
		height:100px;
		width:100px;
		display:block;
		float:left;
		margin-left:10px;
		margin-top:10px;
		border:1px solid #1777B1;
		background-position: center center;
		background-repeat: no-repeat;
	}
div.m {
		display:block;
}
	
a.mobilelist
	{
		opacity:0.75;
		height:220px;
		width:200px;
		display:inline-block;
		border-radius:2px;
		vertical-align:bottom;
		border: 1px solid #1777B1;
		text-align:center;		
		margin:5px;
		padding:0px;
		background-position: center center;
		background-repeat: no-repeat;		
	}
a.mobilelist:hover{border: 1px solid #FF7400; opacity:1.0;}

	
div.search
	{
		padding-top:50px;
		text-align:center;
		border:0px;
		margin:0px;
	}

.search form
	{
		border: 2px solid #31a9f5;
		border-radius:5px;		
		box-shadow: 0px 0px 3px #31a9f5;
		-webkit-box-shadow: 0px 0px 3px #31a9f5;
		-moz-box-shadow: 0px 0px 3px #31a9f5;
		display:inline-block;
	}

.search input
	{
		margin:0px;
		padding-left:3px;
		border-radius:5px;
		font-size:18px;
		border:none;		
		background:#fff;
		opacity:0.7;
	}

.search	img {border:0px;
margin-top:-30px;
margin-left:40px;
}

div.menu
	{
		margin-left:70px;
		padding-right:20px;
		float:left;
		display:block;
		height:20px;	
	}

.menu
	{		
		position:relative;
		z-index:100
	}
.menu ul li a, .menu ul li a:visited
	{
		border:0px;
		padding-left:10px;
		padding-right:10px;
		text-decoration:none;
		display:block;
        height:20px;		
		color:#36f;
	}

.menu ul
	{
		padding:0;
		margin:0;
		list-style:none;
	}
	
.menu ul li
	{
		float:left;
		position:relative;
	}

.menu ul li ul
	{
		display:none;		
	}

.menu ul li:hover a
	{
		color:#fff;
		background:#36f;
	}
.menu a:hover
	{
		color:#fff;
		background:#36f;
	}
.menu ul li ul, .menu ul li ul li,.menu ul li ul li a
{
	background:#fff;
	color:#fff;	
}
.menu ul li:hover ul
	{
		display:block;
		position:absolute;
		border:1px solid #36f;
		top:20px;
		width:120px;
		left:0;		
	}
.menu ul li:hover ul li a
	{
		color:#36f;
		display:block;		
		background:#fff;
	}
.menu ul li:hover ul li a:hover
	{
		background:#36f;
		width:100px;
		color:#fff;
		display:block;
	}
	
	
	
/*footer*/
#footer
	{
		text-align:center;
		padding:20px;
		clear:both;
		margin-top:10px;
		border-top: 1px dashed #666;
	}
#footer div {padding:20px;}
#footer div.left {float:left;}
#footer  div.right {float:right;}
/*end footer*/