/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    font-size:100%;		/* Default size: 16px */
    line-height:1.125em;	/* Default line-height: 18px */
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/*************
 * END RESET *
 *************/


/**************
 * Typography *
 **************/

h1, h2, h3, h4, h5, h6, p, div, section {
  margin:1em 0;
}

h1, h2, h3, h4, h5, h6 {
  weight:700;
}

h1 {
  font-size:2em;
}

h2 {
  font-size:1.75em;
}

h3 {
  font-size:1.5em;
}

h4 {
  font-size:1.25em;
}

h5 {
  font-size:1.125em;
}

a {
  text-decoration:none;
}

a:link {
  color:#f00;
}

a:active {
  color:#f00;
  background-color:#fff;
}

a:visited {
  color:#f00;
}

a:hover {
  color:#fff;
  background-color:#f00;
}

a.logo:hover {
  background-color:transparent;
}

li {
  margin-left:1em;
}

ul.inline_bullet {
  width:100%;
  overflow:hidden;
  list-style-type:none;
}

ul.inline_bullet li {  
  float:left;
  margin:0 0.5em 0 0;
  white-space:nowrap;
  line-height: .9em;
}

ul.inline_bullet li a {
  color: rgba(51,51,51,1.0);
  font-size: .8em;
  font-weight: 300;
}

ul.inline_bullet li.first:before {
  content:"";
}

ul.inline_bullet li:before {  
  content:"\2022\00a0\00a0";
}

address {
  font-style:normal;
  font-size: .75em;
}

address.curator {
	font-size: 1em;
	font-weight: 300;
}

.clr {
  clear:both; /* Needed for IE7 */
}


/**********
 * Header *
 **********/

/* Shouldn't scale - don't convert to ems */

body #content header {
  overflow:hidden;
  width:790px;
  height:69px;
  margin:60px 0 0 51px;
  color:#6c7779;
}

body #content header br {
  display:none;
}

body #content header h1 {
  float:left;
  margin:0 28px 0 0; 
  line-height:1.1;
  width:300px;
  height:67px;
  font-size:1.75em;
}

body #content header h2 {
  margin:0;
  font-size:1.25em;
  font-weight:500;
  text-transform: uppercase;
  position:relative;
  top:33px;
}

body #content header h3 {
 
  margin:2px 0 0 0;
  font-size:0.83em;
  font-weight:300;
  text-transform: uppercase;
  position:relative;
  top:33px;
}

/**************
 * Navigation *
 **************/

nav ul {
	list-style-type:none;
	overflow:auto;
	width:100%;	
}

nav ul li {
	float:left;
	margin:1em 2em 1em 0;
	text-transform: uppercase;
}

/** Top Nav **/

body #content nav#main-nav {
  position:relative;
  left:51px;
  top: 10px;
  font-weight:bold;
  font-size:0.8em;
  font-weight:bold;
  height:6em;
  width:62.5em; 	/* 16px * 62.5em = 1000px */
  margin:1em 0;
  max-width:765px;
}

body #content nav#main-nav ul ul {
	position:absolute;
	left:0px;
	top:2.5em;
	font-size:0.857142857142em;
	font-weight: normal;
	
}

nav#main-nav nav ul ul li a { font-weight: 300; }

body #content nav a:link, body #content nav a:visited, body #content nav a:active {
  color:#51585a;
}

body #content nav a:hover {
  color:#fff;
}

/** End Top Nav **/

/******************
 * Left Col Aside *
 ******************/

body #content aside {
  float:left;
  width:350px;
  margin-right:-100%;
  background:#e7f1f3 url(/https/uncertain.empac.rpi.edu/graphics/events/2010/fall/spectator/catalog/main/lh_columnBknd_350x935.jpg) center no-repeat;
  margin-bottom:4em;
  font-weight:300;
  line-height:0.9em;
}

body #content aside * {
  margin:1em 30px 1em 50px;
}

body #content aside * * {
  margin:0;
}


body #content aside h2, body #content aside h3, body #content aside h4, body #content aside h5 {
  font-size:0.75em;
  font-weight:700;
  color:#000;
}

body #content aside h4 {
  font-weight:500;
}

body #content aside h5 {
  font-weight:300;
  color:#333;
}

body #content aside p, body aside address {
  font-size:0.6875em;
  font-weight:300;
  color:#333;
}

body #content aside hgroup *, body #content aside div * { 
  margin:0;
}

body #content aside figcaption {
  text-align:right;
  font-size:0.65em;
  font-weight:300;
  color:#51585a;
  margin-top:.8em;
}



/****************
 * Main Article *
 ****************/

body #content {
  min-width:815px;
}

#content, #content-min-width-container, #content-container {
  margin:0;
  padding:0;
}

body #article-min-width-container #article-container article {
  float:right;
  margin-left:400px;
  margin-right:50px;
  margin-bottom:4em;
  color: #51585a;
  margin-top:-1em;
  min-width:400px;
}

