@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/eot/IRANSansWeb.eot');
    src: url('/fonts/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../fonts/woff2/IRANSansWeb.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/IRANSansWeb.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/IRANSansWeb.ttf') format('truetype');
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
    font-family: IRANSans;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.facebook {
    height: 50px;
    width: 150px;
}

html, body {
    height: 100%;
    width: 100%;
}
body{
    direction: rtl;
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    /*background-image: url('../Content/images/backgrounds/genome.png');*/
    background-position: 118% 150%;
    background-repeat: no-repeat;
    background-color: #f7f8fa;
}


.article {
    background-color: white;
    border-radius: 5px;
    border-color: gray;
    padding: 10px;
    box-shadow: 1px 1px 2px #888888;
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
}

.articleText
{
        line-height:35px;
        padding:20px;
        margin-top:20px;
        margin-bottom:10px;
}


.aside {
    padding: 10px;
    height: 500px;
}

figcaption {
    position: relative;
    right: 20px;
}

.article main {
    line-height: 30px;
    margin: 20px;
    text-align: justify;
    font-size: 14px;
}

.article img {
    max-width: 95%;
    height: auto;
}

.ColumnImage img {
    width: 100%;
    height: auto;
    border: 2px solid black;
    border-radius: 5px;
    box-shadow: 6px 6px 3px #888888;
}

.Hederlink a {
    font-size: 1em;
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #000000;
}

h1, h2, h3, h4, h5, h6 {
    font-style: normal;
    font-weight: bold;
    font-family: IRANSans;
}



h1,
h2,
h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

h4,
h5,
h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

h1,
.h1 {
    font-size: 36px;
}

h2,
.h2 {
    font-size: 30px;
}

h3,
.h3 {
    font-size: 24px;
}

h4,
.h4 {
    font-size: 18px;
}

h5,
.h5 {
    font-size: 14px;
}

h6,
.h6 {
    font-size: 12px;
}

h1 small,
.h1 small {
    font-size: 24px;
}

h2 small,
.h2 small {
    font-size: 18px;
}

h3 small,
.h3 small,
h4 small,
.h4 small {
    font-size: 14px;
}