/* Reset ================================================================================= */
* { margin:0; padding:0; }

body          { font:12px/1.55 Verdana, helvetica, sans-serif; color:#454545; text-align:left; }

img           { border:0; vertical-align:top; }

a             { color:#454545; text-decoration:underline; }
a:hover       { color:#ec2027; text-decoration:underline; }
:focus        { outline:0; }


/* Headings */
h1          { font-size:14px; font-weight: normal; }
h2          { font-size:18px; margin-bottom:10px; font-weight: normal; }
h3          { font-size:16px; margin-bottom:5px; font-weight: normal; }
h4          { font-size:14px; text-transform: uppercase; text-shadow: 1px 1px 1px white; margin-bottom:5px; font-weight: normal; }
h5          { font-size:12px; text-transform: uppercase; font-weight: normal; }
h6          {  font-weight: normal; }

/* Forms */
form          { display:inline; }
fieldset      { border:0; }
legend        { display:none; }

/* Table */
table         { border:0; /*border-collapse:collapse;*/ border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; padding-right: 5px;}

/* Content */
strong        { font-weight:bold; }
address       { font-style:normal; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before,
q:after       { content:''; }
small         { font-size:1em; }
big           { font-size:1.15em; }
/*sup           { font-size:1em; vertical-align:top; }*/

/* Lists */
ul,ol         { list-style:none; }

/* Tools */
.hidden       { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }
.nobr         { white-space:nowrap !important; }
.wrap         { white-space:normal !important; }
.a-left       { text-align:left !important; }
.a-center     { text-align:center !important; }
.a-right      { text-align:right !important; }
.v-top        { vertical-align:top; }
.v-middle     { vertical-align:middle; }
.f-left,
.left         { float:left !important; }
.f-right,
.right        { float:right !important; }
.f-none       { float:none !important; }
.f-fix        { float:left; width:100%; }
.no-display   { display:none; }
.no-margin    { margin:0 !important; }
.no-padding   { padding:0 !important; }
.no-bg        { background:none !important; }
.clear        { clear: both!important; }

address { 
    font-style: italic;
}

/* Content Columns */
.col2-set .col-1 { float:left; width:48.5%; background: white; }
.col2-set .col-2 { float:right; width:48.5%; background: white; }
.col2-set .col-narrow { width:32%; }
.col2-set .col-wide { width:65%; }

.col3-set .col-1 { float:left; width:32%; }
.col3-set .col-2 { float:left; width:32%; margin-left:2%; }
.col3-set .col-3 { float:right; width:32%; }

.col4-set .col-1 { float:left; width:23.5%; }
.col4-set .col-2 { float:left; width:23.5%; margin:0 2%; }
.col4-set .col-3 { float:left; width:23.5%; }
.col4-set .col-4 { float:right; width:23.5%; }

select {
    padding:5px;
    border:1px solid #dcdcdc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;    
}
input,textarea {
    color:#b6b6b6;
    font-style: italic;
    background: #fff;
    padding:4px;
    border:0 solid #dcdcdc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;   
    -moz-box-shadow:    inset 0px 1px 2px #868c6f;
    -webkit-box-shadow: inset 0px 1px 2px #868c6f;
    box-shadow:         inset 0px 1px 2px #868c6f; 
}

.button {
    display:inline-block;
    height:30px;
    padding:1px 26px;
    font-family:Arial;
    color:white;
    font-size:14px;
    text-shadow:-1px -1px 1px #db5a18;
    line-height: 30px;
    border:none;
    cursor:pointer;
    background: url(../images/btn.png) repeat-x center top;    
}
.button:hover {
    background: url(../images/btn.png) repeat-x center bottom;    
}

.btm-brd{
    border-bottom:1px solid #c3c3c3;
    padding-bottom:5px;
    margin-bottom:5px;
}

.red {
    color:#ec2027;  
}
hr{
    height:2px;
    background: url(../images/hr.png);
    border:none;
    margin:0;
}
/* ======================================================================================= */

#wrapper {
    width:100%;
    background: url(../images/ptrn.png);
}

#top-bar-container {
    width:100%;
    margin-bottom:10px;
    border-bottom:1px solid #cacaca;
    background: url(../images/top-ptrn.png);
    -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:    0px 2px 3px rgba(0, 0, 0, 0.2);
    box-shadow:         0px 2px 3px rgba(0, 0, 0, 0.2);
}
#top-bar {
    margin:0 auto;
    width:940px;
    
}

#header-container {
    width:100%;
}

