/* Font Styles */

.footertext1 {
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
color: #878787; 
}

.abouttxt {
font-family: Helvetica, Arial, sans-serif;
font-size: 15px;
line-height: 20px;
color: #153847; 
}

.biotext {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 14px;
color: #153847; 
}





/* Link Style */

a:link {
color: #333333; 
}

a:visited {
color: #1d4d61; 
}

a:hover {
color: #0c222b; 
}

a:active {
color: #153847; 
}






/* Main Body Styles */

body {
margin: 0;
padding: 0; 
}

div#header {
width: 100%;
height: 228px;
position: relative;
background: url(images/01HeaderBackground.png); 
}

div#topcorner {
width: 120px;
height: 120px;
position: absolute;
top: 0;
right: 0; 
}

div#midheader {
width: 947px;
height: 206px;
vertical-align: middle;
margin: auto;
padding-top: 11px; 
}

div#menuholder {
width: 100%;
height: 60px;
position: relative;
vertical-align: middle;
margin: auto;
background: url(images/02MenuBackground.png); 
}

div#menu {
width: 998px;
height: 60px;
margin: auto;
padding: 0; 
}

ul, li {
list-style-type: none;
margin: 0px;
padding: 0px; 
}

div#mainmenu {
display: table-row;
padding: 0; 
}

div#spacer {
width: 100%;
height: 10px;
position: relative; 
}

div#content {
width: 1026px;
height: 5590px;
margin: auto;
background-image: url(images/BackgroundJordan11.png);
background-repeat: no-repeat;
background-position: top;
padding-top: 10px;
z-index: -1; 
}

div#content2 {
width: 1010px;
height: 795px;
margin: auto;
background-image: url(images/BackgroundJordan11.png);
background-repeat: no-repeat;
background-position: top;
z-index: -1; 
}

div#content3 {
width: 1010px;
height: 930px;
margin: auto;
background-image: url(images/BackgroundJordan11.png);
background-repeat: no-repeat;
background-position: top;
z-index: -1; 
}

div#content4 {
width: 1010px;
height: 795px;
margin: auto;
background-image: url(images/BackgroundJordan11.png);
background-repeat: no-repeat;
background-position: top;
z-index: -1; 
text-align: center;
}

div#default {
width: 600px;
height: 720px;
padding-top: 10px;
margin: auto;
text-align: center; 
}

div#default2 {
width: 600px;
height: 910px;
padding-top: 10px;
margin: auto;
text-align: center; 
}

div#title {
width: 600px;
height: 20px;
padding-top: 10px;
padding-bottom: 10px;
margin: auto; 
text-align: center;
}

div#wrapper1 {
margin: auto;
padding-left: 200px
}




/* Homepage Elements */

div#news {
width: 690px;
height: 5580px;
float: left;
overflow: auto; 
}

iframe#blogger {
border: 0;
width: 690px;
height: 5580px;
background-color: transparent; 
}

/* Homepage Banner Rotator */

.slideshow {
width: 947px;
height: 220px;
margin: auto;
text-align: center;
}

.slideshow img {
-moz-box-shadow: 0px 0px 8px #000;
-webkit-box-shadow: 0px 0px 8px #000; 
}

div#banner {
width: 947px;
height: 220px;
margin: auto;
text-align: center;
position: absolute; 
}

div#divider {
width: 1px;
height:5580px;
background-image: url(images/DividerBackground.png);
float: left; 
}








/* About & Bio Elements */

div#aboutmenu {
width: 200px;
height: 710px;
padding-top: 10px;
text-align: right;
float: left; 
}

div#aboutcontent {
width: 790px;
height: 710px;
padding-top: 10px;
float: right; 
}

iframe#aboutinfo {
border: 0;
width: 785px;
height: 700px;
background-color: transparent; 
}

div#biocontainer {
width: 775px;
height: 695px;
margin: auto; 
}

div#biopic {
width: 225px;
height: 310px;
text-align: center;
float: left; 
}

div#bioinfo {
width: 550px;
height: 690px;
text-align: left;
float: right; 
}

#biopic img {
-moz-box-shadow: 0px 0px 8px #000;
-webkit-box-shadow: 0px 0px 8px #000; 
}






/*Event Elements*/

div#event {
width: 350px;
height: 750px; 
margin: auto;
padding-top: 20px;
float: left;
}

.infotext {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 18px;
color: #333333; 
}

div.infotext {
padding-top:10px;
}

