@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
    transition: all 0.2s ease;
}
html { height: 101%; } /* always display scrollbars */
body { font-size: 62.5%; line-height: 1; font-family: sans, sans, Verdana, sans-serif !important; }
 
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; }
ol, ul { list-style: none; }
 
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; } 
 
input { outline: none; }
 
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }
 
a {
	text-decoration: none;
	color: inherit;
}
.clearfix:before, .container:after { 
    content: ""; display: table; 
}
.clearfix:after { 
    clear: both; 
}
/* IE 6/7 */
.clearfix { 
     zoom: 1; 
}
.clear { clear: both; }
/* Original Style */
@font-face {
	font-family: 'sans';
	src: url("../fonts/IRANSansWeb.woff");
}
body {
    direction: rtl;
    background: #80c7e5;
    padding: 25px 0;
}
.container {
    width: 90%;
    max-width: 1195px;
    margin: 0 auto;
}

#mainheader {
    background: #eeeeee url("../image/bg01.png") no-repeat top center;
    padding-top: 46px;
}
#banner {
    width: 100%;
    height: 225px;
    position: relative;
}
#number {
    width: 300px;
    float: right;
    margin-top: 14px;
    margin-right: 40px;
}
#archivelink {
    background: url("../image/bg02.png") no-repeat right 1px;
    padding-right: 31px;
}
#archivelink a {
    width: 120px;
    text-align: center;
    font: normal 16px/31px sans;
    color: #5b1500;
    display: block;
    border: 1px dotted #5b1500;
    -moz-border: 1px dotted #5b1500;
    border-radius: 15px;
    -moz-border-radius: 15px;
}
#archivelink a:hover { background: #5b1500; color: #FFFFFF; }
#personal {
    width: 278px;
    float: right;
    border: 1px solid #5b1500;
    margin: 18px 16px 0 0;
    font: normal 25px/50px sans;
    color: #5b1500;
}
#perstop {
    padding:  0 16px;
    border-bottom: 1px solid #5b1500;
    font: normal 14px/38px sans;
    color: #5b1500;
}
#shomare {
    font: bold 20px/38px sans;
    color: #5b1500;
}
#adad {
    background: #ff3c00;
    padding: 0 7px;
    font: normal 20px/26px sans;
    color: #fff;
    border-radius: 8px;
    width: 26px;
    height: 26px;
}
#personal h3 {
    padding:  0 36px;
    text-align: center;
}
#searchbox {
    width: 280px;
    float: left;
    margin-left: 54px;
}
#searchbox input[type='submit'] {
    background: url("../image/bg03.png") no-repeat;
    width: 46px;
    height: 34px;
    border: none;
    float: left;
    cursor: pointer;
}
#searchbox input[type='text'] {
    width: 193px;
    height: 34px;
    float: left;
    padding: 0 12px;
    box-sizing: border-box;
    background: none;
    border: 1px dashed #5b1500;
    font: normal 16px/34px sans;
    color: #323232;
}
#toptabligh { margin-top: 26px; }
#logo {
    background: url("../image/logo.png") no-repeat;
    width: 438px;
    height: 215px;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
}
#logo a {
    display: block;
    width: 100%;
    height: 100%;
    font: normal 1px Tahoma;
    text-indent: -999em;
}
#navigation {
    border: 1px solid #b3978f;
    border-right: none;
    border-left: none;
    text-align: center;
}
#navigation>ul>li {
    display: inline-block;
    background: url("../image/bullet01.png") no-repeat left 19px;
    padding-left: 13px;
}
#navigation>ul>li>a {
    display: block;
    padding: 0 6px;
    font: normal 16px/47px sans;
    color: #5b1500;
}
#navigation ul li a:hover { color: #000000; }
#wrapper {
    background: #eeeeee;
    padding: 16px;
    box-sizing: border-box;
    overflow: hidden;
}
#content {
    width: 72%;
    float: right;
    margin-left: 1%;
}
#bigpost {
    background: #ffffff;
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    padding: 18px 20px;
    margin-bottom: 13px;
    overflow: hidden;
    position: relative;
}
#bigpost h2 {
    margin-bottom: 20px;
}
#bigpost h2 a {
    font: bold 24px/40px sans;
    color: #000;
}
#bigpost figure {
    width: 61%;
    float: right;
    margin-left: 20px;
}
#bigpost figure img {
    width: 100%;
    height: auto;
    display: block;
    border-right: 6px;
}
#bigpost p {
    font: normal 14px/24px sans;
    color: #262626;
}
#bpauthor {
    width: 200px;
    text-align: left;
    position: absolute;
    left: 20px;
    bottom: 18px;
}
#bpauthor img {
    width: 50px;
    height: 50px;
    border: 5px solid #ff3c00;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}