#header {
    width:940px;
    margin:0 auto;
    position: relative;
}


#topsection-container {
    width:100%;
    background: url(../images/main_ptrn.png);  
}

#topsection {
    width:940px;
    margin:0 auto;
}

#content-container {
    width:100%;
    background: url(../images/main_ptrn.png);  
}

#content {
    width:940px;
    margin:0 auto;
}

#footer-container {
    width:100%;
    border-top:1px solid #cacaca;
    background: url(../images/top-ptrn.png);
    -webkit-box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:    0px -2px 3px rgba(0, 0, 0, 0.2);
    box-shadow:         0px -2px 3px rgba(0, 0, 0, 0.2);  
    padding:10px 0;
    margin-top:20px;
}

#footer {
    width:940px;
    margin:10px auto;
}


/* top-bar */

.links {
    float:left;
}

.links li {
    display:inline;
}

.links li a {
    font-size:14px;
    text-decoration: none;
}


.links li a:hover {
    text-decoration: underline;
}

#top-bar {
    padding: 10px 0;
}

#search {
   float:right;
   position: relative;
}

#search input {
    width:250px;
    color:#b6b6b6;
    font-style:italic;
}

  #search .search-btn {
    width:14px;
    height:17px;
    text-indent: -99999px;
    background: url(../images/search-btn.png) no-repeat bottom center; 
    position: absolute;
 top: 2px;
right: -12px;
}


/* HEADER */

#header  {
    background: url(../images/shef.png) no-repeat 40% 0 ;
    border-bottom:1px solid #c3c3c3;
    padding:0 0 10px;
    margin:0 auto 20px;
}

#header #logo {
    display:block;
    float:left;
}

.nav {
    margin-top:-10px;
    float:right;
}

.nav li {
    display: block;
    float:left;
    margin-left:10px;
}

.nav li.active,
.nav li:hover {
    background-image: linear-gradient(bottom, rgb(236,32,39) 38%, rgb(243,115,56) 69%);
    background-image: -o-linear-gradient(bottom, rgb(236,32,39) 38%, rgb(243,115,56) 69%);
    background-image: -moz-linear-gradient(bottom, rgb(236,32,39) 38%, rgb(243,115,56) 69%);
    background-image: -webkit-linear-gradient(bottom, rgb(236,32,39) 38%, rgb(243,115,56) 69%);
    background-image: -ms-linear-gradient(bottom, rgb(236,32,39) 38%, rgb(243,115,56) 69%);
    
    background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0.38, rgb(236,32,39)),
    	color-stop(0.69, rgb(243,115,56))
    );
}

.nav li a {
    background-repeat: no-repeat;
    background-position: center 34%;
    display: block;
    height:118px;
    width:100px;
    text-transform: uppercase;
    font-size:16px;
    line-height: 190px;
    text-align: center;
    text-decoration: none;
}

.menu1 a {
    background-image: url(../images/menu1.png);
}
.menu2 a {
    background-image: url(../images/menu2.png);
}
.menu3 a {
    background-image: url(../images/menu3.png);
}
.menu4 a {
    background-image: url(../images/menu4.png);
}
.menu5 a {
    background-image: url(../images/menu5.png);
}

.nav li.active a,
.nav li a:hover {
    color:white;
}


/* CONTENT */

.content {
    margin-bottom: 20px;
}

.main {
    width: 695px;
    float:left;
    text-align: left;
}

.sidebar {
    width:225px;
}

.sidebar.left {
    float:left;
}

.sidebar.right {
    float:right;
}

/* BLOCK */

.block {
    margin-bottom: 30px;
    border:1px solid #c3c3c3;
}


.block .block-head {
    padding-left: 10px;
    padding-right: 10px;
    height:45px;
    text-align: left;
    background: white url(../images/block-head.png) no-repeat center center;
}