.infotext img {
-moz-box-shadow: 0px 0px 8px #000;
-webkit-box-shadow: 0px 0px 8px #000; 
}






/* Mixtape Elements */
div.mixtape1 {
width: 275px;
height: 250px;
margin: auto; 
padding-bottom: 50px;
text-align: center;
float: left;
}

div.mixtape2 {
width: 275px;
height: 250px;
margin: auto; 
padding-bottom: 50px;
text-align: left;
float: left;
}

.mixtape1 img {
-moz-box-shadow: 0px 0px 8px #000;
-webkit-box-shadow: 0px 0px 8px #000; 
}





/* Photos Elements */

div#photocontainer {
width: 775px;
height: 695px;
margin: auto; 
text-align: center;
}

iframe#photos {
border: 0;
width: 930px;
height: 785px;
background-color: transparent; 
overflow: hidden;
}

div#sponsors {
width: 335px;
height: 2750px;
padding-top: 10px;
float: right; 
}


div#about {
width: 600px;
height: 620px;
margin: auto; 
}

div#photos0 {
width: 1000px;
height: 77px;
padding-top: 10px; 
}

div#photosyears {
width: 60px;
height: 770px;
margin: auto;
float: left; 
text-align: left
}

div#photosframe {
width: 930px;
height: 770px;
padding-left: 10px;
margin: auto;
float: left; 
}






/* Gallery */

#images {
width: 620px;
height: 620px;
line-height: 310px;
overflow: hidden;
position: relative;
margin: auto;
text-align: center;
display: table-cell;
}

#images img {
margin: 10px auto;
position: absolute;
top: 0px;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
opacity: 0;
transition: all linear 500ms;
/* -o-transition: all linear 500ms;
-moz-transition: all linear 500ms;
-webkit-transition: all linear 500ms; 
-moz-box-shadow: 0px 0px 8px #000;
-webkit-box-shadow: 0px 0px 8px #000; */
}

#images img:target {
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9;
opacity: 1; 
}

#images img:first-child {
top: 0; 
}

div#slider {
padding-top: 5px;
width: 800px;
margin: auto;
}

#slider a {
font-family: Helvetica, Arial, sans-serif; 
text-align: center;
font-size: 12px;
line-height: 26px;
color: #153847;
text-decoration: none;
background: #E3F1FA;
padding: 4px 4px;
}

#slider a:hover {
background: #C6E4F2; 
}

.phototitle {
font-family: Helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: bold;
color: #153847; 
}

.phototitle a {
text-decoration: none;
}

.phototitle a:hover {
text-decoration: underline;
}

.phototitle a:active {
color: #1d4d61; 
text-decoration: underline;
}






/* Sponsors & Shops Elements */

div.sponshoptitle {
width: 750px;
height: 20px;
padding-top: 20px;
padding-bottom: 10px;
margin: auto;
text-align: left;
font-family: Helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: bold;
color: #153847; 
}

div.sponshop0 {
width: 750px;
height: 735px; 
margin: auto;
}

div.sponshop1 {
width: 250px;
height: 690px;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 18px;
color: #153847; 
text-align: left;
margin: auto;
float: left; 
}

div.sponshop2 {
width: 740px;
padding-left: 10px;
height: 120px;
margin: auto;
float: left; 
}

div.sponsorholder {
width: 255px;
height: 750px;
float: left;
}





/* Contact Elements */

div#contact {
width: 600px;
height: 700px;
padding-top: 20px;
margin: auto;
text-align: center; 
}

.contacttxt {
color: #153847;
margin: 0;
padding: 0;
text-align: center;
font-family: sans-serif;
font-size: 16px;
line-height: 22px; 
}






/* Footer Elements */

div#footermenu {
height: 20px;
text-align: center;
vertical-align: middle;
padding-top: 10px; 
}

#footermenu a {
color: #153847;
margin: 2px 3px;
padding: 3px 5px;
display: inline-block; 
}

#footermenu a:hover {
cursor: pointer; 
}

#footermenu li {
display: inline; 
}

.footertxt {
color: #153847;
margin: 0;
padding: 0;
text-align: center;
font-family: sans-serif;
font-size: 12px; 
}

div#socialnet {
text-align: center; 
}

div#footer {
height: 249px;
width: 100%;
bottom: 0px;
background: url(images/05FooterBackground.png); 
}

div#ftrcontent {
width: 100%;
height: 239px;
bottom: 0px;
background: url(images/05FooterLogoBkgd.png);
padding-top: 10px;
text-align: center; 
}