/* 
    Document   : default
    Created on : 23-Jun-2010, 11:45:09
    Author     : ben broadhurst
    Description:
        Master stylesheet for themaggies v2.0
	These styles are the shared ones, page specifics and overwrites are done on a page by page basis
	This file is also used for the WordPress blog
*/

html, body {
    width: 100%;
    height: 100%;
    text-align: center;
    background: #000;
    font-family: Verdana;
    font-size: 11px;
    line-height: 1.2em;
}

.blog #content, .archive #content, .single #content {
    background-image: url('http://c201160.r60.cf3.rackcdn.com/bckgrnd_content.png');
}

/* shared styles */
.hidden{ display:none}
.border-t { border-top: 1px dotted #a99285; }
.border-r { border-right: 1px dotted #a99285; }
.border-b { border-bottom: 1px dotted #a99285; }
.border-l { border-left: 1px dotted #a99285; }
.clear { clear: both; }
.alignleft { float: left; }
.alignRight { float: right; }
.alignnone { clear: both; }
#fancybox-title-wrap { display: none !important; }

.bordered-image {
    background-color: #FFF;
    border: 1px solid #D6CCC7;
    padding: 3px 3px 1px 3px;
}

a { color: #a8978e; text-decoration: none; }


/* master layout elements */
#wrap {
    position: relative;
    width: 1062px;
    text-align: left;
    margin: 0 auto;
    border-top: 1px solid #000;
}

/* background hact tastic stuff */
#stage {
    position: relative;
    background: #000 url('http://c201160.r60.cf3.rackcdn.com/bckgrnd_floorboards.jpg') repeat-y 39px 0;
    border-top: 1px solid #000;
}
#lights-left, #lights-right {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 39px;
    background: #000 url('http://c201160.r60.cf3.rackcdn.com/bckgrnd_lights.jpg') repeat-y 0 0;
}
#lights-left { left: -1px; }
#lights-right { right: -2px; }


#curtains {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1062px;
    background: transparent url('http://c201160.r60.cf3.rackcdn.com/bckgrnd_curtains.jpg') no-repeat 0 0;
    z-index: 1;
}

#header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

#content {
    position: relative;
    margin: 293px 0 0 113px;
    width: 760px;
    z-index: 1;
    background: transparent url('http://c201160.r60.cf3.rackcdn.com/bckgrnd_content.png') repeat-y 0 0;
    padding: 0 32px 0 32px;
    min-height: 745px;
}

#content-footer {
    background: transparent url('http://c201160.r60.cf3.rackcdn.com/bckgrnd_content-footer.png') no-repeat -6px 0;
    height: 33px;
    width: 822px;
    margin: 0 auto;
    z-index: 2;
}

#footer {
    height: 81px;
    background: #2b2a2a url('http://c201160.r60.cf3.rackcdn.com/bckgrnd_footer.gif') no-repeat top left;
    width: 1035px;
    padding: 23px 0 14px 30px;
    color: #686868;
}
#footer a {
    color: inherit;
    text-decoration: none;
}
#footer td { vertical-align: top; }

#footer div { height: 65px; }
#footer1 {
    float: left;
    width: 359px;
    padding-top: 10px;
    height: 55px;
    border-right: 1px dotted #666666;
}
#footer1 img {
    float: left;
    margin-right: 11px;
    margin-top: -6px;
}

#footer2 {
    float: left;
    width: 217px;
    padding-left: 20px
}

#footer3 {
    float: left;
    width: 417px;
    padding-left: 20px;
    padding-bottom: 8px;
    border-left: 1px dotted #666666;
}

#footer3 table {
    width: 360px;
}

#footer3 img {
    display: inline;
    padding-right: 5px;
    margin-bottom: 4px;
}

#footer2 ul { float: left; }
#footer2 ul:first-child { margin-right: 26px; }

#subFooter {
    height: 40px;
    width: 1060px;
    padding: 10px 0 30px 0;
    color: #000000;
}

#subFooter a { 
    float: right;
    padding-left: 30px;
    padding-top: 4px;
    margin-left: 10px;
    height: 20px;
}
#subFooter .twitter { background: #000000 url('http://c201160.r60.cf3.rackcdn.com/bckgrnd_footer_twitter.gif') no-repeat 0 0; color: #34b7da; }
#subFooter .facebook { background: #000000 url('http://c201160.r60.cf3.rackcdn.com/bckgrnd_footer_facebook.gif') no-repeat 0 0; padding-left: 25px; color: #305b77; }

