/*-----------------------------------------------------------------------------
site.css

version: 1.0
author:  Amos Newcombe
email:   anewc2@gmail.com
URL:     http://mysite.verizon.net/anewc2/

-------------------------------------------------------------------------------*/
/* ! Appearance */

/*-----------------------------------------------------------------------------*/
/** ! White space **/

/* Begone, o undocumented and inconsistent space! */
* { padding: 0; margin: 0 } /* Firefox has an issue with this ... */
select { min-width:1.5em; } /* that this fixes. */
/* Why exclude border from this? Read why at ... */
/* http://leftjustified.net/journal/2004/10/19/global-ws-reset/#comment-242 */

/* But we may want paragraphs separated, where we have extensive prose. */
/* Either the <p> element itself, or its parent, can get class="prose". */
p.prose, .prose p { margin-top: 1em; margin-bottom: 1em; }

/* Clear floats the easy way. */
.clear { clear: both; }

/* Indent list items to show the bullet or number. */
ul, ol { padding-left: 2em; }

abbr {border: 0}

/* use this instead of display:none for stuff you want screen readers to read. */
.off-left {
	position: absolute;
	left: -999px;
	width: 990px;
}

/*-----------------------------------------------------------------------------*/
/** ! Headings **/

h1 {font-size: 1.68em} /* 2^0.75 */
h2 {font-size: 1.41em} /* 2^0.50 */
h3 {font-size: 1.19em} /* 2^0.25 */
h4 {font-size: 1.00em} /* 2^0.00 */
h5 {font-size: 1.00em; font-variant: small-caps; font-weight: 900   }
h6 {font-size: 1.00em; font-variant: small-caps; font-style : italic}

/*-----------------------------------------------------------------------------*/
/** ! Page in the window **/

/* HACK: center #page in IE 5, from CSS Mastery chapter 7 */
body#unisonarts { /* set IDSignature in site.nvp */
	text-align: center; /* makes buggy IE 5 center _everything_ */
}

#page {
	width     : 68em; /* maximum width for easy readability */
	max-width : 100%; /* liquid layout for large fonts, narrow windows */
	margin    : auto; /* makes standards-compliant browsers center the layout */
	text-align: left; /* HACK: reset: hack is done (assumes left-to-right language) */
}

/*-----------------------------------------------------------------------------*/
/** ! Colors and Fonts **/

/* Content has normal colors. */
#page { /* set colors & fonts in colors.nvp */
	color           : #660033;
	background-color: #eeeeee;
	font-family     : Verdana sans-serif;
}

/* Blank side panels have reversed background. */
body#unisonarts { /* set IDSignature in site.nvp */
	background-color: #003311; /* set colors in colors.nvp */
	color           : #eeeeee;
}

a:link    {color: #330099}
a:visited {color: #660099}
a:hover   {color: #ff3333}
a:active  {color: #ff0000}

.reversed {
	background-color: #003311;
	color           : #eeeeee;
}

.reversed a:link    {color: #fff}
.reversed a:visited {color: #fff}
.reversed a:hover   {color: #3f3}
.reversed a:active  {color: #0f0}

.contitle {
	font-size: 180%;
	font-weight: bold;
	text-align: center;
	padding: 0.5em
}
/*-----------------------------------------------------------------------------*/
/* ! UnisonBody.py */

#page {border-top: solid 3px #003311;}

#content {
	padding: 1em;
}

#logo {
	float: left;
	padding: 0.5em 1em 0 1em;
}

#logo img {border: 0}

div#contact {
	text-align: center;
	font-size    : 0.9em;
/* 	clear        : both; */
}

div#UnisonAddress {
/* 	float       : left; */
}

div#UnisonContact {
/* 	float     : right; */
/* 	text-align: right; */
}

.fn, .geo, .country-name {display: none; }

#contactTop {
}

#mission {
	font-style: italic;
	text-align: center;
	padding: 0.5em 1em 0 1em;;
	clear: both;
}

#banner {
}

#breadcrumbs {
	font-variant: small-caps;
	padding     : 0.2em 1em;
	float       : right;
	width       : 100%;
	text-align  : right;
	margin-top  : 0.5em;
/* 	margin-bottom: 1px; */
/* 	border-bottom: solid 1px; */
}

.breadcrumb {
	background-color: #fff;
	padding: 0.2em 0.5em;
	border: solid 1px;
}

.CurrentPage {
	line-height : 1.4em;
}

/** ! WebSponsors **/

div#websponsors {
	clear     : both;
	border-top: solid 3px #003311;
	font-size : smaller;
/* 	padding   : 0.5em; */
}

div#NYSCA     {
	float: left; 
	width: 40%;
	padding: 0.5em;
}

div#NYSCA img {
	float: left;
	border: 0;
}

div#NYMAC     {
	float: right;
	width: 40%;
	text-align: right;
	padding: 0.5em;
}

div#NYMAC img {
	float: right;
	border: 0;

}
/* div#WKZE      {float: right; width: 20%; text-align: right; vertical-align: middle;} */

/** ! Administrivia **/

div#search, div#mailinglist {
	text-align: center;
}

div#mailinglist {clear: both}

div#mailinglist img {border: 0;}

div#search form      , div#mailinglist form       {display  : inline}
div#search form input, div#mailinglist form input {font-size: smaller}

div#SiteMeter {
	text-align: center;
}

div#administrivia {
	border-bottom: solid 3px #003311;
	padding      : 0.5em;
	font-size    : smaller;
	clear        : both;
}

div#copyright {
	float     : left;
/* 	margin-right: 1em; */
}

div#donate    {
	float     : right;
	text-align: right;
