#contents {
  margin-top: 5px;
}
.main-contents {
  border: 1px solid #f3f3f3;
  margin: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* ===============*/
.clear{clear:both}

.pull-left{float:left;}
.pull-right{float:right;}

.mb-10{margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}

.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.bold{font-size:15px; font-weight:bold;}

#recipe-header{
  width:100%;
}
#recipe-header img{
  width: 100%;
}

/*== resipe-title ==*/
.recipe-title {
  background: #fcffe5;
  padding: 8px 0px;
  border-bottom: 5px solid #889b00;
  margin-bottom: 10px;
}
.recipe-title h1{
    color:#321e1e;
    font-size:15px;
    font-weight:bold;
    padding:0px 5px;
}
/*== resipe-section-title ==*/
.section-title{
    padding:10px 0;
    margin-bottom:20px;
    border-left:5px solid #f3992c;
    border-bottom:1px solid #cec4b9;
}
.section-title h1{
    color:#321e1e;
    font-size:14px;
    font-weight:bold;
    text-align: left;
    padding:0 5px;
}
.recipe-title{
    background:#fcffe5;
    padding:10px 0px;
    border-bottom:5px solid #889b00;
    margin-bottom:10px;
}
.recipe-title h1{
    color:#321e1e;
    font-size:15px;
    font-weight:bold;
    text-indent:10px;
}
/*== recipe-top-area ==*/
.new-thumb{
  background:#333;
  height:auto;
  overflow:hidden;
  padding:3px 3px 1px;
  background: #cec4b9;
}
.new-thumb > img{ width:100%; outline:none; }
.recipe-btn{
  width:100%;
  overflow:hidden;
}
.new-btn{
  width:48%;
  float:left;
  margin-left:5px;
}
.new-btn > a{
  background:#F63;
  display:block;
  font-weight: bold;
  color:#FFF;
  width:100%;
  padding:10px 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-bottom:#d68624 6px solid;
  background: linear-gradient(top,  #F6A73F,  #F39227);
  background: -ms-linear-gradient(top,  #F6A73F,  #F39227);
  background: -webkit-gradient(linear, left top, left bottom, from(#F6A73F), to(#F39227));
  background: -moz-linear-gradient(top,  #F6A73F,  #F39227);
  text-align: center;
}
.new-btn span{
  vertical-align: middle;
  display: inline-block;
  margin-right: 4px;
}
.new-btn span > img{
  width:100%;
}
/*== summary ==*/
.new-summary{
  border:1px solid #cec4b9;
  overflow: hidden;
  padding: 10px;
}
.summary-area{
  width:100%;
}
.summary-title{
    font-size:13px;
    border-left:5px solid #f3992c;
    text-indent:5px;
}
.summary-text{
    font-size:13px;
    line-height: 1.3em;
    width:50%;
    padding-right:5px;
}
.summary-img{
    width:48%;
}
.summary-img img{
  width: 100%;
}
.recipe-list li{
  padding: 8px;
}
.recipe-list .border-none{
  border-top:none;
}

/*== list ==*/
.list-cover{
  overflow:hidden;
  zoom:1;
}
.recipe-img{ width:30%;}

.list-img {
  width:45%;
  margin-right:10px;
}

.list-img img{
  width: 100%;
  height: auto;
}

.list-title a{
  font-size: 15px;
  color:#321e1e;
  font-weight:bold;
  text-decoration: underline;

}
.list-title a:active{
  color:#f3992c;

}
/*== pager ==*/
.recipe-page-nav{
    /*width:100%;
    min-width:320px;*/
    width:100%;
    margin:10px auto;
    padding:10px 0;
    height:40px;
}
.pn-inner{
    width:100%;
}
.pn-inner li{
   float:left;
   margin-right:5px;
   list-style:none;
}

.pn-inner li a {
  background: #ccc;
  background-image: -webkit-linear-gradient(top, #fcfcfc, #cccccc);
  background-image: -moz-linear-gradient(top, #fcfcfc, #cccccc);
  background-image: -ms-linear-gradient(top, #fcfcfc, #cccccc);
  background-image: -o-linear-gradient(top, #fcfcfc, #cccccc);
  background-image: linear-gradient(to bottom, #fcfcfc, #cccccc);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #333;
  text-shadow: 0 1px 3px #fff;
  font-size: 13px;
  padding: 5px 10px;
  border: solid #e6e6e6 1px;
  text-decoration: none;
}

.pn-inner li a:hover {
  background: #fc8f3c;
  text-shadow:#ab602b;
  text-decoration: none;
}
.pn-inner li a:active {
  background: #fc8f3c;
  text-shadow:#ab602b;
  text-decoration: none;
}
.page_navigation a {
  background: #ccc;
  background-image: -webkit-linear-gradient(top, #fcfcfc, #cccccc);
  background-image: -moz-linear-gradient(top, #fcfcfc, #cccccc);
  background-image: -ms-linear-gradient(top, #fcfcfc, #cccccc);
  background-image: -o-linear-gradient(top, #fcfcfc, #cccccc);
  background-image: linear-gradient(to bottom, #fcfcfc, #cccccc);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #333;
  text-shadow: 0 1px 3px #fff;
  font-size: 13px;
  padding: 5px 9px;
  border: solid #e6e6e6 1px;
  text-decoration: none;
  margin-right:5px;
}
.page_navigation a:hover {
  background: #fc8f3c;
  text-shadow:#ab602b;
  text-decoration: none;
}
.page_navigation a:active {
  background: #fc8f3c;
  text-shadow:#ab602b;
  text-decoration: none;
}
.page_navigation a.active_page{
  background: #fc8f3c;
  text-shadow:#ab602b;
  text-decoration: none;
}
.page_navigation a.no_more{
  background: #eee;
  color:#ccc;
  text-shadow:#ab602b;
  text-decoration: none;
}
div.recipe-page-nav {
   position:relative;
   overflow:hidden;
}

.page_navigation {
   position:relative;
   left:50%;
   float:left;
}

.page_navigation a {
   position:relative;
   left:-50%;
   float:left;
}