/* secondary reset */
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }

a:hover, a:active { outline: none; }

ul, ol, li{
    list-style-type: none;
}
/* structure */
body{
    background: #e9e9e9 url(../img/page_bg.png) repeat-x 0 -35px;
    font-family: tahoma, sans-serif;
}
#wrapper{
    position: relative;
    padding-top: 40px;
}
#footer{
    width: 100%;
    background: #e9e9e9;
    float: left;
    clear: left;
    padding: 30px 0 60px;
    margin-top: 25px;
    text-align: center;
}
#primary_nav{
    margin-top: -40px;
    text-align: center;
}
#upper{
    width: 100%;
    background: #fbfbfb;
    float: left;
    height: 318px;
}
#lower{
    width: 950px;
    float: left;
    clear: left;
    padding-left: 10px;
    padding-top: 60px;
}
#slide_container{
    position: absolute;
    top: 40px;
    left: 10px;
    height: 314px;
    width: 414px;
    background: #fbfbfb url(../img/slide_bg.png) no-repeat bottom right;
    overflow: hidden;
}

/* navigation */
#primary_nav a{
    text-decoration: none;
    display: block;
}
#primary_nav .first a{
    padding-top: 40px;
    height: 46px;
    background: transparent url(../img/hanger_first.png) no-repeat top center
}
#primary_nav .hanger a{
    height: 56px;
    background: transparent url(../img/hanger.png) no-repeat top center;
}
#primary_nav span{
    line-height: 16px;
    padding-top: 15px;
    display: block;
}
#primary_nav .first span{
    padding-top: 5px;
}
#primary_nav a:hover{
    color: #fbfbfb;
}
#primary_nav a:hover,
.about #primary_nav .about a,
.press #primary_nav .press a{
    background: transparent url(../img/hanger_selected.png) no-repeat top center;
    color: #fbfbfb;
}
#primary_nav .first a:hover,
.finalists #primary_nav .finalists a{
    background: transparent url(../img/hanger_first_selected.png) no-repeat top center;
    color: #fbfbfb;
}

/* logo / home link */
.logo a,
.logo p{
    text-indent: -9999px;
}
.logo a{
    display: block;
    background: transparent url(../img/logo.png) no-repeat 0 0;
    height: 258px;
    width: 100%;
}
#wpbhome{
    display: block;
    left:32px;
    position:absolute;
    top:-57px;
}

/* "slideshow" display */
#slide_container .collapse{
    display:block;
    height:274px;
    overflow:hidden;
    width:364px;
    margin-left:10px;
}
#slide_container ul{
    margin-left: -10px;
    width: 10000px;
    position: relative;
}
.slide{
    width: 414px;
    height: 273px;
    margin-left: 10px;
    position: relative;
    float: left;
    clear: none;
}
.slide .img{
    display:block;
    height:274px;
    overflow:hidden;
    width:364px;
}
.slide .info{
    width: 354px;
    height: 45px;
    overflow: hidden;
    background: #DAE079;
    background: rgba(218, 224, 121, .85);
    margin-top: -44px;
    position: relative;
    padding-left: 10px;
}
.slide .info h3{
    margin: 9px 0 0;
}
.slide .info h3 a{
    text-decoration: none;
    color: #000;
}
.slide .info h3 a:hover{
    text-decoration: underline;
}
#slide_container .nav{
    display: block;
    position: absolute;
    top: 105px;
    left: 10px;
    cursor: pointer;
    width: 30px;
    height: 56px;
}
#slide_container .next{
    display: none;
    right: 52px;
    left: auto;
    background: transparent url(../img/next_btn.png) no-repeat 0 0;
}
#slide_container .prev{
    left: 20px;
    display: none;
    background: transparent url(../img/prev_btn.png) no-repeat 0 0;
}
/* download buttons */
a.dl_btn{
    width: 193px !important;
    margin-top: 50px;
    padding: 9px 10px 5px 0;
    display: block;
    height: 64px;
    text-align: center;
    text-decoration: none;
    background: transparent url(../img/download_btn_bg.png) no-repeat 0 0;
}
a.dl_btn:hover{
    text-decoration: underline;
}
a.dl_btn span{
    display: block;
}

