/* this style sheet uses css 3. please validate it as such, thank you. */

html{
margin:0;
padding:0;
overflow-x:hidden;
}

body{


background:url(/gradient.png) no-repeat center center fixed;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
/*

background:#444444
url('http://moe365.org/gfxsite/25fix.png') repeat-x top;

background:#000000 url('http://moe365.org/gfxsite/moegearbackground.png') no-repeat fixed;

*/



color:#000000; /*meet miracle workerz + chairman award font*/
margin:0;
padding:0;
height:auto;

font-family: 'Open Sans', Gill Sans, sans-serif;

font-size:14px;
line-height:17px;
}

img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}

a{ /*links?*/
color:#37AD1A;
text-decoration:none;
font-weight: bold; /* added bold 2-19-16 */
border-bottom:1px #7ecc6a solid;  /* changed to solid green from dotted black 2-19-16 */
}

a:hover{
color:#008000;  /* changed text to solid darker green from lighter green 2-19-16 */
border-bottom:2px #008000 solid;  /* changed to darker green 2 px solid from 1 px dotted 2-19-16 */
}

abbr{
color:#34a72a;
text-decoration:none;
border-bottom:1px #aaffaa dotted;
}

img{
border:0 !important;
border-bottom:0 !important;
position: relative;
}

a.img{
border:0 !important;
}

div#container{
background:#rgba url('http://moe365.org/transparent.png') no-repeat fixed;
width:846px;
height:auto;
margin:0px auto;
padding:0 15px;
padding-top:25px;
padding-left:16px;
}

header{
width:100%;
}

img#main{
margin:0 auto;
width:650px;
height:180px;
display:block;
}

header{
display:block;
}

h1,h2,h3,h4,h5,h6{
color:#000000;
line-height:20pt;
margin-top:5px;
font-family: 'Amaranth', sans-serif;
}

h1{
font-family: 'Amaranth';
font-size:30px;
}

div.justify{
text-align:justify;
}

.boxed
{
background-color:#ffffff;
-webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  -webkit-border-bottom-left-radius:5px;
  -webkit-border-bottom-right-radius:5px;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
/*box-sizing: border-box;
-moz-box-sizing:border-box; /* Firefox */
/*border:1em solid red;*/
margin: 5px;
}

 .boxed h2 {
  padding:3px;
  
  margin:0;
  /*background-color:#000000;
  color:#fff;*/
  font-size:14pt;
  text-align: center;
  
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
}


.boxed h3,h4,h5,h6{
color:#000000;
line-height:3pt;
font-family: 'Amaranth', sans-serif;
padding:6px;
}

.boxed p {
  padding:9px; 
  margin-top: 0px;
}

.boxedbig
{
background-color:#ffffff;
-webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  -webkit-border-bottom-left-radius:5px;
  -webkit-border-bottom-right-radius:5px;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
/*box-sizing: border-box;
-moz-box-sizing:border-box; /* Firefox */
/*border:1em solid red;*/
margin: 5px;
padding-top:30px;
padding-left:50px;
padding-right:50px;
padding-bottom:20px;
width:87%;
height:auto;

}

/* for mentor images */


.imgMentor{
position: relative;
width: 200px;
height: 200px;
}

.imgText{
position: absolute;
color: #ffffff;
top: 0px;
bottom: 0px;
left: 0;
right: 0;
background: rgba(0,0,0,0.6);
visibility: hidden;
padding: 5px;
opacity: 0;
-webkit-transition: opacity 600ms;
  -moz-transition: opacity 600ms;
  -o-transition: opacity 600ms;
  transition: opacity 600ms;
  
}

.imgName{
position: absolute;
color: #ffffff;
top: 0px;
bottom: 0px;
left: 0;
right: 0;
background: rgba(0,0,0,0.6);
visibility: hidden;
padding: 5px;
text-align: center;
vertical-align: middle;
line-height: 180px;
opacity: 0;
-webkit-transition: opacity 600ms;
  -moz-transition: opacity 600ms;
  -o-transition: opacity 600ms;
  transition: opacity 600ms;
  
}

.imgMentor:hover .imgText{
visibility: visible;
opacity: 1;
}

.imgMentor:hover .imgName{
visibility: visible;
opacity: 1;
}


/*insert <span class="firsttext"> first </span> to use*/

.firsttext{
font-style: italic;
/*font-size: 14.5px;*/
font-family: 'Helvetica','Arial';
text-transform: uppercase;
/*font-weight: bold;*/
}

div#sidebar{
width:20%;
float:right;
padding:0 0 10px 12px;
margin-right:30px;
}

div#block{
display:block;
}

footer{
display:block;
clear:both;
margin-top:2px;
}

div#clear{
clear:both;
display:block;
width:100%;
}

div.divider{
display:block;
height:12px;
/*background:url('divider.png') center no-repeat;*/
margin:10px 10px 25px 10px;
}