body #article-min-width-container div#article-container article p {
  font-size:0.875em;
  font-weight: 300;
}

body #article-min-width-container div#article-container article h2 {
  font-size:0.875em;
  font-weight:700;
}

/** Artist Thumbs **/

body #article-min-width-container div#article-container article section ul.artist_thumbs {
  display: block;
  max-width: 752px;
  margin: 0 -15px 0 -31px;
  overflow: hidden;
}

body #article-min-width-container div#article-container article section ul.artist_thumbs li {
  display: block;
  float: left;
  height: 104px;
  margin: 0 31px 25px 31px; /* Added 10px to each to accomodate for 5px border on a */
  width: 126px;
}


body #article-min-width-container div#article-container article section ul.artist_thumbs li a {
  background-color:#f00;
  background-position: top left;
  background-repeat: no-repeat;
  border: 5px solid #f00;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  display: block;
  float: left; /* Needs to exist for IE6 bug */
  height: 104px;
  line-height: 104px;
  text-align: center;
  width: 126px;
  font-size:1.1875em;
  font-weight:100;
}

body #article-min-width-container div#article-container article section ul.artist_thumbs li a span {
  visibility: visible;
}

body #article-min-width-container div#article-container article section ul.artist_thumbs li a:hover {
  background-position: bottom left;
}

body #article-min-width-container div#article-container article section ul.artist_thumbs li a:hover span {
  visibility: hidden;
}

body #article-min-width-container div#article-container article section ul.artist_thumbs li.carnevale a {
  background-image: url(/https/uncertain.empac.rpi.edu/graphics/events/2010/fall/spectator/catalog/main/center/carnivale.jpg);
}
body #article-min-width-container div#article-container article section ul.artist_thumbs li.discenza a {
  background-image: url(/https/uncertain.empac.rpi.edu/graphics/events/2010/fall/spectator/catalog/main/center/discenza.jpg);
}
body #article-min-width-container div#article-container article section ul.artist_thumbs li.fontaine a {
  background-image: url(/https/uncertain.empac.rpi.edu/graphics/events/2010/fall/spectator/catalog/main/center/fontaine.jpg);
}
body #article-min-width-container div#article-container article section ul.artist_thumbs li.gilmore a {
  background-image: url(/https/uncertain.empac.rpi.edu/graphics/events/2010/fall/spectator/catalog/main/center/gilmore.jpg);
}
body #article-min-width-container div#article-container article section ul.artist_thumbs li.greenfort a {
  background-image: url(/https/uncertain.empac.rpi.edu/graphics/events/2010/fall/spectator/catalog/main/center/greenfort.jpg);
}
body #article-min-width-container div#article-container article section ul.artist_thumbs li.hertrich a {
  background-image: url(/https/uncertain.empac.rpi.edu/graphics/events/2010/fall/spectator/catalog/main/center/hertrich.jpg);
}
body #article-min-width-container div#article-container article section ul.artist_thumbs li.just a {
  background-image: url(/https/uncertain.empac.rpi.edu/graphics/events/2010/fall/spectator/catalog/main/center/just.jpg);
}
body #article-min-width-container div#article-container article section ul.artist_thumbs li.sester a {
  background-image: url(/https/uncertain.empac.rpi.edu/graphics/events/2010/fall/spectator/catalog/main/center/sester.jpg);
}
body #article-min-width-container div#article-container article section ul.artist_thumbs li.superflex a {
  background-image: url(/https/uncertain.empac.rpi.edu/graphics/events/2010/fall/spectator/catalog/main/center/superflex.jpg);
}
body #article-min-width-container div#article-container article section ul.artist_thumbs li.wolfson a {
  background-image: url(/https/uncertain.empac.rpi.edu/graphics/events/2010/fall/spectator/catalog/main/center/wolfson.jpg);
}

/** End Artist Thumbs **/

/**********
 * Footer *
 **********/

body #content footer {
  clear:both;
  background-color:#e7f1f3;
  width: 100%;
  overflow:hidden;
  color:#6c7779;
  }
/* i need 32px of left padding in the footer to line it up with the grid above */

body #content footer a:link, body #content footer a:active, body #content footer a:visited {
  color:#6c7779;
}

body #content footer a:hover {
  color:#fff;
}

body #content footer section {
  float:left;
}

body #content footer section address, body #content footer section a img { 
  margin:0 50px;
}

body #content footer address br {
  display:none;
}
  
body #content footer section {
  width:50%;
}

body #content footer p {
  clear:both;
  /* font-size:0.75em;  16px * 0.75 = 12px */
  font-size: .65em;
  font-weight: 100;
  line-height: 1.2em;
  color:#888;
  margin:1em 50px;
  
}

body #content footer nav {
  margin:16px 50px 0 0;
  width:10em;
  float:right;
}

