/* @override 
	http://sylviagonzalez.com/css/master.css
	http://www.sylviagonzalez.com/css/master.css
*/
html { height: 100%; margin-bottom: 1px; }

body { text-align: center; background: #3f0000 url(../images/bkgd_header.gif) repeat-x; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: .8em; color: #333; }
body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, dl, dd, dt, address { margin: 0; padding: 0; }
fieldset { border: none; }
ul, ul li { list-style: none; margin: 0; padding: 0; }
ol li { margin: 1em 0; }
img { border: 0; }
h1 { font-family: "Times New Roman", Times, Georgia, serif; color: #c63; font-size: 180%; font-weight: normal; margin-bottom: .5em; }
h2 { font-family: "Times New Roman", Times, Georgia, serif; color: #c63; font-size: 160%; font-weight: normal; margin-bottom: .5em; }
p { line-height: 1.4; margin: 0 0 1em 0; }
a { color: #c63; }
a:hover { text-decoration: none; }

.right { float: right; margin: 0 0 10px 10px; }
.left { float: left; margin: 0 10px 10px 0; }

.border5 { border: 5px solid #ccc; padding: 1px; }

/* #wrapper
----------------------------------- */

#wrapper { text-align: left; width: 750px; margin: 0 auto; position: relative; }


/* #header
----------------------------------- */

#header { position: relative; }
#header .logo { margin: 20px 0 20px 30px; }
#header #nav { margin: 0 0 0 50px; position: absolute; top: 42px; right: 30px; font-size: 110% }
#header #nav li { float: left; margin: 0 0 0 20px; }
#header #nav li a { color: #fff; text-decoration: none; font-weight: bold; }
#header #nav a.selected { border-top: 3px solid #fd9733; color: #fd9733; padding-top: 2px; }
#header #nav li a:hover { color: #fd9733; }

.banner {  }

/* #content
----------------------------------- */

#content { background: #FFF url(../images/faux_columns.gif) repeat 0 0; position: relative; padding: 20px 0px 50px 30px; }

#shows #col1 h2,
#shows #col2 h2 { font-size: 120%; font-weight: bold; font-style: italic; }
#shows #col2 h3 { font-size: 100%; color: #333; }
#shows #content dt,
.side_shows dt { font-weight: bold; color: #669; margin-bottom: .3em; }
#shows #content dd,
.side_shows dd { margin-bottom: .2em; }
#shows #content dd.last,
.side_shows dd.last { margin-bottom: 1.3em; }

#art #content { background-image: none; }
#art .index img { }
#art .index h2 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 120%; font-weight: bold; color: #669; margin-bottom: 0; }

#art #art_details img { float: left; padding: 2px; border: 5px solid #ccc; }
#art #art_details dl, #art #art_details p { margin-left: 330px; }
#art #art_details dt { font-family: Georgia; font-size: 150%; color: #669; margin-bottom: 1em; }
#art #art_details dd { margin-bottom: .2em; }
#art #art_details dd span { font-weight: bold; }
#art #art_details dd.price { font-family: Georgia; font-size: 130%; margin: 1em 0; color: #c63; }
#art #art_details p { margin-top: 5em; }

#art .piece { width: 96px; height: 96px; float: left; margin: 0 25px 25px 0; text-align: center; border: 1px solid #eee; border-bottom: 2px solid #ccc; border-right: 2px solid #ccc; padding: 2px; }
#art .piece:hover { border-color: #999; }


/* #column_group
----------------------------------- */

#home #column_group,
#shows #column_group { float: left; }

/* #col1
----------------------------------- */

#home #col1 { padding: 0 0 20px 0; width: 290px; float: left; }
#home #col1 h1 { font-size: 160%; }
#home #col1 p { line-height: 1.5; }

#about #col1 { width: 440px; float: left; }

#shows #col1 { width: 225px; float: left; }

/* #col2
----------------------------------- */

#home #col2 { width: 128px; margin: 0 0 0 330px; background: url(../images/bkgd_latest.jpg) no-repeat 0 0; }
#home #col2 div { padding: 12px; }
#home #col2 h2 { font-family: Arial; font-size: 120%; color: #55793a; padding-left: 20px; background: url(../images/bkgd_smudge.gif) no-repeat 0 2px; }
#home #col2 img { border: 2px solid #fff; }

#about #col2 { width: 180px; margin-left: 68px; float: left; }
#about #col2 h2 { padding: 0 0 3px 0; border-bottom: 1px solid #f5c1a2; }

#about #col2 dl {  }
#about #col2 dt { font-weight: bold; margin: 0 0 .5em 0; color: #669; }
#about #col2 dd {  }
#about #col2 dd.phone { margin: .5em 0 1.5em 0; font-weight: bold; color: #669; }

#shows #col2 { width: 225px; margin-left: 245px; }

/* #col3
----------------------------------- */

#home #col3 { float: left; width: 180px; margin-left: 50px; }
#home #col3 h2,
#shows #col3 h2 { padding: 0 0 3px 0; border-bottom: 1px solid #f5c1a2; }
#home #col3 #shows {  }
#home #col3 #shows dt { margin: 0 0 .3em 0; font-weight: bold; color: #669; }
#home #col3 #shows dd { margin-bottom: .2em; }
#home #col3 #shows dd.last { margin-bottom: 1em; }
#home #col3 .phone { font-family: Georgia, "Times New Roman", Times, serif; font-size: 130%; color: #669; font-weight: normal; }
#home #col3 .email_button { margin: 2em 0 0 0; }

#shows #col3 { float: left; width: 180px; margin-left: 38px; }
#shows #col3 a { font-weight: bold; text-decoration: none; }
#shows #col3 a:hover { text-decoration: underline; }

/* #footer
----------------------------------- */

#footer { background: url(../images/colorbar.gif) repeat-x left top; border-top: 1px solid #3f0000; text-align: center; padding: 20px 0; color: #874343; font-size: 90%; }
#footer a { color: #874343; }
#footer ul { margin: 0 0 .5em 0; }
#footer li { display: inline; padding: 0 10px; border-right: 1px solid #874343; }
#footer li.last { border: none; }

/* Self-Cleared Floats
----------------------------------- */

#originals:after,
#prints:after,
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* IE Fixes
----------------------------------------------------- */

/* Trigger hasLayout and target ie5+6/win only */
* html #header,
* html #originals,
* html #prints,
* html #content { height: 1%; }

* html #art #originals,
* html #art #prints { margin-bottom: 25px; }

* html #content { margin-top: -3px; }

/* Trigger hasLayout and target ie7/win only */
*:first-child+html #header,
*:first-child+html #originals,
*:first-child+html #prints,
*:first-child+html #content { min-height: 1px; }

*:first-child+html #art #originals,
*:first-child+html #art #prints { margin-bottom: 25px; }

*:first-child+html #content { margin-top: -3px; }