@font-face {
    font-family: MyriadPro;
    src: url("font/MYRIADPRO-REGULAR.OTF") format("opentype");
}

@font-face {
    font-family: MyriadPro;
    font-weight: bold;
    src: url("font/MYRIADPRO-BOLD.OTF") format("opentype");
}

/*
 bang collors:

    background dark gray: 0F0E0E
    font light: E9E7EB

    green: 027F40
    orange: FBAB3E
    red: DA3132
    blue: 2153A2

*/

.bck-green { background-color: #027F40; 
    background-image: linear-gradient(top, #0B9244 10%, #036C3A 55%);
    background-image: -o-linear-gradient(top, #0B9244 10%, #036C3A 55%);
    background-image: -moz-linear-gradient(top, #0B9244 10%, #036C3A 55%);
    background-image: -webkit-linear-gradient(top, #0B9244 10%, #036C3A 55%);
    background-image: -ms-linear-gradient(top, #0B9244 10%, #036C3A 55%);
}
.bck-green-inv { background-color: #027F40; 
    background-image: linear-gradient(top, #036C3A 10%, #0B9244 55%);
    background-image: -o-linear-gradient(top, #036C3A 10%, #0B9244 55%);
    background-image: -moz-linear-gradient(top, #036C3A 10%, #0B9244 55%);
    background-image: -webkit-linear-gradient(top, #036C3A 10%, #0B9244 55%);
    background-image: -ms-linear-gradient(top, #036C3A 10%, #0B9244 55%);
}
.bck-orange { background-color: #FBAB3E; 
    background-image: linear-gradient(top, #FDBF5B 10%, #F89722 55%);
    background-image: -o-linear-gradient(top, #FDBF5B 10%, #F89722 55%);
    background-image: -moz-linear-gradient(top, #FDBF5B 10%, #F89722 55%);
    background-image: -webkit-linear-gradient(top, #FDBF5B 10%, #F89722 55%);
    background-image: -ms-linear-gradient(top, #FDBF5B 10%, #F89722 55%);
}
.bck-orange-inv { background-color: #FBAB3E; 
    background-image: linear-gradient(top, #F89722 10%, #FDBF5B 55%);
    background-image: -o-linear-gradient(top, #F89722 10%, #FDBF5B 55%);
    background-image: -moz-linear-gradient(top, #F89722 10%, #FDBF5B 55%);
    background-image: -webkit-linear-gradient(top, #F89722 10%, #FDBF5B 55%);
    background-image: -ms-linear-gradient(top, #F89722 10%, #FDBF5B 55%);
}
.bck-red { background-color: #DA3132; 
    background-image: linear-gradient(top, #EC3D35 10%, #D22B31 55%);
    background-image: -o-linear-gradient(top, #EC3D35 10%, #D22B31 55%);
    background-image: -moz-linear-gradient(top, #EC3D35 10%, #D22B31 55%);
    background-image: -webkit-linear-gradient(top, #EC3D35 10%, #D22B31 55%);
    background-image: -ms-linear-gradient(top, #EC3D35 10%, #D22B31 55%);
}
.bck-red-inv { background-color: #DA3132; 
    background-image: linear-gradient(top, #D22B31 10%, #EC3D35 55%);
    background-image: -o-linear-gradient(top, #D22B31 10%, #EC3D35 55%);
    background-image: -moz-linear-gradient(top, #D22B31 10%, #EC3D35 55%);
    background-image: -webkit-linear-gradient(top, #D22B31 10%, #EC3D35 55%);
    background-image: -ms-linear-gradient(top, #D22B31 10%, #EC3D35 55%);
}
.bck-blue { background-color: #2153A2; 
    background-image: linear-gradient(top, #1074BB 10%, #283C94 55%);
    background-image: -o-linear-gradient(top, #1074BB 10%, #283C94 55%);
    background-image: -moz-linear-gradient(top, #1074BB 10%, #283C94 55%);
    background-image: -webkit-linear-gradient(top, #1074BB 10%, #283C94 55%);
    background-image: -ms-linear-gradient(top, #1074BB 10%, #283C94 55%);
}
.bck-blue-inv { background-color: #2153A2; 
    background-image: linear-gradient(top, #283C94 10%, #1074BB 55%);
    background-image: -o-linear-gradient(top, #283C94 10%, #1074BB 55%);
    background-image: -moz-linear-gradient(top, #283C94 10%, #1074BB 55%);
    background-image: -webkit-linear-gradient(top, #283C94 10%, #1074BB 55%);
    background-image: -ms-linear-gradient(top, #283C94 10%, #1074BB 55%);
}

body {background: #0F0E0E url("../img/bg.jpg") repeat-y center top; color:#E9E7EB;text-align: center; font-family: MyriadPro;}
a { color: silver; text-decoration: none;}
a:hover { color: #46A8B7;}
header {margin:20px 0;}
/*header .fb-like {position: absolute;left:50%;margin: 30px 450px;}*/
#wrapper { margin:20px auto; width:900px; }
footer {clear:both;}


/*
    index
*/
.top-main-menu-block {
    display: block;
    float:left;
    width:214px;
    height:144px;
    color: white;
}
.top-main-menu-block .left-rectangle{ margin: 0 auto; padding-top: 5px;}
.top-main-menu-block .left-rectangle h2{ padding:0px; margin:0px; font-size: 15px;}
.top-main-menu-block .rounded-rectangle{ margin: 0 auto; padding:3px;width: 180px;height: 110px;}
.top-main-menu-block .rounded-rectangle img { width:180px; height:110px; -moz-border-radius: 10px; border-radius: 10px;}

.top-main-menu-block:hover .rounded-rectangle {
    background-image: -moz-linear-gradient(center top , white 10%, gray 55%);
}
.top-main-menu-block:hover .left-rectangle {
    background-image: -moz-linear-gradient(center top , gray 10%, white 55%);
    color: black;
}

.bang-table { }
.bang-table td {vertical-align: top; }
.bang-table ul {padding:3px;text-align: left;}
.bang-table ul li {list-style: none;padding-bottom: 10px;}
/*.bang-table .fb_like_box {width: 200px}*/

.media-section .column,
.bangarticles-section .column,
.bangarticles-section td,
.media-section td{ 
    background-image: linear-gradient(left , #0C0C0C 5%, transparent 50%, #0C0C0C 95%);
    background-image: -o-linear-gradient(left , #0C0C0C 5%, transparent 50%, #0C0C0C 95%);
    background-image: -moz-linear-gradient(left , #0C0C0C 5%, transparent 50%, #0C0C0C 95%);
    background-image: -webkit-linear-gradient(left , #0C0C0C 5%, transparent 50%, #0C0C0C 95%);
    background-image: -ms-linear-gradient(left , #0C0C0C 5%, transparent 50%, #0C0C0C 95%); }
.media-section td,
.bangarticles-section td{ border-radius: 10px;}
.media-section-list { text-align: left; list-style: none; padding-bottom: 10px;}

.partners-block { width: 220px;}
.partners-block .rectangle{width:150px;margin:0 auto;font-size:20px;}
.partners-block .rounded-rectangle { margin: 0 auto; padding:3px;}
.partners-block img {width:97%;margin:5px auto;}
.partners-block .content {background-color: black;}
.partners-block .rowItem2 { float: left; width: 50%;}
.partners-block .rowItem3 { float: left; width: 33.3%;}

.content-article {
    text-align: justify;
}
.content-article p {
}
#footer-nav {
    background: -webkit-linear-gradient(left, transparent,black,transparent); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, transparent,black,transparent); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, transparent,black,transparent); /* For Fx 3.6 to 15 */
    background: linear-gradient(to right, transparent,black,transparent); /* Standard syntax */
}
#footer-nav a {
    background-color: #272322;
    padding: 10px 20px;
    margin: 10px 5px;
    display: inline-block;
}
#footer-nav:after {
    clear: both;
}
footer .fb-like {
    width: 100%;
    overflow: hidden;
}
footer .footer-by {
    color: #808080;
    font-size: 13px;
}