/*
Styles created by Eight Bit Studios, LLC
This is the "valid" CSS all the kids are talking about.
*/

body {
    background:  #272727 url(../images/star-field.jpg) center 0 repeat-x;
    /*background: url(../images/proof-delete-me.png) 0 0 no-repeat;
    */font-family: Helvetica, Arial, sans-serif;
    font-size: 62.5%;
    margin: 0; padding: 0;
    text-align:center;
}

#branding {
    position: relative;
    display: block;
    background: url(../images/galaxy.jpg) 0 0 no-repeat;
    height: 426px;
}
#maincontainer {
    width:100%;
}
.wrapper {
    text-align:left;
    position: relative;
    width: 960px;
    clear:both;
    margin:0 auto;
}
.feed {
    position:relative;
    float:left;
    width:100%;
    background-color:#000;
    padding:20px 0 25px 0;
}
#branding .wrapper {
    background: none;
}

#logo {
    position: relative;
    display: block;
    width: 340px;
    height: 355px;
    background: url(../images/eight-bit-studios-logo.png) 0 0 no-repeat;
    margin: 0;
}

h1 {
    position: absolute;
    top: 115px;
    left: 380px;
    font-size: 4.8em;
    font-weight: bold;
    color: #fff;
}

#branding p {
    position: absolute;
    top: 225px;
    left: 380px;
    font-family: Georgia, Times, serif;
    font-size: 2.2em;
    line-height: 1.3em;
    color: #777;
    width: 400px;
}

#branding p.tag-line {
    position: absolute;
    top: 170px;
    left: 380px;
    color: #4391e3;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 3em;
    text-transform: lowercase;
}

a {
    text-decoration: none;
}

a:hover {
    color: #999;
}


ul#navigation {
    position: relative;
    display: block;
    height: 24px;
    padding: 0 0 0 100px;
    margin: 25px 0 0 0;
}

ul#navigation li {
    float: left;
    display: inline;
    font-size: 2.2em;
    font-weight: bold;
    margin: 0 22px;
}

ul#navigation li a {
    color: #8df900;
}

ul#navigation li a:hover {
    color: #ccc;
}

ul#navigation li a#apps {
    cursor: pointer;
}

.iphone-apps {
    position: absolute;
    display: block;
    z-index: 1000;
    left: 185px;
    top: 345px;
    padding: 10px 15px 5px 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background: #000;
    text-align: center;
}

.iphone-apps img {
    margin: 0 13px 3px 13px;
    display: block;
}

.iphone-apps a {
    position: relative;
    float: left;
    display: inline;
    color: #ccc;
    margin: 0;
    display: block;
}

hr {
    color: #000;
    background-color: #000;
    border: none;
    height: 1px;
    display: none;
}

#main-content {
    position: relative;
    float: left;
    display: inline;
/*    background: transparent url(../images/eightbit-glow.png) 0 10px no-repeat; */
    width: 580px;
    padding: 30px 0 0 0;
    margin: 0 0 50px;
}

.introduction {
    padding: 12px 0 0 0;
}

.introduction h2 {
    color: #fff;
    font-size: 1.8em;
    line-height: 1.3em;
    text-transform: uppercase;
    margin: 0 0 20px 3px;
}

.introduction p {
    position: relative;
    float: left;
    display: inline;
    width: 46%;
    color: #aaa;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.6em;
    padding-right:20px;
}

div.tellus {
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 20px;
    background: #3a7ec7;
    clear: both;
    border: 1px solid #99f;
    margin:65px 0;
    top:32px;
}
div.tellus p {
    font-size: 2.5em;
    font-weight: bold;
    color: #fff;
}
div.tellus a {
    position: absolute;
    top: 13px;
    right: 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: .75em;
    padding: 10px 20px;
    color: #676f7c;
    text-shadow: 1px 1px 1px #fff;
    background: #ccc;
    -moz-box-shadow: 0px 1px 2px #000;
    -webkit-box-shadow: 0px 1px 2px #000;
    cursor: pointer;
}
div.tellus a:hover {
    color: #999;
    background: #fff;
    text-shadow: none;
    -moz-box-shadow: 0px 0px 0px #000;
    -webkit-box-shadow: 0px 0px 0px #000;
}