#bpauthor h3 {
    font: normal 16px/35px sans;
    color: #4a4a4a;
    padding: 0 4px;
    border-bottom: 1px dashed #4a4a4a;
}
#bpauthor h4 {
    font: normal 16px/27px sans;
    color: #ff3c00;
}
#lastpost {
    background: #ffffff;
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    padding: 0 11px;
}
.lparticle {
    overflow: hidden;
    padding: 7px 0;
    border-bottom: 1px solid #b0b0b0;
}
.lparticle:last-child { border-bottom: none; }
.lpmeta {
    width: 136px;
    height: 108px;
    float: right;
    margin-left: 8px;
    background: #eeeeee;
    padding: 5px;
    box-sizing: border-box;
}
.lpmcategory {
    background: url("../image/bg04.png") no-repeat;
    padding-left: 38px;
    font: normal 16px/33px sans;
    color: #5b1500;
    text-align: center;
}
.lpmeta h3 {
    font: normal 14px/35px sans;
    color: #4a4a4a;
    padding: 0 4px;
    border-bottom: 1px dashed #4a4a4a;
    float: right;
}
.lpmeta h4 {
    font: normal 14px/35px sans;
    color: #ff3c00;
    float: right;
}
.postcontent {
    width: 60%;
    float: right;
}
.lparticle h2 {
    margin-bottom: 10px;
}
.lparticle h2 a {
    font: normal 18px/24px sans;
    color: #000;
}
.lparticle p {
    font: normal 14px/24px sans;
    color: #242424;
}
.lparticle figure {
    width: 21%;
    float: left;
    margin-right: 10px;
}
.lparticle figure img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
    border: 1px solid #e2e2e2;
}
#leftside {
    width: 27%;
    float: right;
}
.widget {
    background: #ffffff;
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    padding: 15px 14px;
    margin-bottom: 13px;
    overflow: hidden;
    position: relative;
}
.wgtitle {
    background: url("../image/bg05.png") no-repeat;
    width: 196px;
    height: 26px;
    margin: 0 auto;
    padding-bottom: 8px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #662511;
    font: normal 16px/36px sans;
    color: #5b1500;
    text-align: center;
}
.rslides {
    margin: 0 auto 40px;
}

#slider4,
#slider3 {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0 auto;
}

.rslides_tabs {
    list-style: none;
    padding: 0;
    list-style: none;
    margin: 0 auto;
    max-width: 540px;
    text-align: center;
    width: 100%;
}

.rslides_tabs li {
    display: inline;
    float: none;
    margin: 0 2px;
}

.rslides_tabs a {
    width: auto;
    line-height: 20px;
    padding: 9px 20px;
    height: auto;
    background: transparent;
    display: inline;
}

.rslides_tabs li:first-child {
    margin-left: 0;
}

.rslides_tabs .rslides_here a {
    background: rgba(255,255,255,.1);
    color: #fff;
    font-weight: bold;
}
#slider3-pager a, #slider4-pager a {
    display: inline-block;
}

#slider3-pager img, #slider4-pager img {
    float: left;
    border-radius: 12px;
}

#slider3-pager .rslides_here img, #slider4-pager .rslides_here img {
    box-shadow: 0 0 3px #323232;
}

