body {
    background: #0e0e0e url('../img/bg.jpg') repeat-x top center;
    text-align: center;
    font-family: Arial, "MS Trebuchet", sans-serif;
}

em {
    font-style: italic;
}

#workspace {
    position: relative;
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

/* Menu */
#menu {
    border-top: 6px solid #834826;
    position: absolute;
    left: 0;
    right: 0;
    top: 422px;
    height: 277px;
    font-size: 10px;
    color: #4c721d;
    z-index: 10;
}

#menu a {
    color: #c3d7a4;
    text-decoration: none;
}

#menu a:hover {
    text-decoration: underline;
}

#logo {
    position: absolute;
    top: -59px;
    left: 343px;
    z-index: 2;
}

#logo .goat {
    position: absolute;
    top: 116px;
    left: 98px;
    z-index: 9;
    width: 118px;
    height: 103px;
    background: transparent url('../img/goats/goat-rest.gif') no-repeat;
}

/* Menu Items */
#menu ul {
    list-style: none;
}

#menu li {
    float: left;
}

#menu li a {
    display: block;
    height: 41px;
    background-repeat: none;
    background-position: 0 0;
    text-indent: -999999px;
}

#menu li.about { margin-left: 5px; }
#menu li.press { margin-left: 273px; }

#menu li.about a            { width: 93px;  background-image: url('../img/menu/about.png'); }
#menu li.menu a             { width: 82px;  background-image: url('../img/menu/menu.png');  }
#menu li.reservations a     { width: 164px; background-image: url('../img/menu/reservations.png');  }
#menu li.press a            { width: 85px;  background-image: url('../img/menu/press.png');  }
#menu li.private-events a   { width: 103px; background-image: url('../img/menu/private-events.png');  }
#menu li.events a           { width: 103px; background-image: url('../img/menu/events.png');  }
#menu li.gallery a          { width: 113px; background-image: url('../img/menu/gallery.png');  }

#menu li.about a:hover,           #menu li.about a.active           { background-position: -93px  }
#menu li.menu a:hover,            #menu li.menu a.active            { background-position: -82px  }
#menu li.reservations a:hover,    #menu li.reservations a.active    { background-position: -164px }
#menu li.press a:hover,           #menu li.press a.active           { background-position: -85px  }
#menu li.private-events a:hover, #menu li.events a:hover, #menu li.private-events a.active, #menu li.events a.active  { background-position: -103px }
#menu li.gallery a:hover,         #menu li.gallery a.active         { background-position: -113px }

/* Submit a Photo */
#submit-a-photo {
    position: absolute;
    top: 45px;
    left: -15px;
    width: 185px;
    background: transparent url('../img/submit-a-photo.png') no-repeat 0 0;
}

#submit-a-photo:hover {
    background-position: 0px -88px;
}

#submit-a-photo a, #private-events a {
    display: block;
    padding-left: 186px;
    color: #c3d7a4;
    text-decoration: none !important;
    height: 88px;
}

#submit-a-photo a span {
    display: block;
    margin-right:10px;
    padding:21px 0;
}

/* Private Events */
#private-events {
    position: absolute;
    top: 49px;
    left: 165px;
    width: 204px;
    'background: transparent url('../img/private_events.png') no-repeat 0 0;
background: transparent url('https://s3.amazonaws.com/girlandthegoat.com/img/StoreButton.png') no-repeat 0 0;
}

/* Newsletter */
#newsletter {
    position: absolute;
    right: -14px;
    width: 344px;
    top: 49px;
    height: 82px;
}

a.newsletter {
background: transparent url('https://s3.amazonaws.com/goat-tour.com/newsletterStatic.png') no-repeat 0 0;    
}

a.goattour {
    background: transparent url('https://s3.amazonaws.com/goat-tour.com/goatTour.png') no-repeat 0 0;
}
a.goattour:hover {
    background-position: -172px 0;
}

#newsletter p {
    text-indent: -9999999px;
    position: absolute;
    color: #c3d7a4;
    left: 188px;
    top: -2px;
    width: 144px;
    line-height: 11px;
}

#newsletter input[name="email"] {
    position: absolute;
    border: none;
    top: 28px;
    left: 193px;
    width: 127px;
    font-size: 12px;
    padding-left: 3px;
    padding-top: 3px;
    background-color: transparent;
}

#newsletter input[type="submit"] {
    background: transparent url('../img/sign-up.png') no-repeat center center;
    width: 90px;
    height: 18px;
    text-indent: -9999999px;
    border: none;
    cursor: pointer;
    position: absolute;
    left: 213px;
    top: 45px;
}

#newsletter .msg {
    font-size: 9px;
    position: absolute;
    right: 0;
    top: 86px;
    width: 155px;
}

#newsletter .error {
    color: #d40101;
}

/* Footer */
#footer {
    margin-top: 166px;
    text-align: center;
    letter-spacing: 1px;
}

#footer a {
    color: #4c721d;
}

#footer p {
    clear: both;
    display: block;
    margin: 10px 0px 20px;
    padding: 0;
}

/* Follow Us On... */
#follow-us-on {
    margin-left: auto;
    margin-right: auto;
    width: 402px;
    color: #666666;
    letter-spacing: 0px;
}