.testimonials {
    position: relative;
    display: block;
    padding: 30px 0 40px 0;
    color: #eee;
    border-top: 1px dashed #6a6a6a;
    border-bottom: 1px dashed #6a6a6a;
    background-color: #222;
}

.testimonials blockquote {
    font-family: Georgia, Times, sans-serif;
    font-size: 2.4em;
    line-height: 1.3em;
    text-align: center;
    margin: 0 0 10px 0;
    padding: 0 50px;
}

.testimonials cite {
    position: relative;
    display: block;
    font-family: Georgia, Times, sans-serif;
    font-size: 1.7em;
    text-align: center;
    color: #999;
    font-style: italic;
}

.testimonials a {
    position: absolute;
    display: block;
    width: 100%;
    bottom: -7px;
    padding: 15px;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: bold;
    color: #9f9;
    text-align: center;
    background: url(../images/more-info-arrow.gif) center bottom no-repeat;
}

h3 {
    font-size: 3.5em;
    color: #fff;
    font-weight: bold;
}

h4 {
    font-size: 3em;
    font-weight: bold;
    color: #fff;
    padding: 20px 0 10px;
    clear: both;
}

h4 a {
    color: #fff;
}

.fields label {
    display: block;
    text-indent: -9999px;
    overflow: none;
    height: 15px;
}

.fields input, .fields textarea {
    display: block;
    border: none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    width: 550px;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 30px;
    padding: 20px 15px;
    color: #999;
}
.fields input[type="text"], .fields textarea, #userfields input {
    font-size:2.2em;
}
.fields input, .fields textarea, .fields select, .fields label {
    outline:none;
}
.fields textarea {
    height: 150px;
    line-height: 18px;
    resize: none;
}
span.hidden input, span.hidden div {
}
.fields input#nyes {
    color: #666;
    text-shadow: 1px 1px 1px #fff;
    padding: 0;
    height: 37px;
    width: 85px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #ccc;
    margin: 15px 0 0 0;
    font-size:1.6em;
}
.fields input#nyes:hover {
    color: #fff;
    background: #6b98d3;
    text-shadow: none;
}

.fields input.formlabel {
    margin-bottom:-10px;
    background: transparent;
    color: #fff;
}

.fields .new-field {
    color: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #666;
    width: 550px;
    padding: 15px;
    margin: 15px 0 0 0;
    text-align:center;
}

.fields .new-field a {
    display: block;
    position: relative;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 40px;
    color: #676f7c;
    text-shadow: 1px 1px 1px #fff;
    height: 40px;
    width: 90px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0 32px 0 15px;
    background: #ccc;
    -moz-box-shadow: 0px 1px 2px #333;
    -webkit-box-shadow: 0px 1px 2px #333;
    cursor: pointer;
}

.fields .new-field a span {
    position: absolute;
    top: -1px;
    right: 12px;
    font-size: 1.8em;
    font-weight: normal;
}
.formError {
    background-color:red;
    -moz-border-radius: 5px 0 0 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    color:white;
    width:50%;
    padding:10px;
    margin:0 0 0 10px;
    font-size:1.3em;
    font-weight:bold;
}
.fields .new-field a:hover {
    color: #fff;
    background: #6b98d3;
    text-shadow: none;
}

#sub-content {
    position: relative;
    float: right;
    display: inline;
    width: 330px;
    padding: 42px 0 0 10px;
}
.featured {

}

.sample {
    position: relative;
    width: 303px;
    background: #000;
}

.sample .banner {
    position: absolute;
    top: -16px;
    right: -17px;
    width: 113px;
    height: 111px;
    background: url(../images/sites/featured.png) 0 0 no-repeat;
    z-index: 10;
}

.sample p {
    font-size: 1.6em;
    color: #fff;
    padding: 15px;
    margin: 0 0 30px 0;
}

