/* Styles for grand concourse competition
by whatcould.com, winter 2008
*/

body {
font-size: 10px;
color: #444;
text-align: center;
font-family:  "HelveticaNeue", Arial, Helvetica, Sans-Serif;
margin: 0;
background: #F0EFED url('/w/002/style/art/body-bg.gif') top center repeat-y;
}

div, ul, li, p,
ol, ul, td, 
h1,h2,h3,h4 {
font-family: "HelveticaNeue", Arial, Helvetica, Sans-Serif;
padding: 0; margin: 0; text-align: left;
}

.access {display: none;}
.clr {clear: both;}

a { color: #444; text-decoration: none;}
a:hover {text-decoration: underline;}

p  {
line-height: 1.5em;
}


/* Page layout 
=============== */

#wrapper {
margin: 0 auto;
width: 977px;
padding-bottom: 15px;
position: relative;

}
#main, #footer {
width: 815px;
}

#main {
min-height: 700px;
}

#content {
}


/* Header
=============== */

#header {
position: relative;
margin-bottom: 0px;
}
#header .ht {
background: url('/w/002/style/art/header-top.png') top left no-repeat;
height: 135px;
}

#header #logo {
display: block;
width: 800px; height: 0;
padding-top: 124px; overflow: hidden;
position: absolute;
left: 10px; top: 5px;

}

#header #collab {
position:absolute;
right: 20px;
top: 20px;
}
#header #collab a {
display: block;
width: 127px; height: 0;
overflow: hidden;
margin-bottom: 20px;
}

#header #collab a#bronx_museum {
background:  url(/w/002/style/art/bronx-logo.gif) top left no-repeat;
padding-top: 30px!important;
}
#header #collab a#design_trust {
background:  url(/w/002/style/art/dt-logo.gif) top left no-repeat;
padding-top: 60px;
}
/* Sidecar
=============== */
#sidecar {
position: absolute;
width: 160px;
right: 1px;
background: url('/w/002/style/art/sidecar-top.gif') top right no-repeat;
padding-top: 15px;
}

#sidecar ul,
#sidecar .sb {
padding-bottom: 20px;
list-style-type: none;
background: url('/w/002/style/art/sidecar-bottom.gif') bottom right no-repeat;
}
#sidecar ul li {
display: inline;
}
#sidecar ul li a {
display: block;
text-align: right;
margin-right: 20px;
font-weight: bold;
font-size: 1.7em;
line-height: 1.2em;
padding: .35em .5em;
color: #43BD00;
text-transform: uppercase;
}

#sidecar ul li a.selected {
color: #F2641F;
text-decoration: none;
}

/* General page
=============== */
#main {
padding-top: 20px;
}

#main #content {
padding: 0 40px 10px 20px;
width: 520px;
float: right;
}

#main #decor {
float: left;
padding: 10px 0 0 20px;
}
#main #decor img {
border: 1px solid #999;
}

#decor_credit {
font-size: .9em;
color: #666;
width: 190px;
padding: 4px 2px 0 2px;
}

#decor_credit p {
line-height: 1.3em;
}

/* Content
=============== */

#main h1 {
font-size: 2em;
margin: .5em 0 .8em;
color: #43BD00;
}

#main h2 {
font-size: 1.7em;
margin: 1em 0 .3em;
}

#main h3 {
font-size: 1.5em;
margin: 1.3em 0 .3em;
}

#main h4 {
font-size: 1.4em;
margin: 1.3em 0 .3em;
}

#main p, 
#main li {
font-size: 1.3em;
/*font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif!important;
font-weight: 300;*/
}
#main a {
color: #F2641F;
text-decoration: underline;
}
#main a:hover {
color: #B74A14!important;
}

#main ul,
#main p {
margin: 0 0 .8em;
}

#main p a, 
#main li a {
text-decoration: underline;
}
#main p a:hover, 
#main li a:hover {
color: #000;
}
#main li {
margin: 0 0 .3em 2em;
line-height: 1.3em;
}
#main ul {
list-style-type: disc;
}
#main ol {
list-style-type: decimal;
}

#main .cms_image_left,
#main .cms_image_center,
#main .cms_image_right {
border: 2px solid #888;
}

#main .cms_image_center {
margin: 5px auto;
display: block;
text-align: center;
}

 :target {
background-color: #ffffe0;
padding: .2em;
}


/* Special pages
=============== */

#main .toc {
float: right; display: inline;
width: 240px;
margin-left: 20px;
border-left: 2px solid #b8b8b6;
}

#main .toc h2 {
margin: 0 0 .5em 20px;
}

#main .toc a {
font-weight: bold;
padding-right: .5em;
text-decoration: underline;
}

