@font-face {
    font-family: "yekan";
    src: url("/frontend/web/fonts/yekan/Yekan.woff") format("woff");
}
body {
    /*font-size: 12px!important;*/
}
* {
    padding: 0;
    margin: 0;
    border: 0;
    font-family : "yekan" ;
    /*font-family: 'B Titr' ,Tahoma;*/
    font-weight: bold!important;
    /*font-size: 12px!important;*/

    text-decoration: none;
    /*outline: none;*/
    direction: rtl;
    list-style:none;
}
h1 {
    font-size: 36px;!important;
}
#wrapper {
    margin: 10px auto;
    width: 960px;
    background-color: white;
}


#top{
    background-image:url(04.jpg);
    width:960px;
    height:160px;
    font-size:60px;
    text-align:center;
    padding-top:40px;
}


#top a{
    color:red;
    text-shadow:1px 2px 2px black;
    font-family:'Times New Roman';
    font-size:54px;
    display:block;
}

#top a:hover{
    color:darkred;
}

#top li{
    float:right;
    font-size:30px;
}

#top img{
    width:180px;
    height:160px;
    margin:10px 22px;
}

#top span{
    padding:55px 10px;
    display:block;
}

#menu {
    background-color:#2E0FC5;
    background-image:linear-gradient(#070CF3 , #2007A2);

    clear:both;
}

#menu > ul > li {
    display: inline-block;
    /*float:right;*/
}

#menu a {
    color: white;
    display: inline-block;
    padding: 5px 15px;
    height:35px;
    transition: 0.3s;
    padding: 5px 15px;
    font-size:20px;
    margin:0 5px;
}

#menu a:hover{
    color: darkblue;
    background: linear-gradient(darkgray,gray);
}

#sidebar {
    float:right;
    width: 200px;
    margin: 10px;

}

#sidebar section header{
    background-color:#666;
    background:linear-gradient(#888 , #555);
    text-align:center;
    color:white;
    font-family:'B Yekan' , Tahoma;
    font-size:20px;
    padding:5px;
}

#sidebar section li{
    background-color:#444;
    border-bottom:1px solid #888;
    padding:4px 15px;
    font-size:18px;
}

#sidebar section a{
    color:white;
    display:block;
    transition:0.3s;
}

#sidebar section a:hover{
    color:cyan;
    padding:0 10px;
}

#content {

    margin: 10px;
    width: 720px;
    height: auto;
    background-color: white;
}

#bottom {
    clear:both;
    padding: 25px;
    font-size: 14px;
    background-color: #222;
    background:linear-gradient(#666 , #000);
    text-align: center;
    color: white;
}

#bottom p{
    font-family:'B Yekan' ;
    font-size:20px;
}

#dashboard header{
    margin:15px 0;
    font-size:20px;
}

#dashboard header span{
    color:#55f;

}

#dashboard table *{
    font-size:16px;
    font-family:Tahoma;
    padding:18px 3px;
}

#dashboard footer{
    font-family:'B Yekan' ,Tahoma;
    font-size:18px;
    color:#369;
    padding:30px 30px;
}

#post header{
    font-size:20px;
    padding:10px;
    background-color:#f4ffee;
}

#post input[type=text]{
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 8px;
    width: 600px;
    box-shadow: 3px 3px 5px #e3e3e3 inset;
    margin: 8px 0;
    font-family: Tahoma;
}

#post table *{
    font-family:Tahoma;
    font-size:16px;
}

#post form{
    background-color:#f4f4f4;
    border-radius:4px;
    padding:4px;
}

#pages{
    margin:10px;
    height:200px;
    width:600px;
    overflow-y:scroll;
    box-shadow: 3px 3px 5px #e3e3e3 inset;
    border: 1px solid #aaa;
    border-radius: 3px;
}

#pages > li{
    padding:4px 20px;
}

#pages > li li{
    padding:2px 40px;
}

#post input[type=submit] {
    background-color: #c00;
    padding: 2px 16px;
    font-family:'B Titr' ,Tahoma;
    border-bottom: 2px solid #400;
    color: white;
    cursor: pointer;
    transition: 0.3s;
    margin: 12px 100px;
    font-size: 18px;
}

#post input[type=submit]:hover{
    background-color: #f33;
}

