/* styles for grand concourse project site
=  david reese, whatcould.com
=  february 2009
=============== */


#sign_in {
clear: left;
}
#sign_in,
#sign_up {
float: left; display: inline;
width: 310px;
margin-right: 30px;
}
.sign_note {
color: #999;
}

#sign_in h1,
#sign_up h1 {
margin-bottom: 0!important;
}
#flash_signup_error, 
#flash_signin_error,
.wordcount_error {
color: #911;
font-weight: bold;
}

/* Errors
========== */

div#errorExplanation ul li
div#errorExplanation h2 {
color: #911;
}

.validation-error {
color: #911;
margin-left: .5em;
}

#flash_notice {
color: #191;
font-weight: bold;
background-color: #d2efc2;
padding: .5em;
float: left;
}

/* Proposal list */

#proposal_thumbs {
border-top: 1px solid #bbb;
clear: right;
}
.entry {
float: left; clear: none;
cursor: pointer;
width: 130px;
text-align: center;
margin: 5px 4px 4px 4px;
padding: 5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
position: relative;
}
.entry:hover {
background-color: #F0EFED;
}

.entry .finalist_7,
.entry .finalist_1,
.entry .finalist_2,
.entry .finalist_3 {
position: absolute;
top: 0;
right: 0;
height: 0; overflow: hidden;
padding-top: 60px;
width: 59px;
background: url(/stylesheets/art/finalist.gif) top right no-repeat;
z-index: 100;
}

.entry > .finalist_7 {
background: url(/stylesheets/art/finalist.png) top right no-repeat;
}

.entry .finalist_1 {background: url(/stylesheets/art/finalist_1.gif) top right no-repeat;}
.entry .finalist_2 {background: url(/stylesheets/art/finalist_2.gif) top right no-repeat;}
.entry .finalist_3 {background: url(/stylesheets/art/finalist_3.gif) top right no-repeat;}

.entry > .finalist_1 {background: url(/stylesheets/art/finalist_1.png) top right no-repeat;}
.entry > .finalist_2 {background: url(/stylesheets/art/finalist_2.png) top right no-repeat;}
.entry > .finalist_3 {background: url(/stylesheets/art/finalist_3.png) top right no-repeat;}

.entry p {
font-size: 1.1em!important;
text-align: center;
padding-top: 3px;
margin-bottom: 0!important;
}

.entry_image {
text-align: center;
height: 100px;
margin: 0 0 4px 0!important;
position: relative;
}

.entry_row {
float: left; clear: left; width: 100%;
}
.entry a {
color: #444!important;
text-decoration: none!important;
}

.entry:hover a strong  {
color: #000!important;
}
.entry img {
border: 1px solid #ddd;
}
.entry:hover img {
border: 1px solid #aaa;
}
.entry a.wide img {
margin-top: 18px;
width: 100px; height: 65px;
}
.entry a.tall img {
height: 100px; width: 65px;
}

/* Proposal page */

body#gallery {
background-color: #F0EFED;
background-image:  none!important;
}

#gallery #wrapper {
width: auto!important;
padding: 0 30px 30px 0px;
margin-right: 15px;
background: #fff url('/w/002/style/art/body-bg.gif') top right repeat-y;
min-width: 960px!important;
}

#content.proposal {
float: right; display: inline;
width: 750px!important;
margin: 20px 10px 30px 0px;
}
#gallery  #content.proposal {
width: auto!important;
float: none;
margin-top: 0!important;
}
#gallery #main {
padding: 0 0 0 15px;
}
#gallery #mini_logo {
position: absolute;
top: 1.2em;
right: 0;
}

#gallery #sidecar {
margin-top: 95px;
width: 159px;
right: 1px!important;
}

#mini_logo a {
background: url('/stylesheets/art/mini_logo.gif') top right no-repeat;
display: block;
overflow: hidden;
height: 0; padding-top: 92px;
width: 150px;
}

/*Proposal slides
==========*/


#proposal_slides {
height: 450px;
position: relative;
overflow: hidden;
}

#proposal {
width: 750px;
/*overflow: hidden;*/
position: relative;
}

#proposal .slide {
width: 750px;
height: 450px;
margin-right: 20px;
float: left; display: inline;
position: relative;
/*overflow: hidden;*/
}
#proposal #text_slide p {
max-width: 50em;
}
#proposal #text_slide h4 {
font-size: 1.5em;
margin-top: 1em;
}
#proposal #proposal_summary {

}
#proposal #proposal_summary p {
margin: 0;
background: #f0efed;
padding: .5em;
color: #111;
font-size: 1.3em;
}
#proposal .drawing img {
border: none;
}
#proposal .drawing_image {
float: left; display: inline;
}
#proposal .drawing a img {
cursor: pointer;
}
#proposal .slide .drawing_description {
position: absolute;
bottom: 0; left: 0;
width: 100%;
background-color: #ddd;
padding: .2em 0 0 .3em ;
}
#proposal .slide .drawing_description p {
line-height: 1.15em;
font-size: 1.3em;
}