/* 	margin-left : 1em; */
}

div#webmaster {
	text-align: center;
}

.skiplink {
/* like off-left, but made explicit here, rather than adding an extra class to the html */
	position: absolute;
	left: -999px;
	width: 990px;
}

form#BB_BuyButtonForm {
	float: right;
}

form#BB_BuyButtonForm table {
	background-color: white;
	border:0.25em solid #003311;
	margin: 0.5em;
	padding-left: 0.25em;
}

/*-----------------------------------------------------------------------------*/
/* ! blog */

.dateCallout {
	float:left;
	padding:0.5em;
	margin-right:1em;
	background-color:#cfc;
	display: block;
}

.blogentry {
	clear:both;
}

/*-----------------------------------------------------------------------------*/
/* ! ProgramsWrite.py */

#SalesDetails {
	font-weight: bold;
	float: right;
/* 	font-size: 144%; */
	width: 50%;
/* 	margin: 1em; */
	text-align: right;
}

.soldout { color: #f00; }

.alert {
	color: #f00;
	font-weight: bold;
	text-align: center;
}

#Sponsors {
	padding-bottom: 1em;
}

#Sponsors li {
	display: inline;
	font-weight: bold;
}

#Title {
	font-weight: bold;
	font-size  : 180%;
	padding    : 0 0.5em 0.5em 0;
}

#Images {
	float: right;
	clear: right;
	text-align: right;
}

div.ProgramImage {
	border: 0;
	margin-left: 1em;
}

#Subtitle {
	font-weight: bold;
	font-style : italic;
	font-size  : 144%;
	font-variant: small-caps;
}

#Writeup {
	color: black;
}

q {
	font-style : italic;
}

/* Artists names in the writeup are bold */
span.Name      {font-weight: bold; color: #660033}

.ProgramSummary {
	margin-top: 1em;
	margin-bottom: 1em;
	width: 49%;
}

.ProgramSummary .navtitle {
	font-weight: bold;
}

.ProgramSummary div {
	height: 100%;
	vertical-align: middle;
}

div.ImageRight     {float: left; clear: both; }
div.ImageRight img {float: right; margin-left: 0.5em; border: 0; }
div.ImageRight div {text-align: right; }

div.ImageLeft      {float: right; }
div.ImageLeft img  {float: left; margin-right: 0.5em; border: 0; }
div.ImageLeft div  {text-align: left; }

div.spread         {line-height: 200%; }

/*-----------------------------------------------------------------------------*/
/* ! Artists.py */

.alphalist {
	text-decoration: underline;
	text-align: center;
	margin-top: 1em;
}

a.alphaCurrent {font-size: 180%}

/*-----------------------------------------------------------------------------*/
/* ! Calendar.py */

#Calendar {
	margin: 1em;
/* 	padding: 0; */
/* 	width: 100%; */
/* 	border: solid 2px #003311; */
}

#Calendar td, #Calendar th {
/* 	border: solid 2px #003311; */
/* 	margin: 0; */
/* 	padding: 0; */
	width: 14%;
}

#Calendar tr {
/* 	margin: 0; */
/* 	padding: 0; */
}

.CalendarTime {font-variant: small-caps;}

/*-----------------------------------------------------------------------------*/
/* ! Features.py */

#FeatureMessage {
	float: left;
	width: 17em;
}

#FeatureMessage p {
	margin-top: 0;
}

#FeatureImage {
	float: right;
	width: 17em;
}

#FeatureImage a img {
	float: right;
	border-color: #003311;
}

#FeaturePrograms {
	max-width: 30em;
	min-width: 25em;
	margin-left : 18em; /* FeatureMessage + 1em */
	margin-right: 18em; /* image width */
}

#FeaturePrograms .navtitle {
	font-weight: bold;
	text-decoration: underline;
}

.caption {
	text-align: center;
}

.LeftProgram {
	text-align: right;
	float: left;
	padding: 0.5em;
	width: 45%;
}

.RightProgram {
	text-align: left;
	float: right;
	padding: 0.5em;
	width: 45%;
}

#SmryDivider {
	clear: both;
	border-top: solid 1px;
	text-align: center;
	font-variant: small-caps;
}

/* Mini calendar */

table.minical {
/* 	float: right; */
	text-align: center;
	margin-left: 3.5em;
}

/* AuctionItems.html */

.auction-header {text-align: center}
.lot-name {
	font-weight: bold;
}
.auction-category {
	margin: 1em 0;
}
.lot-description {
	margin: 1em 0;
}

#AuctionSponsors {
	float: right;
	text-align: center;
}

#AuctionSponsors img {
	margin: 1em 0 0 1em;
}

/* NewPaltz.html */
.column {
	float: left;
	width: 49%;
}

/* Galleries */

.walkthru {
	float: left;
	margin: 0.5em;
}

div.walkthru {
	width: 12em;
/* 	height: 4em; */
}

td.title {text-align: right}

.ArtworkImage {
	float: left;
	margin-bottom: 1em;
	border: 3px solid;
}

.ArtworkMeta {
	float: left;
	margin: 0 1em;
}

.LeftArrow  {
	float: left;
	margin-right: 1em;
	border: 0;
}

.RightArrow {
	float: right;
	margin-left: 1em;
	border: 0;
}

a.RightArrow {
	clear: right;
	font-variant: small-caps;
	padding-top: 2em;
}

/*-----------------------------------------------------------------------------*/
/* ! Pledge Sheet Forms */

form th {
	text-align: right;
	font-weight: normal;
	width: 48%;
	padding: 0.25em;
}

from tr {
}

form td {
	width: 48%;
}