#slider3-pager a, #slider4-pager a {
    padding: 0;
}
#slider3 li img, #slider4 li img {
    border: 2px solid #000000;
}
#slider3 li h2 {
    background: url("../image/bg07.png") no-repeat right 18px;
    text-align: center;
}
#slider4 li h2 {
    background: url("../image/bg09.png") no-repeat right 12px;
    text-align: center;
}
#slider3 li h2 a, #slider4 li h2 a {
    font: normal 16px/50px sans;
    color: #000000;
}
#slider3 li .playbg {
    background: url("../image/bg06.png") no-repeat;
    width: 119px;
    height: 119px;
    position: absolute;
    right: 0;
    left: 0;
    top: 13px;
    margin: auto;
}
#slider4 li .micbg {
    background: url("../image/bg16.png") no-repeat;
    width: 84px;
    height: 107px;
    position: absolute;
    right: 0;
    left: 0;
    top: 13px;
    margin: auto;
}
.wgslider { position: relative; }
.rslides_nav {
    width: 18px;
    height: 18px;
    position: absolute;
    bottom: 38px;
    font: normal 1px Tahoma;
    text-indent: -999em;
}
.rslides_nav.next {
    background: url("../image/bg08.png") no-repeat -18px 0;
    right: 10px;
}
.rslides_nav.prev {
    background: url("../image/bg08.png") no-repeat 0 0;
    left: 10px;
}
.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}
.tablishside img {
    width: 100%;
    height: auto;
    border: 1px solid #d5d5d5;
    border-radius: 12px;
    margin-bottom: 12px;
}
#mainfooter {
    background: #eeeeee;
    padding:  0 25px;
    box-sizing: border-box;
}
#footernav {
    border: 1px dashed #824f3f;
    border-right: none;
    border-left: none;
    text-align: center;
    padding: 10px 0;
}
#footernav ul li {
    border-left: 1px solid #f6aa9e;
    display: inline-block;
}
#footernav ul li:last-child { border-left: none; }
#footernav ul li a {
    font: normal 16px/14px sans;
    color: #404040;
    display: block;
    padding: 0 12px;
}
#footerwg {
    padding: 25px 0;
    overflow: hidden;
}
.fwg {
    width: 33%;
    float: right;
}
#contactus ul li {
    font: normal 14px/20px sans;
    color: #494949;
}
#contactus h3 {
    background: url("../image/bg10.png") no-repeat right 0;
    padding-right: 24px;
    font: normal 16px/20px sans;
    color: #000;
}
#copyright ul li {
    font: normal 13px/25px sans;
    color: #434343;
    text-align: center;
}
#copyright ul li:first-child { font: normal 14px/25px Verdana; }
#copyright ul li span { color: #ff3c00; }
#footerlogo #fbg {
    background: url("../image/footerlogo.png") no-repeat;
    width: 219px;
    height: 108px;
    float: left;
}
/*single css*/
#singlearticle {
    background: #ffffff;
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    padding: 15px 20px;
    position: relative;
}
#singleheader {
    margin-bottom: 20px;
}
#singlemeta {
    overflow: hidden;
    padding-bottom: 4px;
}
#singlecat {
    background: url("../image/bg12.png") no-repeat left;
    width: 126px;
    height: 33px;
    padding-left: 50px;
    font: normal 12px/33px sans;
    color: #5b1500;
    text-align: center;
    float: right;
    box-sizing: border-box;
}
#singlemeta ul li {
    float: left;
    margin-right: 15px;
    padding-right: 30px;
    font: normal 14px/33px sans;
    color: #000;
}