#follow-us-on li a {
    background-image: url('../img/follow-us-on.png');
    background-repeat: no-repeat;
    height: 36px;
}

#follow-us-on li.youtube a         { width: 73px;  background-position: 10px 0px;   }
#follow-us-on li.twitter a         { width: 96px;  background-position: -64px 0px;  }
#follow-us-on li.facebook a        { width: 97px;  background-position: -160px 0px; }
#follow-us-on li.stephanie-izard a { width: 135px; background-position: -257px 0px; }

#follow-us-on li.youtube:hover a           { background-position: 10px   -36px; }
#follow-us-on li.twitter:hover a           { background-position: -64px  -36px; }
#follow-us-on li.facebook:hover a          { background-position: -160px -36px; }
#follow-us-on li.stephanie-izard:hover a   { background-position: -257px -36px; }

#follow-us-on {
    /*margin-bottom: 50px;*/
}

/* Aggregator */
#aggregate .close {
    position: absolute;
    top: 0px;
    right: 6px;
    background: transparent url('../img/hoof-it-back.png') no-repeat bottom center;
    width: 171px;
    height: 100px;
    cursor: pointer;
}

#aggregate .content {
    display: none;
    width: 958px;
    border: 1px solid #834826;
    position: absolute;
    top: -417px;
    height: 410px;
    z-index: 1;
    background: transparent url('../img/aggregate-bg.png');
}

#aggregate .open {
    display: none;
    position: absolute;
    background: transparent url('../img/follow-the-goat.png') no-repeat 0 0;
    width: 171px;
    height: 98px;
    top: -104px;
    right: 15px;
    cursor: pointer;
}

#aggregate .section {
    position: relative;
    width: 245px;
    height: 370px;
    float: left;
    margin: 20px 0px 10px 7px;
    border: 2px solid #3d3d3d;
    background: transparent url('../img/aggregate/bg.png');
}

#aggregate h1.placard {
    width: 245px;
    height: 45px;
    position: absolute;
    top: -30px;
    text-indent: -999999px;
}

#aggregate .news h1.placard {
    background: transparent url('../img/aggregate/news.png') no-repeat top center;
}

#aggregate .twitter h1.placard {
    background: transparent url('../img/aggregate/twitter.png') no-repeat top center;
}

#aggregate .facebook h1.placard {
    background: transparent url('../img/aggregate/facebook.png') no-repeat top center;
}

#aggregate .text {
    margin: 20px 10px 10px;
}

#aggregate p {
    text-transform: none;
    color: #c3d7a4;
    font-size: 11px;
    margin-bottom: 10px;
}

#aggregate p a {
    color: #4C721D;
}

#aggregate .time {
    color: #834826;
    display: block;
}

#aggregate .follow {
    display: block;
    text-align: center;
    color: #4C721D;
}

#aggregate h2 {
    font-size: 14px;
    margin: 2px 0px 4px;
    color: #834826;
}

/* Misc. */
.pdf {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 26px;
    height: 26px;
    text-indent: -9999999px;
    background: transparent url('../img/pdf.png') no-repeat;
}

.submit-a-photo {
    color: #c3d7a4;
    width: 760px;
    font-size: 10px;
    border: 2px solid #6D6D6D;
    height: 380px;
    background: transparent url('../img/aggregate/bg.png');
    margin-top: 6px;
}

.submit-a-photo strong {
    font-weight: bold;
    display: block;
}

.submit-a-photo p {
    margin-bottom: 16px;
    width: 330px;
}

.submit-a-photo .legal {
    font-size: 8px;
    margin-top: 10px;
    margin-right: 10px;
    clear:both;
}

.submit-a-photo .section {
    margin: 10px 0px 10px 10px;
    width: 340px;
    float: left;
}

.submit-a-photo .form {
    margin-left: 10px;
    margin-top: 20px;
}

.submit-a-photo textarea {
    width: 300px;
    height: 60px;
}

.submit-a-photo .form .field {
    margin: 15px 0px 10px;
    display: block;
    position: relative;
}

.submit-a-photo #submit {
    background: transparent url('../img/submit-submit.png') no-repeat top left;
    width: 110px;
    height: 26px;
    text-indent: -99999999px;
    border: none;
    cursor: pointer;
    margin-right: 30px;
    float:right;
}

.submit-a-photo .event #submit { margin-right:63px;}

.submit-a-photo .left {
    margin-left: 40px;
    margin-right: 30px;
}

.submit-a-photo #id_photo {
    margin-left: 0 !important;
}

.submit-a-photo .errorlist {
    list-style: none;
    margin-bottom: 4px;
    color: #834826;
    display:inline;
}

.submit-a-photo a {
    color: #4c721d;
}

.content h2 {
    color: #834826;
    font-size: 14px;
    margin-bottom: 0px;
}

div.content h2 + p {
    margin-top: 0px !important;
}

#screen {
    background-color: black;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 9999999;
}

.play-overlay {
    cursor: pointer;
    background: transparent url('../img/play.png') no-repeat;
    width: 77px;
    height: 77px;
    position: absolute;
    top: 10px;
    left: 10px;
}