/*
Site Name: Roebling Hall
Author: Josh Carr
Author URI: http://www.joshcarr.com/
Version: 1.0

COLORS
Dark Gray:	858585
Light Gray:	ebe5e1
Text Gray:	666666
Dark Blue:	4c697a
Med Blue:	99b4c4
Light Blue:	ebf0f3
Pink:		cf8fc4
*/

*{
	margin: 0;
	padding: 0;
}

body {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 62.5%;
	text-align: center;
	background-color: #ebe5e1;
	color: #666;
}

p {
	font-size: 1.1em;
	line-height: 1.4em;
}

hr {
	display: none;
}

a:link, a:visited {
	text-decoration: underline;
	color: #666;
}

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

#header, #content, #footer {
	width: 948px;
	margin: 0 auto;
	text-align: left;
}

/*--------------------------------------------------
Header
--------------------------------------------------*/

#header {
	background-color: #FFF;
	border-top: 9px solid #858585;
	border-bottom: 1px solid #EEE;
}

#header h1 {
	float:right;
	background: url(../images/common/logo.gif) no-repeat;
}

#header h1 a{
	display: block;
	height: 91px;
	width: 466px;
}

#header h1 a:link, #header h1 a:visited, #header h1 a:hover{
	font-size: 2px;
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
}

/*--------------------------------------------------
Navigation
--------------------------------------------------*/

ul#nav {
	background: url(../images/common/nav-off.gif) no-repeat;
	height: 91px;
	width: 466px;
}

ul#nav li {
	float: left;
	list-style-type: none;
}

ul#nav li a{
	display: block;
	height: 91px;
	font-size: 2px;
	color: #FFF;
	text-decoration: none;
	background: url(../images/common/nav-on.gif) 0 -100px no-repeat;
}

/*
Nav widths
116
73
68
65
144
*/

ul#nav li#nav-artists a{
	width: 116px;
	outline: 0;
}

ul#nav li#nav-news a{
	width: 73px;
}

ul#nav li#nav-shows a{
	width: 68px;
}

ul#nav li#nav-press a{
	width: 65px;
}

ul#nav li#nav-about a{
	width: 144px;
}

ul#nav li#nav-artists a:hover, #body-artists ul#nav li#nav-artists a, ul#nav li#nav-artists a.on{
	background-position: 0 0;
}

ul#nav li#nav-news a:hover, #body-news ul#nav li#nav-news a{
	background-position: -116px 0;
}

ul#nav li#nav-shows a:hover, #body-shows ul#nav li#nav-shows a{
	background-position: -189px 0;
}

ul#nav li#nav-press a:hover, #body-press ul#nav li#nav-press a{
	background-position: -257px 0;
}

ul#nav li#nav-about a:hover, #body-about ul#nav li#nav-about a{
	background-position: -322px 0;
}

/*--------------------------------------------------
Artists List Drop Down
--------------------------------------------------*/

ul#nav #artistslist {
	padding-top: 12px;
	width: 948px;
	height: 228px;
	background: url(../images/common/artistslist-bg.png) no-repeat;
	behavior: url(iepngfix.htc);

}

div#holder{
	position: absolute;
	top:101px;


}

ul#nav li ul#artistslist li a{
	background-image: none;
	font-size: 1.1em;
	color: #666;
	width: 211px;
	height: 16px;
	padding-top: 4px;
	
}

ul#nav li ul#artistslist li
{
  /* Stipulate the height of each item so that 
  vertical return = items * height */
	float:none;
	margin: 0 0 4px 0;
	padding: 0;
}

/* If li position is left static, Internet 
Explorer disables hyperlinks in the list 
in all but the final column.

This rule will be processed only by 
Internet Explorer because only IE believes 
that there’s a level above HTML: 

* html ul#nav li ul#artistslist li
{
	position: relative;
}
*/
/* horizontal position of each column */

ul#nav li ul#artistslist li.column1 { margin-left: 26px; }
ul#nav li ul#artistslist li.column2 { margin-left: 254px; }
ul#nav li ul#artistslist li.column3 { margin-left: 482px; }
ul#nav li ul#artistslist li.column4 { margin-left: 710px; }