/* lower/content area */
#lower article section p{
    margin-top: 24px;
    width: 99%;
}
#lower article section ul{
    margin-top: 32px;
}
#lower .right{
    width: 354px;
}
.center_column{
    margin-left: 15px;
    position: relative;
}
#lower .center_column{
    width: 167px;
    height: 483px;
    margin: -77px 0 0 5px;
    position: relative;
    background: transparent url(../img/hanger_lower.png) no-repeat top left;
    padding: 77px 0 0 30px;
}
#lower .center_column p,
#lower .center_column li{
    width: 75%;
}
#lower .center_column ul{
    margin-top: 7px;
    position: relative;
    width: 100%;
}
#lower .center_column li.odd{
    margin-right: 10px;
}

/* vote confirmation feedback */
#messaging{
  background:#DAE079;
  display:none;
  height:115px;
  left:412px;
  padding:45px 10px 0;
  position:absolute;
  text-align:center;
  top:40px;
  width:14%;
}

/* homepage */
#lower .flickr_pull li{
    margin: 10px 0 0;
    background: #58585a;
    width: 61px;
    height: 42px;
    float: left;
    clear: none;
}
#lower .flickr_pull p a{
    display: block;
    margin: 3px 0 0;
    line-height: 13px;
}
#lower .social_buttons{
    float: left;
    position: relative;
    margin-top: 5px;
    width: 384px;
    background: transparent url(../img/social_buttons.png) no-repeat 0 0;
}
#lower .social_buttons li a{
    width: 50%;
    height: 41px;
    display: block;
    float: left;
    overflow: hidden;
    text-indent: -9999px;
}
#lower article section ul.tweets{
    height: 276px;
    margin-top: 24px;
}
#lower article section .tweets li{
    margin-bottom: 24px;
    width: 99%;
}
/* about page */
.about #info section span{
    text-transform: uppercase;
}
.about a.dl_btn{
    margin-right: 6px;
    margin-left: -12px;
    width: 183px !important;
}
.about #organizers section.top{
    height: auto;
}
.about #organizers section .container{
    padding-bottom: 25px;
    padding-top: 0px;
}
.about #organizers section.bottom{
    margin-top: -15px;
}