#meta1 { background: url("../image/bg11.png") no-repeat right -48px; }
#meta2 { background: url("../image/bg11.png") no-repeat right -98px; }
#meta3 { background: url("../image/bg11.png") no-repeat right 4px; }
#singleheader h1 {
    font: bold 24px/73px sans;
    color: #000;
    border: 1px dashed #c0b8b8;
    border-right: none;
    border-left: none;
    text-align: center;
}
#singlexrp {
    width: 57%;
    float: right;
    margin-left: 1%;
    background: #ededed;
    padding: 8px 10px;
    box-sizing: border-box;
    border-radius: 6px;
}
#singleauthor {
    width: 200px;
}
#singlexrp img {
    width: 50px;
    height: 50px;
    border: 10px solid #ff3c00;
    border-radius: 50%;
    float: right;
    margin-left: 10px;
}
#singleauthor h3 {
    font: normal 16px/35px sans;
    color: #4a4a4a;
    padding: 0 4px;
    border-bottom: 1px dashed #4a4a4a;
}
#singleauthor h4 {
    font: normal 16px/35px sans;
    color: #ff3c00;
}
#singlexrp p {
    font: normal 13px/24px sans;
    color: #262626;
    margin-top: 12px;
}
#singlearticle figure {
    width: 42%;
    float: right;
}
#singlearticle figure img {
    width: 100%;
    height: auto;
    display: block;
}
#thecontent {
    margin-top: 25px;
    padding-bottom: 8px;
    border-bottom: 1px dashed #c0b8b8;
    font: normal 14px/34px sans;
    color: #000000;
}
#thecontent p {
    font: normal 14px/34px sans;
    color: #000000;
    margin-bottom: 17px;
}
#tags {
    padding: 20px 0;
    overflow: hidden;
}
#tags ul li {
    float: right;
    margin-left: 6px;
	display:inline-flex;
}
#tags ul li:first-child {
    padding: 0 19px;
    background: #ff3c00;
    font: normal 14px/29px sans;
    color: #ffffff;
    border-radius: 15px;
}
#tags ul li a {
    display: block;
    padding: 0 19px;
    background: #ededed;
    font: normal 14px/29px sans;
    color: #535353;
    border-radius: 18px;
}
#tags ul li a:hover { background: #ff3c00; color: #FFFFFF; }
#sharing {
    background: #f7f7f7;
    padding: 20px 0 12px 0;
    margin-top: -8px;
    margin-bottom: 23px;
    text-align: center;
    border: 1px solid #d3d3d3;
    border-top: none;
    border-radius: 0 0 4px 4px;
}
#sharing ul li {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin: 0 8px;
}
#sharing ul li:hover { transform: rotate(20deg); }
#sharing1 { background: url("../image/bg13.png") no-repeat -323px 0; }
#sharing2 { background: url("../image/bg13.png") no-repeat -277px 0; }
#sharing3 { background: url("../image/bg13.png") no-repeat -231px 0; }
#sharing4 { background: url("../image/bg13.png") no-repeat -185px 0; }
#sharing5 { background: url("../image/bg13.png") no-repeat -138px 0; }
#sharing6 { background: url("../image/bg13.png") no-repeat -92px 0; }
#sharing7 { background: url("../image/bg13.png") no-repeat -46px 0; }
#sharing8 { background: url("../image/bg13.png") no-repeat 0 0; }
#sharing ul li a {
    display: block;
    width: 100%;
    height: 100%;
}
#relatedposts {
    background: #ffffff;
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    padding: 15px 20px;
    margin-bottom: 30px;
}
#relatedposts h3 {
    padding: 0 19px;
    background: #ff3c00;
    font: normal 14px/29px sans;
    color: #ffffff;
    border-radius: 15px;
    float: right;
    margin-bottom: 20px;
}
#relatedposts ul li {
    background: url("../image/bullet02.png") no-repeat right 12px;
    padding-right: 14px;
}
#relatedposts ul li a {
    font: normal 14px/34px sans;
    color: #000;
}
#formfiled {
    width: 25%;
    float: right;
    margin-left: 2%;
}
#formfiled input[type='text'] {
    width: 100%;
    height: 37px;
    box-sizing: border-box;
    padding: 0 12px;
    margin-bottom: 15px;
    border: 1px dashed #4a4a4a;
    border-radius: 12px;
    font: normal 14px/37px sans;
    background: none;
}
#formsubmit {
    width: 73%;
    float: right;
}
#formsubmit textarea {
    width: 100%;
    height: 90px;
    box-sizing: border-box;
    padding: 0 12px;
    margin-bottom: 15px;
    border: 1px dashed #4a4a4a;
    border-radius: 12px;
    font: normal 14px/37px sans;
    background: none;
    outline: none;
}
#formsubmit input[type='submit'] {
    float: left;
    margin-right: 15px;
    padding: 0 10px;
    background: #ff3c00;
    font: normal 14px/34px sans;
    color: #ffffff;
    border-radius: 12px;
    border: none;
    cursor: pointer;
}
#formsubmit input[type='submit']:hover { background: #000000; color: #FFFFFF; }
#formsubmit input[type='reset'] {
    float: left;
    margin-right: 15px;
    padding: 0 28px;
    background: #c7c7c7;
    font: normal 14px/34px sans;
    color: #323232;
    border-radius: 12px;
    border: none;
    cursor: pointer;
}
#formsubmit input[type='reset']:hover { background: #ff3c00; color: #FFFFFF; }
#formcapcha {
    float: right;
}
.num1, .operator {
    font: normal 12px/18px Tahoma;
    color: #000;
    float: left;
    margin-right: 12px;
}
#formcapcha input[type='text'] {
    width: 58px;
    height: 18px;
    float: left;
    background: #FFFFFF;
    border: none;
    text-align: center;
    margin-right: 12px;
}
.equal {
    font: normal 12px/18px Tahoma;
    color: #000;
    float: left;
    margin-right: 12px;
}
.result {
    font: bold 12px/18px Tahoma;
    color: #000;
    float: left;
    margin-right: 12px;
}
.refresh {
    background: url("../image/bg.png") no-repeat;
    width: 19px;
    height: 14px;
    float: left;
    display: block;
    margin-top: 3px;
}
    /*archive css*/
