/* styles for reinventing grand army plaza project site
=  david reese, whatcould.com
=  february 2008
=============== */

@import url("http://designtrust.org/projects/gap/style/shared.css");

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

#contents {
margin-top: 70px;
margin-left: 410px;
width: 560px;
position: relative;
}
#page-panoramas #contents {
margin-top: 40px;
}
#page-jurors #contents img {
float: left;
margin: 5px 10px 5px 5px;
border: 2px solid #444;
}

#page-jurors #contents h2 {
clear: left;
padding-top: 15px;
margin: 1.5em 0 .3em 0;
}

h1 {
text-transform: uppercase;
font-size: 2em;
color: #C6D629;
margin: 0 0 .3em 0;
}

#contents p {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial;
font-size: 1.3em;
line-height: 1.4em;
margin: 0 0 1em 0;
}

#contents h2 {
text-transform: uppercase;
font-size: 1.7em;
margin: 1.5em 0 .5em 0;
position: relative;
}
#contents h3 {
text-transform: uppercase;
font-size: 1.4em;
margin: 1em 0 .3em 0;
}


#contents ul li {
margin-left: 1em;
margin-bottom: .5em;
text-indent: -1em;
}

#contents ol {
margin: 1em 0;
line-height: 1.9em!important;
}

#contents ol li,
#contents ul li {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial;
font-size: 1.3em;
}

#contents ol li strong {
width: 21em;
display: block;
float: left;
margin-right: 1em;
text-align: left;
}

a img {
text-decoration: none;
border: none;}

p.thanks_logos {
text-align: center;
}
p.thanks_logos img {
margin: 5px 20px;
vertical-align: middle;
}

p.padded {
padding: 1em 0 .5em 0;
}

p.highlight img {
border: 1px solid #666;
margin: 0px auto 3px auto;
}

p.question {
font-size: 1.1em;
font-weight: bold;
margin: 0!important;
}
.qa li {
margin: 0 0 0 2em!important;
list-style-type: square;
padding-left: 1em;
}
.qa ul {
margin-bottom: 1em;
}
/* Comments 
============== */

#comment_wrap {
float: left;
}

#comment_wrap h2 {
margin-bottom: 1.2em;
}

#comment_wrap h2 a {
position:absolute;
top: 0;right: 0;
text-transform: none!important;
font-size: .8em;
font-weight: normal!important;
color: #263713;
background: url('/projects/gap/style/art/megaphone.gif') top left no-repeat;
padding-left: 60px;
padding-bottom: 20px;
padding-top: 5px;
}

.error, .message {
border: 2px solid #C6D629;
padding: .3em;
font-weight: bold;
font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, Sans-Serif!important;
}
.error {color: red;}
.message {color: #263713;}

.comment {
border-bottom: 1px solid #ddd;
margin: .5em 0 1em 0;
padding: .5em 0;
clear: both;
background: url('/projects/gap/style/art/quotes.gif') 155px 5px no-repeat;
}
.comment p {
line-height: 1.3em!important;
color: #222!important;
}
.comment span {
color: #888;
font-size: .95em;
}

.comment_meta {
float: left;
width: 150px;
}
.comment_text {
float: right;
width: 365px;
}


#add_comment p {
margin-bottom: .7em;
}
/* Map 
============== */

#map_wrapper {
width: 374px;
float: left;
position: relative;
text-align: left;
margin-top: 90px;
}
#map_wrapper h3 {
text-transform: uppercase;
font-size: 1.5em;
margin-bottom: 10px;
}

#map {
background: url('/projects/gap/style/art/blank-map.gif') 0 0 no-repeat;
height: 500px;
width: 400px;
position: relative;
}

#map a {
position: absolute;
font-weight: bold;
font-size: 12px;
line-height: 12px;
text-decoration: none;
color: red;
display: block;
text-align: center;
background: url('/projects/gap/style/art/map-circle.png') 2px top no-repeat;
letter-spacing: -1px;
width: 26px; padding-right: 5px;
height: 26px; padding-top: 5px;
}
#map a:hover, 
#map a:focus {
color: #711;
outline: none;
background: url('/projects/gap/style/art/map-circle.png') -33px 0px no-repeat;
}

#map a.current,
#map a.highlight {
background: url('/projects/gap/style/art/map-circle.png') -69px 0px no-repeat;
color: white!important;
}

#marker_1 {top: 313px; left: 235px;}
#marker_2 {top: 183px; left: 146px;}
#marker_3 {top: 262px; left: 160px;}
#marker_4 {top: 100px; left: 100px;}
#marker_5 {top: 163px; left: 225px;}

