body {
}
@font-face
{
    font-family:B Yekan;
    src('B Yekan.ttf');
}
.contian-listpost
{
    min-height: 400px;
    background-color: #FFCC99;
    width:100%;
    min-width:960px;
  background-image: -moz-linear-gradient( 90deg, rgb(71,55,12) 0%, rgb(218,218,147) 47%, rgb(255,240,195) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(71,55,12) 0%, rgb(218,218,147) 47%, rgb(255,240,195) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(71,55,12) 0%, rgb(218,218,147) 47%, rgb(255,240,195) 100%);
  
    overflow:auto;
}
.center-listpost
{
    width: 960px;
    margin:auto;
    overflow:auto;
}

.header-post
{
    width:100%;
    height:230px;
}
.nav-post
{
    width: 800px;
    margin-right:15px;
    float:right;
    padding:20px;
}
.icon-nav
{
    width: 72px;
    height: 70px;
    float: right;
    background-image: url('IMG/navpost.png');
}
.content-nav
{
    float:right;
    margin-right:20px;
    margin-top:13px;
    height:40px;
}
.content-nav a
{
    font-size: 18pt;
    text-decoration: none;
    color: #b75c1d;
    float:right;
    margin-right:7px;
}
.content-nav a:hover
{
    color: #753A13;
}
.content-nav img
{
    float:right;
    margin-top:15px;
    margin-right:10px;
}
.contain-post
{
  border: 5px dashed rgb( 86, 116, 185 );
    margin-top:0;
    border-radius: 10px;
    width: 800px;
    height: 180px;
    float: right;
    margin-right: 130px;
    border-top-left-radius: 70px;
    border-bottom-right-radius: 70px;
  background-image: -moz-linear-gradient( 90deg, rgb(216,216,219) 0%, rgb(204,204,204) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(216,216,219) 0%, rgb(204,204,204) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(216,216,219) 0%, rgb(204,204,204) 100%);
  margin-bottom:40px;
}

.contain-post h3
{
    width: 510px;
    color: #cc6633;
     white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    text-overflow: ellipsis;
    margin-top:13px;
    margin-right:10px;
    float:right;
}
.contain-post p
{
    width: 550px;
    height: 100px;
    overflow: hidden;
    text-overflow: clip;
    margin-top: 5px;
    margin-right: 20px;
    float: right;
    text-align: right;
}
.over
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    text-overflow: ellipsis;
}
.circle-black
{
    width: 12px;
    height: 12px;
    background-color: #333333;
    border: 1px ridge #808080;
    border-radius:50%;
    display:inline;
    float:right;
    margin-right:10px;
    margin-top:20px;
}
.image-post
{
    float:right;
    border-bottom-right-radius:70px;
    height:176px;
    width:200px;
    margin-top:1.5px;
    margin-right:1.5px;
}
.browspost
{
    width: 80px;
    height: 30px;
    margin-left: 30px;
    float: left;
}
.browspost a
{
    color: #cc6633;
    float: right;
    text-decoration:none;
    font-size:18px;
}
.browspost a:hover
{
    color: #773000;
}
.browspost img
{
     float: right;
     margin-right:4px;
     margin-top:8px;
}
.messagenull
{
    font-size: 24px;
    color: #000066;
    width: 60%;
    float: right;
    margin-right: 150px;
}
.contain-head-gallery
{
    max-width:800px;
    min-width:400px;
    margin:auto;
    margin-top:50px;
}
.contain-head-gallery h2
{
    color: #DC6D0A;
}
.contain-head-gallery p
{
    color: #093468;
}

.label-gallery
{
    float:right;
    padding:15px;
    
}
.con-lbl-gallery
{
    float:right;
    min-width:960px;
}
.img-paper
{
    float: left;
    width: 400px;
    height: 200px;
    margin-left:2px;
    box-shadow:-3px 3px 10px black;
}
.contain-head-paper
{
    width:960px;
    margin:auto;
    margin-top:50px;
}
.paper-text
{
    border: medium double #000000;
    width: 940px;
    color: #151515;
    font-size: 14px;
    text-indent: 20px;
    margin: auto;
    margin-bottom: 20px;
    margin-top:20px;
    padding: 10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffff88+0,ffff88+100;Yellow+Flat+%231 */
background: rgb(255,255,136); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(255,255,136,1) 0%, rgba(255,255,136,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,136,1)), color-stop(100%,rgba(255,255,136,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(255,255,136,1) 0%,rgba(255,255,136,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(255,255,136,1) 0%,rgba(255,255,136,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(255,255,136,1) 0%,rgba(255,255,136,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(255,255,136,1) 0%,rgba(255,255,136,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff88', endColorstr='#ffff88',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.contain-head-paper h2
{
    color: #DC6D0A;
    min-width:400px;
    float:right;
    text-shadow:-1px 1px 5px black;
}
.contain-head-paper p
{
    color: #093468;
    float:right;
    margin-right:0;
    width:550px;
    margin-top:15px;
}
.aaaa
{
    width: 880px;
    height: 40px;
    margin: auto;
    background-color: rgba(255,200,100,0.5);
    margin-top: 7px;
}
.qqq
{
    background-image: url('IMG/icon-login.png');
    width: 20px;
    background-attachment: fixed;
}