@charset "utf-8";
/* CSS Document */


/* ---------- basic layout design structure ---------- */

body {
margin: 0;
padding: 0;
font-family: "Gill Sans MT", "Gill Sans ST", "Gill Sans", Helvetica, Arial, sans-serif;
font-size: 12px;
}

.one {
height: 100%;
width: 100%;
text-align: center;
background-color: #2E2236;
background-image:url(../images/1bg.jpg);
background-repeat: no-repeat;
background-position: top center;
color: #F6921E;
position: absolute;
}

.two {
height: 100%;
width: 100%;
text-align: center;
background-color: #F6921E;
background-image:url(../images/2bg.jpg);
background-repeat: no-repeat;
background-position: top center;
color: #2E2236;
position: absolute;
}

#container {

}

#center {
width: 800px;
margin: 0 auto;
text-align: center;
position: relative;
top: 5%;
}

/* ---------- page layout design structure ---------- */

#bio {
width: 200px;
position: absolute;
top: 20px;
left: 470px;
text-align: left;
}

#ryancutout {
height: 570px;
width: 280px;
background-image:url(../images/ryancutout.png);
background-repeat: no-repeat;
background-position: bottom center;
position: absolute;
top: 0;
left: 150px;
}

#musiccutout {
height: 500px;
width: 500px;
background-image:url(../images/musiccutout.png);
background-repeat: no-repeat;
background-position: bottom left;
margin: 0;
position: absolute;
bottom: 0;
left: 0;
}

#resume {
position: absolute;
top: 80px;
left: 120px;
}

#profilelinks {
position: absolute;
top: 200px;
left: 80px;
}

#profilelinks p {
margin: 35px;
}

#player {
position: absolute;
top: 40px;
right: 70px;
}

#musiclinks {
width: 400px;
position: absolute;
top: 300px;
right: 70px;
}

#musiclinks a {
margin: 15px;
}

#leftnav {
margin-left: 69px;
margin-bottom: 15px;
text-align: left;
float: left;
}

#leftnav a {
margin-right: 15px;
}

#rightnav {
margin-right: 69px;
margin-bottom: 15px;
text-align: right;
float: right;
}

#rightnav a {
margin-left: 15px;
}

#albumchooser {
text-align: center;
margin: 0 auto;
width: 700px;
clear: both;
}

#albumchooser img {
border: 0;
height: 100px;
width: 100px;
margin: 0;
padding: 5px;
}

#albumchooser a:hover img {
background: #905A2B;
}

#hiddenimages {
display: none;
}

/* ---------- album page layout design structure ---------- */

#logo {
position: absolute;
top: 0;
left: 0;
}

#imgbox {
position: absolute;
top: 0;
left: 250px;
}

#imgbox img {
border: 0;
height: 500px;
padding: 5px;
background: #F6921E;
}

/* ---------- navigation ---------- */

#mainnav {
vertical-align: top;
margin: 0 auto;
}

#mainnav a img {
margin: 5px 4px;
vertical-align: top;
}

#nav {
height: 101px;
width: 800px;
margin: 5px auto;
vertical-align: top;
}

#nav a img {
margin: 2px;
vertical-align: top;
}

#home {
position: absolute;
top: 5px;
left: 8%;
}

#up {
position: absolute;
top: 5px;
right: 8%;
}

#down {
position: absolute;
bottom: 5px;
right: 8%;
}

/* ---------- formatting ---------- */

h1 {
margin: 0 0 15px 0;
font-size: 12px;
}

p {
margin: 0 0 5px 0;
}

img {
border: 0;
}


/*colors
orange: F6921E
half/half: 905A2B
purple: 2E2236
*/