/* logo and scroll */
#theMaggies_logo {
    position: absolute;
    top: 0;
    left: 278px;
    width: 480px;
    height: 240px;
    background: transparent url('http://c201160.r60.cf3.rackcdn.com/bckgrnd_theMaggies_logo.png') no-repeat 0 0;
}
.blog #theMaggies_logo, .single #theMaggies_logo, .archive #theMaggies_logo { top: 0; }
#theMaggies_logo img { margin: 77px 0 0 19px; }

#scroll {
    position: absolute;
    top: 190px;
    left: 370px;
}

/* navigation */
#nav {
    position: absolute;
    top: 235px;
    left: 113px;
    width: 824px;
    height: 58px;
    background: transparent url('http://c201160.r60.cf3.rackcdn.com/bckgrnd_nav.png') no-repeat 0 0;
    z-index: 10;
    padding: 29px 0 0 29px;
}

#nav > li {
    float: left;
    height: 29px;
    text-indent: -9999px;
}

#nav > li:hover {
    background-position: 0 -29px;
}

#navElement1 { width: 90px;  background: transparent url('http://c201160.r60.cf3.rackcdn.com/nav_01.png') no-repeat 0 0; }
#navElement2 { width: 57px;  background: transparent url('http://c201160.r60.cf3.rackcdn.com/nav_02.png') no-repeat 0 0; }
#navElement3 { width: 189px; background: transparent url('http://c201160.r60.cf3.rackcdn.com/nav_03.png') no-repeat 0 0; }
#navElement4 { width: 82px;  background: transparent url('http://c201160.r60.cf3.rackcdn.com/nav_04.png') no-repeat 0 0; }
#navElement5 { width: 73px;  background: transparent url('http://c201160.r60.cf3.rackcdn.com/nav_05.png') no-repeat 0 0; }
#navElement6 { width: 75px;  background: transparent url('http://c201160.r60.cf3.rackcdn.com/nav_06.png') no-repeat 0 0; }
#navElement7 { width: 57px;  background: transparent url('http://c201160.r60.cf3.rackcdn.com/nav_07.png') no-repeat 0 0; }
#navElement8 { width: 69px;  background: transparent url('http://c201160.r60.cf3.rackcdn.com/nav_08.png') no-repeat 0 0; }
#navElement9 { width: 74px;  background: transparent url('http://c201160.r60.cf3.rackcdn.com/nav_09.png') no-repeat 0 0; }

#navElement1.vote-now { width: 90px;  background: transparent url('http://c201160.r60.cf3.rackcdn.com/nav_01_vote.png') no-repeat 0 0; }
#navElement1.winners { width: 90px;  background: transparent url('http://c201160.r60.cf3.rackcdn.com/nav_01_winners.png') no-repeat 0 0; }

/* secondary nav */
#nav ul {
    display: none;
    margin-top: 14px;
    background-color: #e7ddd7;
    border-left: 1px dotted #a99285;
    border-right: 1px dotted #a99285;
    border-bottom: 1px dotted #a99285;
}

#nav li:hover ul { display: block; }

#nav ul li {
    text-indent: 0;
    border-bottom: 1px dotted #a99285;
}

#nav ul li:hover { background-color: #f1eae6; }

#nav ul li:last-child { border-bottom: none; }

#nav a {
    color: #8e796e;
    text-decoration: none;
    text-shadow: 1px 1px 1px #FFF;
    display: block;
    padding: 8px 4px 8px 8px;
}

#nav .topNav { height: 27px; }

#navElement2 ul { width: 178px; }
#navElement3 ul { width: 145px; }
#navElement4 ul { width: 177px; }
#navElement5 ul { width: 107px; }
#navElement6 ul { width: 108px; }
#navElement7 ul { width: 153px; }
#navElement8 ul { width: 164px; margin-left: -96px; }

#nav ul li a.twitter {
    color: #34a8c7;
    background-image: url('http://c201160.r60.cf3.rackcdn.com/bckgrnd_twitter.png');
    background-repeat: no-repeat;
    background-position: 3px 6px;
    padding-left: 30px;
}

#nav ul li a.facebook {
    color: #6175a1;
    background-image: url('http://c201160.r60.cf3.rackcdn.com/bckgrnd_facebook.png');
    background-repeat: no-repeat;
    background-position: 10px 6px;
    padding-left: 30px;
}


/* columns */
.column-one {
    float: left;
    width: 518px;
}