#archiveposts {
    background: #ffffff;
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    padding: 15px 20px;
    position: relative;
}
#archivetitle {
    background: url("../image/bg14.png") no-repeat;
    width: 492px;
    height: 33px;
    margin: 0 auto;
    margin-bottom: 15px;
    box-sizing: border-box;
    font: normal 16px/33px sans;
    color: #5b1500;
    text-align: center;
}
#archivetitle span { color: #ff3c00; }
.archarticle {
    background:#F8F8F8;
    width: 100%;
    height: auto;
    padding: 5px 10px;
    box-sizing: border-box;
    margin-bottom: 8px;
    overflow: hidden;
    border-radius: 12px;
}
.archarticle figure {
    width: 15%;
    float: right;
    margin-left: 12px;
}
.archarticle figure img {
    width: 100%;
    height: auto;
    display: block;
    border: 1px solid #e1e2e1;
    border-radius: 6px;
}
.archtitle {
    overflow: hidden;
    margin-top: 5px;
}
.archtitle h2 {
    float: right;
    margin-left: 5px;
}
.archtitle h2 a {
    font: bold 15px/24px sans;
    color: #000;
}
.archtitle ul li {
    float: left;
    margin-left: 15px;
    padding-right: 30px;
    font: normal 12px/33px sans;
    color: #000;
}
.archarticle p {
    font: normal 14px/24px sans;
    color: #242424;
}
#pagination {
    margin: 15px 0;
    overflow: hidden;
    font: normal 14px/20px sans;
    text-align: center;
	padding:9px;
}
#pagination ul li {
    background: #FFFFFF;
    text-align: center;
    font: normal 14px/20px sans;
    display: inline-block;
    margin: 0 9px;
}
#pagination ul li:last-child { border: none; }
#pagination ul li a {
    display: block;
    color: #6c6c6c;
    padding: 5px 15px;
    background: #dddddd;
    border-radius: 6px;
}
#pagination ul li.page_info {
    padding: 5px 15px;
}
#pagination ul li a:hover {
    background: #ff3c00;
    color: #FFFFFF;
}
.mainlink {
    position: fixed;
    top: 283px;
    font: normal 14px/36px sans;
    color: #FFFFFF;
    background: #972805;
    text-align: center;
}
.mainlink a {
    width: 87px;
    height: 87px;
    display: block;
}
#nextlink { right: 0; }
#prevlink { left: 0; }
#nextlink a { background: url("../image/bg18.png") no-repeat; }
#prevlink a { background: url("../image/bg17.png") no-repeat; }
#resmenu { display: none; }
#resmenu ul {
    transition: none;
}
.trigger {
    text-align: right;
    margin-right: 10px;
    font: normal 16px/38px sans;
    color: #5b1500;
    background: url("../image/bg19.png") no-repeat right 3px;
    padding-right: 38px;
    cursor: pointer;
}
#resmenu ul li {
    background: url("../image/bullet01.png") no-repeat right 18px;
    padding-right: 18px;
    text-align: right;
    margin-right: 10px;
}
#resmenu ul li a{
    font: normal 16px/47px sans;
    color: #5b1500;
}
/*responsive style*/
@media only screen and (max-device-width : 1240px){
}
@media only screen and (max-width : 1240px) {
    #logo {
        width: 300px;
        height: 147px;
        background-size: cover;
        margin-top: 35px;
    }
    .postcontent { width: 50%; }
    .archtitle ul li { display: none; }
}