/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 5 items * 1.2em line-height = 6em */

ul#nav li ul#artistslist li.reset
{
  margin-top: -192px;
 /* position: relative; */
}

/* anchor styling */

ul#nav li ul#artistslist li a:hover
{
  background-color: #ebf0f3; /* brown */
  color: #4c697a;
}



/*--------------------------------------------------
Content
--------------------------------------------------*/

#content {
	clear: both;
	background-color: #FFF;
	padding: 16px 0 48px 0;
}

#content h2{
	color: #99b4c4;
	font-size: 2.5em;
	line-height: .7em;
	letter-spacing: .05em;
	text-transform: uppercase;
	font-weight: normal;
	border-bottom: 1px solid #EEE;
	padding: 0 0 14px 26px;
	margin: 0;
}


/*--------------------------------------------------
Home Page
--------------------------------------------------*/

#show-listing {
	background-color: #cf8fc4;
	margin-bottom: 16px;
	border-left: 26px solid white;
	border-right: 26px solid white;
}

#show-listing img {
	border-right: 16px solid #FFF;
}

#show-listing #show-text{
	float: right;
	width: 415px;
	color: #FFF;
}

#show-listing #show-text h4{
	margin: 24px 0 0 0;
	font-size: 1.1em;
	font-weight: normal;
	font-style: italic;
	color: #FFF;
}

#show-listing #show-text h2{
	margin: 32px 0 0 0;
	padding: 0;
	font-size: 1.8em;
	font-weight: normal;
	color: #FFF;
	text-transform: none;
	border: 0;
	letter-spacing: 0;
	
}

#show-listing #show-text h3{
	margin: 8px 0 24px 0;
	font-size: 1.8em;
	font-weight: bold;
	color: #FFF;
}

#show-listing #show-text p{
	margin-bottom: 6px;
}

#show-listing #show-text p.informationlink{
	margin: 24px 0 32px 0;
	font-size: 1.2em;
}

#show-listing  p.informationlink a{
	color: white;
	font-style: italic;
}

#body-home #news{
	border-top: 1px solid #EEE;
	width: 466px;
	float: left;
}

#body-home #news h4{
	margin: 24px 0 0 26px;
	padding-bottom: 8px;
	font-size: 1.1em;
	font-weight: normal;
	font-style: italic;
	border-bottom: 2px solid #EEE;
}

#body-home #news ul{
	margin: 0 0 0 26px;
	border-bottom: 2px solid #EEE;
	list-style-type: none;
}

#body-home #news ul li a{
	display: block;
	height: 55px;
	font-size: 1.1em;
}

#body-home #news ul li a span{
	display: block;
}

#body-home #news ul li a span.date{
	padding-top: 12px;
	display: block;
}

#body-home #news ul li a span.title{
	font-weight: bold;
	padding-top: 4px;
}

#body-home #news ul li a:hover span.title{
	text-decoration: underline;
	color: #4c697a;
}

#body-home #news ul li a:hover{
	background-color: #ebf0f3;
}

#body-home #news ul li a:link, #body-home #news ul li a:hover, #body-home #news ul li a:visited{
	text-decoration: none;
}

#body-home #about{
	border-top: 1px solid #EEE;
	width: 482px;
	float: left;
}

#body-home #about p{
	margin: 24px 26px 0 16px;
	font-style: italic;	
}

/*--------------------------------------------------
Artists
--------------------------------------------------*/

#work {
	margin: 16px 26px;
}

#work-info {
	font-family: Arial, Helvetica, Sans-serif;
	float: right;
	width: 386px;
	padding: 26px;
	border: 1px solid #EEE;
}

#work-info h4 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 4px;
}

#work-info p {
	font-size: 1.1em;
	line-height: 1.6em;
	margin-bottom: 4px;
}

p#work-samples {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	font-size: 1.1em;
	margin-top: 3.2em;
}


#artist-side {
	float: left;
	width: 254px;
	border-top: 1px solid #EEE;
	font-style: italic;
}