.column-two {
    float: right;
    width: 241px;
}

/* days left to vote countdown */
#countdown {
    padding: 15px 0 13px 15px;
}

.digit {
    width: 19px;
    height: 28px;
    background: #d1114e url('http://c201160.r60.cf3.rackcdn.com/digits.gif') no-repeat 0 0;
    margin-right: 1px;
    margin-bottom: -6px;
}

.d1 { background-position: 0 -28px; }
.d2 { background-position: 0 -56px; }
.d3 { background-position: 0 -84px; }
.d4 { background-position: 0 -112px; }
.d5 { background-position: 0 -140px; }
.d6 { background-position: 0 -168px; }
.d7 { background-position: 0 -196px; }
.d8 { background-position: 0 -224px; }
.d9 { background-position: 0 -252px; }

/* in the press */
#in-the-press {
    padding: 11px 0 16px 7px;
    position: relative;
}
.in-the-press_date { color: #8e796e; }
#in-the-press .title { margin-top: 10px; }
#in-the-press_newspapers { float: left; margin-right: 16px; }
#in-the-press_container { margin-top: 25px; }
#in-the-press_container div { float: left; margin-right: 12px; width: 115px; }
#in-the-press_container div img { border: 1px solid #d6ccc7; }
#press_see-full-archive { position: absolute; top: 20px; right: 20px; }

/* newsletter signup box */
#sign-up {
    padding: 5px 0 10px 17px;
    background-color: #f1eae6;
    color: #8e796e;
}

#sign-up #sign-up-email {
    background-color: #fff;
    border: 1px dotted #a99285;
    margin: 4px 6px 7px 4px;
    color: #a9998f;
    width: 150px;
}
#sign-up #sign-up-submit { margin-bottom: -4px; }
#sign-up p { padding: 0 15px 0 7px; }

.required   { background: #FFF url('http://c201160.r60.cf3.rackcdn.com/bckgrnd_validated.gif') no-repeat right -45px; }
.ok	    { background: #FFF url('http://c201160.r60.cf3.rackcdn.com/bckgrnd_validated.gif') no-repeat right -30px; }
.error	    { background: #FFF url('http://c201160.r60.cf3.rackcdn.com/bckgrnd_validated.gif') no-repeat right -15px; }
.validating { background: #FFF url('http://c201160.r60.cf3.rackcdn.com/bckgrnd_validated.gif') no-repeat right 0; }

#sign-up #thank-you { display: none; }

/* polls */
#poll {
    padding: 15px 0 14px 21px;
}
#poll p { padding: 3px 20px 10px 0; font-size: 1.1em; }
#poll .pollOption {
    float: left;
    position: relative;
    border: 1px solid #d6ccc7;
    padding: 4px;
    margin: 0 10px 10px 0;
}

.pollOption img { border: 1px solid #d6ccc7; }


/* poll results */
#poll-results {
    position: relative;
    padding: 18px 10px 17px 23px;
    background-color: #f1eae6;
}

#poll-results-arrow {
    position: absolute;
    top: -1px;
    right: 10px;
}

#poll-results .title { margin-left: -6px; }
#poll-results dl { margin: 13px 0 4px 0; }
#poll-results dt {
    font-size: 1.1em;
    color: #000;
    margin-bottom: 2px;
}
#poll-results dd {
    font-size: 1.1em;
    color: #8e796e;
    font-weight: bold;
    margin-bottom: 6px;
}


/* past winners */
#past-winners { padding: 20px 0 8px 19px; }
#past-winners .title { margin: 0 0 17px 6px; }
#past-winners .past-winners_container {
    position: relative;
    padding: 5px 5px 0 5px;
    border: 1px solid #d6ccc7;
    width: 193px;
    margin-bottom: 9px;
}
#past-winners .past-winners_container a { display: block; }
#past-winners .past-winners_year { position: absolute; top: -15px; right: -15px; }
#past-winners .past-winners_cover { width: 190px; border: 1px solid #d6ccc7; }
#past-winners a img { margin-bottom: 5px; }


/* our partners */
#our-partners {
    background-color: #f1eae6;
    padding: 13px 16px 7px 16px;
}
#our-partners div { text-align: center; position: relative; height: 100px; }
#our-partners img { margin-bottom: 10px; }

#our-partners div a {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}


/* what are the maggies */
#what-is-the-maggies { background-color: #FFF; padding: 10px 20px 13px 10px; }
#what-is-the-maggies img { float: left; margin-right: 10px; }


