/* CSS Document */
* {
	margin:0;
	padding:0;
}
body {
	background:url(../images/main-bgr.jpg) no-repeat 50% 0 #006d00;
}
.png {filter: expression(fixPNG(this));}
h1, h2, h3, h4 { font-family:"Trebuchet MS", Verdana; font-weight: normal}
p {padding:5px 0; font: normal 12px/14px "Trebuchet MS", Verdana}
p strong { font-weight:bold; font-size:14px; line-height:16px}

a img {
	border: none;
	cursor: pointer
}
.wraper {
	width:900px;
	margin:0 auto;
	position:relative;
}
.wraper .top-navigation {
	height:100px;
}
.wraper .top-navigation .nav-container {
	height:40px;
}
a#nav-1, a#nav-2, a#nav-3, a#nav-4 {
	width:115px;
	height:40px;
	display:block;
	float:left
}
a#nav-1 {
	background:url(../images/nav-1.png) no-repeat
}
a#nav-2 {
	background:url(../images/nav-2.png) no-repeat
}
a#nav-3 {
	background:url(../images/nav-3.png) no-repeat
}
a#nav-4 {
	background:url(../images/nav-4.png) no-repeat
}
a:hover#nav-1, a.act#nav-1, a:hover#nav-2, a.act#nav-2, a:hover#nav-3, a.act#nav-3, a:hover#nav-4, a.act#nav-4 {
	background-position: 0 -40px
}
a:hover#btn-best-pat {
	background-position: 0 -41px
}
a#nav-3 {
	margin-left:434px; *margin-left:332px
}
:first-child+html a#nav-3 {
	margin-left:434px;
}
a#btn-photo,
a#btn-photo-final, 
a#btn-vote,
a#btn-best-pat,
a#btn-all-photo-left,
a#btn-all-r-r {
	width:250px;
	height:41px;
	display:block;
	position: absolute;
}
a#btn-photo {
	top: 590px;
	background:url(../images/btn-send-photo.png) no-repeat;
}
a#btn-photo-final {
	top: 572px;
	background:url(../images/btn-all-photo-final.png) no-repeat;
}
a#btn-all-r-r {
	top: 590px;
	background:url(../images/btn-all-r-r.png) no-repeat;
}
a#btn-best-pat {
	top: 590px;
	background:url(../images/btn-best-pat.png) no-repeat;
}
a#btn-all-photo-left{
	top: 590px;
	background:url(../images/btn-all-photo-left.png) no-repeat;
}
a.add-more-photo {position: absolute; top:572px; left:333px; background:url(../images/add-more-photo.png) no-repeat; width:257px; height:50px; cursor:pointer}
a.add-one-more-resipe {position: absolute; top:580px; left:353px; background: url(../images/add-one-more-recipe.png) no-repeat; width:206px; height:48px; cursor:pointer}
a#btn-vote {
	top: 545px;
	background:url(../images/btn-vote.png) no-repeat;
}
a#btn-photo:hover, a#btn-vote:hover, a:hover#btn-all-photo-left, a:hover#btn-s-m-ph, a:hover#btn-all-r-r, a:hover#btn-photo-final {
	background-position: 0 -41px
}
a#btn-vote-2 {
	width:236px;
	display:block;
	position:absolute;
	height:44px;
	top: 545px;
	left:664px;
	background:url(../images/btn-vote-2.png) no-repeat;
}
a#send-recipe {
	width:236px;
	height:41px;
	display:block;
	position:absolute;
	top: 585px;
	left:664px;
	background:url(../images/send-recipe.png) no-repeat;
}
a#btn-all-recipes-final {
	width:236px;
	height:41px;
	display:block;
	position:absolute;
	top: 575px;
	left:669px;
	background:url(../images/btn-all-recipes-final.png) no-repeat;
}
a#btn-s-m-ph {
	width:236px;
	height:41px;
	display:block;
	position:absolute;
	top: 585px;
	left:664px;
	background:url(../images/btn-s-m-ph.png) no-repeat;
}
a#all-photo {
	width:236px;
	height:41px;
	display:block;
	position:absolute;
	top: 585px;
	left:664px;
	background:url(../images/btn-all-photo.png) no-repeat;
}
a#all-recipes {
	width:236px;
	height:41px;
	display:block;
	position:absolute;
	top: 585px;
	left:664px;
	background:url(../images/btn-all-ricipes.png) no-repeat;
}
a:hover#btn-vote-2 {
	background-position: 0 -44px
}
a:hover#send-recipe, a:hover#all-photo, a:hover#all-recipes, a:hover#btn-all-recipes-final {
	background-position: 0 -41px
}
.right-col {
	font: normal 10px "Trebuchet MS", Verdana
}
.right-col h5 {
	margin: 3px 0;
	padding: 0;
	font: bold 13px/14px "Trebuchet MS", Verdana;
	color:#006633
}
.autorization {
	position:absolute;
	height:50px;
	width:380px;
	bottom:0px;
	left:10px;
	font: normal 10px "Trebuchet MS", Verdana
}
.autorization a {
	color:#fff600
}
.autorization label {
	color:#FFF;
	padding-right:3px;
	font-size:10px
}
.autorization input {
	font-size:9px
}
.wraper .main-content {
	height:600px;
	background:url(../images/test.jpg) no-repeat;
}
#flash-left-block {
	position: absolute;
	width:288px;
	height:445px;
	left:-34px!important;
	float:left;
}
.wraper .main-content .center-block {
	margin-left:254px;
	width:410px;
	height:445px;
}
.center-block h1 {
	color: #ce2002;
	padding:15px 0;
	font-size:38px;
	line-height:32px;
}
.wraper .main-content #flash-cntr-block {
	position:absolute;
	left:254px;
	top:60px;
}
.wraper .main-content .right-block {
	width:236px;
	height:445px;
	position:absolute;
	right:0;
	top:100px;
	background:url(../images/recipes.jpg) no-repeat 100% 0;
}
.right-col #nickname {
	font: bold 14px Trebuchet MS, Verdana;
	width:60%;
}
.right-col #r {
	color:#571000;
	font: bold 12px Trebuchet MS, Verdana;
}
.wraper .main-content .berokka-link {
	position:absolute;
	left:378px;
	top:635px;
	display: block;
}
.wraper .main-content .stressometr-link {
	position:absolute;
	bottom:0;
	right:0;
	xborder:1px solid white;
}
.wraper .main-content .fool-rules {
	position:absolute;
	top: 580px;
	left:260px;
}