body #content footer section {

}

body #content footer nav ul {
  overflow:hidden;
  width:100%;
  margin-right:50px;
}

body #content footer nav ul li {
  float:right;
  margin: 0 0 0 2em;
  text-transform: none;
  font-size: .8em;
  font-weight: 300;
}

#funding {
  float:right;
  margin-right:50px;
}


/****************
 * ARTISTS PAGE *
 ****************/

body.artist article ul.allworks, body.artist article ul.allworks, body.artist article ul.allworks, body.artist article ul.allworks * {
  width:100%;
}

body.artist article ul.allworks, body.artist article ul.allworks ul {
  list-style-type:none;
  margin:0 20px 0 0;
  padding:0;
  text-indent:0;
}

body.artist article ul.allworks li, body.artist article ul.allworks ul li {
  margin:1em 0;
  padding:0;
  text-indent:0;
}

body.artist article ul.allworks li, body.artist article ul.allworks ul li * {
  width:100%;
}

body.artist #content #article-container article ul.allworks li hgroup * {
  margin:0;
}

body.artist #content #article-container article ul.allworks li h1 {
  font-size:0.875em;
  font-weight:500;
  font-style:italic;
}

body.artist #content #article-container article ul.allworks li h2 {
  font-weight:300;
  font-style:italic;
}

body.artist #content #article-container article ul.allworks ul li h3 {
  font-size:0.75em;
  font-weight:300;
}

/**************************
 * INDIVIDUAL ARTIST PAGE *
 **************************/

body.artist #content #article-container article aside, body.artist #content #article-container article aside * {
  width:auto;
  background:none;
  margin:0;
  padding:0;
  line-height:1.25;
  color:#888;
}

body.artist #content #article-container article aside {
  margin:1em 0;
}

body.artist #content #article-container article hgroup {
  margin:1em 0;
  padding:0;
}

body.artist #content #article-container article hgroup * {
  margin:0;
  padding:0;
}

body.artist #content #article-container article h1 {
  font-size:0.875em;
  font-weight:500;
  font-style:italic;
}

body.artist #content #article-container article h2 {
  font-weight:300;
  font-style:normal;
}

body.artist #content #article-container article h3 {
  font-size:0.75em;
  font-weight:300;
}

body.artist ul.works {
  list-style-type:none;
  overflow:auto;
  width:100%;
}

body.artist ul.works li {
  display:block;
  float:left;
  margin:0;
  padding:0;
  width:50%;
}

body.artist ul.works li * {
  margin:0;
  padding:0;
}


/*************
 * INTERVIEW *
 *************/

body.interview #content article hgroup {
  margin:1em 0;
}

body.interview #content article hgroup * {
  margin:0;
  padding:0;
}

body.interview #content #article-container article h1 {
  font-size:0.9em;
  font-weight:500;
  font-style:italic;
}

body.interview #content #article-container article h2 {
  font-weight:300;
  font-style:italic;
}



/**********
 * MOBILE *
 **********/

@media all and (max-width:480px) {

body, body.artist {
  padding:1em !important;
}


body.artist .column {
  float:none !important;
  width:100% !important;
}

#content header, #content nav {
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  margin:0 !important;
  position:static !important;
}

#content footer {
  width: auto !important;
  min-width: 0 !important;
}

#content header {
  height:12em !important;
}

#content header br, #content footer address br  {
  display:inline !important;  /* Create line breaks in header */
}


#content header h1, #content header h2, #content header h3 {
  float:none !important;
}

#content header h2 {
  margin:0 0 0.5em 0 !important;
}

#content nav {
  position:static !important;
  font-weight:bold;
  font-size:0.875em;
  font-weight:bold;
	height:auto !important;
  width:auto !important;
	margin:1em 0;
  min-width:0 !important;
}

#content nav ul {
  width: auto !important;
  min-width:0 !important;
}

#content nav ul li {
  float:none !important;
}


body #content nav ul ul {
	position:static !important;
}

body #content nav ul ul li{
  margin:1em 2em;  
}

#content, #content-min-width-container, #content-container, #article-min-width-container, #article-container, article  {
  position:static !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  min-width:0 !important;
}

#article-container article, #content aside {
  float:none !important;
  margin:0 !important;
  padding:0px !important; 
  width:auto !important;
  min-width:0 !important;
  margin:1em 0 !important;
}


#content aside * {
  margin-left:0 !important;
  margin-right:0 !important;
}

.artist_thumbs {
  margin:0 -30px !important;
}

ul.artist_thumbs {
  margin:0 !important;
}

#content aside {
  background:none !important;
}

#content footer section, #content footer section a, #content footer section img, #content footer section ul {
  float:none !important;
  width:auto !important;
}

#content footer address {
  font-size:0.85em;
  margin:0 1.17647em !important;
}

#funding {
  margin:0 1em !important;
}

}