/* calling all publishers */
#calling-all-publishers {
    position: relative;
    background: #f1eae6 url('http://c201160.r60.cf3.rackcdn.com/bckgrnd_calling-all-publishers.gif') no-repeat 0 0;
    width: 518px;
    height: 174px;
}

#calling-all-publishers div {
    position: absolute;
    top: 78px;
    left: 22px;
    width: 325px;
}

#calling-all-publishers img { margin-top: 10px; }


/* blog styles - deep breath dude, these are gonna go on for a while */
#blogInner {
    padding: 26px 17px 20px 28px;
    width: 500px;
}
#blog-icon { float: left; margin-right: 11px; }
#blogInner h1 {
    text-indent: -9999px;
    background: transparent url('/images/title_magazine-cover-staff-blog.gif') no-repeat 0 0;
    width: 620px;
    height: 39px;
    padding-bottom: 4px;
    border-bottom: 1px dotted #a99285;
    margin: 0 0 30px 80px;;
}

.home .post {

}

#blogInner .title { margin-bottom: 10px; }
#blogInner .blogger {
    float: left;
    width: 113px;
    padding-top: 5px;
    text-align: center;
    color: #8e796e;
}

#blogInner .blog_entries {
    float: left;
    width: 348px;
    padding: 15px 15px 8px 15px;
    margin-bottom: 9px;
    background-color: #f1eae6;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

#blogInner .blog_entry {
    padding-top: 11px;
    margin-top: 10px;
    border-top: 1px solid #FFF;
    clear: both;
}

#blogInner .blog_entry:first-child {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
}

#blogInner .blog_entry h4 a { color: #8e796e; font-weight: bold; text-decoration: none; }
#blogInner .blog_entry h5 { color: #8e796e; font-weight: normal; margin-bottom: 10px; margin-top: -10px; }
#blogInner .blog_entry .photo, .yd_rp_widget .photo {
    float: left;
    margin-right: 7px;
    border: 1px solid #d6ccc7;
    padding: 3px 3px 1px 3px;
    background-color: #FFF;
    width: inherit;
    margin-bottom: 10px;
}
#blogInner .blog_entry img { border: 1px solid #d6ccc7; }

/* sidebar type stuff */
#primary {
    position: absolute;
    top: 100px;
    right: 60px;
    width: 201px;
}

#primary a { color: #000; }

#primary li {
    border-bottom: 1px dotted #a99285;
    padding-bottom: 20px;
    margin-bottom: 16px;
}
#primary li:last-child { border-bottom: none; }

#primary .yd_rp_widget li {
    border: none;
    margin: 0;
    padding: 0;
}

#archives-2 li {
    border-bottom: none !important;
}

#primary h3 {
    text-indent: -9999px;
    background-color: #FFF;
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 15px;
    margin-bottom: 10px;
}

#primary .yd_rp_widget h3 { background-image: url('/images/title_images.gif'); }
#primary .widget_tag_cloud h3 { background-image: url('/images/title_tags.gif'); }
#primary .widget_archive h3 { background-image: url('/images/title_date.gif'); }

.post-meta {
    clear: both;
    display: block;
    color: #8e796e;
    margin-top: 1em;
}

#blogInner .blog_entry h2 {
    color: #8e796e;
    font-size: 1.54em;
    margin-bottom: 1em;
    line-spacing: 1.2em;
}
#blogInner .blog_entry p {
    margin-bottom: 1.2em;
}
#blogInner .blog_entry p:last-child { margin-bottom: 0; }


/* blog inner navigation */
#nav-below {
    padding-bottom: 16px;
    border-bottom: 1px dotted #a99285;
    margin-bottom: 12px;
}
#nav-below .meta-nav { display: none; }
#nav-below div {
    width: 80px;
    margin-top: 18px;
}
#nav-below div a {
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 19px;
    display: block;
    text-indent: -9999px;
}

#nav-below .nav-previous { float: left; }
#nav-below .nav-next { float: right; }
#nav-below .nav-previous a  { width: 79px; background-image: url('/images/btn_previous.gif'); margin-top: 10px; }
#nav-below .nav-next a	    { width: 54px; background-image: url('/images/btn_next.gif'); }


/* comment form */
#respond {
    border-top: 1px dotted #989898;
    padding-top: 15px;
    width: 450px;
    color: #676767;
}
#comments #respond:first-child { border-top: none; }
#respond .required {
    color: #f7941d;
    margin-left: -9px;
}
label {
    float: left;
    width: 120px;
    margin-right: 15px;
    color: #676767;
}
input[type=text], textarea {
    border: none;
    background-color: #f1eae6;
    margin-top: 4px;
    font-family: Verdana;
    font-size: 1em;
    padding: 3px;
    width: 300px;
    color: #676767;
}