img.divider{
width:600px;
display:block;
margin:0 auto;
}

section{
display:block;
margin-bottom:15px;
}

footer div.column{
text-align:justify;
padding-left:7px;
padding-right:8px;
background-color: #16400E;
color: #ffffff;
height: 200px;
}

footer div.short{
width:196px;
}

footer div.long{
width:413px;
}

nav img{
margin:0 1px -6px 1px;
}

div#wrapper{
width:385px;
float:left;
background: #ffffff;
padding: 0px;
margin: auto 9px;
margin-left: 5px;
margin-right: -3px;
padding: 10px;
padding-bottom: 26px;
height: 270px;

	-webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
    border-top-right-radius:5px;
  -webkit-border-bottom-left-radius:5px;
  -webkit-border-bottom-right-radius:5px;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  
}

td{
vertical-align:top;
}

/* front page slider css 
#slider a{
    display:block;
}

.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

div#wrapper{
width:400px;
float:left;
background: #ffffff
padding: 0px;
margin: 2px;
}

.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

.nivoSlider a {
    border:0;
    display:block;
}

.nivoSlider img.imgnav{
	display:inline !important;
	}
	
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}

/* accordian menu style - goes with MOEmentum*/


ul.menu, ul.menu ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
	width: 100%;
}

ul.menu a {
	display: block;
	text-decoration: none;	
}

ul.menu li {
	margin-top: 1px;
}

ul.menu li a, ul.menu ul.menu li a {
	background: #37AD1A;
	color: #ffffff;	
	padding: 0.5em;
}

ul.menu li a:hover, ul.menu ul.menu li a:hover {
	background: #8C8888;
}


ul.menu li ul li a, ul.menu ul.menu li ul li a {
	background: #298513;
	color: #ffffff;
	padding-left: 20px;
}

ul.menu li ul li a:hover, ul.menu ul.menu li ul li a:hover {
	background: #44aa44;
	border-left: 5px #000 solid;
	padding-left: 15px;
}
ul.menu ul.menu li a:hover {
    border-left: 0;
    padding-left: 0.5em;
}
ul.menu ul.menu {
    border-left: 5px #000000 solid;
}
ul.menu a.active, ul.menu ul.menu li a.active, ul.menu a.active:hover, ul.menu ul.menu li a.active:hover {
    text-decoration: underline;
    background: #666666;
}
div.panel {
    border: 1px #000000 solid;
    padding: 5px;
    margin-top: 1px;
}

ul.menu div.panel a, ul.menu div.panel li a:hover  {
    display :inline;
    color: #666666;
    background: none;
    margin: 0;
    padding: 0;
    border: none;
    font-weight: bold;
}
ul.menu div.panel a:hover {
    color: #000;
    text-decoration: underline;
}



.code { border: 1px solid #cccccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #dddddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }
.indent6 { padding-left: 6em; }
.indent7 { padding-left: 7em; }
.indent8 { padding-left: 8em; }
.indent9 { padding-left: 9em; }
.indent10 { padding-left: 10em; }

/* galleria */

.galleria-info-text{
background:rgba(0,0,0,.5);
}

/* search lightbox stuff */

#searchbg, #newsbg {
 display:none;
 background:rgba(28,38,27,.5);
 position:fixed;
 top:0px;
 left:0px;
 width:100%;
 height:100%;
 z-index:1000;
}

#search {
 display:none;
 position:fixed;
 top:150px;
 left:50%;
 margin-left:-200px;
 width:400px;
 background:#000000;
 padding:10px 15px 10px 15px;
 z-index:1001;
}

/* I HART AJAX */

#newsbox{
 display:none;
 position:fixed;
 top:100px;
 left:50%;
 margin-left:-200px;
 width:400px;
 background:#000000;
 padding:10px 15px 10px 15px;
 z-index:1001;
 }

#newsloading{
	text-align: center;
	display:none;
}

#newscontent{
	display:none;
	color: #7e7e7e;
	margin: 0 0 20px 0;
	line-height: 1.3em;
	font-size: 11px;
}

#newscontent p{
	margin-bottom: 0.7em;
}

#newscontent a{
	font-weight: 700;
	color: #6fa5fd;
	border-bottom: 1px dotted #6fa5fd;
}

.mainleft, .newsleft{
margin-top:15px;
width:49%;
float:left;
clear:left;
}

.mainright, .newsright{
margin-top:15px;
width:49%;
float:right;
clear:right;
}



#mobilemenu{
display:none;
}

  .page-wrapper {
    margin: 0;
    padding-top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }

  .page-width {
    margin-left: auto;
    margin-right: auto;
    width: 1024px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    box-sizing: border-box;
  }

  .notification-wrapper {
    background: #000;
    height: 70px;
    line-height: 70px;
    font-family: 'Lato', Arial, sans-serif;
    font-weight: bold;
    text-align: center;
    margin-right: 15px;
    color: #FFF;
    width: 100%;
    top: 0;
  }