@media only screen and (max-device-width : 1134px){
}
@media only screen and (max-width : 1134px) {
    #bpauthor, #searchbox { display: none; }
    #slider3 li h2 { background: none; }
    #logo { float: left; position: relative; margin-left: 25px; }
}

@media only screen and (max-device-width : 980px){
}
@media only screen and (max-width : 980px) {
    .lpmeta { width: 100%; height: auto; margin-bottom: 12px; }
    .lpmcategory { float: right; width: 89px; height: 33px; }
    .lpmeta h3 { float: right; margin: 0 15px; border-bottom: none; }
    .lpmeta .clear, .rslides_tabs { display: none; }
    .postcontent { width: 60%; }
    .lparticle figure { width: 38%; }
    .archarticle { height: auto; background: #f7f7f7; }
    .archarticle figure { width: 23%; }
}

@media only screen and (max-device-width : 800px){
}
@media only screen and (max-width : 800px){
    #content { width: 100%; margin-left: 0; margin-bottom: 15px; }
    #leftside { width: 100%; margin-top: 15px; }
    .rslides_tabs { display: block; }
	#nextlink { display: none; }
	#prevlink { display: none; }

}

@media only screen and (max-device-width : 768px){
}
@media only screen and (max-width : 768px){
    .fwg { width: 100%; margin-bottom: 25px; float: none; }
    #copyright ul li { text-align: right; }
    #footerlogo #fbg { float: none; margin: 0 auto; }
    #footernav ul li { margin-bottom: 15px; }
    #singlexrp { width: 100%; margin-left: 0; margin-bottom: 15px; }
    #singlearticle figure { width: 100%; }
    #navigation>ul { display: none; }
    #resmenu { display: block; }
}

@media only screen and (max-device-width : 640px){
}
@media only screen and (max-width : 640px){
    #banner { height: 400px; }
    #number, #logo { float: none; margin: 0 auto; }
    #logo { margin-bottom: 25px; }
    #archivelink a { width: auto; }
    #bigpost figure, #formfiled, #formsubmit { width: 100%; margin-left: 0; margin-bottom: 15px; }
    #tags ul li { margin-bottom: 15px; }
    #archivetitle { width: 100%; background-size: cover; }
    #pagination ul li { margin-bottom: 15px; }
}

@media only screen and (max-device-width : 480px){
}
@media only screen and (max-width : 480px){
    .postcontent, .archarticle figure, .archtitle { width: 100%; margin-right: 0; margin-bottom: 15px; }
    .lparticle figure { width: 100%; }
    #singlemeta ul li { display: none; }
    #singleheader h1 { line-height: 40px; padding: 10px 0; }
    .archarticle p { margin-bottom: 15px; }
    #archivetitle { background: none; }

}



#commentform p{ font-size:16px;}