/* ----------------------------------------
   File name:        screen-v01-05182008.css
   Revision number:  1.0
   Last updated:     05-18-2008
   Last updated by:  John Calas
    
   Notes: Consolidation of reset.css; typography.css; layout.css; 
   				to minimize server hits.

   ----------------------------------------*/
   
/* @group reset */

/* ----------------------------------------
   Notes:  
   Resets default browser CSS.
   
   Based on work by Eric Meyer:
   meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
   ----------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; background: #fff; margin: 0; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }

/* @end */
/* @group typography */

/* =body establish base font size of 12px  */
body { font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; font-size: 75%; }
html>body { font-size: 12px; }
/* =p */
p { color: #7b7c7c; font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em; margin-top: 1.5em; }
/* =h1 -> equivalent to 18px font size with 18px line-height */
h1 { font-size: 1.5em; font-weight: bold; line-height: 1em; margin-bottom: 1em; margin-top: 0; }
/* =h2 -> equivalent to 16px font size with 18px line-height */
h2 { color: #354359; font-size: 1.333em; line-height: 1.125em; margin-bottom: 1.125em; margin-top: 1.125em; }
/* =h3,h4,h5 -> equivalent to 14px font size with 18px line-height */
h3, h4, h5 { color: #7b7c7c; font-size: 1.1667em; line-height: 1.286em; margin-bottom: 1.286em; margin-top: 1.286em; }
/* =blockquote */
blockquote  { margin: 1.5em; color: #666; font-style: italic; }
/* =kbd/del/ins */
del { color:#666; }
/* =strong/b/em/i/dfn */
strong, b { font-weight: bold; }
em, i, dfn { font-style: italic;  }
dfn { font-weight: bold; }
/* =address */
address { margin-top: 1.5em; font-style: italic; }
/* =pre/code/tt */
pre,code { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }
/* =dl/dt/dd */
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }
/* =ul */
ul { margin: 0 1.5em 1.5em 1.5em; list-style-type: circle; }
/* =ol */
ol { margin: 0 1.5em 1.5em 1.5em; list-style-type: decimal; }
/* =a */
a:focus, a:hover { color: #000; text-decoration: none; }
a { color: #666;  text-decoration: none; }
a:hover { text-decoration:none; }
/* =abbr/acronym */
abbr, acronym { border-bottom: 1px dotted #666; }
/* =table */
table { margin-bottom: 1.4em; }
/* =caption */
caption { background: #ffc; }
/* =th/td */
th { font-weight: bold; }
td {  }
th,td { padding: 0 10px; }
/* =tfoot */
tfoot { font-style: italic; }
/* =fieldset */
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
/* =legend */
legend { font-weight: bold; font-size:1.2em; }
/* =label */
label { display: block; font-weight: normal; }
/* =input */
input.text, input.title { width: 300px; margin:0 0.15em 0.45em 0; }
input.text, input.title { border:1px solid #bbb;  padding:5px; }
input.text:focus, input.title:focus { border:1px solid #999; background:#fff; }
input.title { font-size:1.5em; }
/* =textarea */
textarea { background:#f6f6f6; width: 300px; height: 100px; margin:0 0.5em 0.5em 0; }
textarea { border:1px solid #bbb; padding:5px; }
textarea:focus { border:1px solid #999; background:#fff; }
/* =select */
/* Type Variations - classes */
.small { font-size: 0.8333em; line-height: 1.8em; }
.quiet { color: #919393; }
.hide { display: none; }
.highlight { background: #ff0; }
.added { color: #060; }
.removed { color: #900; }
.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }

/* @end */

/* @group layout */

/* =container */
div#container-outer { background: transparent url(../images/bg-container-outer.gif) repeat-y 0 0; margin: 0; width: 1213px; }
div#container-inner { background: transparent url(../images/bg-container-inner.gif) no-repeat 3px 0; height: 655px; overflow: hidden; padding: 0 74px 0 68px; }

/* top menu (uses p7 megavator) */
#menu {
	height:55px;
}
.art_inventory_heading {
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: .2em;	
	float:left;
}

/* artist links */
#artist-links { margin-top: 20px; }
#artist-links a { font-size:10px; }

/* =nav-main - no longer used */
/*div#nav-main { height: 55px; position:relative; padding: 0; }
div#nav-main ul { float: left; list-style-type: none; margin: 0; padding: 19px 0 0 0; }
div#nav-main ul li { float: left; margin: 0; }
div#nav-main ul li a { border-right: 1px solid #7f7f7f; color: #B7B7B6; display: block; font-size: 0.8333em; letter-spacing: .15em; line-height: 1em; padding: 3px 17px 6px 17px; text-decoration: none; text-transform: uppercase; }
div#nav-main ul li a:hover { color: #fff; background: none; }
div#nav-main ul li#mn-fe a { padding-left: 0; }
div#nav-main ul li#mn-cu a { border: none; }
*/

div#nav-main ul li#mn-s { position: relative; }

div#nav-main ul li#mn-s span { background: #444749; border-left: 1px solid #7f7f7f; border-top: 1px solid #7f7f7f; display: none; font-size: 0.8333em; position: absolute; padding: 2px 17px 2px 17px; width: 350px; /*z-index: 50;*/ }
div#nav-main ul li#mn-s span a { border: none; display: inline; line-height: 1.5em; padding: 0 10px 0 0; }

/* =srch-main */
form#srch-main { float: right; height: 54px; margin: 0; padding: 0; position: relative; }
form#srch-main p { margin: 0; padding: 0; }
form#srch-main p input#srch-input-keyword { background: #47494A; border: 1px solid #666; color: #9FA09F; font-size: 0.8333em; letter-spacing: .15em; padding: 4px; position: absolute; right: 0; top: 17px; width: 110px; }
form#srch-main p input#srch-input-submit { position: absolute; top: 18px; right: 2px; }
/* =content-secondary */
div#content-secondary { float: left; /*position: relative;*/ width: 506px; }
/* =branding */
div#branding { height: 141px; }
div#branding h1 { background: transparent url(../images/bg-h1.gif) no-repeat 0 0; height: 47px; margin: 0; padding: 0; /*z-index: 3; */}
div#branding h1 a { display: block; height: 47px; text-indent: -9999em; width: 425px; }
div#branding h1 a:hover { background: none; }
/* =section-title */
div#section-title { height: 216px; padding: ; }
div#section-title h2 { color: #7b7c7c; font-size: 1.75em; font-weight: normal; letter-spacing: .20em; line-height: 1em; margin: 0; padding: 80px 0 0 0; }
div#section-title h2#st-fa { font-size: 1em; padding-right: 30px; text-align: right; text-transform: uppercase; }
div#section-title h2#st-fa span#st-fa-name { color: #9d273c; font-size: 2em; font-weight: bold; }
div#section-title h2#st-fa span#st-fa-name-cajero { color: #671774; font-size: 2em; font-weight: bold; }
div#section-title h2#st-fa span#st-fa-name-denn-harris { color: #59471b; font-size: 2em; font-weight: bold; line-height: 1em; }
div#section-title h2#st-fa span#st-fa-name-walters { color: #006699; font-size: 2em; font-weight: bold; }
div#section-title h2#st-fa span#st-fa-title { color: #b5b5b5; font-size: 1.75em; line-height: 1.25em; font-weight: bold; }
div#section-title h2#st-fa span#st-fa-title-sub { line-height: 1.25em;  }
div#section-title h2#st-fa span#st-fa-date { line-height: 1.25em; }
div#section-title a { color: #666; text-decoration: none; }
div#section-title p#gallery-nav { font-weight: bold; padding-right: 30px; text-align: right; }
div#section-title p#gallery-nav a { font-weight: normal; }
/* =section-title2 , for optional 2nd slideshow on home page */
div#section-title2 { height: 216px; padding: ; }
div#section-title2 h2 { color: #7b7c7c; font-size: 1.75em; font-weight: normal; letter-spacing: .20em; line-height: 1em; margin: 0; padding: 80px 0 0 0; }
div#section-title2 h2#st-fa { font-size: 1em; padding-right: 30px; text-align: right; text-transform: uppercase; }
div#section-title2 h2#st-fa span#st-fa-name { color: #9d273c; font-size: 2em; font-weight: bold; }
div#section-title2 h2#st-fa span#st-fa-name-cajero { color: #671774; font-size: 2em; font-weight: bold; }
div#section-title2 h2#st-fa span#st-fa-name-denn-harris { color: #59471b; font-size: 2em; font-weight: bold; line-height: 1em; }
div#section-title2 h2#st-fa span#st-fa-name-walters { color: #006699; font-size: 2em; font-weight: bold; }
div#section-title2 h2#st-fa span#st-fa-title { color: #b5b5b5; font-size: 1.75em; line-height: 1.25em; font-weight: bold; }
div#section-title2 h2#st-fa span#st-fa-title-sub { line-height: 1.25em;  }
div#section-title2 h2#st-fa span#st-fa-date { line-height: 1.25em; }
div#section-title2 a { color: #666; text-decoration: none; }
div#section-title2 p#gallery-nav { font-weight: bold; padding-right: 30px; text-align: right; }
div#section-title2 p#gallery-nav a { font-weight: normal; }
/* =site-info */
div#site-info { font-size: 0.8333em; letter-spacing: .15em; line-height: 1em; padding: 65px 0 0 0; }
div#site-info p.address { line-height: 1.25em; margin-top: 1.25em; margin-bottom: 1.25em; }
div#site-info p.email a { color: #666; text-decoration: none; }
/* =content-main */
div#content-main { float: right; height: 570px; margin: 1px 0 0 0; width: 564px; overflow: hidden; }
div#content-main h2#tg-atg { height: 220px; margin: 0; padding: 0; text-indent: -9999em; }
div#content-main div#text { font-size: 0.90em; height: 300px; overflow: auto; padding: 0 13px; }
div#content-main div#text div.column { float:left; width: 50%; }
div#content-main div#text div.column p { padding-right: 10px; }
div#content-main div#text h3 { margin-bottom: 0; }
div#content-main div#text ul { color: #7b7c7c; list-style-type: none; margin-left: 0; margin-top: 0; }
div#content-main div#text ul li { margin-bottom: 0.35em; }
div#content-main div#gallery-overview { margin-top: 139px; z-index: -10 !important;}
div#content-main div#gallery-overview2 {
	margin-top: 40px;
	z-index: -10 !important;
}
div#content-main h2#go-sample { background: transparent url(../images/fe-sample.jpg) no-repeat 0 0; height: 218px; margin: 0; padding: 0; text-indent: -9999em; }
div#content-main div#gallery-overview p, div#content-main div#gallery-overview2 p { margin: 3px 0 0 0; padding: 0 3px 0 0; text-align: right; z-index: -10 !important;}
div#content-main div#gallery-overview p a, div#content-main div#gallery-overview2 p a  { color: #9d273c; text-decoration: none; z-index: -10 !important;}
/* =blockquote#artist-bio */
blockquote#artist-bio {
	height: 140px;
	color: #7b7c7c;
	margin-bottom: 0;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0px;
}
blockquote#artist-bio p { font-size: 1.1667em; line-height: 1.286em; margin: 0; }
blockquote#artist-bio p#source { font-size: 1em; color: #b5b5b5; }
/* =artist-list */
ul.artist-list {
	clear: both;
	list-style-type: none;
	margin: 5px;
	padding: 0;
}
#artist-columns {
	height: 415px;
	overflow: auto;
	margin-top: 150px;
	margin-left: 25px;
	margin-right: 25px;
}
.scrollbox {
	overflow: auto !important;
	max-height: 565px !important;
}
#shows-list {
	height: 415px;
	overflow: auto;
	margin-top: 115px;
	margin-left: 0px;
	margin-right: 25px;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}

/* artist-list */
ul.artist-list li { color: #666; line-height: 1.25em; margin-bottom: 1.125em; margin-top: 1.125em; }
ul.artist-list li a { color: #666; font-size: 1.333em; line-height: 1.125em; text-decoration: none; }

/* =event-list */
ul#event-list {
	clear: both;
	list-style-type: none;
	padding: 0;
	height: 325px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 50px;
	overflow: auto;
}
ul#event-list li { color: #666; line-height: 1.25em; margin-bottom: 1.125em; margin-top: 1.125em; }
ul#event-list li a { color: #666; font-size: 1.333em; line-height: 1.125em; text-decoration: none; }


ul#show-archive { float: left; list-style-type: none; margin: 0; padding: 19px 0 0 0; }
ul#show-archive li { float: left; margin: 0; }
ul#show-archive li a { border-right: 1px solid #7f7f7f; display: block; font-size: 0.8333em; letter-spacing: .15em; line-height: 1em; padding: 3px 17px 6px 17px; text-decoration: none; text-transform: uppercase; }
ul#show-archive li.show-archive-first a { padding-left: 0; }
ul#show-archive li.show-archive-last a { border: none; }
ul#show-archive li a:hover { color: #000; }
/* =contact */
div#contact {
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 0;
	padding-left: 40px;
}
div#contact form#contact-form p { margin-top: 0.5em; margin-bottom: 0.5em; }
div#contact form#contact-form label { line-height: 1em; }
div#contact form#contact-form input.text, div#contact form#contact-form textarea { background: #f0f0f0; color: #b5b5b5; }
input.button { background: #ccc; border: 1px solid #b5b5b5; color: #666; font-size: 0.833em; line-height: 1em; font-family:  Lucida, Verdana, sans-serif; }
/*input.button { background: #ccc; border: 1px solid #b5b5b5; color: #666; font-size: 0.833em; line-height: 1em; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; }
.button { background: #ccc !important; border: 1px solid #b5b5b5 !important; color: #666 !important; font-size: 0.833em !important; line-height: 1em !important; font-family:  Lucida, Verdana, sans-serif !important; }
*/

/* =news */
div#news {
	position: relative;
	overflow: auto;
	height: 415px;
	margin-top: 100px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
div#news h2 { color: #999; font-size: 1.75em; font-weight: bold; letter-spacing: .20em; line-height: 1em; margin: 0 0 0.5em 0; padding: 0; }
div#news ul { color: #999; list-style-type: none; margin: 0; padding: 0; }
div#news ul li { padding: 0 .25em .5em .25em; }
div#news ul li a { color: #666; text-decoration: none; }
div#news div#news-press { float: left; width: 260px; text-align: right; }
div#news div#news-reviews { float: right; width: 260px; text-align: left; }
/* =gallery */
div#gallery { padding: 15px 15px; height: 500px; overflow: auto; }
div#gallery ul#gallery-item { list-style-type: none; margin: 0; padding: 0; }
div#gallery ul#gallery-item li { background: #fff; border: 1px solid #ccc; float: left; margin: 20px; padding: 5px; }
div#gallery ul#gallery-item li a:hover { background: none; }
/* =footer */
#footer { background: transparent url(../images/bg-footer.gif) no-repeat 0 100%; height: 13px; }
#footer2 {
	background-color: #FFFFFF !important;
	border: 1px solid #FFFFFF !important;
	padding: 5px;
	clear: both;
	height: 50px;
}
#footer2 a:link, #footer2 a:visited, #footer2 a:active {
	text-decoration:none;
}
#footer2 a:hover {
	text-decoration:underline;
}

/* get rid of those system borders being generated for A tags */
a {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

/* =EasyClearing */
.clearfix:after, #container-outer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, #container-outer {display: inline-block;}
* html .clearfix, * html .container-outer {height: 1%;}
.clearfix, #container {display: block;}
/* =RegularClearing */
.clear { clear:both; }

/* @end */