.block .block-head h5 {
    display: inline-block;
    padding: 20px 0 8px 50px;
    margin-top:-10px;
    text-align: left;
}

.block .block-content {
    padding:10px 12px;
    background: #fff;   
}

/* video-recepts =====================================================*/

.block.video-recepts .block-content {
    padding:10px 0 5px;
}

.video-recepts a {
    float:left;
    display:block;
    margin: 2px 0 5px 9px;
}

.video-recepts h5 {
    background: url(../images/block3.png) no-repeat center left;
}

/* articles -=====================================================*/

.articles .article {
    background: #f5f5f5;
    padding:10px;
    margin: 0 0 20px 0;
}

.articles .article h1 {
    margin: 0 0 20px 0;
}

.articles .article .article-images {
    float:left;
    margin:0 10px 0 0;
}

.articles .article .article-buttons {
    float:right;
    font-family:Arial;
    text-align:left;
    line-height:30px;
    margin-top:10px;
    width:405px;
}

.articles .article .article-buttons .button {
    float:right;
}

/* text-block ========================================================*/

.text-block h5 {
    background: url(../images/block4.png) no-repeat center left;
}

/* popular-recepts ======================================================*/

.popular-recepts h5 {
    background: url(../images/block2.png) no-repeat center left;
}

.popular-recepts .popular-item {
    margin:0 0 5px 0;
}

.popular-recepts .popular-item .popular-image{
    float:left;
    margin:3px 5px 5px 0;
}


/* categorys ========================================================*/

.categorys .leftul {
    float:left;
    width: 98px;
}
.categorys .rightul {
    float:right;
}

.categorys a {
    font-family:Arial;
}

.categorys .block-head h5 {
    background: url(../images/block1.png) no-repeat center left;
}


/* products-small ==========================*/


.products-small  {
    margin-bottom:20px;
}

.products-small .block-head {
    text-align: center;
}

.products-small h5 {
    padding-left:0!important;
}

.product-item {
    margin-bottom:10px;
}

.product-item .product-image {
    float:left;
    margin-right:5px;
}

/* FOOTER */



#footer {
    margin-bottom:20px;
}

#footer .copyright {
    text-align: left;
    float:left;
    display:block;
}

#footer .copyright a {
    color:#ec2027;
}

#footer .service {
    display: block;
    float:right;
    margin-left:10px;
}

/* comments */


/* FULL HTML ========= main-article */

.main-article {
    background: #f5f5f5;
    padding: 10px 10px 30px 10px;
    
}

.main-article .block-head {
    text-align:right;
    line-height: 35px;
    margin:-5px 0 5px 0;
    font-family:Arial;
}
.main-article .block-head h1 {
    float:left;
    margin:0;
    font-family:Verdana;
}

#comments {
    margin-top: 20px;
}
#comments h3 {
    font: 16px 'PT Sans', Arial, sans-serif;
    margin-bottom: 15px;
}
#comments .comment {
    padding: 15px 0;
    margin:0 0 20px;
    font-size: 12px;
    line-height: 1.3em;
}
.comment .avatar {
    margin: 0 15px 5px 0;
}
.comment .author {
    display: inline-block;
    margin-bottom: 5px;
}

.comment .author a {
    font-size: 14px;
}

.comment .date_add {
    font-size: 12px;
    margin: 0 0 5px 15px;
}
.comment .comment_body {
    font-size: 12px;
}

/* PAGINATION ======================================*/

.pagination{
    text-align: center;
}

.pagination ul li{
    display: inline-block;
}

.pagination ul li a{
    font-family: Calibri, Tahoma;
    font-size:20px;
    font-weight:bold;
    font-style: italic;
    width:40px;
    height:30px;
    margin:0 3px;
    line-height:40px;
    display: inline-block;
}

.pagination ul li.current a{  
    color:#84a800;
}

.pagination ul li.pg-next a  {
    background-image: url(../images/pagi-right.png);
}
.pagination ul li.pg-prev a {
    background-image: url(../images/pagi-left.png);
}