#artist-side h4 {
	padding-bottom: 0;
	margin: 26px 0 0 26px;
	font-size: 1.1em;
	font-weight: normal;
}

#artist-side h4 a{
	font-weight: bold;
}


#artist-side ul {
	margin: 32px 0 0 26px;
	font-size: 1.1em;
	list-style-type: none;
}

#artist-side ul li{
	margin-top: 8px;
}

#artist-description{
	margin: 0 0 0 254px;
	padding: 24px 26px 0 0;
	border-top: 1px solid #EEE;
}

#artist-description p{
	margin: 0 0 1.1em 0;
	line-height: 1.5em;
}

#artist-description span.intro{
	font-weight: bold;
}

#pubs{
	margin: 0 0 0 254px;

}

#pubs h4 {
	margin: 32px 26px 0 0;
	padding: 0 0 8px 0;
	font-weight: normal;
	font-style: italic;
	font-size: 1.1em;
	border-bottom: 2px solid #EEE;
	
}

#pubs .pub {
	float: left;
	width: 210px;
	padding: 16px 16px 16px 0;
}

#pubs .pub.newline {
	clear: left;
	
}

#pubs .pub h5{
	font-size: 1.1em;
	margin-top: 8px;
}

#pubs .pub h6{
	margin: 4px 0;
	font-size: 1.1em;
	font-weight: normal;
}

#pubs .pub p{
	font-size: 1em;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}

#pubs .pub a{
	font-style: italic;
}

#pubs .clear{
	margin-right: 26px;
	padding-top: 16px;
	clear: both;
	border-bottom: 1px solid #EEE;
}



/*--------------------------------------------------
Slideshow
--------------------------------------------------*/


/* hides the second object from all versions of IE */
* html object.stupidie {display: none;}
/* displays the second object in all versions of IE apart from 5 on PC */
* html object.stupidie/**/ {display: inline;}
/* hides the second object from all versions of IE >= 5.5 */
* html object.stupidie {display/**/: none;}



/*--------------------------------------------------
News
--------------------------------------------------*/
#body-news  h4{
	margin: 24px 0 0 26px;
	padding-bottom: 16px;
	font-size: 1.1em;
	font-weight: normal;
	font-style: italic;
}

#body-news .page-navigation{
	float: right;
	margin-right: 26px;
	font-style: italic;
}

#body-news .pagination{
	font-style: italic;
	margin-left: 26px;
}

#body-news #newsitems a{
	font-style: italic;
}

#body-news  #newsitems a.press-release{
	font-style: italic;
	font-weight: bold;
}

ul#newsitems{
	margin: 0 26px 32px 26px;
	list-style-type: none;
	border-bottom: 1px solid #EEE;
}

ul#newsitems li{
	clear: both;
	padding: 8px 0;
	margin: 1px 0 1px 0;
	border-top: 1px solid #EEE;
	
}

ul#newsitems li.on{
	background: #ebf0f3;
}

ul#newsitems li h5{
	float: left;
	width: 210px;
	text-align: right;
	font-size: 1.1em;
	font-weight: normal;
}

ul#newsitems li h6, ul#newsitems li p{
	width: 668px;
	margin-left: 228px;
}

ul#newsitems li h6{
	font-size: 1.1em;
}

ul#newsitems li p{
	padding-bottom: 8px;
	line-height: 1.5em;
}



/*--------------------------------------------------
Shows
--------------------------------------------------*/
#body-shows  h4{
	margin: 24px 0 0 26px;
	padding-bottom: 16px;
	font-size: 1.1em;
	font-weight: normal;
	font-style: italic;
}


ul#showitems{
	margin: 0 26px 32px 26px;
	list-style-type: none;
	border-bottom: 1px solid #EEE;
}

ul#showitems li{
	clear: both;
	padding: 8px 0;
	margin: 1px 0 1px 0;
	border-top: 1px solid #EEE;
}

ul#showitems li.on{
	background: #ebf0f3;
}

ul#showitems li h5{
	float: left;
	width: 210px;
	text-align: right;
	font-size: 1.1em;
	font-weight: normal;
}