.wraper .main-content .fool-rules a {
	color:#be1700;
	font: normal 18px/17px Trebuchet MS
}
.fool-rules a:hover { text-decoration:none}

.reg {
	width:370px;
	margin-left:10px;
}

.reg label, .reg td, div{ font: normal 12px "Trebuchet MS", Verdana}

.reg #attantion {
	height:76px;
	background:url(../images/reg-attantion.png) no-repeat;
	
}
.reg #attantion p {
	margin-right:100px;
	color:#b00202;
	font-size:16px
}

.reg .button-registration {
	background:url(../images/btn-registration.png);
	width:132px;
	height:23px;
	border:none;
	cursor:pointer
}
.reg .button-rem-pass {
	background:url(../images/btn-rem-pass.png);
	width:132px;
	height:23px;
	border:none;
	cursor:pointer
}
.reg .button-save-profile {
	background:url(../images/btn-save-profile.png);
	width:153px;
	height:23px;
	border:none;
	cursor:pointer
}
.reg .button-contest {
	background:url(../images/btn-contest.png);
	width:146px;
	height:23px;
	border:none;
	cursor:pointer
}
.reg .button-activate-promo {
	background:url(../images/btn-activate-promo.png);
	width:160px;
	height:23px;
	border:none;
	cursor:pointer
}

.reg .button-send-to-friend {
	background:url(../images/btn-send-to-friend.png);
	width:200px;
	height:23px;
	border:none;
	cursor:pointer
}

.reg .button-authorization  {
	background:url(../images/btn-authorization.png);
	width:132px;
	height:23px;
	border:none;
	cursor:pointer
}
.autorization .logout {
	background:url(../images/btn-logout.png);
	height:16px;
	width:36px;
	border:none;
	cursor:pointer;
}


.btn-enter { background:url(../images/btn-enter.gif); height:16px; width:38px; border:none; cursor:pointer}

/* Навигация в профайле */
.profile-navigation a { float:left; text-decoration: none}

a#profile-nav-1, a#profile-nav-2, a#profile-nav-3 { height:40px; display:block}
a#profile-nav-1 { width:110px; background:url(../images/profile-nav-1.png)}
a#profile-nav-2 { width:156px; background:url(../images/profile-nav-2.png)}
a#profile-nav-3 { width:121px; background:url(../images/profile-nav-3.png)}
a:hover#profile-nav-1, 
a:hover#profile-nav-2, 
a:hover#profile-nav-3,
a.act#profile-nav-1, 
a.act#profile-nav-2, 
a.act#profile-nav-3 { background-position: 0 -40px}