#viewposts header p{
    font-size:20px;
    font-family:'B Yekan' , Tahoma;
    margin-top:10px;
}

#viewposts table{
    border-collapse:collapse;
    margin:20px 0;
    width: 100%;
}

#viewposts th{
    border:1px solid #aaa;
}

#viewposts td{
    font-family:Tahoma;
    font-size:13px;
    border:1px solid #aaa;
    padding:0 4px;
    text-align:center;
}

#viewposts a{
    display:inline-block;
    margin:4px 2px;
    background-color:blue;
    color:white;
    padding:3px 7px;
    transition:0.3s;
}

#viewposts a:hover{
    background-color:darkblue;
}



#viewpages header p{
    font-size:20px;
    font-family:'B Yekan' , Tahoma;
    margin-top:10px;
}

#viewpages table{
    border-collapse:collapse;
    margin:20px 0;
    width: 100%;
}

#viewpages th{
    border:1px solid #aaa;
}

#viewpages td{
    font-family:Tahoma;
    font-size:13px;
    border:1px solid #aaa;
    padding:0 4px;
    text-align:center;
}

#viewpages a{
    display:inline-block;
    margin:4px 2px;
    background-color:blue;
    color:white;
    padding:3px 7px;
    transition:0.3s;
}

#viewpages a:hover{
    background-color:darkblue;
}

#categories *{
    font-family:Tahoma;
}

#categories header{
    font-family:'B Titr',Tahoma;
    font-size:20px;
    background-color:#f0fff0;
    padding:10px;
    margin:4px 0;
}

#categories #cats{
    width:700px;
    padding-bottom:10px;
    font-weight:900;
}
#categories #cats2{
    width:100px;
    padding:20px;
    font-weight:500;
}

#categories form{
    background-color:#f5f5f5;
    border-radius:5px;
    margin:2px 0;
}

#categories input[type=text]{
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 8px;
    width: 200px;
    box-shadow: 3px 3px 5px #e3e3e3 inset;
    margin: 8px 0;
    font-family: Tahoma;
}

#categories input[type=submit] {
    background-color: #c00;
    padding: 2px 16px;
    font-family:'B Titr' ,Tahoma;
    border-bottom: 2px solid #400;
    color: white;
    cursor: pointer;
    transition: 0.3s;
    margin: 12px 20px;
    font-size: 18px;
}

#categories input[type=submit]:hover{
    background-color: #f33;
}

#categories select{
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 4px;
    height:35px;
    width: 200px;
    box-shadow: 3px 3px 5px #e3e3e3 inset;
    margin: 8px;
    font-family: Tahoma;
}

#users header{
    font-family:'B Titr',Tahoma;
    font-size:20px;
    background-color:#f0fff0;
    padding:10px;
    margin:4px 0;
}

#users table{
    border-collapse:collapse;
    width:100%;
    margin:20px 0;
}

#users td {
    border:1px solid #aaa;
    padding:4px;
    font-family:Tahoma;
    font-size:13px;
    text-align:center;
}

#users th{
    border:1px solid #aaa;
    padding:4px;
}

#users td a{
    color:white;
    padding:4px 8px;
    background-color:blue;
    display:inline-block;
    margin:0 5px;
    transition:0.3s;
}

#users td a:hover{
    background-color:darkblue;
}

#comments > header{
    font-family:'B Titr',Tahoma;
    font-size:20px;
    background-color:#f0fff0;
    padding:10px;
    margin:4px 0;
}

#comments div article{
    clear:both;
    border:1px solid #aaa;
    border-radius: 5px;
    margin:8px 1px;
    overflow:hidden;
    background-color: #f7f9f6;
}

#comments div header{
    background-color:#ab8;
    background-image:linear-gradient(#ab8 , #cda);
    overflow:hidden;
    padding:2px 6px;
}

#comments div header p{
    float:right;
    font-family: 'B Yekan';
    font-weight: 600;
}

#comments div header time{
    display:block;
    float:left;
    font-family: 'B Yekan';
}

#comments div .commentbody{
    clear:both;
    font-family:Tahoma;
    padding:5px;
    font-size:13px;
}

#comments div footer span{
    float:left;
    background-color:blue;
    padding:4px 8px;
    font-family: 'b titr';
    color:white;
    cursor:pointer;
}