ul#showitems li h6, ul#showitems li p.artistname{
	width: 446px;
	margin-left: 228px;
}

ul#showitems li h6{
	font-size: 1.1em;
}

ul#showitems li p.artistname{
	
	line-height: 1.6em;
}

ul#showitems li p.showinfo{
	float: right;
	width: 212px;
	font-style: italic;
}

#show-side {
	float: left;
	width: 254px;
	border-top: 1px solid #EEE;
	font-style: italic;
}

#show-side h4 {
	padding-bottom: 0;
}

#show-side h4 a{
	font-weight: bold;
}

#show-side h5 {
	margin: 26px 0 0 26px;
	font-size: 1.1em;
	font-weight: normal;
}

#show-side ul {
	margin-left: 26px;
	font-size: 1.1em;
	list-style-type: none;
}

#show-side ul li{
	margin-top: 8px;
}

#show-description{
	margin: 0 0 0 254px;
	padding: 24px 26px 0 0;
	border-top: 1px solid #EEE;
}

#show-description p{
	margin: 0 0 1.1em 0;
	line-height: 1.5em;
}

#show-description span.intro{
	font-weight: bold;
}


/*--------------------------------------------------
Press
--------------------------------------------------*/

#body-press  h4{
	margin: 24px 0 0 26px;
	padding-bottom: 16px;
	font-size: 1.1em;
	font-weight: normal;
	font-style: italic;
}


ul#pressitems{
	margin: 0 26px 32px 26px;
	list-style-type: none;
	border-bottom: 1px solid #EEE;
}

ul#pressitems li{
	clear: both;
	padding: 8px 0;
	margin: 1px 0 1px 0;
	border-top: 1px solid #EEE;
}

ul#pressitems li.on{
	background: #ebf0f3;
}

ul#pressitems li h5{
	float: left;
	width: 210px;
	text-align: right;
	font-size: 1.1em;
	font-weight: normal;
}

ul#pressitems li h6, ul#pressitems li p.publication, ul#pressitems li p.text{
	width: 440px;
	margin-left: 228px;
}

ul#pressitems li h6{
	font-size: 1.1em;
}

ul#pressitems li p.publication {
	line-height: 1.5em;
	text-transform: uppercase;
}

ul#pressitems li p.text{
	line-height: 1.5em;
}

ul#pressitems li p.download{
	float: right;
	width: 212px;
	font-style: italic;
}

ul#pressitems li p.download a{
	font-weight: bold;
}


/*--------------------------------------------------
About
--------------------------------------------------*/

#body-about #images {
	padding: 16px 26px;
	margin: 0 0 32px 0;
	border-bottom: 1px solid #EEE;
	
}

#body-about #images p{
	text-align: right;
	margin: 16px 0 0 0;
	font-style: italic;
	
}

#body-about #gallery-info {
	float: left;
	margin-left: 26px;
	width:388px;
	padding: 26px;
	background-color: #ebf0f3;
}

#body-about h4 {
	line-height: 1em;
	font-size: 1.1em;
	font-weight: bold;
}

#body-about p{
	margin: 0 0 16px 0;
	line-height: 1.5em;
}

#body-about #gallery-text {
	margin-left: 482px;
	width: 440px;
}


/*--------------------------------------------------
Search
--------------------------------------------------*/

div#search {
	margin: 24px 26px;
	padding-bottom: 24px;
	border-bottom: 2px solid #EEE;
}

div#search div.formsection{
	display: block;
	float: left;
}

div#search div#formdate, div#search div#formsubmit{
	margin-left: 10px;
}

div#search h4 {
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	border: 0;
	clear: none;
	color: #999;
}