a#profile-nav-1 em,
a#profile-nav-2 em,
a#profile-nav-3 em { visibility:hidden}
.clear {clear:both; height:0px; line-height:0; margin-top:-1px}

/* Эдементы в профайле */
.p-title {
	font-size:17px;
	color:#ce2002;
}
#wy-work td { width:50%}

.photo {
	padding:10px 0 10px 10px;
	position:relative;
}
#date {
	color:#bc7628;
	margin-top:-10px
}
.close-btn {
	position:relative;
	left:80px;
	top:5px;
	width:20px;
	height:20px
}
#ph-title {
	font-size:14px;
	padding-bottom:5px
}
#ph-title a,
#title-i a  {color:#ce2002; text-decoration:none}

#ph-title a:hover,
#title-i a:hover { text-decoration:underline}
#recipe-item {
	padding:5px;
	border:1px solid #f1c862;
	margin:10px 0;
}
#recipe-item .cls-btn {
	float:right; 
	padding:2px
}
#title-i  {
	color:#ce2002;
	font-size:14px;
}
#date-i {
	color:#bc7628;
}
#recipe-item .read {
	position:absolute;
	right:20px;
}
.next { font-size:18px}
.next a { color:#be1700}
.next a:hover { text-decoration:none}


/* wide-block   */

.wraper .main-content .wide-block {
	margin:0 49px;
	height:475px;
	position:relative
}
.wide-block h1 {
	color: #ce2002;
	padding:5px 0;
	font-size:36px;
	line-height:32px;
}
.wide-block .content {margin:0 20px}

.paging-left-arrow {
	width:45px;
	margin-top:243px;
	float:left;
}
.l-arrow {
	margin-left:-3px;
	position:absolute;
}
.paging-right-arrow {
	width:45px;
	float:right;
	margin-top:239px;
}
.r-arrow {
	margin-left:2px;
	position:absolute;
}
.paging a{ color:#ce2002; padding:0 5px; text-decoration: none; line-height:12px; margin:0}
.paging a:hover { text-decoration: underline}
.paging a.act { background:#ce2002; color:#FFF}
 /*  */
.green a{ color:#090 }
.photo-list { margin-top:5px}
.photo-list td {width:20%}
td.ttl { padding-top:5px}

.rate .cls-btn {
 		margin-left:40px
}
.photo-list td.p-t { height:28px; vertical-align:bottom; line-height:12px}
td.rate, td.nn { color:#b36417; line-height:12px}
.photo-list td.p-t  a {color:#ce2002; text-decoration:none}
td.rate {color:#ce2002; font-size:13}

.photo-list #recipe-item { padding: 5px; line-height:11px; margin:0px; background:#fef3a8}
.photo-list #recipe-item #date-i {line-height:12px;}

.photo-list #recipe-item #title-i {line-height:12px;}

.slogan {
	position:absolute;
	z-index:100;
	top:451px;
	left:253px;
	color:#197118;
	width:409px;
	text-align:center;
}
.slogan #one {
	font:bold 28px Trebuchet MS;
	line-height:28px;
	margin-bottom:5px
}

.slogan #one a { color:#F00}
.slogan #two {
	padding:10px 0;
	font-size:18px;
	font-weight:bold;
	line-height:20px;
}

.columns { clear: both; width: 100%; }
    .columns .a,
    .columns .b
    { float: left; width: 50%; text-align:center; font: bold 24px "Trebuchet MS", Verdana; color:#2d8d33}
	.columns .lft,
	.columns .rght { float:left; width: 49%; height:380px; display:block}

.lft .one, .rght .two {
	height:370px;
}

.winners { width:100%}
.winners, .winners a { font:normal 11px/13px "Trebuchet MS", Verdana; color:#ce2002}
.winners .num { text-align:right;}
.winners .name  { color:#CC0000}
.winners .rate { color:#e4ad1b}
.winners td { padding:0 3px}

.wide-block .columns .left-btn,
.wide-block .columns .right-btn {
	position:absolute;
	top:500px;
	width:390px;
	text-align:center;
	font: bold 18px "Trebuchet MS", Verdana;
	
}
.wide-block .columns .left-btn a {
 	color:#2d8d33
}
.wide-block .columns .right-btn a { color:#F00}
.wide-block .columns .right-btn { 
	left:390px;
}
.wide-block .columns .left-btn {
	left:0px;
}
.img-place-1 {
	margin:40px 0 0 29px;
}
.img-place-2 {
	margin:75px 0 0 70px;
}
.wide-block .title {
	text-align:center;
	padding-top:8px;
}
.wide-block .title span {
	font: normal 24px 'Trebuchet MS', Verdana;
	color:#2d8d33;
}
