/* 
    Document   : main
    Created on : Sep 13, 2014, 9:29:31 PM
    Author     : thinzar
    Description:
        Purpose of the stylesheet follows.
*/
body {
    /*background-color: #9d9d9d;*/   
    width: 100%;
    height: 100%;
}

hr {   
    background: url(../images/templatemo_content_bg.jpg) repeat-x scroll 0% 0% transparent;
}

/*a, a:link { color: #fff; text-decoration: none; } 
a:hover,a:active, a:focus { color: #00de12; text-decoration: none; }*/

.clear {
    clear: both;
}

.font10 {
    font-size: 10px;
}

.hover, .active {
    color: #00de12;
}

#templatemo_site_title_bar_wrapper {
    background: url(../images/templatemo_title_bar_bg.jpg) repeat scroll 0% 0% transparent;
}

#templatemo_banner {
    background: url(../images/templatemo_banner.jpg) repeat;
    background-position: center;
}

.site-title {    
    font-size: 24px;    
    color: #00de12;
}

.img-15 {
    width: 15%;
}

.border-box-p2 {
    padding: 2%;
    border: 1px solid #ddd;
}

.box-2 {
    width: 2%;
    height: 2%;
}

.box-10 {
    width: 10%;
    height: 10%;
} 

.box-80 {
    width: 100%;
    height: 80% !important;
}

.box-greygreen-bg {
    width: max-content;
    height: 50px;
    background: -moz-linear-gradient(center top, rgb(51,62,2), rgb(139,183,24));
}

.box-greengrey-bg {
    width: max-content;
    height: 50px;
    background: -moz-linear-gradient(center top, rgb(139,183,24), rgb(51,62,2));
}

.all-rounded-5 {
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.left-rounded-5 {
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
}

.right-rounded-5 {
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
}

.blueocean-bg {
    background: #e5e5e5;
}

.grayblack-bg{    
    background: -moz-linear-gradient(top center , rgb(33,38,42), rgb(0, 0, 0));
}

.blackgray-bg {
    background: -moz-linear-gradient(top center , rgb(0, 0, 0), rgb(33,38,42));
}

.green-gradient {
    background: -moz-linear-gradient(top center , rgb(0, 0, 0), rgb(186,231,68)); /*#00de12#8ba151*/
}

.graysilver-bg {
    background: -moz-linear-gradient(top center , #9c9c9c, #cdcdcd);    
}

.content-bg{
    background: none repeat scroll 0% 0% #fff; 
}


.black-bg {
    background: none repeat scroll 0% 0% rgb(0,0,0);    
}

.no-padding {
    padding: 0 !important;
}

.padding-all-2{
    padding: 2%;
}

.padding-top-5{
    padding-top: 5%;
}

.padding-all-7{
    padding: 7px;
}

.padding-lr-10 {
    padding: 0 10% !important;
}

.margin-left-25 {
    margin: 0 0 0 25% !important;
}

.margin-left-35 {
    margin: 0 0 0 35% !important;
}

.margin-all-1 {
    margin: 1%;
}

.margin-all-2 {
    margin: 2%;
}

.margin-lr-2 {
    margin: 0 2% 0 2%;
}

.white {
    color: #fff !important;
}

.gray {
    color: #555;
}

.silver {
    color: #ccc;
}

.green {
    color: #00de12 !important;
}

.modern-green {
    color: rgb(186,231,68);
}

.modern-light-green {
    color: #8ba151;
}

.bold-font {
    font-weight: bold;
}

.main-article {
		text-align: justify;
		width: 97%;
}

.justify-para {
    text-align: justify;
}

.position-top {
    position: relative;
    top: -95px;
}

/* Post */
.post-img-container {
    width: 160px;
    height: 100px;
    border: 1px solid #9c9c9c;
    padding: 3px;
}

.post-img {
    width: 150px;
    height: 90px;
}

.show-post-img-container {
    width: 260px;
    height: 200px;
    border: 1px solid #9c9c9c;
    padding: 3px;
}

.show-post-img {
    width: 250px;
    height: 190px;
}
/* End Post */
/* Box */

.box {
    clear: both;
    margin: 10px 0 10px 0;
}

.box-inner {
    border: 1px solid #dedede;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(189,189,189,0.4);
}

.box-header {
    background: -moz-linear-gradient(to bottom , rgba(255,255,255,0), rgba(0,0,0,0.1));
    border-radius: 3px 3px 0 0;
    font-size: 16px;
    margin: 0;
    padding: 8px ;    
}

.box-header h2 {
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
    margin: 0;
    padding: 0; 
}

.box-content {
    padding: 10px;
}
/* End Box */

/* footer */

/*#templatemo_footer a {
    font-weight: bold;
    color: #939382;
}

#templatemo_footer .footer_menu {
    margin: 0 0 5px 0;
    padding: 0px;
    list-style: none;
}

.footer_menu li {
    margin: 0px;
    padding: 0 20px;
    display: inline;
    border-right: 1px solid #939382;
}

.footer_menu .last_menu {
    border: none;
}*/

/* end of footer */