/* @override http://localhost:3000/projects/gap/style/reinventgap.css */

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


body {
color: #333;
text-align: center;
font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, Sans-Serif;
margin: 0;
}

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

#wrapper {
width: auto !important;
margin: 0 20pt;
text-align: center;
}

#footer {
width: 100%;
width: auto!important;
margin: 30pt 0;
text-align: center;
clear: both;
font-size: 1.2em;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial;
color: #333;
}

a, a:hover {color: #333;}

/* Navigation bar 
=============== */
#navigation {
display: none;
}

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

#contents {
margin: 0!important;
width: auto!important;
text-align: left;
}

h1 {
text-transform: uppercase;
font-size: 2em;
color: #000;
}

#contents p {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial;
}

/* Map 
============== */

#map_wrapper {
width: 374px;
float: none!important;
text-align: left;
margin-top: 20pt!important;
}


/* Panoramas 
============== */
#panoramas {
height: 400px;
width: 550px;
overflow: auto;
padding: 10px 5px;
}

#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 {
display: none;
}

#home #logo {
display: block!important;
}

#logo ul {
padding-left: 2em;
}

#logo li {
list-style-type: square!important;
}

#logo a {
background: none;
display: inline;
position: relative;
left: auto; top: auto;
text-indent: 0!important;
text-transform: uppercase;
}