/* 
    Document   : home.css
    Created on : 25-Jun-2010, 10:23:57
    Author     : ben broadhurst
    Description:
        Homepage specific styles. Loaded after default, so overwrites.
*/

/* neon */
#neon_off, #neon_on {
	position: absolute;
	top: -275px;				/* target top: 0; */
	left: -40px;
	z-index: 211;
}
#neon_on { z-index: 210; display: block; }

/* starting positions for animation */
#theMaggies_logo { top: -220px;}
#scroll { top: -90px;}

#content {
    background-image: url('http://c201160.r60.cf3.rackcdn.com/bckgrnd_content_dotted.png');
}

#blogInner {
    padding: 10px;
    width: 500px;
}

/* neon */
#neon_off, #neon_on {
	position: absolute;
	top: -275px;				/* target top: 0; */
	left: 10px;
	z-index: 211;
}
#neon_on { z-index: 210; display: block; }

/* carousel */
#carousel {
    position: relative;
    width: 100%;
    height: 251px;
    background-color: #fff;
}

#carousel-inner {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 251px;
    overflow: hidden;
    background: #fff url('http://c201160.r60.cf3.rackcdn.com/bckgrnd_carousel.gif') repeat-x 0 0;
}

#carousel-inner a {
    position: absolute;
    top: 11px;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #d6ccc7;
}

#carousel-inner a img {
    height: 215px;
    border: 1px solid #d6ccc7;
}

#carousel h1 {
    text-indent: -9999px;
    background: #FFF url('http://c201160.r60.cf3.rackcdn.com/title_what-are-the-best-magazine.gif') no-repeat top center;
    margin: -5px 0 14px 0;
    height: 20px;
}

#carousel-swoosh {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

#carousel-vote {
    z-index: 10;
    width: 137px;
    height: 39px;
    position: absolute;
    top: 100px;
    left: 307px;
}


/* vote and get a voucher */
#discount-tag { position: relative; }
#discount-tag div { margin-left: 200px; padding: 30px 18px 1px 0; }
#discount-tag div span {
    float: right;
    width: 220px;
    color: #8e796e;
    margin-top: 22px;
}
#discount-tag div img { margin-bottom: 8px; }
#discount-tag div a img { margin-top: 20px; }
.discount-tag-image {
    position: absolute;
    left: -70px;
    bottom: 0;
}

/* magazine cover title */
#magazine-cover-title {
    text-align:center;
    padding:10px 0 5px 0;
    border:none;
    background-color: #FFF;
}


/* create your own cover */
#create-your-own { padding: 13px 11px 13px 9px; }

#create-your-own div {
    position: relative;
    background-color: #f1eae6;
    padding: 13px 0 12px 9px;
}

#and-win {
    position: absolute;
    top: -10px;
    right: -8px;
}

#create-your-own p { padding: 6px 30px 6px 7px; }
#create-your-own .sample { margin: 0 5px 8px 0; }
#create-your-own #galleryLink { position: absolute; bottom: 13px; right: 26px; }

/* judges box */
#judges {
    position: relative;
    background-color: #f1eae6;
}
#judges .heading {
    position: absolute;
    top: 0;
    left: 18px;
}

#judges .seeDetails {
    float: right;
    margin: 10px 15px 10px 0;
}

#judges-row1 { padding: 35px 0 0 15px; }
#judges-row2 { padding: 5px 0 0 15px; }
.nz #judges-row1, .nz #judges-row2 { padding-left: 25px; }

.force-center{ padding-left: 90px !important;}

#judges-row1 .judge { padding-top: 54px; }
#judges-row1 #chair { padding-top: 0; margin-right: 0; }
#judges div .last-child { margin-right: 0; }

.judge {
    float: left;
    margin-right: 20px;
    text-align: center;
    color: #8e796e;
}
.judge:last-child, #judges-row2 .judge:last-child, .nz .judge:last-child, .nz #judges-row2 .judge:last-child  { margin-right: 0;  }
#judges-row2 #lastJudge { margin-right: 0; }
#judges-row2 .judge { margin-right: 31px; }
.nz .judge, .nz #judges-row2 .judge  { margin-right: 41px; }

.judge div {
    border: 1px solid #d9d0cb;
    background-color: #FFF;
    padding: 4px 4px 3px 4px;
    margin-bottom: 3px;
    width: 63px;
    height: 81px;
}
.judge div img { 
    border: 1px solid #d9d0cb;
    width: 59px;
    height: 78px;
}

#chair div, #chair div img, .nz .judge div , .nz .judge div img { width: auto; height: auto; }

#winner {
    padding: 16px 17px 12px 13px;
    background: #FFF;
}

#winner > div {
    background-color: #f1eae6;
    padding: 8px 7px 7px 12px;
}

#winner h2 {
    text-indent: -9999px;
    width: 318px;
    height: 47px;
    background: #f1eae6 url('http://c201160.r60.cf3.rackcdn.com/title_winner-announcement.png') no-repeat 0 0;
    margin: 9px 0 17px 0;
}

#winner h3 {
    text-indent: -9999px;
    width: 231px;
    height: 19px;
    background: #f1eae6 url('http://c201160.r60.cf3.rackcdn.com/title_vogue.png') no-repeat 0 0;
    margin-bottom: 3px;
}

#winner .nz h3 {
    width: 58px;
    background-image: url('http://c201160.r60.cf3.rackcdn.com/title_curl.png');
}

#winner h4 {
    text-indent: -9999px;
    width: 413px;
    height: 11px;
    background: #f1eae6 url('http://c201160.r60.cf3.rackcdn.com/title_september-2009-issue.png') no-repeat 0 0;
    padding-bottom: 10px;
    border-bottom: 1px dotted #a99285;
    margin-bottom: 14px;
}

#winner .nz h4 {
    width: 133px;
    height: 14px;
    background-image: url('http://c201160.r60.cf3.rackcdn.com/title_january-2010-issue.png');
}

#winner .bordered {
    position: relative;
    float: right;
    background-color: #FFF;
    border: 1px solid #d6ccc7;
    padding: 4px;
    margin-left: 10px;
}

#winner .bordered .cover { border: 1px solid #d9d0cb; }
#winner .bordered .sticker {
    position: absolute;
    right: -16px;
    bottom: -4px;
}

#winner p { padding-bottom: 1.2em; }
#winner .right { float: right; }