@import url("../../core/cms/styles/content.css");

html {background: #fff; font-size: 100.1%;}
body {background: #fff; font-size: .812em; font-family: Arial, Helvetica, sans-serif; padding: 10px; margin: 0; color: #000;}

a img {border: 0;}
a {color: #2f57a9; text-decoration: underline;}
a:hover, a:active {text-decoration: none;}

p {margin: 0 0 1em; clear: both;}

h1 {clear: left; font: 1.384em 'Times New Roman', Times, serif; color: #fff; background: #595b54; padding: 4px 7px; margin: 0 0 8px; line-height: .98em; text-transform: uppercase;}
	h1 a {color: #fff; text-decoration: none;}
	h1 a:hover {text-decoration: underline;}
h2 {clear: both; font: 1.538em 'Times New Roman', Times, serif; color: #1f9841; line-height: 1em; margin: 0 0 5px;}
	h2 a {color: #1f9841; text-decoration: none;}
	h2 a:hover {text-decoration: underline;}
h3 {clear: both; font-size: 1.153em; color: #bababa; margin: 0 0 5px;}
body {padding: 0; margin: 0; text-align: center;}

h1 {float: left;}
h3 {color: #7d6149}
h2#subtitle {color: #bfbfbf; font-family: Arial, Helvetica, sans-serif; float: left; clear: none; margin: 0 0 0 8px;}
	h2#subtitle a {font: .9em 'Times New Roman', Times, serif; text-decoration: underline; color: #5a5b55;}
	h2#subtitle a:hover {text-decoration: none;}

#wrapper {width: 900px; margin: 0 auto; text-align: left;}
	#top {margin: 0 0 20px;}
		#logo {font: 2.615em Georgia, serif; float: left; margin: 11px 0 13px;}
			#logo, #logo a {color: #f1571a; text-decoration: none;}
				#logo span {font-style: italic; color: #2F57A9; font-size: .588em;}
		#links {list-style: none; float: right; text-align: right; margin: 15px 0 0;}
		#header {position: relative; clear: both;}
			#header img {display: block;}
			#quote {position: absolute; left: 0; bottom: 0; color: #fff; font-weight: bold; font-size: 1.818em; background: url(../images/header-bg.png) no-repeat 0 0; padding: 10px 20px 13px; width: 100%;}
	#main {margin: 0 0 30px;}
		#menu {float: left; width: 180px; margin: 0 20px 0 0;}
			#menu ul {list-style: none; background: #f4f3db; padding: 9px 11px 4px; margin: 0 0 20px;}
			#menu #mFirst {background: #c9c79b;}
				#menu #mFirst a {color: #fff;}
				#menu li {margin: 0 0 7px 10px; font-size: 1.076em; font-weight: bold;}
				#menu li.mTitle {margin: 0 0 7px; font-size: 1.307em; color: #9c9b89;}
					#menu li.selected a, #menu #mFirst li.selected a {text-decoration: none; color: #000;}
		#content {float: left; width: 700px;}
			#forms {background: #f4f3db; padding: 10px 20px; margin: 0 0 20px;}
				#forms p {margin: 0;}
				#search {margin: 0; float: left; padding: 4px 20px 6px 0; border-right: 1px solid #e3e2c8;}
					#search .fText {width: 248px; margin: 0 15px 0 0;}
				#subscribe {margin: 0; float: left; padding: 4px 0 6px; width: 276px;}
					#subscribe .fText {width: 144px; margin: 0 15px 0 19px;}
					#forms p.fError, #forms p.fMessage {margin: 2px 5px 0 18px;}
			#blocks {float: left; width: 520px; margin: 0 20px 0 0;}
				#blocks img {margin: 0 0 5px; display: block;}
				#blocks a.block {display: block;}
				#bArticleTop {font-size: 1.15em; border-bottom: 1px solid #eee; margin: 0 0 5px;}
					#bArticleTop p {margin: 0 0 10px;}
				#bArticlesOther {margin: 0 0 5px;}
					.baItem {float: left; width: 250px; margin: 0 20px 0 0;}
					.baItem h2 {min-height: 40px; height: auto; _height: 40px;}
					.baItem.last {margin: 0;}
				#bRecipes {clear: both; margin: 0 0 15px;}
					#bRecipes h2 {line-height: 1em; font-size: 1.23em;}
						#bRecipes a {color: #2f57a9; text-decoration: underline; display: block;}
						#bRecipes a:hover {text-decoration: none;}
							#bRecipes img {margin: 0 0 3px;}
					#bRecipesOther {clear: left; float: left; width: 190px; padding: 0 20px 0 0;}
						.brItem {margin: 0 0 5px;}
					#bRecipeTop {float: left; width: 310px;}
				#bCelebs {clear: both; margin: 0 0 20px}
					.bcItem {float: left; width: 160px; margin: 0 20px 0 0;}
					.bcItem.last {margin: 0;}
						#blocks .bcItem img {margin: 0 0 3px;}
						.bcItem p {margin: 0;}
						.bcItem a {}
				#bOpinion {clear: both; margin: 0 0 35px; background: url(../images/opinion-corner.png) no-repeat 27px 100%; padding: 0 0 13px;}
					#bOpinionSub {background: #1f9841; padding: 7px 9px; color: #fff;}
					#bOpinion h1 {background: transparent; float: none; padding: 0; margin: 5px 15px 17px 10px;}
					#bOpinion p {margin: 0 15px 10px 10px;}
					#bOpinion a {color: #fff; text-decoration: none;}
					#bOpinion a:hover {text-decoration: underline;}
				#bText {clear: both;}
				#feedback {}
					#feedback label {display: block; font-size: .846em; padding: 0 0 2px;}
					#feedback #name {width: 188px;}
					#feedback #email {width: 188px;}
					#feedback #message {width: 474px;}
				#bRightLink {float: right; font: 1.538em 'Times New Roman', Times, sans-serif;}
					#bRightLink a {color: #1f9841;}
				.opinionsList {padding: 10px 0 0;}
				.opinion {margin: 0 0 20px;}
					.oTitle {float: left; font-weight: bold; color: #bababa; font-size: .923em; margin: 0 0 10px;}
					.oDate {float: right; margin: 0 0 10px;}
						.oDate a {color: #bababa; font-size: .923em; text-decoration: none;}
						.oDate a:hover {text-decoration: underline;}
					.oText {clear: both;}
				.pagination {border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 10px 0; margin: 0 0 25px;}
					.pagination a.selected {font-weight: bold; color: #f1571a; text-decoration: none;}
				#addOpinion {clear: both;}
					#addOpinion label {display: block; font-size: .846em; padding: 0 0 2px;}
					#addOpinion #name {width: 188px;}
					#addOpinion #email {width: 188px;}
					#addOpinion #text {width: 474px;}
				.news {clear: both; margin: 0 0 20px;}
					.nDate {color: #bababa; margin: 0 0 5px;}
					.nImage {float: left; margin: 0 20px 10px 0;}
						.nImage a {display: block;}
				#partners {list-style: none; margin: 0; padding: 0; color: #4e4e4e;}
					#partners a {display: block;}
					#partners li {display: -moz-inline-stack; display: inline-block; margin: 0 5px 10px 0; min-height: 160px; width: 165px; vertical-align: top; zoom: 1; *display: inline; _height: 160px;}
				.sitemap {margin: 0 0 20px;}
					.sitemap h2 {font: bold 1.153em Arial, Helvetica, sans-serif; margin: 0 0 2px;}
						.sitemap h2 a {color: #bababa;}
					.sitemap p {margin: 0 0 2px;}
				.searchItem {margin: 0 0 30px;}
			#sidebar {float: left; width: 150px;}
				#sNews {margin: 0 0 20px; list-style: none; padding: 0;}
					#sNews li {margin: 0 0 10px;}
						.snDate {color: #bababa; margin: 0;}
						#sNews a {color: #1f9841;}
				#sProjects {margin: 0 0 20px; list-style: none; padding: 0; color: #4e4e4e;}
					#sProjects li {margin: 0 0 8px;}
						#sProjects a, #sProjects img {display: block;}
						#sProjects p {margin: 0;}
			.article {display: -moz-inline-stack; display: inline-block; margin: 0 40px 20px 0; min-height: 290px; width: 230px; vertical-align: top; zoom: 1; *display: inline; _height: 290px;}
			.article.even {margin: 0 0 20px;}
				#blocks .article h2 img {margin: 5px 0;}
			.articleItem {margin: 0 0 20px;}
	#footer {clear: both; margin: 0 0 10px;}
		#footer p {margin: 0;}
		#fAbout {float: left;}
		#fDevelopers {float: right;}

#copyright {width: 1000px; margin: 0 auto; text-align: left; background: #f9f9ed; font-size: .846em; padding: 13px 0 0;}
	#copyright p {margin: 0; padding: 0 50px 20px; line-height: 1.727em;}

.fText, .fTextarea {border: 1px solid #000; background: #fff; color: #777; padding: 3px 10px 5px; vertical-align: middle; font: .923em Arial, Helvetica, sans-serif;}
.fSubmit {background: #f1571a; font-size: .692em; color: #fff; outline: none; border: 0; padding: 4px 6px; cursor: pointer; display: -moz-inline-box; display: inline-block; overflow: visible; text-decoration: none; vertical-align: middle;}
.fSubmitHidden {font-size: 1px; height: 1px; color: #fff; background: transparent; border: 0; float: left; width: 1px;}
.fError, .afError {font-weight: bold; color: #e00;}
.fMessage {font-weight: bold; color: #0d0;}

.fLeftCol {float: left; width: 45%; padding: 0 10% 0 0; margin: 0 0 1em;}
.fRightCol {float: right; width: 45%; margin: 0 0 1em;}
.fRow {clear: both; margin: 0 0 .5em;}

.simple {font-size: .9em; color: #999; margin: 0 0 .5em;}


/* Alen Grakalic (http://cssglobe.com/post/3745/my-top-10-most-used-css-class-names) */
.fixed:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.fixed{display:block}
/*  \*/
.fixed{min-height:1%}
* html .fixed{height:1%}


/* wide banners */
#onipad {
	height: 150px;
	text-align: center;
	background: url('http://vegjournal.ru/ios/banner/bg.png') 0 0 repeat-x #eee;
}
	#onipad a {
		margin: 0 auto; 
		display: block;
		height: 150px;
		text-align: center;
		background: url('http://vegjournal.ru/ios/banner/ban.png') center top no-repeat;
	}

#newissue {
	background: black;
}
	#newissue a {
		display: block;
	}
		#newissue img {
			width: 720px;
			height: 120px;
			display: block;
			margin: 0 auto;
		}

/* wide banners end */