body { background: #fff; color: #666; font: normal 12px/18px Arial, sans-serif; margin: 0px; padding: 0px; } * { margin: 0px; padding: 0px; border: 0px; } a:link { color: #f3a953; text-decoration: none; } a:visited { color: #f3a953; text-decoration: none; } a:hover { color: #f3a953; text-decoration: none; } a:active { color: #f3a953; text-decoration: none; } a:hover img { background-color: transparent; } h1 { color: #899097; font: normal 24px/24px Arial, serif; } h2 { color: #000; font: normal 21px/24px Arial, serif; } h2 span { background-color: #f0f0f0; } h3 { font: bold 12px/12px Arial, sans-serif; text-transform: uppercase; } h4 { font: normal 11px/14px Arial, sans-serif; text-transform: uppercase; margin-bottom: 6px; } .clearfloats { clear: both; } #siteContainer { width: 940px; font: normal 12px/18px Arial, sans-serif; color: #666; text-align: left; } #topArea { width: 719px; padding: 40px 196px 34px 25px; } #logoArea { width: 301px; float: left; } #navArea { width: 378px; text-align: right; float: left; padding-left: 40px; } #navContainer { margin: 7px 0px 0px 0px; padding: 0; height: 24px; font: normal 11px/11px Arial, sans-serif; width: 100%; list-style-type: none; background: #fff; text-transform: uppercase; } #navList li { float: left; margin: 0; padding: 0; width: auto; display: block; } #navList li a, #navList li a:link { background: #fff; color: #000; text-decoration: none; padding: 5px 10px 5px 10px; display: block; } #navList li a:hover { color: #000; background: #f0f0f0; } #navList li a#current, #navlist li a#current:link { color: #000; background: #f0f0f0; } #navList li a#current:hover { background: #f0f0f0; } .thumb { border: 5px solid #ededed; } .divider { border-bottom: 1px solid #666; margin-bottom: 20px; } /* Home Page */ .newsItem { width: 170px; height: 40px; padding: 8px; font: normal 11px/14px Arial, serif; background: #f4f4f4; margin-right: 20px; float: left; } .artShowContainer { width: 292px; padding-right: 20px; padding-bottom: 20px; float: left; } .artMedia { width: 78px; padding-right: 20px; float: left; } .artInfo { width: 194px; float: left; } /* Art Gallery */ .galleryHeader { font: normal 24px/24px Arial, serif; color: #c3c3c3; } .galleryHeader .mediumName { font-weight: bold; color: #aac052; } #paging { padding: 20px 0 } #browseGallery { width: 915px; padding-left: 25px; } .latestContainer { width: 235px; padding-right: 40px; padding-bottom: 20px; float: left; } .latestartMedia { padding-bottom: 8px; } .latestArtTitle { color: #fff; background: #ffa201; } .mediumHolder { width: 235px; padding: 0 40px 40px 0; float: left; } .mediumHolder .header { font: normal 18px/18px Arial, serif; color: #c3c3c3; padding-bottom: 4px; } .artistHolder { width: 405px; float: left; padding: 0 0 40px 0 } .artistHolder .header { font: normal 18px/18px Arial, serif; color: #c3c3c3; padding-bottom: 4px; } .artistColumn { width: 195px; float: left; } /* Gallery by Medium */ #browseMedium { width: 624px; padding-left: 25px; float: left; } #browseMediumNavArea { width: 291px; float: left; padding-top: 50px; } .browseMediumNavContainer { width: 235px; } .browseMediumNavContainer .header { font: normal 18px/18px Arial, serif; color: #c3c3c3; padding-bottom: 4px; } .browseMediumNav { margin-left: 0; padding-left: 0; font: normal 11px/14px Arial, sans-serif; } .browseMediumNav li { margin: 2px 0 0px 0px; padding-left: 0px; padding-bottom: 2px; list-style: none; } .browseMediumNav a:link { font: normal 14px/14px Arial, sans-serif; color: #aac052; text-decoration: none; } .browseMediumNav a:visited { font: normal 14px/14px Arial, sans-serif; color: #aac052; text-decoration: none; } .browseMediumNav a:hover { font: normal 14px/14px Arial, sans-serif; color: #fff; background: #aac052; text-decoration: none; } .browseMediumNav a:active { font: normal 14px/14px Arial, sans-serif; color: #aac052; text-decoration: none; } .browseMediumNav a.current { font: normal 14px/14px Arial, sans-serif; color: #fff; background: #aac052; text-decoration: none; } .browseArtistNavContainer { width: 235px; } .browseArtistNavContainer .header { font: normal 18px/18px Arial, serif; color: #c3c3c3; padding-bottom: 4px; } .browseArtistNav { margin-left: 0; padding-left: 0; font: normal 11px/14px Arial, sans-serif; } .browseArtistNav li { margin: 2px 0 0px 0px; padding-left: 0px; padding-bottom: 2px; list-style: none; } .browseArtistNav a:link { font: normal 14px/14px Arial, sans-serif; color: #11677b; text-decoration: none; } .browseArtistNav a:visited { font: normal 14px/14px Arial, sans-serif; color: #11677b; text-decoration: none; } .browseArtistNav a:hover { font: normal 14px/14px Arial, sans-serif; color: #fff; background: #11677b; text-decoration: none; } .browseArtistNav a:active { font: normal 14px/14px Arial, sans-serif; color: #11677b; text-decoration: none; } .browseArtistNav a.current { font: normal 14px/14px Arial, sans-serif; color: #fff; background: #11677b; text-decoration: none; } /* Artist Pages */ #artistContainer { width: 620px; padding-left: 25px; float: left; } #artContainer { width: 620px; margin-left: -25px; padding-left: 25px; background: #f4f4f4; margin-bottom: 8px; } #artInfo { padding-bottom: 8px; } #artInfo #artName { color: #fff; background: #ffa201; } #artDesc { width: 500px; font: normal 11px/14px Arial, serif; color: #666; } #artistInfo { width: 235px; padding: 0 20px 0 40px; float: left; } .artistName { font: normal 18px/18px Arial, serif; color: #11677b; } #moreArt { padding: 20px 0 10px 0; font: normal 11px/11px Arial, serif; color: #666; text-transform: uppercase; } #moreArtThumb { padding-right: 10px; } .artAvail { font: normal 10px/10px Arial, sans-serif; color: #fff; text-transform: uppercase; } /* Blog */ #blogArea { width: 550px; padding-left: 25px; float: left; } #blogNavArea { width: 240px; padding: 24px 85px 0 40px; float: left; } .entryTitle { padding-bottom: 20px; } .entryMedia { padding-bottom: 20px; } .blogEntry { padding-bottom: 25px; margin-bottom: 4px; border-bottom: 1px solid #7d7d7d; } .blogAuthorArea { padding-bottom: 30px; font: normal 10px/14px Arial, sans-serif; text-transform: uppercase; } #pagination { text-align: left; clear: both; margin: 0 0 0.5em 0; padding: 0px 0 1em 0; } #pagination a { border: 1px solid #999; text-decoration: none; background: #fff; } #pagination a:hover { background: #ffc400; color: #fff; } #pagination a, #pagination span { padding: 0.3em 0.5em; } #pagination a.pn { border: 1px solid #fff; } #pagination a.pn b { font-weight: normal; } #pagination a.pn:hover { border: 1px solid #999; } #pagination p { color: #999; } .commentContainer { margin-bottom: 10px; } .commentHeader { border: 0px solid #ededed; } .commentIcon { float: left; } .commentAuthor { padding-top: 8px; font: normal 14px/14px Arial, sans-serif; text-transform: uppercase; float: left; } .comment { padding-left: 30px; padding-bottom: 10px; } #blogRandNavContainer { width: 220px; padding: 20px 0 0 20px; } #blogRandNavContainer .header { font: bold 14px/14px Arial, sans-serif; color: #7d7d7d; margin-left: -20px; } .blogRandNav { margin-left: 0; padding-left: 0; font: normal 11px/14px Arial, sans-serif; } .blogRandNav li { margin: 2px 0 0px 0px; padding-left: 0px; padding-bottom: 2px; list-style-image: url("images/arrow_green.gif"); } .blogRandNav a:link { font: normal 12px/14px Arial, sans-serif; color: #83a303; text-decoration: none; } .blogRandNav a:visited { font: normal 12px/14px Arial, sans-serif; color: #83a303; text-decoration: none; } .blogRandNav a:hover { font: normal 12px/14px Arial, sans-serif; color: #fff; background: #83a303; text-decoration: none; } .blogRandNav a:active { font: normal 12px/14px Arial, sans-serif; color: #83a303; text-decoration: none; } .blogRandNav a.current { font: normal 12px/14px Arial, sans-serif; color: #fff; background: #83a303; text-decoration: none; } #blogCatsNavContainer { width: 220px; padding: 0px 0 0 20px; } #blogCatsNavContainer .header { font: bold 14px/14px Arial, sans-serif; color: #7d7d7d; margin-left: -20px; } .blogCatNav { margin-left: 0; padding-left: 0; font: normal 11px/14px Arial, sans-serif; } .blogCatNav li { margin: 2px 0 0px 0px; padding-left: 0px; padding-bottom: 2px; list-style-image: url("images/arrow_blue.gif"); } .blogCatNav a:link { font: normal 12px/14px Arial, sans-serif; color: #11677b; text-decoration: none; } .blogCatNav a:visited { font: normal 12px/14px Arial, sans-serif; color: #11677b; text-decoration: none; } .blogCatNav a:hover { font: normal 12px/14px Arial, sans-serif; color: #fff; background: #11677b; text-decoration: none; } .blogCatNav a:active { font: normal 12px/14px Arial, sans-serif; color: #11677b; text-decoration: none; } .blogCatNav a.current { font: normal 12px/14px Arial, sans-serif; color: #fff; background: #11677b; text-decoration: none; } #blogArchNavContainer { width: 220px; padding: 0px 0 0 20px; } #blogArchNavContainer .header { font: bold 14px/14px Arial, sans-serif; color: #7d7d7d; margin-left: -20px; } .blogArchNav { margin-left: 0; padding-left: 0; font: normal 11px/14px Arial, sans-serif; } .blogArchNav li { margin: 2px 0 0px 0px; padding-left: 0px; padding-bottom: 2px; list-style-image: url("images/arrow_orange.gif"); } .blogArchNav a:link { font: normal 12px/14px Arial, sans-serif; color: #ffa201; text-decoration: none; } .blogArchNav a:visited { font: normal 12px/14px Arial, sans-serif; color: #ffa201; text-decoration: none; } .blogArchNav a:hover { font: normal 12px/14px Arial, sans-serif; color: #fff; background: #ffa201; text-decoration: none; } .blogArchNav a:active { font: normal 12px/14px Arial, sans-serif; color: #ffa201; text-decoration: none; } .blogArchNav a.current { font: normal 12px/14px Arial, sans-serif; color: #fff; background: #ffa201; text-decoration: none; } /* Footer */ #footerIE { padding-bottom: 20px; } #footerContainer { width: 100%; border-top: 1px solid #c3c3c3; padding: 8px 0 40px 0px; } #footer { padding-left: 25px; } #footer #copyright { font: normal 11px/13px Arial, sans-serif; color: #666; padding-bottom: 4px; } #footer #designed { font: normal 11px/13px Arial, sans-serif; color: #666; text-transform: uppercase; } #footer #designed a { color: #e1118c } /* Form Properties */ .labelXl { width: 637px; margin-bottom: 8px; } .labelLg { width: 420px; margin-bottom: 8px; } .labelSm { width: 203px; float: left; } .labelMiddle { width: 14px; float: left; } .inputLg { width: 410px; font: normal 13px/13px Verdana, sans-serif; color: #666; border: 1px solid #7D7D7D; margin: 4px 0; } .inputSm { width: 190px; font: normal 13px/13px Verdana, sans-serif; color: #666; border: 1px solid #7D7D7D; margin: 4px 0; } .selectSm { width: 192px; font: normal 13px/13px Verdana, sans-serif; color: #666; border: 1px solid #7D7D7D; margin: 4px 0; } .selectLg { width: 410px; font: normal 13px/13px Verdana, sans-serif; color: #666; border: 1px solid #7D7D7D; margin: 4px 0; } .textAreaSm { width: 410px; font: normal 13px/13px Verdana, sans-serif; color: #666; border: 1px solid #7D7D7D; margin: 4px 0; height: 40px; } .textAreaLg { width: 410px; font: normal 13px/13px Verdana, sans-serif; color: #666; border: 1px solid #7D7D7D; margin: 4px 0; height: 100px; } .largeTextForm { width: 410px; font: normal 24px/24px Georgia, serif; color: #666; border: 1px solid #7D7D7D; margin: 4px 0; height: 30px; } .formRequired { background-color: #fffbd1; display: inline; } .formHint { background: #f2f2f2; color: #666; font: normal 10px/12px Arial, sans-serif; } .inputHelper { font: normal 11px/16px Verdana, sans-serif; font-style: italic; } .btnDelete { padding: 5px; border: 0; background: #ece9d8; color: #000; font: normal 12px/12px Arial, sans-serif; text-transform: uppercase; } .btnSubmit { padding: 5px; border: 0; background: #63afec; color: #fff; font: normal 12px/12px Arial, sans-serif; text-transform: uppercase; } .selectMedia { width: 120px; font: normal 13px/13px Verdana, sans-serif; color: #666; border: 1px solid #7D7D7D; margin: 4px 0; } .errorArea { background-color: #F1F1F1; color: #333333; padding: 20px; width: 85%; margin-bottom: 20px; font-size: 12px; border: 1px solid #666; } .errorText { color: #FF0000; text-transform: uppercase; } .errorArea ul { margin-left: 15px; } /* Loading */ .loadTopSpace { margin-top: 150px; } #loadingPage { display: inline; margin-left: 4px; }