a.trigger {
	border:1px solid #99b4c4;
	color:#99b4c4;
	text-decoration: none;
	width:204px;
	height: 20px;
	padding: 6px 0 0 8px;
	background:url(../images/common/search-btn.gif) top right no-repeat #fff;
	display:block;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	outline: 0;
}
a.activetrigger{
	color:#99b4c4;
	text-decoration: none;
	width:204px;
	height: 20px;
	padding: 6px 0 0 8px;
	display:block;
	background:#ebf0f3;
	border:1px solid #99b4c4;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
/* style of the UL */
.dropcontainer ul{
	background:#fff;
	list-style-type:none;
	padding:0;
	margin:0;
	width:212px;
	height: 28px;
	position:absolute;
}

.dropcontainer ul a{
	display:block;
	width:204px;
	height: 20px;
	padding:8px 0 0 8px;
	border-left:1px solid #ebf0f3;
	border-right:1px solid #ebf0f3;
	border-bottom:1px solid #ebf0f3;
	text-decoration:none;
	color:#99b4c4;
	background: #FFF;
}

.dropcontainer ul a:hover{
	background:#ebf0f3;
}

.dropcontainer{
	position:relative;
}

.dropdownhidden{
	/*margin: 0px; overflow: hidden; height: 0px;*/
	top:0;
	left: -999em;
}

.dropdownvisible{
	top:0;
	left:0;
}

.page-navigation{
	float: right;
	margin-right: 26px;
	font-style: italic;
}

.pagination{
	font-style: italic;
	margin-left: 26px;
}


/*--------------------------------------------------
Footer
--------------------------------------------------*/

#footer {
	clear: both;
	height: 88px;
	margin-bottom: 48px;
	text-align: right;
	color: white;
	font-size: 2px;
}

#body-home #footer {
	background: url(../images/common/footer-home.gif) no-repeat;
}

#body-artists #footer {
	background: url(../images/common/footer-artists.gif) no-repeat;
}

#body-news #footer {
	background: url(../images/common/footer-news.gif) no-repeat;
}

#body-shows #footer {
	background: url(../images/common/footer-shows.gif) no-repeat;
}

#body-press #footer {
	background: url(../images/common/footer-shows.gif) no-repeat;
}

#body-about #footer {
	background: url(../images/common/footer-about.gif) no-repeat;
}


/*--------------------------------------------------
IE PNG Fix
--------------------------------------------------*/

 * { behavior: url(iepngfix.htc) }


/* --------------------------------------------------
Overlay
--------------------------------------------------*/

#ubOverlay {
    position:absolute;
    left:0;
    width:100%;
    background-color:#000;
	z-index:1;
}

#ubThrobber {
	position:absolute;
	left:0px;
	width:100%;
	background-image: url(../images/common/loading.gif);
	background-repeat:no-repeat;
	background-position:center center;
}

#ubWrapper {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:0px;
	z-index:2;
}

#ubBox {
    margin:0 auto;
    position:relative;
    top:0px;
	background: #FFF;
	text-align: left;
}

#ubContent {
    float:left;
	background: #FFF;
	margin-bottom: 16px;
}

#ubClose {
    float:right;
    color:#666;
    font-weight:bold;
    text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}


#ubPrevLink {
    position:absolute;
    left:-40px;
    top:50px;
    font-size:26px;
    line-height:26px;
    text-decoration:none;
    color:#666;
}

#ubNextLink {
    position:absolute;
    right:-40px;
    top:50px;
    font-size:26px;
    line-height:26px;
    text-decoration:none;
    color:#666;
}

#ubPrevLink,
#ubNextLink{
	outline: none;
}

#ubBox h3{
	font-size: 1.8em;
	padding: 0 8px 4px 0;
	text-transform: uppercase;
	color: #99b4c4;
	float: left;
	font-weight: normal;
}

#ubBox p.imagecount{
	padding-top: 4px;
	float: left;
	font-style: italic;
}

#ubBox div.sampleimage{
	clear: both;
	padding: 16px;
	margin-top: 24px;
	border: 1px solid #EEE;
	font-family: Arial, Helvetica, sans-serif;
	display:none;
}

#ubBox div.sampleimage.showimage{
	display:block;
}

#ubBox div.sampleimage p.artistname{
	margin-top: 16px;
}

#ubBox div.sampleimage p.titledate span{
	font-weight: bold;
	font-size: 1.2em;
}