/* BASE TAG STYLES ---------------------------------------------*/ body {background:#FFF; color:#000; font-size:10px; font-family:Verdana, Geneva, sans-serif; background:url(../img/bground.png) 0 -20px repeat-x; padding-top:5px; } a, a:active {color:#41B9EB; text-decoration:underline; } a:hover {text-decoration:none; } a:visited {color:#6FD6FF; } h1 {font-weight:700; } h2 {font-weight:700; } nav {display:block; } /* NAVIGATION STYLES -------------------------------------------*/ #nav {position:absolute; top:30px; right:75px; z-index:3; } #nav a {display:block; float:left; width:35px; height:200px; background:url(../img/sprite_nav.png) no-repeat; text-indent:-9999px; } #nav a.about {background-position:0 0; } #nav a.about:hover {background-position:0 -498px; } #about a.about, #about a.about:hover {background-position:0 -260px; } #nav a.submit {background-position:-33px 0; } #nav a.submit:hover {background-position:-33px -498px; } #submit a.submit, #submit a.submit:hover {background-position:-33px -260px; } #nav a.donate {background-position:-66px 0; } #nav a.donate:hover {background-position:-66px -498px; } #donate a.donate, #donate a.donate:submit {background-position:-66px -260px; } #nav a.event {background-position:-99px 0; } #nav a.event:hover {background-position:-99px -498px; } #event a.event, #event a.event:hover {background-position:-99px -260px; } #nav a.winners {background-position:-132px 0; } #nav a.winners:hover {background-position:-132px -498px; } #winner a.winner, #winner a.winner:hover {background-position:-132px -260px; } #nav a.faq {background-position:-165px 0; } #nav a.faq:hover {background-position:-165px -498px; } #faq a.faq, #faq a.faq:hover {background-position:-165px -260px; } #nav a.sponsers {background-position:-198px 0; } #nav a.sponsers:hover {background-position:-198px -498px; } #sponsers a.sponsers, #sponsers a.sponsers:hover {background-position:-198px -260px; } #nav a.contact {background-position:-231px 0; } #nav a.contact:hover {background-position:-231px -498px; } #contact a.contact, #contact a.contact:hover {background-position:-231px -260px; } #nav a.home {background-position:-270px 0; } #nav a.home:hover {background-position:-270px -498px; } #home a.home, #home a.home:hover {background-position:-270px -260px; } #nav a.prizes {background-position:-304px 0; } #nav a.prizes:hover {background-position:-304px -498px; } #prizes a.prizes, #prizes a.prizes:hover {background-position:-304px -260px; } #nav a.gallery {background-position:-339px 0; } #nav a.gallery:hover {background-position:-339px -498px; } #gallery a.gallery, #gallery a.gallery:hover {background-position:-339px -260px; } #nav a.resources {background-position:-372px 0; } #nav a.resources:hover {background-position:-372px -498px; } #resources a.resources, #resources a.resources:hover {background-position:-372px -260px; } /* BACKGROUND STYLES ------------------------------------------*/ #background {position:absolute; z-index:2; top:68px; right:0; background:url(../img/background_home.jpg) no-repeat; width:512px; height:768px; } #home #background {top:68px; right:0; background:url(../img/background_home.jpg) no-repeat; width:512px; height:768px; } #about #background {top:210px; right:0; background:url(../img/background_about.jpg) no-repeat; width:443px; height:496px; } #submit #background {top:230px; right:0; background:url(../img/background_submit.jpg) no-repeat; width:503px; height:449px; } #contact #background {top:220px; right:0; background:url(../img/background_contact.jpg) no-repeat; width:476px; height:478px; } #event #background {top:220px; right:0; background:url(../img/background_event.jpg) no-repeat; width:508px; height:430px; } #prizes #background {top:220px; right:0; background:url(../img/background_prizes.jpg) no-repeat; width:504px; height:430px; } #gallery #background {top:220px; right:0; background:url(../img/background_gallery.jpg) no-repeat; width:435px; height:340px; } #resources #background {top:239px; right:0; background:url(../img/background_resources.jpg) no-repeat; width:522px; height:401px; } #faq #background {top:239px; right:0; background:url(../img/background_faq.jpg) no-repeat; width:474px; height:441px; } /* GENERAL PAGE STYLES ----------------------------------------*/ #content {padding-left:20px; width:480px; position:relative; z-index:1; float:left; } #content h1 {background:url(../img/rtw_photo_competition_header_small.png) no-repeat; height:47px; width:244px; text-indent:-9999px; margin-top:50px; margin-bottom:40px; } #content h2 {font-weight:700; text-transform:uppercase; color:#41baeb; font-size:18px; } #content h3 {font-weight:700; color:#41baeb; font-size:14px; margin-top:10px; margin-bottom:-10px; } #content p {margin-top:10px; line-height:16px; } /* HOME PAGE STYLES -------------------------------------------*/ #home #content h1 {background:url(../img/rtw_photo_competition_header.png) no-repeat; height:93px; width:489px; text-indent:-9999px; margin-top:75px; margin-bottom:45px; } #home #content h3.deadline {background:url(../img/rtw_deadline_9_01_2010.png) no-repeat; height:129px; width:475px; text-indent:-9999px; margin-top:40px; margin-bottom:10px; } /* ABOUT PAGE STYLES ------------------------------------------*/ #about #content div {color:#41baeb; width:115px; line-height:14px; margin-top:10px; font-weight:700; } #about #content h3.signature {background:url(../img/signature.png) no-repeat; height:51px; width:135px; text-indent:-9999px; margin-top:10px; margin-bottom:10px; } #about .strong {font-weight:700; } #about .italic {font-style:italic; } /* SUBMIT PAGE STYLES ------------------------------------------*/ #submit input {background:#41baeb; color:#000; border:none; } #submit .left {float:left; width:300px; } #submit .right {float:left; width:180px; } #submit .left a.bottom, #submit .right a.bottom {font-size:12px; font-weight:700; display:block; margin-left:10px; line-height:13px; text-align:center; width:200px; } /* EVENT PAGE STYLES ------------------------------------------*/ #event p {margin:10px 0; } #event dl { } #event dt {color:#41baeb; font-weight:700; display:inline-block; padding-bottom:3px; padding-top:10px; } #event dd {display:inline; } /* PRIZES PAGE STYLES ------------------------------------------*/ #prizes p {margin:10px 0; } #prizes h2.second { margin-top:20px; display:block; } #prizes h3 {float:left; font-size:11px; height:13px; display:block; margin-bottom:5px; width:205px; } #prizes h3.second { width:240px; } #prizes img.prizes {float:left; margin-right:5px; } /* GALLEERY PAGE STYLES ------------------------------------------*/ #gallery #content .imageContainer p {margin:0; font-weight:700; } #gallery #content {position:static; } #gallery .galleryBottom {position:absolute; bottom:0px; left:0; z-index:3; } #gallery .galleryContainer {position:relative; } #gallery .imageContainer {position:relative; margin-top:20px; overflow:hidden; width:407px; height:300px; margin-left:45px; } #gallery a.arrow {background:url(../img/gallery_arrows.png) no-repeat; display:block; text-decoration:none; height:65px; width:35px; position:absolute; top:105px; left:1px; z-index:2; } #gallery a.arrow.right {background-position:0 -62px; left:459px; } #gallery a.arrow.right {background-position:0 -62px; left:459px; } #gallery a.arrow:hover {background-position:-50px 0; } #gallery a.arrow.right:hover {background-position:-50px -62px; } #gallery .imageContainer #image {position:absolute; left:0; top:0; z-index:1; height:275px; width:9999999px; } #gallery .imageContainer #image li {float:left; margin-right:42px; width:407px; text-align:center; } /* RESOURCES PAGE STYLES ------------------------------------------*/ #resources dl {margin:20px 0; width:160px; margin-right:10px; float:left; } #resources dl.first {width:170px; } #resources dl.last {width:110px; margin-right:0; } #resources dt {color:#41baeb; font-weight:700; padding-bottom:3px; padding-top:3px; } #resources dd { } #resources dl a {color:#000; line-height:13px; } #resources span {color:#41baeb; font-weight:700; } /* CONTACT PAGE STYLES -----------------------------------------*/ #contact form {margin-bottom:45px; } #contact .row {padding:5px; padding-left:185px; } #contact .row.required {background:url(../img/required.gif) 155px 7px no-repeat; } #contact .text {background:#41baeb; color:#000; border:none; font-size:14px; padding:5px; width:275px; font-family:Verdana,Geneva,sans-serif; } #contact .textarea {background:#41baeb; color:#000; border:none; font-size:14px; padding:5px; width:275px; height:150px; font-family:Verdana, Geneva, sans-serif; } #contact input.submit {background:#41baeb; font-weight:700; border:none; padding:9px; float:right; margin-right:5px; } #contact ul {padding:5px 0; width:630px; clear:both; float:left; padding-bottom:35px; } #contact ul li {float:left; width:100px; height:120px; line-height:12px; font-style:italic; cursor:pointer; position:relative; } #contact ul li span {display:block; font-weight:700; font-style:normal; } #contact ul li .stroke {background:url(../img/team_blue_stroke.png) #fff no-repeat; z-index:-1; position:absolute; top:-3px; left:-3px; padding-top:80px; height:50px; width:100px; } /* FAQ PAGE STYLES ------------------------------------------*/ #faq dl {margin-bottom:25px; } #faq dt {font-weight:700; padding-bottom:3px; padding-top:10px; } #faq dd {padding-bottom:2px; } #sponsers_logos a img{margin:10px;}