#site-info {
    position: relative;
    display: block;
    clear: both;
}
.eggcontainer {
    bottom:0;
    float:left;
    border-width:1px 1px 0 1px;
    border-style:solid;
    border-color:white;
    background-color:#111;
    color:white;
    text-align:center;
    font-weight:bold;
    font-size:20px;
    padding:20px;
    width:70%;
    margin:0 auto;
    position:fixed;
    left:50%;
    margin-left:-500px;
}
#twitter_div {
    position:relative;
    float:left;
    display: inline;
    width: 510px;
    background:url(../images/twitterlogo.png) no-repeat;
    background-position: left 10px;
}
#twitter_div ul {
    padding-top:10px;
}
#twitter_div ul li{
    font-weight:bold;
    font-size:1.8em;
    float:left;
    width:100%;
    line-height: 1.5em;
    color: #8a8a8a;
    padding: 0 0 10px 0;
    margin: 0 0 5px 70px;
}

#twitter_div li a {
    color:#8bff00;
}

#twitter_div li a {
    font-family: Georgia, Times, serif;
    font-style: italic;
    font-weight: normal;
}

#twitter_div li span a {
    color: #009cff;
}

#twitter_div li span a:hover {
    color: #fff;
}

.promos {
    position: relative;
    float: right;
    display: inline;
    width: 301px;
    margin: -30px 25px 20px 0;
}

.promos h5 {
    color: #444;
    font-size: 1.8em;
/*    font-weight: bold;*/
    margin: 0 0 25px 0;
    clear: both;
}

.promos h5.featured-photo {
    padding: 30px 0 0 0;
}

.promos img.press {
    float: left;
    display: inline;
}

.promos p {
    font-size: 1.4em;
    line-height: 1.5em;
    text-align: center;
    color: #fff;
}

.promos p a {
    font-family: Georgia, 'Times', serif;
    font-size: 2.4em;
    color: #473c97;
    display: block;
    margin: 10px 0 0 0;
}

.promos p a:hover {
    color: #fff;
}

.contact-form {
    position:relative;
    float:left;
    width:66%;
    padding: 0 0 50px 0;
}
.address-form {
    position:relative;
    float:left;
    width:25%;
}
.address {
    position:relative;
    float:left;
    clear:both;
    color:#699ad2;
    padding-top:15px;
    font-size:2.3em;
    font-weight:bold;
    line-height:26px;
}
.alttext, .alttext a {
    color:#95ff00!important;
}
.alttext a:hover {
    color:#fff!important;
}

#cloudscape {
    position: relative;
    float:left;
    width:100%;
    background: #069be1 url(../images/easter-clouds.png);
    border-bottom:10px solid #09a714;
    clear: both;
    height: 10000px;
}

/*.home-copyright {
    position:relative;
    top:40px;
    text-align:center;
    clear: both;
    color:#bbb;
    font-size:1.1em;
    padding: 80px 0 45px;
}*/

.footer {
    position: relative;
    display: block;
    background: #000 url(../images/backgrounds/stars.jpg);
    text-align: left;
    z-index: 1;
    padding: 20px 0 0 0;
}

.footer .mother-earth {
    position: relative;
    display: block;
    height: 431px;
    background: #000 url(../images/backgrounds/earth.jpg) no-repeat center 0;
}

.footer h5 {
    font-size: 2.2em;
    font-weight: bold;
    color: #fff;
}

.footer .legal {
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    line-height: 1.3em;
    margin: 0 0 55px 0;
}

.footer .legal img {
    position: relative;
    float: left;
    display: inline;
    margin: 0 15px 0 0;
}

.footer .legal p.author {
    padding: 5px 0 0 0;
}

.footer .legal ul {
    line-height: .9em;
    padding: 4px 0 0 0;
}

.footer .legal ul li {
    position: relative;
    float: left;
    display: inline;
    border-right: 1px solid #fff;
    padding: 0 5px 0 0;
    margin: 0 5px 0 0;
}

.footer .legal ul li.last {
    border-right: none;
}

.footer .legal ul li a {
    color: #009cff;
}

.footer .legal ul li a:hover {
    text-decoration: underline;
}