.pg-next span  {
    background: url(../images/pagi-right.png) no-repeat bottom;
}
.pg-prev span {
    background: url(../images/pagi-left.png) no-repeat bottom ;
}


.pagination ul li.pg-next a, 
.pagination ul li.pg-prev a {
    background-position: top center;
    background-repeat: no-repeat;
    text-indent: -99999px;
    width:10px;
    margin:10px 0 0 0;
    line-height: 22px;
    height:11px;
    display: inline-block;
}


/* products-small ==========================*/

.products-small{
 
    background: url(../images/footer-divider.png) no-repeat right center;
}

.product-item {
    margin-bottom:10px;
}

.product-item .product-image {
    float:left;
    margin-right:10px;
}

.product-item a {
    font-size:12px;
}

/* add comment */
#add_comment {
 
float: left;
background: 
whiteSmoke;
padding: 15px 10px 10px 10px;
width: 675px;
}
#add_comment h3 {
    font: 16px 'PT Sans', Arial, sans-serif;
    margin-bottom: 10px;
}
#add_comment label {
    font: 14px 'PT Sans', Arial, sans-serif;
    display: block;
    margin-bottom: 10px;
}

#add_comment button {
    float:right;
    margin-top:10px;
}

#add_comment label input,
#add_comment label textarea {
    border: 1px solid #d0d0d0;
    display: block;
    margin: 5px 0;
    width: 235px;
}
#add_comment label textarea {
    font-family: Arial, sans-serif;
    width: 325px;
    height: 120px;
}




.social p {
    
font-family: Calibri, sans-serif;
font-size: 14px;
font-style: italic;
line-height: 105%;
letter-spacing: 1pt;    
color: #ebeae7;
}

.article img
{
float: left;
margin: 10px 10px 10px 0;
width: 260px;
height: 160px;
margin-top: -22px;
}


.title 
{margin-left: 270px;}


.article p
{margin-top: -10px;
padding: 0px 0 5px 0;}


.pagination span {
font-family: Calibri, Tahoma;
font-size: 20px;
font-weight: bold;
font-style: italic;
width: 10px;
height: 30px;
margin: 0 3px;
line-height: 30px;
display: inline-block;
color: #84A800;
}


.category-ful {margin-bottom: 10px;}


.full_post a
{color: #789D00;
text-decoration: underline;
font-style: italic;
}

#searchtable input {text-align: left;}
#searchtable .search {float: left;}
.full_post p {

font-style: italic;
}

.author-t h1 {margin: 0;}
.author-t h2 {margin: 0;}
.date_add h2 {margin-top: 5px;}



#add_comment input,
#add_comment textarea {
    border: 1px solid #d0d0d0;
    display: block;
    margin: 5px 0;
    width: 325px;
}
#add_comment textarea {
    font-family: Arial, sans-serif;
    width: 325px;
    height: 120px;
}

.comment {background: whiteSmoke; padding: 10px;}

.block-headd  
{height: 45px; text-align: right; background: white url(../images/block-head.png) no-repeat center center;}


.block-headd h5 {
background: url(../images/block3.png) no-repeat center left;
padding: 10px;
width: 135px;
margin-left: 10px;
}

.block-headddd  
{height: 45px; text-align: right; background: white url(../images/block-head.png) no-repeat center center;}


.block-headddd h5 {
background: url(../images/4.png) no-repeat center left;
padding: 10px;
width: 155px;
margin-left: 10px;
}


.block-headdd  
{height: 45px; text-align: right; background: white url(../images/block-head.png) no-repeat center center;}


.block-headdd h5 {
background: url(../images/3.png) no-repeat center left;
padding: 10px;
width: 185px;
margin-left: 5px;
}



.block-headdk  
{height: 45px; text-align: right; background: white url(../images/block-head.png) no-repeat center center;}


.block-headdk h5 {
background: url(../images/2.png) no-repeat center left;
padding: 10px;
width: 185px;
margin-left: 5px;
}

.block-headds 
{height: 45px; text-align: right; background: white url(../images/block-head.png) no-repeat center center;}


.block-headds h5 {
background: url(../images/1.png) no-repeat center left;
padding: 10px;
width: 200px;
margin-left: 5px;
}




