#proposal_title {
position: relative!important;
margin-right: 130px;
padding: .5em 0 .7em 15px;
background: #C4C4C4 url('/stylesheets/art/proposal_title_underline.gif') bottom left repeat-x;
color: #333;
font-size: 1.5em;
}

#proposal_title h2 {
text-transform: none!important;
margin-right: 260px;
}
#proposal_title h2 span {
font-size: .6em;
text-transform: uppercase;
background-color:#F2641F;
padding: .1em .4em;
margin-left: 1em;
color: #fff;
vertical-align: middle;
}
#proposal_title .next_proposal {
font-size: .75em;
position: absolute;
bottom: 1em; right: .5em;
width: 260px;
margin-top: -2em;
text-align: right;
text-decoration: underline;
}

#proposal_title div.finalist_badge {
text-align: left;
}

#zoom_wrapper {
position: absolute;
top: 0;right: 0;
z-index: 100;
width: 100%;
height: 100%;
overflow: hidden;
background: url('/stylesheets/art/80p.png') top left;
text-align: center;
margin: 0; padding: 0;
}
#zoom_wrapper img {
padding: 2.8em 5px 5px 5px;
}

#zoom_loading {
height: 90%; width: 100%;
background: url('/stylesheets/art/zoom-loading2.gif') center center no-repeat;
}
#zoom_info {
z-index: 120;
position: fixed; top: 0; left: 0;
font-size: 1.3em;
width: 100%;
padding: .2em 0 .4em;
background: #333333;
}
#zoom_info p {
text-align: center;
color: #eee;
font-weight: bold;
}

#zoom_info p a,
#zoom_info p a:hover {
color: #eee;
}
.sb {
position: relative!important;
}

#sidecar p {
font-size: 1.3em;
padding-left: 7px;
}

#next_prev {
position: relative;
margin-top: 40px;
padding: 10px 0 22px 0;
width: 140px;
z-index: 10;
}

#next_prev a {
position: absolute;
display: inline;
width: 37px; padding-top: 25px;
height: 0; overflow: hidden;
background-image: url('/stylesheets/art/next-prev-arrow.png');
background-repeat: no-repeat;
top: 3em;
}

#next_prev .disabled {
cursor: default;
}

#next_slide {
left: 58px;
background-position: 100% 0;}
#next_slide:hover {background-position: 100% -27px;}
#next_slide.disabled {background-position: 100% -55px!important;}

#prev_slide {
left: 10px;
background-position: 0 0;}
#prev_slide:hover {background-position: 0 -27px;}
#prev_slide.disabled {background-position: 0 -55px!important;}


/*  shortcuts */

#shortcuts {
clear: both;
margin: .5em 0 0 0;
}

#shortcuts h4,
#next_prev h4 {
font-size: 1.3em;
margin: 0 0 .2em 7px;
}
#shortcuts p {
font-size: 1.1em;
position: relative;
margin-bottom: 2px;
}
#shortcuts strong {
color: #400;
margin-left: 2px;
}
#shortcuts em  {
position: absolute;
left: 4em;
width: 10em;
}

#navigation_help {
background-color: #F6FF8F;
position: absolute;
top: 54px;
width: 160px;
right: 170px;
padding: 3px 10px 5px;
border: 5px solid #666;
z-index: 100;
}

#navigation_help h4 {
font-size: 1.5em;
text-transform: uppercase;
margin-bottom: .2em;
}

#navigation_help p {
font-size: 1.2em;
margin-bottom: 1em;
}
#navigation_help p.close {
text-align: right;
}
#navigation_help a {
text-decoration: underline;
}

/* Subnav
========== */
ul#proposal_steps {
padding: 1.5em 0 2.5em 4em;
}

ul#proposal_steps li {
display: inline;
}
ul#proposal_steps li a,
ul#proposal_steps li span {
text-decoration: none;
display: block;
float: left; display: inline;
padding: .2em .3em .1em .3em;
margin-right: 1.5em;
font-size: 1.4em;
}
ul#proposal_steps li a {
color: #555;
font-weight: bold;
}
ul#proposal_steps li:hover a {
border-bottom: 4px solid #b2df99;
}
ul#proposal_steps li span {
font-weight: normal;
color: #999;
}
ul#proposal_steps li.current a {
border-bottom: 4px solid #40a00a;
}


.next {
padding: 4em 70px 4em 20px;
float: right; display: inline;
color: #43bd00;
font-weight: bold;
background-color: #eee;
background: url('/stylesheets/art/arrow.gif') center right no-repeat;
text-align: right;
}
.next form {
display: inline;
}
h1 {
clear: both;
}