HTML {}
BODY {font:100%/1.2em Palatino, 'Palatino Linotype', Georgia, Times, 'Times New Roman'; color: #5b5b5b; background:url(/_images/css/canvas-texture.png) left top;}
/* Common HTMLz
----------------------------------------------------*/
H1,H2,H3,H4,H5,H6 {font-family:Palatino, 'Palatino Linotype', 'Hoefler Text', Times, 'Times New Roman'; padding-bottom:5px; color:#504f59;}
H1 {}
H2 {font-size:150%;}
H3 {font-size:130%;}
H4 {font-size:110%;}
H5 {font-size:100%;}
H6 {font-size:100%;}
A { color: #688bb0; }
A:HOVER { color: #704653; }
P,UL,DL,OL,BLOCKQUOTE,TABLE {padding-bottom:13px;}
EM { font-weight: bold; }
/* Page Wrappers
----------------------------------------------------*/
#wrapper {width:960px; margin:0 auto; text-align:center;} /* Page Wrapper - Needed to center site */
#contentWrapper {background:url('/_images/css/page-bg-middle.jpg') repeat-y left top; padding:0 40px; width:880px; text-align:left;}
/* Header Elements
----------------------------------------------------*/
#header { background:url(/_images/css/page-bg-top.jpg) no-repeat left bottom; padding-bottom:20px;}
H1#logo {float:left; width:346px;}
H1 A {display:block; width:346px; height:26px; background:url(/_images/css/logo.png) no-repeat left 15px; overflow:auto; text-indent:-9999em; padding:15px 15px 10px 15px; margin:10px 0 0 20px;}
/* Navigation
----------------------------------------------------*/
#mainNav {text-align:right; padding-bottom:30px;}
#mainNav LI {display:inline; margin-left:10px;}
#mainNav LI A {text-decoration:none; color:#504f59; padding:1px; font-weight:bold;}
#mainNav LI A:HOVER {border-bottom:3px solid #704653;}
#mainNav LI#exhibitorNav A {color:#573842;}
#about #aboutNav a,
#artists #artistsNav a,
#guide #guideNav a,
#entertainment #entertainmentNav a,
#location #locationNav a,
#contact #contactNav a,
#exhibitor #exhibitorNav a {border-bottom:3px solid #704653;} /*Set up current page highlight*/
/* Common Content Elements
----------------------------------------------------*/
#pageMessage { float: left; display: inline; width: 206px; margin-left: 30px; padding-top:20px; font-size:90%;}
#mainContent { clear: left; padding: 35px 0 0 0; font-size: 90%; width: 880px; }
#home #mainContent { padding-left: 13px; padding-bottom: 15px; font-size: 80%; }
#mainContent IMG { padding: 4px; border: 1px dashed #999; display: block; background-color: #fff; margin: 0 10px 0 10px; }
#home #mainContent IMG { padding: 0; border: 0; background-color: none; margin: 0; }
DIV.homeFeature { width: 190px; float: left; display:inline; margin-right:30px;}
DIV.homeFeature * { line-height: 1.3em; padding-left:4px; padding-right:4px;}
DIV.homeFeature H3 { padding-left:0px; padding-right:0px; }
DIV.homeFeature H3 A { background-color: #b2c1d0; padding: 6px 5px 5px 5px; margin-bottom:6px; line-height:.9em; display:block; text-decoration:none; color:#504f59;}
DIV.homeFeature H3 A:HOVER { background-color: #bbccdc; }
DIV.homeFeature P { padding-bottom: 8px; }
#home #mainContent DIV.homeFeature IMG { padding: 0 0 8px 0; display: block; background-color: transparent; }
DIV.homeFeature A { padding: 0; }
/* Footer Elements
----------------------------------------------------*/
#social { clear: left; background:#9998a6 url(/_images/css/footer-bg-right.jpg) no-repeat right top; width: 910px; margin-left: 10px; margin-top:35px;}
#socialContent { background: url(/_images/css/footer-bg-bottom.jpg) no-repeat left bottom; padding: 20px; font-size: 100%; color:#FFF;}
#socialContent H4 { background-color: #2d2b47; padding-bottom: 8px; color: #fff; line-height: .9em; padding: 8px 6px; margin-bottom: 3px; }
#socialContent .socialColumn { float: left; display: inline; }
.flickr { width: 500px; }
.flickr UL { padding-left: 8px; }
.flickr LI { float: left; margin: 0 12px 4px 0; }
.flickr LI IMG { padding: 4px; border: 1px dashed #999; background-color: #FEFEFE; width: 70px; height: 70px; }
/*
Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {text-align:center; width:530px;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image {margin:0 10px 10px 10px; float:left;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
.twitter { width: 290px; margin-right: 60px; }
.twitter #twitter_div { width: 290px;font-size: 120%; line-height: 1.4em; font-weight: bold; padding: 29px 0 0 0; background: url(/_images/css/twitterbubble-top.png) no-repeat left top; font-size: 90%; font-style:italics;}
.twitter #twitter_div DIV { padding: 15px 15px 80px 20px; color:#767676; background: #FEFEFE url(/_images/css/twitterbubble-bottom.png) no-repeat left bottom;}
.twitter #twitter_div UL { padding-bottom: 8px; }
#footer {background:url(/_images/css/page-bg-bottom.jpg) no-repeat left top; width:880px; vertical-align:top; padding:20px 40px 0 40px; text-align:right; font-size:80%; color:#333;}
/* Home Page Feature
----------------------------------------------------*/
#hero { width: 682px; margin-left: -40px; background:#704653 url(/_images/css/hero-ornament-bg.jpg) no-repeat left top; float:left; display:inline;}
#heroContent { padding: 20px 20px 10px 200px; color: #fff; background:url(/_images/css/hero-ornament-bg-bottom.jpg) no-repeat left bottom; }
#heroContent H2 { padding-bottom: 2px; color:#fff;}
#heroContent H3 { padding-bottom: 10px; font-size: 95%; color: #fff; }
#heroContent P { font-size: 90%; }
/* Interior - copy colums
----------------------------------------------------*/
#copy { float: left; width: 590px; display: inline; margin-left: 10px; padding-left: 20px; }
#copy H2 { color: #704653; font-size:200%; padding-bottom:20px;}
#sidebar { float: left; width: 210px; display: inline; margin-left: 28px; font-size: 90%; border: 1px dashed #999; display: block; background-color: #fff; padding: 10px; }
#sidebar IMG { padding: 0; border: 0; background-color: none; margin: 0; }
/* UI classes
----------------------------------------------------*/
.roundcorners {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} /*Does NOT work in IE. Border-radius is the standard property - once it is widely supported all browsers will cascade to that value.*/
.floatright { float: right; margin: 0 0 6px 6px; clear: both; }
.floatleft { float: left; margin: 0 6px 6px 0; clear:both;}