#comments div footer a{
    float:right;
    background-color:blue;
    padding:4px 8px;
    font-family: 'b titr';
    color:white;
    cursor:pointer;
}

#comments div .answer{
    margin-right:50px;
}

#sendcomment {
    background-color: #eee;
    padding: 4px 8px;
    border-radius: 8px;

}

#sendcomment td{
    font-family : "yekan";
}

#sendcomment p {
    font-family : "yekan";
    margin: 15px 4px;
    color: #595;
    font-size: 18px;
}

#sendcomment .inputright, #sendcomment .inputleft {
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
    width: 250px;
    box-shadow: 3px 3px 5px #e3e3e3 inset;
    margin: 5px 0;
    font-family: Tahoma;
}

#sendcomment .inputleft {
    direction: ltr;
}

#sendcomment textarea {
    border: 1px solid #aaa;
    box-shadow: 3px 3px 5px #e3e3e3 inset;
    border-radius: 4px;
    padding: 5px;
    width: 400px;
    height: 220px;
    resize: none;
    font-family: Tahoma;
}

#sendcomment input[type=submit] {
    background-color: #c00;
    padding: 2px 16px;
    border-bottom: 2px solid #400;
    color: white;
    cursor: pointer;
    transition: 0.3s;
    margin: 8px 200px;
    font-size: 18px;
}

#sendcomment input[type=submit]:hover {
    background-color: #f33;
    border-radius:5px;
}






.sendcomment {
    background-color: #eee;
    padding: 4px 8px;
    border-radius: 8px;

}

.sendcomment td{
    font-family: 'B Titr' , Tahoma;
}

.sendcomment p {
    font-family: 'B Yekan';
    margin: 15px 4px;
    color: #595;
    font-size: 18px;
}

.sendcomment .inputright, .sendcomment .inputleft {
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
    width: 250px;
    box-shadow: 3px 3px 5px #e3e3e3 inset;
    margin: 5px 0;
    font-family: Tahoma;
}

.sendcomment .inputleft {
    direction: ltr;
}

.sendcomment textarea {
    border: 1px solid #aaa;
    box-shadow: 3px 3px 5px #e3e3e3 inset;
    border-radius: 4px;
    padding: 5px;
    width: 400px;
    height: 220px;
    resize: none;
    font-family: Tahoma;
}

.sendcomment input[type=submit] {
    background-color: #c00;
    padding: 2px 16px;
    border-bottom: 2px solid #400;
    color: white;
    cursor: pointer;
    transition: 0.3s;
    margin: 8px 200px;
    font-size: 18px;
}

.sendcomment input[type=submit]:hover {
    background-color: #f33;
    border-radius:5px;
}









#signup {
    float: right;
    margin: 3px;
    font-family: 'B Titr' , Tahoma;
}

#signup header p {
    margin: 30px 10px;
    font-size: 18px;
    font-family: 'B Yekan', Tahoma;
}

#signup form{
    background-color:#f4f4f4;
    border-radius:5px;
    padding:7px;
}

#signup .inputright, #signup .inputleft {
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
    width: 230px;
    box-shadow: 3px 3px 5px #e3e3e3 inset;
    margin: 5px 0;
    font-family: Tahoma;
}

#signup .inputleft {
    direction: ltr;
}

#signup input[type=submit] {
    background-color: #c00;
    padding: 2px 16px;
    border-bottom: 2px solid #400;
    color: white;
    cursor: pointer;
    transition: 0.3s;
    margin: 8px 200px;
    font-size: 18px;
}

#signup input[type=submit]:hover {
    background-color: #f33;
}

#signup footer p {
    margin: 15px 5px;
    font-size: 18px;
    font-family: 'B Yekan', Tahoma;
}

#signup footer span {
    font-size: 20px;
    color: magenta;
    font-family: 'B Titr' , Tahoma;
}
#gimage{
    margin:50px;

    width: 50%;
}
#gimage tr{
    width: 20%;
    height:20%;
}
#gimage td{
    width: 20%;
    height: 20%;
    border: 1px solid black;
}
#gimage img{
    margin:10px;
    width: 200px;
    height: 200px;
}
#gimage a{
    color:white;
    background-color: blue;
    display: block;
    padding: 10px;
    margin: 5px;
    float: left;

}