#main .toc ul {
list-style-type: none;
}
#main .toc ul li {
margin-left: 20px;
}

#maps {
margin-top: 2em;
}
.map {
float: left;
width: 100%;
margin-bottom: 2em;
padding-bottom: 2em;
border-bottom: 2px solid #ccc;

}
.map img {
float: left;
border: 3px solid #aaa;
margin-right: 2em;

}
.map h3 {
margin-top: .1em!important;
}
.juror {
padding-top: 2em;
clear: both;
}
.juror img {
float: left;
margin: 0em 10px 10px 0;
}
.juror .juror_text {
float: right;
width: 360px;
}
.juror .juror_text h4 {
margin-top: 0!important;
}
.subnav {
border-bottom: 2px solid #eee;
text-align: center;
color: #888;
font-size: 1.2em!important;
}
.subnav a {
text-decoration: none!important;
color: #43BD00!important;
padding: .2em;
}

.subnav .current {
font-weight: bold;
color: #333!important;
background-color: #eee;
}

/* Home
=============== */

#highlight {
float: right;
width: 386px;
padding: 0 15px 0 0;
}
#intro p {
font-size: 1.4em!important;
}
#intro h3 {
font-size: 2em!important;
margin-top: 0!important;
margin-bottom: 0;
}
#intro {
margin-bottom: 2em;
}
#slideshow {
position: relative;
width: 520px;
height: 424px;
margin-left: 10px;
}
#slideshow .slide {
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
#slideshow .slide div {
background-color: #aaa;
text-align: center;
padding: 4px;
width: 512px;
}
#slideshow .slide p {
width: 450px;
padding: 5px 10px;
margin: 0;
line-height: 1.4em;
color: #111;
}
#slideshow .slide p span {
color: #777;
font-size: .9em;
}
#next_prev {
position: absolute;
bottom: 30px;
right: 0;
z-index: 200;
}

#next_slide {
position: absolute;
bottom: 0; right: 0;
display: block;
width: 42px; height: 0;
padding-top: 25px; overflow: hidden;
position: absolute;
background: url('/w/002/style/art/next.gif') 0px 5px no-repeat;
}

#decor_column {
position: relative;
width: 390px;
margin-left: 10px;
}
#decor_column p {
font-size: 1.2em;
clear: left;
}

#highlight .item {
clear: both;
padding-top: 2em;
}

#highlight .item img {
float: left;
border: 1px solid #999;
}
#highlight .item a:hover img {
border: 1px solid #333;
}

#highlight .item .item_text {
width: 229px;
float: right;
}

#highlight .item h4 {
font-size: 1.3em;
margin-bottom: .3em;
margin-top: 0!important;
}

#highlight .item p {
line-height: 1.5em;
}
/* Footer
=============== */

#footer {
clear: both;
padding-top: 1.5em;
}

#footer p {
text-align: center;
font-size: 1.1em;
line-height: 2em;
}


/* Tables
=============== */

#main table {
border-collapse: collapse;
}

#main td {
border: 1px solid #aaa;
padding: 2px 4px;
vertical-align: middle;
font-size: .95em;
}
#main td p,
#main th p {
margin: 0!important;
}
#main th {
background-color: #ddd;
border: 1px solid #aaa;
padding: 2px 4px;
vertical-align: middle;

}
/* Comment page
=============== */


.comments {
border-top: 1px solid #ddd;	
}
.comment {
border-bottom: 1px solid #ddd;
margin: .5em 0 1em 0;
padding: .5em 0;
clear: both;
background: url('/w/002/style/art/quotes.gif') 170px 5px no-repeat;
}
.comment p {
line-height: 1.3em!important;

}
.comment span {
color: #888;
font-size: .95em;
}

.comment_meta {
float: left;
width: 140px;
}
.comment_text {
float: right;
width: 315px;
}



/* Forms
=============== */
form p {
margin: .5em 0;
clear: both;
}

label {
color: #666;
}
form label {
display: block;
}
form label.checkbox_label {
display: inline;
vertical-align: middle;
}
input.checkbox,
input.radio  {
vertical-align: middle;
margin: 0 .3em 0 0!important;
}
input.text, textarea {
margin: 1px;
padding: 2px;
border: 1px solid #999;
}
input.required{
background: #fff url('/w/002/style/art/required.gif') center right no-repeat;
}
textarea.required {
background: #fff url('/w/002/style/art/required.gif') bottom right no-repeat;	
}
input.text:focus,
textarea:focus {
padding: 1px;
border: 2px solid #6FADDF;
}
textarea:focus {
padding: 3px;
}

textarea {
font-size: 1em;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
padding: 4px;
}

input.invalid {
background-color: #fcc;
border-color: #844;
}
p.invalid {
color: #a00;
font-weight: bold;
}