@charset "UTF-8";
/* Games.XanderDavis.com Screen Stylesheet

      I. Global
     II. Layout
    III. Specific Typography
     IV. Navigation
      V. Lists



/* I. Global ========================================*/

body {
   background-image:url(/projects/images/bg.png);
   background-attachment:fixed;
   background-repeat:repeat-y;
   background-position:center; 
   background-color:#000000;
   font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
   text-align: left;
   color: #fff;
}

a img {
   border: 0 none;
}

hr {
   border: 0;
   border-top:2px solid #404040;
   margin-bottom:3px;
}


/* II. Layout ========================================*/

#mainWrap {
    width:915px;
    margin:0px auto;
    padding:0px auto;
}

#header {
    float:left;
    width:915px;
    padding:0px;
    margin:0px;
}

#logo {
    float:left;
    width:83px;
    height:132px;
    padding-top:40px;
    margin:0px;
   background-color:#000000;
}

#title {
    float:left;
    width:740px;
    margin-top:90px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
    padding:0px;
}

#xanderdavis {
    width:400px;
    height:32px;
    padding-top:1px;
    margin:0px;
}

#subtitle {
    width:400px;
    height:28px;
    padding-top:4px;
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
    margin:0px;
}

#seal {
    float:right;
    width:87px;
    margin-top:40px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
    padding:0px;
}

#contentWrap {
    width:915px;
    margin:0px auto;
    padding:0px auto;
}

#bodyWrap {
    float:left;
    width:832px;
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:100px;
    margin-left:83px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:0px;
}

#unit {
    width:832px;
    margin-top:35px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
    padding:0px;
}

#input {
    width:300px;
}

#columnLeft {
    float:left;
    width:360px;
    margin-top:20px;
    margin-left:0px;
    margin-right:62px;
    padding:0px;
}

#columnRight {
    float:right;
    width:360px;
    margin-top:20px;
    margin-left:0px;
    margin-right:50px;
    padding:0px;
}

#projectTitleWrap {
   width:832px;
   height:92px;
}

#img {
   margin-top:25px;
   margin-bottom:25px;
   margin-left:0px;
   margin-right:0px;
   padding:0px;
}

#projectTitle {
    float:left;
    width:450px;
    margin:0px;
    padding:0px;
}

#projectIcons {
    float:right;
    width:382px;
    margin:0px;
    padding:0px;
}

#projectIcon {
    float:right;
    margin-right:0px;
    margin-left:20px;
    padding:0px;
}

#buttonWrap {
    width:360;
    height:110px;
    margin-bottom:20px;
}

#buttonIcon {
   float:left;
   width:91px;
   height:100px;
   margin-right:17px;
}


#projectSpacer {
    width:832px;
    padding:0px;
    margin:0px;
}

#quoteBlock {
    width:550px;
    margin:0px auto;
    padding:0px auto;
}


/* III. Specific Typography ========================================*/

p {
   line-height: 28px;
   margin-top:0px;
   margin-bottom:10px;
   line-height:120%;
}

h1 {
   font-size: 32px;
   font-weight: bold;
   line-height: 28px;
   color: #000;
   margin-top:0px;
   margin-bottom:10px;
   line-height:90%;
}

h2 {
   font-family: Georgia,"Times New Roman",Times,serif;
   font-size: 32px;
   font-weight: normal;
   line-height: 26px;
   color: #e7201d;
   padding-top:0px;
   margin-top:0px;
   margin-bottom:7px;
   line-height:88%;
}

h3 {
   font-size: 58px;
   font-weight: bold;
   line-height: 55px;
   letter-spacing: -4px;
   color: #e7201d;
   margin-top:0px;
   margin-bottom:5px;
   line-height:90%;
}

.hSub {
   font-family: Georgia,"Times New Roman",Times,serif;
   font-size: 27px;
   font-weight: normal;
   line-height: 23px;
   color: #e7201d;
   padding-top:0px;
   margin-top:0px;
   margin-bottom:15px;
   line-height:88%;
}

.button1 {
   font-size: 35px;
   font-weight: bold;
   line-height: 30px;
   letter-spacing: -2px;
   color: #e7201d;
   margin-top:0px;
   margin-bottom:5px;
   line-height:90%;
}

.button2 {
   font-family: Georgia,"Times New Roman",Times,serif;
   font-size: 20px;
   font-weight: normal;
   line-height: 18px;
   color: #ffffff;
   padding-top:0px;
   margin-top:0px;
   margin-bottom:5px;
   line-height:88%;
}

.small {
   font-size:12px;
}

.quote {
   font-family: Georgia,"Times New Roman",Times,serif;
   font-size: 24px;
   font-weight: normal;
   font-style:italic;
   line-height: 24px;
   color: #ffffff;
   padding-top:0px;
   margin-top:0px;
   margin-bottom:7px;
}

.quoted {
   font-size:20px;
   line-height: 28px;
   margin-left:250px;
   margin-top:0px;
   margin-bottom:10px;
   line-height:120%;
}

.input {
   font-size:12px;
}


/* IV. Navigation ========================================*/

a {
   color: #e7201d;
}

a.xanderLink {
   font-weight: bold;
   color: #ffffff;
   text-decoration:none;
}

a.navLink:link {
   font-weight: bold;
   color: #e7201d;
   text-decoration:none;
}

a.navLink:visited {
   font-weight: bold;
   color: #e7201d;
   text-decoration:none;
}

a.navLink:active {
   font-weight: bold;
   color: #e7201d;
   text-decoration:none;
}

a.navLink:hover {
   font-weight: bold;
   color: #e7201d;
   text-decoration:underline;
}


a.navNewLink:link {
   font-weight: bold;
   color: #ffffff;
   background-color: #fff200;
   text-decoration:none;
}

a.navNewLink:visited {
   font-weight: bold;
   color: #ffffff;
   background-color: #fff200;
   text-decoration:none;
}

a.navNewLink:active {
   font-weight: bold;
   color: #ffffff;
   background-color: #fff200;
   text-decoration:none;
}

a.navNewLink:hover {
   font-weight: bold;
   color: #ffffff;
   background-color: #fff200;
   text-decoration:underline;
}



a.blankR:link {
   color: #e7201d;
   text-decoration:none;
}

a.blankR:visited {
   color: #e7201d;
   text-decoration:none;
}

a.blankR:active {
   color: #e7201d;
   text-decoration:none;
}

a.blankR:hover {
   color: #e7201d;
   text-decoration:none;
}


a.blankW:link {
   color: #ffffff;
   text-decoration:none;
}

a.blankW:visited {
   color: #ffffff;
   text-decoration:none;
}

a.blankW:active {
   color: #ffffff;
   text-decoration:none;
}

a.blankW:hover {
   color: #ffffff;
   text-decoration:none;
}



/* V. Lists ========================================*/

ul {
   margin-left: 30px;
   margin-bottom: 18px;
}

li {
   margin-bottom: 10px;
}


ol {
   margin-left: 30px;
   margin-bottom: 18px;
}