/******************************************
/* SETUP                   
/*******************************************/

/* Box Model Hack */
* {
     -moz-box-sizing: border-box; /* Firexfox */
     -webkit-box-sizing: border-box; /* Safari/Chrome/iOS/Android */
     box-sizing: border-box; /* IE */
}

/* Clear fix hack */
.clearfix:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}

.clear {
	clear: both;
}

.alignright {
	float: right; 
	padding: 0 0 10px 10px; /* note the padding around a right floated image */
}

.alignleft {
	float: left; 
	padding: 0 10px 10px 0; /* note the padding around a left floated image */
}

/******************************************
/* BASE STYLES                   
/*******************************************/

body {
     color: black;
     background-color: white;
     font-family: helvetica;
}


/******************************************
/* LAYOUT                   
/*******************************************/


#container {
	max-width: 960px;
    margin: 0 auto;

}     


/******************************************
/* ADDITIONAL STYLES                   
/*******************************************/

h1 {

margin-top: 20px;
margin-left: 40px;

}

h2 {

margin-top: 20px;
margin-left: 40px;

}

p {

margin-left: 10px;

}

blockquote {

font-style: italic;
margin-left: 10px;     
}

img {

padding-top: 10px;
margin: 0 auto; 

 }

ul {

     list-style: none;
}

#boxtwo {

     margin-left: 10px;
}

#boxthree {

    margin-left: 10px; 
}

#chart1, #chart2, #chart3, #chart4, #chart5, #chart6, #chart7, #chart8 {

    float: left;
}

.paninarotext {

    padding-left: 39px;
    
}

.paninarotext a {

    text-decoration: none;
    
}



/************************************************

WAY OFF SEEING

*************************************************/

#woscontainer {

background-color: black;

}

#wosboxtwo {

     margin-left: 1px;
}

#woscontainer img {

padding-top: 1px;
margin: 0 auto;     

width: 64px;
height: 51px;

}

#woscontainer img.clips {

padding-top: 1px;
margin: 0 auto;     

width: 128px;
height: 163.666px;

}

/************************************************

WAY OFF SEEING

*************************************************/

#picturecontainer
{
    height:200px;
    width:200px;
    position:relative;
}

#pictureimage
{    
    position:absolute;
    left:10;
    top:10;
}
#picturetext
{
    z-index:10;
    position:absolute;    
    color:white;
    font-size:80px;
    font-weight:bold;
    left:5px;
    top:5px;
}

/**********************************************

MJQAM

/**********************************************/

#MJQAMcontainer {
    max-width: 600px;
    margin: 0 auto;

}

#MJQAMcontainer h1 {

    float: left;
    width: 600px;
    height: 30px;
    margin-left: 50px;
    margin-top: 10px;
    
} 

#MJQAMcontainer h2 {
    
    margin-top: 10px;
    margin-left: 50px;
    float: left;
    width: 900px;
    height: 30px;
    
}

.MJQAMtextcontainer li {
    float: left;
    width: 900px;
    height: 40px;
    margin-bottom: 10px;
    
}

.MJQAMtextcontainer p {

    float: left;
    margin-left: 0px;
    height: 40px;
    width: 900px;
    font-size: 20px;

}


.MJQAMimagecontainer {
    float: left;
    width: 500px;
    height: 500px;
    margin-top: 10px;
    margin-bottom: 10px;

}

/* resize images */

.MJQAMimagecontainer img {
    float: left;
    width: 100%;
    height: auto;
}

.albumimagecontainer {
    float: left;
    width: 500px;
    height: 500px;
    margin-top: 10px;
    margin-bottom: 10px;

}

/* resize images */

.albumimagecontainer img {
    float: left;
    width: 100%;
    height: auto;
}

.albumvideocontainer {
    float: left;
    width: 500px;
    height: 500px;
    margin-top: 10px;
    margin-bottom: 10px;

}

/* resize images */

.albumvideocontainer img {
    float: left;
    width: 100%;
    height: auto;
}

.MJQAMbold {

    font-weight: bold;
}

/**********************************************

bunty

/**********************************************/

#buntycontainer {
    max-width: 600px;
    margin: 0 auto;

}

#buntycontainer h1 {

    float: left;
    width: 600px;
    height: 30px;
    margin-left: 50px;
    margin-top: 10px;
    
} 

#buntycontainer h2 {
    
    margin-top: 10px;
    margin-left: 50px;
    float: left;
    width: 900px;
    height: 30px;
    
}

.buntytextcontainer li {
    float: left;
    width: 900px;
    height: 40px;
    margin-bottom: 10px;
    
}

.buntytextcontainer p {

    float: left;
    margin-left: 0px;
    height: 40px;
    width: 900px;
    font-size: 20px;

}


.buntyimagecontainer {
    float: left;
    width: 240px;
    height: 320px;
    margin-top: 10px;
    margin-bottom: 10px;

}

/* resize images */

.buntyimagecontainer img {
    float: left;
    width: 100%;
    height: auto;
}