/* artist page */
.artist #info span{
    text-transform: uppercase;
}
.artist article.spaces,
#organizers{
    width: 551px;
}
#organizers{
    margin-left: 10px;
}
.artist .spaces section,
#organizers section{
    display: block;
    width: 100%;
    height: 490px;
    text-align: center;
    background: transparent url(../img/artist_hanger.png) no-repeat top center;
    margin: -72px 0 0 10px;
    padding-top: 72px;
}
#organizers section{
    text-align: left;
    margin-left: 5px;
}
.artist .spaces section .container,
#organizers section .container{
    background: #fbfbfb;
    padding: 9px 0 14px;
    box-shadow: -10px 15px 15px #ddd;
    -moz-box-shadow: -10px 15px 15px #ddd;
    -webkit-box-shadow: -10px 15px 15px #ddd;
}
#organizers section .container{
    padding: 9px 10px;
    height: auto;
}
.artist .spaces section .container .image{
    width: 538px;
    height: 356px;
    margin-left: 7px;
    margin-top: -356px;
    margin-bottom: 15px;
    position: relative;
}
.artist .spaces h3{
    margin: 9px;
    text-align: left;
}
form.vote{
    background: transparent url(../img/form_bg.png) no-repeat 0 0;
    width: 374px;
    height: 130px;
    position: relative;
    padding: 10px 0 0 20px;
    margin: 44px 0 0 -5px;
}
input{
    margin: 5px 0;
}
input.vote{
    color: #9ba31f;
    border: 0;
    background: #dae079;
    text-transform: uppercase;
    text-align: center;
    width: 92px;
    height: 30px;
    font-size: 16px;
    cursor: pointer;
    vertical-align: middle;
}
input.vote:hover{
    color: #58585a
}
input.text{
    background: #fbfbfb;
    box-shadow: inset 0 0 20px #969696;
    -moz-box-shadow: inset 0 0 20px #969696;
    -webkit-box-shadow: inset 0 0 20px #969696;
    border: 1px solid #58585a;
    padding: 7px 10px;
    margin-right: 3px;
    vertical-align: middle;
    width: 244px;
}
span.tied{
    width: 34px;
    position: absolute;
    top: 49px;
    right: 111px;
    display: block;
    height: 6px;
    vertical-align: middle;
    background: transparent url(../img/tied.png) no-repeat top center;
}
label{
    display: block;
}
.vote #msg{
    position: absolute;
    right: 30px;
    top: 57px;
    opacity: 0;
    text-align: right;
}
.table_wrap{
    background: transparent url(../img/box_shadow_bg.png) no-repeat 0 45px;
    width: 376px;
    margin: 23px 0;
    padding: 0 0 23px 4px;
}
.artist .contact a{
    text-transform: uppercase;
}
table{
    width: 367px;
}
tr{
    background: #fbfbfb;
}
tr.odd{
    background: #d0cfcf;
}
td{
    padding: 4px 0 4px 7px;
}
#nextproject{
    position: absolute;
    top: -97px;
    right: 0;
    width: 132px;
    height: 45px;
    background: url(../img/next_project.png) no-repeat 0 0;
}
#prevproject{
    position: absolute;
    top: -97px;
    left: 24px;
    width: 132px;
    height: 46px;
    background: url(../img/prev_project.png) no-repeat 0 0;
}
a#nextproject:hover,
a#prevproject:hover{
    background-position: 0 -46px;
}
#nextproject span,
#prevproject span{
    display: none;
}