#marker_6 {top: 313px; left: 100px;}
#marker_7 {top: 85px; left: 165px;}
#marker_8 {top: 296px; left: 166px;}
#marker_9 {top: 407px; left: 181px;}
#marker_10 {top: 372px; left: 132px;}

#marker_11 {top: 407px; left: 98px;}
#marker_12 {top: 420px; left: 124px;}
#marker_13 {top: 349px; left: 184px;}
#marker_14 {top: 349px; left: 165px;}
#marker_15 {top: 386px; left: 178px;}

#marker_16 {top: 368px; left: 106px;}
#marker_17 {top: 368px; left: 85px;}
#marker_18 {top: 399px; left: 163px;}
#marker_19 {top: 395px; left: 196px;}
#marker_20 {top: 379px; left: 244px;}

#marker_21 {top: 369px; left: 278px;}
#marker_22 {top: 354px; left: 292px;}
#marker_23 {top: 432px; left: 184px;}
#marker_24 {top: 420px; left: 144px;}
#marker_25 {top: 409px; left: 222px;}


/* Panoramas 
============== */
#panoramas {
height: 300px;
width: 550px;
overflow: auto;
padding: 10px 5px;
border: 1px solid #C6D629;
}

#panoramas div {
padding: 8px 0 0 0;
cursor: pointer;
margin-bottom: 3px;
}

#panoramas img {
padding: 0 5px;
}

#panoramas p {
margin: 0;
padding: 2px 5px 5px 5px;
}

#panoramas div.current,
#panoramas div.current:hover,
#panoramas div:hover {
background: url('/projects/gap/style/art/thumbnail-top.gif') top left no-repeat;
}

#panoramas div.current p,
#panoramas div.current:hover p,
#panoramas div:hover p {
background: url('/projects/gap/style/art/thumbnail-bottom.gif') bottom left no-repeat;
}


/* Logo nav
============== */

#logo {
background: url('/projects/gap/style/art/logo.gif') 55px 43px no-repeat;
height: 556px;
width: 400px;
position: relative;
float:  left;
text-align: left;
/*z-index: 0!important;*/
}

#home #logo {
background: url('/projects/gap/style/art/logo.gif') 131px 43px no-repeat;
height: 556px;
width: 544px;
margin: 40px auto 0 auto!important;
float: none!important;
}

#logo a {
display: block;
position: absolute;
text-indent: -4000px;
text-decoration: none;
color: black;
font-weight: bold;
text-transform: uppercase;
}

#logo a:hover {
background-position: top right;
}

#nav_about {
width: 286px; height: 182px;
top: 0px; left: 14px;
background: url('/projects/gap/style/art/about.gif') 0px 0px no-repeat;
}
#nav_brief {
width: 209px; height: 146px;
top: 112px; left: 330px;
background: url('/projects/gap/style/art/brief.gif') 0px 0px no-repeat;
}
#nav_jurors {
width: 184px; height: 149px;
top: 214px; left: 45px;
background: url('/projects/gap/style/art/jurors.gif') 0px 0px no-repeat;
}
#nav_rules {
width: 215px; height: 106px;
top: 289px; left: 340px;
background: url('/projects/gap/style/art/rules.gif') 0px 0px no-repeat;
}
#nav_resources {
width: 180px; height: 89px;
top: 379px; left: 24px;
background: url('/projects/gap/style/art/resources.gif') 0px 0px no-repeat;
}
#nav_application {
width: 107px; height: 40px;
top: 476px; left: 195px;
background: url('/projects/gap/style/art/application.gif') 0px 0px no-repeat;
}

#logo span {
position: absolute;
}
#page_about {
width: 286px; height: 182px;
top: 3px; left: 21px;
background: url('/projects/gap/style/art/c-about.gif') 0px 0px no-repeat;
}
#page_brief {
width: 146px; height: 146px;
top: 112px; left: 254px;
background: url('/projects/gap/style/art/c-brief.gif') 0px 0px no-repeat;
}
#page_jurors {
width: 149px; height: 149px;
top: 214px; left:0;
background: url('/projects/gap/style/art/c-jurors.gif') 0px 0px no-repeat;
}
#page_rules {
width: 100px; height: 100px;
top: 291px; left: 283px;
background: url('/projects/gap/style/art/c-rules.gif') 0px 0px no-repeat;
}
#page_resources {
width: 85px; height: 85px;
top: 383px; left: 40px;
background: url('/projects/gap/style/art/c-resources.gif') 0px 0px no-repeat;
}
#page_application {
width: 40px; height: 40px;
top: 476px; left: 186px;
background: url('/projects/gap/style/art/c-application.gif') 0px 0px no-repeat;
}