/* reset styles */ @import "reset.css"; /* ~~~~~~~~~~~~~~ layout ~~~~~~~~~~~~~~~ */ html,body { height: 100%; } body { background: url(/images/body_bg2.jpg) left 159px repeat-x #000000 fixed; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; width: 100%; } #wrapper { min-height: 100%; left: 0; min-width: 768px; position: relative; top: 0; width: 100%; } #header { background: url(/images/header.jpg) center top no-repeat; height: 101px; margin: 0 auto; min-width: 768px; padding: 0; text-align:center; width: 100%; } #header a#logo { display: block; height: 101px; margin:0 auto; text-indent:-9999px; width:600px; } #navigation { background: url(/images/nav_bar.jpg) top left repeat-x; height: 58px; margin: 0; min-width: 768px; padding: 0; width: 100%; } #navigation ul { background: url(/images/navigation.gif) top left no-repeat; display: block; height: 58px; margin: 0 auto; padding: 0; width: 749px; } #navigation li { display: block; float: left; height: 58px; padding: 0; } #navigation li a { display: block; height: 58px; overflow: hidden; text-indent: -1000px; } #nav_home a { background: url(/images/navigation.gif) 0 0 no-repeat; width: 85px; } #nav_home a:hover { background: url(/images/navigation.gif) 0px -58px no-repeat; } #nav_home.active a, #nav_home.active a:hover { background: url(/images/navigation.gif) 0px -116px no-repeat; } #nav_rules { background: url(/images/navigation.gif) -85px 0 no-repeat; width: 85px; } #nav_rules a:hover { background: url(/images/navigation.gif) -85px -58px no-repeat; } #nav_rules.active a, #nav_rules.active a:hover { background: url(/images/navigation.gif) -85px -116px no-repeat; } #nav_gallery a { background: url(/images/navigation.gif) -170px 0 no-repeat; width: 129px; } #nav_gallery a:hover { background: url(/images/navigation.gif) -170px -58px no-repeat; } #nav_gallery.active a, #nav_gallery.active a:hover { background: url(/images/navigation.gif) -170px -116px no-repeat; } #nav_winners a { background: url(/images/navigation.gif) -299px 0 no-repeat; width: 122px; } #nav_winners a:hover { background: url(/images/navigation.gif) -299px -58px no-repeat; } #nav_winners.active a, #nav_winners.active a:hover { background: url(/images/navigation.gif) -299px -116px no-repeat; } #nav_sponsors a { background: url(/images/navigation.gif) -421px 0 no-repeat; width: 138px; } #nav_sponsors a:hover { background: url(/images/navigation.gif) -421px -58px no-repeat; } #nav_sponsors.active a, #nav_sponsors.active a:hover { background: url(/images/navigation.gif) -421px -116px no-repeat; } #nav_contest a { background: url(/images/navigation.gif) -559px 0 no-repeat; width: 190px; } #nav_contest a:hover { background: url(/images/navigation.gif) -559px -58px no-repeat; } #nav_contest.active a, #nav_contest.active a:hover { background: url(/images/navigation.gif) -559px -116px no-repeat; } #maincontent_top { position: relative; height: 261px; margin: 47px auto 0 auto; width: 768px; } #frame { background: url(/images/frame.png) 0 0 no-repeat; display: block; height: 261px; left: -2px; margin: 0; padding: 0; position: absolute; top: -23px; width: 768px; z-index: 1; } #sub_head { display: block; height: 230px; left: 27px; margin: 0; padding: 0; position: absolute; top: 15px; width: 708px; z-index: 2; } #maincontent_top span.home { background: url(/images/home_pic.jpg) 0 0 no-repeat; } #maincontent_top span.rules { background: url(/images/rules_pic.jpg) 0 0 no-repeat; } #maincontent_top span.gallery { background: url(/images/gallery_pic.jpg) 0 0 no-repeat; } #maincontent_top span.winners { background: url(/images/winners_pic.jpg) 0 0 no-repeat; } #maincontent_top span.sponsors { background: url(/images/sponsor_pic.jpg) 0 0 no-repeat; } #maincontent_top span.enter { background: url(/images/enter_pic.jpg) 0 0 no-repeat; } #hula { background: url(/images/hula_girl.png) left top no-repeat; display: block; height: 299px; left: 610px; position: absolute; top: -36px; z-index: 3; width: 138px; } body#home #maincontent { background: url(/images/content_bg.jpg) 11px bottom repeat-y; margin: -23px auto 0 auto; height: auto; padding: 0px 18px 0 47px; text-align: left; width: 705px; } #maincontent { background: url(/images/content_bg2.jpg) 11px bottom repeat-y; color: #cccccc; font-size: 11px; line-height: 18px; margin: -23px auto 0 auto; height: auto; padding: 24px 66px 0 66px; text-align: left; width: 638px; } #worthy { background: url(/images/worthy_bg.jpg) left top no-repeat; float: left; height: 188px; margin: 45px 25px 0 0; overflow: hidden; text-indent: -1000px; width: 323px; } #submit_yours { background: url(/images/submit_yours.gif) left top no-repeat; display: block; height: 30px; margin: 118px 0 0 37px; overflow: hidden; text-indent: -1000px; width: 116px; } #join_our_team { background: url(/images/join_our_team.jpg) left top no-repeat; float: left; height: 188px; margin: 45px 0 0 0; padding: 0 23px 0 0; width: 300px; } #maincontent #join_our_team p { color: #000000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; margin: 67px 0 0 42px; } #learn_more { background: url(/images/learn_more.gif) left top no-repeat; display: block; height: 28px; margin: 0 0 0 135px; overflow: hidden; text-indent: -1000px; width: 121px; } #left_column, #right_column { float:left; width:200px; } #right_column { float:left; margin-left:35px; width:380px; } #left_column img { display:block; margin-bottom:19px; } #left_column #bottom_img { margin-bottom:0; } body#home #maincontent_bottom { background: url(/images/frame_bottom.png) top left no-repeat; height: 79px; margin: 0 auto; padding: 0px 18px 203px 18px; width: 734px; } #maincontent_bottom { background: url(/images/frame_bottom2.png) top left no-repeat; height: 79px; margin: 0 auto; padding: 0px 18px 203px 18px; width: 734px; } #enter label { clear:left; color:#fff; display:block; float:left; margin-right:10px; text-align:right; width:110px; } #enter p.check label { clear:left; color:#fff; display:block; float:left; margin-right:10px; text-align:right; width: auto; } #enter p.check input { vertical-align: text-top; } #enter input.text, #enter input.submit, textarea { background:#222; border:1px solid #555; color:#ccc; } #enter input.address { width: 200px; } #enter input.zip { width: 65px; } #enter p { clear:both; display:block; } #enter span#counter { background:#111; display:block; margin:-8px 0 10px 120px; padding:4px 4px 4px 6px; width:216px; } #footer { background: url(/images/flames.gif) bottom left repeat-x; bottom: 0; clear: both; color: #8F1503; font-size: 11px; height: 148px; margin: 0; min-width: 768px; padding: 0px; position: absolute; text-align: center; width: 100%; } #footer a { color: #DD5E05; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer p { margin: 88px 0 0 0; } #csm_logo { margin: 6px 7px 0 0; } /* ~~~~~~~~~~~~~~ classes ~~~~~~~~~~~~~~~ */ .right { float: right; } .clearfix { clear: both; } .left { float: left; } input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:3px; margin:0 0 8px 0; } /* ~~~~~~~~~~~~~~ headers ~~~~~~~~~~~~~~~ */ h1 { color: #ffffff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; margin: 0 0 18px 0; padding: 0; } /* ~~~~~~~~~~~~~~ copy ~~~~~~~~~~~~~~~ */ #maincontent p { margin: 0 0 0px 0; padding: 0 0 13px 0; } #maincontent strong { color: #ffffff; } em { font-style: italic; } #maincontent ul li { background: url( '/images/bull.gif' ) left 4px no-repeat; color: #cccccc; font-size: 11px; line-height: 18px; margin: 0px; padding: 0 0 18px 16px; } #maincontent ol li ul, #maincontent ul li ul { margin: 0 0 0 18px; padding: 9px 0 0 0; } #maincontent ul#errors { margin: -8px 0 24px 0; } #maincontent ul#errors li { background: none; color: #D90D0C; font-size: 11px; line-height: 14px; margin: 0px; padding: 0 0 9px 24px; } #maincontent ol li ul li, #maincontent ul li ul li { padding: 0 0 9px 16px; } #maincontent ol li { color: #cccccc; font-size: 11px; line-height: 18px; margin: 0px; padding: 0 0 18px 0; } #maincontent a { color: #FE7C0E; text-decoration: none; } #maincontent a:hover { color: #EEC382; } /* ~~~~~~~~~~~~~~ gallery ~~~~~~~~~~~~~~~ */ #gallery #maincontent_top { position: relative; height: 35px; margin: 47px auto 0 auto; width: 768px; } .submission { border-bottom:1px dotted #555; padding:22px 0 22px 0; position:relative; width:630px; } .submission_pic, #gallery .submission_data { float:left; } a.image_nav { background:#000; border:1px solid #222; bottom:8px; padding:4px 6px; position:absolute; right:240px; } #gallery ul.submission_data { margin-left: 25px; width:200px; } #gallery ul.submission_data li { background:none; color:#9D0305; font:bold 14px/12px "Trebuchet MS", verdana, arial, sans-serif; padding-left:0; } #gallery ul.submission_data li span { color:#fff; display:block; font:normal 11px/16px verdana, arial, sans-serif; } #gallery ul.submission_data li.mercer_driver { background:url( '/images/mercer_driver.gif' ) no-repeat; height:25px; width:95px;} #gallery #frame { background-image:url( '/images/frame_top.png' ); height: 64px; } #gallery h1 { margin-bottom:15px; width:300px; } #archive_select { background:#050505; border:1px solid #333; display:block; font-weight:bold; padding:7px; text-align:right; } #archive_select select{ background:#222; border:1px solid #222; color:#ccc; font-weight:normal; margin:0; padding:0px; vertical-align:middle; width:140px; } /* ~~~~~~~~~~~~~~ winners ~~~~~~~~~~~~~~~ */ #winners h1 { margin:22px 0 0 0; } #winners .submission { border-bottom:1px dotted #555; } #winners .submission_pic { margin-right:20px; } #winners .submission_data { width:200px; float:left; }