/* finalists page */
.finalists #lower .center_column{
    padding-left: 0;
    margin-left: 5px;
    height: auto;
    width: 179px;
}
.finalists #lower .center_column h3,
.finalists #lower .center_column h4{
    padding-left: 20px;
    margin-left: 10px;
}
.finalists #lower .center_column h4{
    padding: 20px;
}
.finalists #lower .center_column ul{
    float: left;
    display: inline;
    clear: both;
    width: 149px;
    background: #fbfbfb;
    padding: 0 0 20px 20px;
    margin-left: 10px;
    box-shadow: -10px 15px 15px #ddd;
    -moz-box-shadow: -10px 15px 15px #ddd;
    -webkit-box-shadow: -10px 15px 15px #ddd;
}
.finalists #lower .right ul{
    padding: 10px 6px 0 10px;
}
.finalists #lower .center_column li,
.finalists #lower .right li{
    text-transform: uppercase;
    margin-bottom: 9px;
}
.finalists #lower .right li{
    float: left;
    text-align: left;
    width: 50%;
}
.finalists #lower .center_column li a,
.finalists #lower .right li a{
    width: 132px;
    display: block;
}
.finalists #lower .center_column li a:hover,
.finalists #lower a.selected{
    background: #dae079;
    text-decoration: none;
}
.finalists #lower .right .container a:hover{
    background: none;
    text-decoration: none;
}
.finalists #lower .right{
    background: transparent url(../img/map_bg.png) no-repeat top center;
    width: 364px;
    height: 246px;
    padding: 72px 0px 0;
    text-align: center;
    margin: -72px 0 0 18px;
}
.finalists #lower .right hgroup{
    text-align: left;
    margin: 0 0 0px 5px;
}
.finalists #lower .right .container{
    float: left;
    position: relative;
    background: #fbfbfb;
    width: 100%;
    padding-bottom:10px;
    margin-bottom: 116px;
    box-shadow: -10px 15px 15px #ddd;
    -moz-box-shadow: -10px 15px 15px #ddd;
    -webkit-box-shadow: -10px 15px 15px #ddd;
}
.finalists #lower .right h3{
    text-align: left;
    margin: 0 10px 10px;
}
.finalists a.dl_btn{
    margin: 20px 0 0 -11px;
}
.finalists .indicator{
    display: none;
    position: absolute;
}
.finalists #map_container{
    position: relative;
    width: 344px;
    height: 236px;
    margin-left: 10px;
    overflow: hidden;
}
.finalists #map{
    position: relative;
}
/* press page */
.press a.dl_btn{
    margin-left: -10px;
}
#lower #info li{
    margin-top: 13px;
}
#press_callouts{
    width: 551px;
    padding: 0;
    margin-left: 10px;
}
#press_callouts hgroup{
    display: block;
    float: left;
    position: relative;
    width: 100%;
    background: transparent url(../img/artist_hanger.png) no-repeat top center;
    margin: -72px 0 0 5px;
    padding: 72px 0 0;
}
#press_callouts hgroup p,
#press_callouts hgroup h1{
    margin-left: 10px;
}
#press_callouts ul{
    width: 100%;
    position: relative;
    margin: 0 0 0 5px;
}
#press_callouts li{
    float: left;
    position: relative;
    width: 100%;
    min-height: 84px;
    background: transparent url(../img/artist_hanger.png) no-repeat top center;
    margin-top: -15px;
    padding: 45px 0 0;
}
#press_callouts li.first{
    margin-top: -15px;
}
#press_callouts .container{
    float: left;
    position: relative;
    width: 100%;
    min-height: 64px;
    background: #fbfbfb;
    padding: 0 0 20px 0;
    margin-top: 20px;
    box-shadow: -10px 15px 15px #ddd;
    -moz-box-shadow: -10px 15px 15px #ddd;
    -webkit-box-shadow: -10px 15px 15px #ddd;
}
#press_callouts hgroup .container{
    margin-top: 0;
}
#press_callouts li a{
    text-transform: uppercase;
}
#press_callouts li .item{
    margin: 16px 0 0 10px;
    clear: none;
}
#press_callouts li .rating{
    float: left;
    display: inline;
    position: relative;
    width: 66px;
    height: 36px;
    margin: 16px 0 0 10px;
}

/* text styles */
article a{
    text-decoration: none;
}
article a:hover {
    text-decoration: underline;
}
#lower article hgroup p{
    margin-top: 0;
}

/* image styles */
img.left{
    float: left;
    clear: none;
    margin: 0 10px 5px 0;
}

/* fonts */
.caslon-italic {
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    font-family: 'ACaslonProItalic', serif;
}
.caslon-semibolditalic {
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    font-family: 'ACaslonProSemiBoldItalic', serif;
}
.scala-regular {
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    font-family: 'ScalaSansProRegular', sans-serif;
}
.scala-bold {
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    font-family: 'ScalaSansProBold', sans-serif;
}
.heading_34{
    font-size: 34px;
    line-height: 34px;
}
.heading_26{
    font-size: 26px;
    line-height: 26px;
}
.heading_20{
    font-size: 20px;
    line-height: 20px;
}
.heading_15{
    font-size: 15px;
    line-height: 16px;
}
.heading_14{
    font-size: 14px;
    line-height: 14px;
}
.copy_12{
    font-size: 12px;
    line-height: 17px;
}
.copy_11{
    font-size: 11px;
    line-height: 15px;
}
.dark_grey{
    color: #58585a;
}
.light_grey{
    color: #969696;
}
.chartreuse{
    color: #9ea615;
}
.upcase{
    text-transform: uppercase;
}