.form-allowed-tags { display: none; }
#reply-title {
    background: transparent url('/images/title_leave-a-comment.gif') no-repeat 0 0;
    text-indent: -9999px;
    margin-bottom: 15px;
}

.comment-notes {
    margin-bottom: 10px;
}

#respond .form-submit {
    display: none;
}

#submit-image {
    float: right;
    margin: 10px 10px 0 0;
}

/* comment styles */
#comments-title {
    margin-bottom: 15px;
    background: transparent url('http://c201160.r60.cf3.rackcdn.com/titles/comments.gif') no-repeat 0 0;
    text-indent: -9999px;
}

.commentlist li>div {
    position: relative;
    background-color: #fff;
    margin-bottom: 15px;
    padding: 13px 20px 10px 20px;
    font-size: 0.9em;
}

.commentlist .children {
    margin-left: 30px;
}

.comment-author { float: left; margin-right: 1em; }
.comment-author cite {
    display: block;
    font-style: normal;
}
.comment-meta a { color: #888; }
.comment .reply { margin-top: 8px; }

.wp-caption {
    border: 1px solid #D6CCC7;
    padding: 4px 4px 1px 4px;
    margin: 0 10px 10px 0;
    text-align: center;
}

.tag-title {
    position: absolute;
    top: 60px;
    left: 143px;
    font-size: 1.4em;
    font-weight: normal;
    color: #8E796E;
}

/* terms and conditions popup */
#termsAndConditions {
    text-align: left;
}
#termsAndConditions a { color: #000; text-decoration: underline; }
#termsAndConditions h2 {
    text-indent: -9999px;
    height: 16px;
    background: transparent url('http://c201160.r60.cf3.rackcdn.com/title_terms-and-conditions.gif') no-repeat 0 0;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #A99285;
}
#termsAndConditions ol {
    list-style: decimal outside;
    margin-left: 25px;
}
#termsAndConditions ol li {
    line-height: 1.4em;
}
#termsAndConditions ol ol {
    list-style-type: lower-alpha;
}

.errorPopin {
    text-indent: -9999px;
    height: 16px;
    width: 474px;
    background: transparent url('http://c201160.r60.cf3.rackcdn.com/title_error_popin.gif') no-repeat 0 0;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #A99285;
}

#recent-tweets {
    background-color: #f1eae6;
    padding-top: 11px;
    color: #8e796e;
}

#recent-tweets a { color: #000; }

#recent-tweets h2 {
    text-indent: -9999px;
    height: 72px;
    background: transparent url('http://c201160.r60.cf3.rackcdn.com/title_tweets.gif') no-repeat 0 0;
}

#recent-tweets ul, #recent-tweets img { margin: 0 14px; }
#recent-tweets img { padding-bottom: 14px; }

#recent-tweets li {
    padding: 15px 0 14px 0;
    border-bottom: 1px solid #FFF;
}

#recaptcha_widget_div, .recaptcha-error { margin-left: 132px; }
#recaptcha-submit-btn-area { display: none; }

/* form warning dialogue */
#formWarning h2 {
    text-indent: 0;
    color: #d7114f;
    text-transform: uppercase;
    font-size: 1.4em;
    padding-bottom: 6px;
    border-bottom: 1px dotted #a99285;
    margin-bottom: 12px;
}
#formWarning { text-align: left; }
#formWarning li { padding-bottom: 10px; }

/* latest video link on homepage */
#latest-video {
    padding: 20px 0 8px 15px;
}

#latest-video h2 {
    text-indent: -9999px;
    background: #fff url('http://c201160.r60.cf3.rackcdn.com/title_judges-videos_homepage.gif') no-repeat 0 0;
    height: 23px;
    margin-bottom: 6px;
}

#latest-video .bordered {
    display: block;
    padding: 4px;
    margin-bottom: 6px;
    border: 1px solid #d6ccc7;
    width: 206px;
}

#latest-video .bordered img {
    width: 204px;
    border: 1px solid #d9cfcb;
}

#latest-video .bordered .secondImage {
    border-top: none;
    margin-top: -2px;
}
#latest-video #see-all-videos {
    display: block;
    margin: 20px 0 10px 5px;
}

