/*========================================================== drinkaware.ie v0.1 | created by www.pixelsoup.ie ============================================================*/ /* RESET */ html,body,div,h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,li,form,fieldset,input,blockquote,embed,object,hr {margin:0;padding:0;} img, a img {border:0;} a img,a:hover img {padding:0 !important;background-color:none !important;} ul {list-style:none;} /* GLOBAL */ div.hr {height: 1px;background: url(../content/imgs/line_h_01.gif) repeat-x;clear:both;} div.clear {background: none;} div.hr hr {display: none;} #content.text div.hr {margin-bottom:20px;} .clear {clear:both;} .center {text-align:center;} .right {float:right;} .left {float:left;} .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix {display:inline-block;} .clearfix {display:block;} /* STRUCTURE */ body {text-align:center;background:#FFFFFF url(../content/imgs/bg_01.gif) repeat-x top;} #wrap {width:964px; background:#FFFFFF url(../content/imgs/bg_01.gif) repeat-x top; margin:0 auto;text-align:left;margin-bottom:40px;overflow:hidden;} #header {width:924px; height:120px;padding-left:20px;} #sidenav {width:180px;background-color:#FFFFFF;float:left;margin:40px 20px 0px 0px;padding-left:20px;} #content {width:494px;background-color:#FFFFFF;float:left;margin:20px 20px 40px 0px;} #campaigns {padding-left:20px;} #callouts {float:left; width:210px;background-color:#FFFFFF;margin:20px 0px 40px 0px;} #footer {width:964px;height:208px;background:#FFFFFF url(../content/imgs/ui_bg_footer.gif) no-repeat top left;clear:both;padding-left:20px;margin-bottom:10px;} /* TYPOGRAPHY */ body {font: 76% verdana,sans-serif;color:#333;} p {margin-bottom:20px; line-height:16px;} a {color:#FFA100;} a:hover {color:#FFA100;} h1 {color:#FFA100; font-size:32px;margin:10px 0px 30px 0px; font-family:Arial, Helvetica, sans-serif; letter-spacing:-3px;} /* page title */ h2 {color:#333333; font-size:14px;margin-bottom:30px; padding-top:10px; line-height:20px; font-family:}/* page intro */ h3 {color:#FFA100; font-size:14px;margin-bottom:20px; font-weight:bold;} /* subtitle */ /* HEADER - MISC */ a#logolink {display:block; background:url(../content/imgs/ui_logo.gif) no-repeat; width:173px; height:46px;text-indent:-999em;position:absolute;top:18px;outline:none;} a:hover#logolink {background-position: 0 -46px;} #mydrinkaware {visibility:hidden;} a#mydrinkaware {float:right; font-size:11px;display:block;padding:0px 0px 2px 20px;margin:12px 8px 0px 0px;color:#FFCC00; text-decoration:none;background:url(../content/imgs/ui_bg_mydrinkaware.gif) left top no-repeat; background-position: 0 -1px;} a:hover#mydrinkaware {color:#FFFFFF;text-decoration:underline;background-position: 0 -18px;} a#signup {height:23px;display:block; background:url(../content/imgs/ui_bg_signup.gif) no-repeat top right; width:210px; float:right; font-size:11px; text-decoration:none;color:#999999;padding:12px 0px 0px 0px; text-indent:15px;} a#signup em {font-style:normal; color:#CCCCCC;} a:hover#signup,a:hover#signup em {color:#FFFFFF;text-decoration:underline;background-position:-1px -35px;} #search {height:24px; width:210px; float:left;background:url(../content/imgs/ui_bg_search_field.gif) top left no-repeat;} #search #keywords {height:19px;width:128px;border:none; background-color:#333333;color:#CCCCCC;font: 11px verdana,sans-serif;float:left;padding:5px 0px 0px 5px;margin-left:5px;} #search #submit {float:left;padding:0;margin:0;} /* HEADER - NAV */ #nav {height:24px;position:absolute;top:85px; width:924px; background:url(../content/imgs/ui_bg_nav.gif) no-repeat top left;overflow:hidden;} #nav ul {float:left;height:24px;width:714px; text-transform:uppercase;} #nav li {float:left;margin-right:1px;} #nav a {display:block;height:24px;text-indent: -999em;overflow: hidden;color:#CCCCCC;background: url(../content/imgs/ui_bg_nav.gif) no-repeat 0 0; outline:none;} /*-- up states --*/ #nav #nav-home a {width:49px;background-position:0 0;} #nav #nav-hints a {width:110px;background-position:-50px 0;} #nav #nav-facts a {width:66px;background-position:-161px 0;} #nav #nav-aware a {width:90px;background-position:-228px 0;} #nav #nav-know a {width:166px;background-position:-319px 0;} #nav #nav-camp a {width:100px;background-position:-486px 0;} #nav #nav-pub a {width:113px;background-position:-587px 0;} /*-- over states --*/ #nav #nav-home a:hover {width:49px;background-position:0 -24px;} #nav #nav-hints a:hover {width:110px;background-position:-50px -24px;} #nav #nav-facts a:hover {width:66px;background-position:-161px -24px;} #nav #nav-aware a:hover {width:90px;background-position:-228px -24px;} #nav #nav-know a:hover {width:166px;background-position:-319px -24px;} #nav #nav-camp a:hover {width:100px;background-position:-486px -24px;} #nav #nav-pub a:hover {width:113px;background-position:-587px -24px;} /*-- selected states --*/ body#home #nav #nav-home a {width:49px;background-position:0 -24px;} body#hints #nav #nav-hints a {width:110px;background-position:-50px -24px;} body#facts #nav #nav-facts a {width:66px;background-position:-161px -24px;} body#aware #nav #nav-aware a {width:90px;background-position:-228px -24px;} body#know #nav #nav-know a {width:166px;background-position:-319px -24px;} body#camp #nav #nav-camp a {width:100px;background-position:-486px -24px;} body#pub #nav #nav-pub a {width:113px;background-position:-587px -24px;} /* SIDENAV */ #sidenav li {margin-bottom:8px;} #sidenav a {text-decoration:none; font-size:11px; color:#333333;line-height:12px;} #sidenav a:hover, #sidenav #title a:hover {color:#FFA100;} #sidenav .current a {color:#ff9900;} /*-- selected states --*/ #sidenav #title a {color:#333333;} #sidenav #title {padding-bottom:15px;border-bottom:1px solid #CCCCCC;margin-bottom:10px;color:#999999;font-size:11px;} /* HOME */ #campaigns {width:609px;float:left;margin:20px 20px 0px 0px;} #campaigns #main {height:270px !important;} #campaigns #tactical1, #campaigns #tactical2 {width:294px;height:180px !important;float:left;margin:20px 0px 20px 0px;} #campaigns #tactical1 {margin-right:20px;} #campaigns #tactical3 {clear:both;margin-bottom:20px;} #campaigns #languages {height:65px;} #campaigns #languages h2, #campaigns #languages p {float:left;} #campaigns #languages h2 {margin-right:20px; font-size:24px;line-height:30px; font-family:Arial, Helvetica, sans-serif; height:26px;} #campaigns #languages p {font-size:10px;margin: 20px 0 0 0;} #content-home {width:294px;float:left;margin:20px 0px 40px 0px;} #content-home h2 {margin-bottom:18px; font-size:24px;line-height:30px; font-family:Arial, Helvetica, sans-serif; height:26px;} #content-home #welcome p {width:175px;margin-bottom:10px;} #content-home #welcome img {float:right;} #content-home #featured-links {padding:15px 0px 8px 0px;} #content-home #featured-links a {color:#333333; text-decoration:none; display:block;background:url(../content/imgs/ui_button_arrow_green.gif) right top no-repeat; margin-bottom:3px;padding:0px 17px 3px 0px;} #content-home #featured-links a:hover {background-image:url(../content/imgs/ui_button_arrow_green_over.gif); color:#FF6600;} #content-home #tactical4 {overflow:hidden;} #content-home #tactical4 p {width:180px;margin-bottom:10px;} #content-home #tactical4 a#imglink {text-indent:-999em; float:right;width:106px;height:79px;outline:none;position:relative;margin-bottom:0;bottom:10px;} #content-home #tactical4 a.imglink1 {background:url(../content/imgs/ui_button_imglink1.gif) no-repeat;} #content-home #tactical4 a.imglink2 {background:url(../content/imgs/ui_button_imglink2.gif) no-repeat;} #content-home #tactical4 a.imglink3 {background:url(../content/imgs/ui_button_imglink3.gif) no-repeat;} #content-home #tactical4 a:hover#imglink {background-position:0 -79px;} #content-home #tactical4 a {text-decoration:none; color:#333333;} #content-home #tactical4 a:hover {color:#FF6600;} #poll p {margin-bottom:10px;} #poll label {padding-left:10px;} #poll label, #poll input {margin-bottom:2px;} #poll-vote, #poll-result {display:block;height:25px;width:105px; text-indent:-999em;outline:none;float:right;margin:5px 0px 10px 0px;} #poll-result {background:url(../content/imgs/ui_button_poll_results.gif) no-repeat;} #poll-vote { background:url(../content/imgs/ui_button_poll_vote.gif) no-repeat;margin-left:5px;} a:hover#poll-vote, a:hover#poll-result {background-position:100% -25px;} .pds-links {clear:both;display:block;} .pds-vote a {display:block; float:left;clear:both;margin-bottom:-1px;width:90px;} .pds-vote {} /* CONTENT - OVERVIEW*/ #content.overview #banner {width:474px;height:200px;padding:10px 0px 0px 20px;margin-bottom:20px;} body#hints #banner {background: url(../content/imgs/img_hints_banner.gif) top left no-repeat;} body#facts #banner {background: url(../content/imgs/img_facts_banner.gif) top left no-repeat;} body#aware #banner {background: url(../content/imgs/img_aware_banner.gif) top left no-repeat;} body#know #banner {background: url(../content/imgs/img_know_banner.gif) top left no-repeat;} body#camp #banner {background: url(../content/imgs/img_camp_banner.gif) top left no-repeat;} body#pub #banner {background: url(../content/imgs/img_pub_banner.gif) top left no-repeat;} #banner h1 {color:#000000;width:290px;margin:0px 0px 12px 0px;padding:0;font-size:32px; font-family:Arial, Helvetica, sans-serif; letter-spacing:-3px;} #banner h2 {font-size:17px;color:#957240;width:290px;background:none;padding:0;line-height:18px;font-family:Arial, Helvetica, sans-serif;letter-spacing:-1px;} #featured {overflow:hidden;margin-bottom:20px; background:url(../content/imgs/ui_bg_content_overview.gif) top no-repeat;padding:4px 1px 0px 1px;position:relative;} #featured #left,#featured #middle {margin-right:9px;} #featured .summary {width:158px;float:left;} #featured .summary h3 {margin:0 0 10px 5px;padding:0;} #featured .summary p {margin:0 0 0 5px;padding:0 0 50px 0;font-size:11px;line-height:14px;} #featured .summary img {width:158px;height:90px;margin:0px 0px 10px 0px;float:none;} #featured .summary a.findout {display:block;margin:10px 0 5px 33px ;padding:0; background:url(../content/imgs/ui_button_find_out.gif) no-repeat; width:125px;height:25px;text-indent:-999em;outline:none;clear:both;position:absolute;bottom:0;} #featured .summary a:hover.findout {background-position: 0 -25px;padding:0;} * html #featured {height: 1%;} /* for IE5 & 6 */ /* CONTENT - MISC */ #content.text a{padding:2px;} #content.text a:hover {background-color: #FFA100; color: #FFFFFF;} #content.text .img, #content.text .img a:hover {padding:0;background-color:#FFFFFF;} #content object {margin: 0 10px 20px 0;} #content ul {margin:0 20px 20px 30px; list-style-image:url(../content/imgs/img_bullet_01.gif);position:relative;left:20px } #content ol {margin-right:20px;position:relative;left:20px;} #content li {margin-bottom:12px;} #content ul#useful {list-style:none;margin:0;} #content img {float:left;margin:0px 20px 20px 0px;} #content a#download {display:block; height:25px;width:100px;background: url(../content/imgs/ui_button_download.gif) no-repeat;clear:left;margin-bottom:20px; text-indent:-999em; float:right;padding:0;} #content a:hover#download {background-position: 0 -25px;padding:0;} form#competition p {margin-bottom:10px;} form#competition p input {margin-right:10px;} form#competition td{background-color:#FFFFFF;} .accordion {} .accordion .mythhead {background-image:url(../content/imgs/bg_mythhead.gif) !important;color:#333;width:495px;height:68px;cursor: pointer;margin-bottom:8px;} .accordion .mythhead span {background:#FFF;height:10px;width:10px;position:relative;left:-20px;} .accordion .mythhead p {font-weight:bold;font-size:14px;width:320px;position:relative;top:18px;left:40px;padding:0;margin:0;float:left;} .accordion .mythhead p strong {text-transform: uppercase;} .accordion .mythhead img {margin:0;padding:0;position:relative;left:28px;top:12px;width:38px;height:33px;float:left;} .accordion .mythtxt {margin-top:20px;} table#music2009 th {background-color:#1b1818;color:#FFFFFF;font-weight:bold;} table#music2009 tg {background-color:#FFA100;} #content.text .imgbutton, .imgbutton {display:block; height:25px !important;clear:both;float:right;margin-bottom:20px;padding:0;width:251px;overflow:hidden;padding:0;text-indent:-9999px;} #content.text .imgbutton:hover, .imgbutton:hover {background-position:0px 25px;padding:0;background-color:#FFFFFF;} /* CONTENT - TABLES */ #content table {width:100%;margin-bottom:20px; border-collapse: separate; border-spacing: 3px; font-size:12px;} #content td {padding:6px; background-color:#F7F5EE;} #content th {padding:6px; background-color: #F1EEE2; color:#333333;} #content th.ttop {background-color: #FF9900; color:#FFFFFF;padding-top:10px;} #content th#ttop-left {background: #FF9900 url(../content/imgs/img_ttop_left.gif) top left no-repeat;} #content th#ttop-right {background: #FF9900 url(../content/imgs/img_ttop_right.gif) top right no-repeat;} #content table ul {margin: 0px 10px 0px 0; width:350px;} #content table li {margin: 0 0 10px 20px;} #content table#table-bac #ttop-left {width:100px;} #content table#table-bac #ttop-right{text-align:left;} #content table#table-bac th {text-align:center;} /* CONTENT - QUIZ */ #quizholder img {float:none;margin:0;padding:0;} #quizholder ul, #quizholder li {list-style:none;list-style-image: none;} #quizholder ul {margin:15px 0 0 20px;padding:0; width:430px;} #quizholder li {margin:0 0 6px;padding:0;} .questiontextbox strong {line-height:28px;} .questiontextbox strong {font-size:18px;color:#ff9900;} #chk_question1 {background:transparent url(../content/imgs/questionbox_bg.gif) repeat scroll 0 0;height:96px;margin-top:10px;min-height:96px;width:494px;} #chk_question1[id] {height:auto;margin-top:17px;} .chk_questionnorm {background:transparent url(../content/imgs/questionbox_bg.gif) repeat scroll 0 0;display:inline;float:left;width:494px;} .questiontextbox {display:inline;float:left;margin-left:23px;font-size:14px;font-weight:bold;} .answertextbox {display:none;float:left;margin-left:23px;margin-top:10px;} img.chk_qbtm {margin-bottom:20px !important;} .radiobut2 {margin-bottom:-2px;} .chk_questionnorm ul {list-style-type:none;margin:10px 0 0;padding:0;} .radiobut {margin-bottom:-2px;} .orangetext {color:#FE7F02;font-size:12px;font-weight:normal;padding-left:5px;} #scorebox {height:40px;padding:8px 10px 10px 10px;font-size:14px;font-weight:bold;width:230px;color:#FFFFFF;text-indent:5px;float:right; background:url(../content/imgs/scorebox_bg.gif) no-repeat;} #scorebox strong {font-size: 18px;font-weight:bold;color:#333333;position:relative;top:2px;} #scorebox em {font-size: 18px; font-style:normal; color:#333333;position:relative;top:2px;} #chk_sub {float:right;height:26px;width:161px;} /* CONTENT - FORMS */ #form-contact input{width:260px; padding:2px; font-family:Verdana, Arial, Helvetica, sans-serif;} #form-contact select{width:498px; padding:2px;} #form-contact option{padding:2px;} #form-contact textarea{width:100%; padding:2px;} #form-contact span {display:block;} #form-contact #updates {margin-bottom:10px;} #form-contact #updates input {width:16px;} #form-contact #updates label {display:inline;padding-left:5px;padding-right:10px;} #form-contact #updates p {margin:20px 0 10px 0;} #form-contact p em {font-size:11px;margin:0;} #form-contact label{ display: block; line-height: 2; font-size: 12px;margin-top:10px;} #form-contact textarea, #form-contact select{padding: 1px; font-size: 12px; color: #222; margin-bottom: 6px; font-family:Verdana, Arial, Helvetica, sans-serif;} #contact-submit{width:116px !important;float:right;} /* CALLOUTS */ .callout {margin-bottom:20px;} /* FOOTER */ #footer {font-size:11px;position:relative; overflow:visible;} #foot-contact, #foot-links, #foot-about {float:left;} #footer h2 {margin:10px 0 3px 0;color:#F68923; text-transform:uppercase;text-indent:-999em;} #footer #foot-contact h2 { background:url(../content/imgs/img_h2_foot-contact.gif) left no-repeat;} #footer #foot-links h2 { background:url(../content/imgs/img_h2_foot-links.gif) left no-repeat;} #footer #foot-about h2 { background:url(../content/imgs/img_h2_foot-about.gif) left no-repeat;} #footer p {margin:0;} #footer li {margin-bottom:4px; list-style:url(../content/imgs/img_footer_bullet.gif);margin-left:20px;} #footer a {color: #333333;text-decoration:none;border-bottom:1px solid #FBB742;padding:2px;} #footer a:hover {color: #FFFFFF;background-color:#333333;} #foot-contact {width:180px;margin-right:20px;} #foot-contact p {margin-top:32px;} #foot-about {width:210px;} #foot-about p {margin-top:20px;color:#333333;padding-left:16px;} #footer li.nostyle { list-style-image:none;list-style:none;} #foot-contact .hr,#foot-links .hr,#foot-about .hr {margin-bottom:18px;} #foot-links {width:494px;margin-right:20px;} #foot-links #highlight {margin-top:15px;list-style:none;list-style-image:none;padding-left:60px;padding-top:15px;height:40px; position:relative;left:-20px;} #foot-links #highlight a {float:left;} #foot-links #highlight.win {background:url(../content/imgs/icon_win.gif) left top no-repeat;} #foot-links #highlight.new {background:url(../content/imgs/icon_new.gif) left top no-repeat;} #foot-links #highlight.tip {background:url(../content/imgs/icon_tip.gif) left top no-repeat;} #foot-credit {position:absolute;top:179px; left:20px;color:#FFFFFF;} #foot-credit p {margin:0;float:left;} #foot-credit p#credit1 {width:715px;} #foot-credit a {border:none;padding:0;} #foot-credit #credit1, #foot-credit #credit1 a {color:#FFA100} #foot-credit #credit2 {position:absolute;top:25px;right:-225px;} #foot-credit #credit2, #foot-credit #credit2 a {color:#BBBBBB; font-size:9px;} #foot-credit #credit1 a:hover {color:#FFFFFF; background-color:#1b1818;} #foot-credit #credit2 a:hover {color: #999999; background-color:#FFFFFF;} #networks {height:40px;} #networks p {font-style:italic;width:100px;float:left;margin-top:5px;} #networks ul {float:left;} #networks li {display:inline;} #networks a {display:block;text-indent:-9999px;float:left;outline:none;} #networks #bebo {height:28px;width:101px; background: url(../content/imgs/logo_bebo.gif) left top no-repeat;} #networks #facebook {height:28px;width:126px; background: url(../content/imgs/logo_facebook.gif) left top no-repeat;} #networks #twitter {height:28px;width:110px; background: url(../content/imgs/logo_twitter.gif) left top no-repeat;} /* SITEMAP */ ul#sitemap {margin:0;left:0px;} #sitemap li {list-style-image:none;margin:0;padding:0;} #sitemap li li { list-style-image:url(../content/imgs/img_bullet_01.gif); padding:2px;} #sitemap a {color:#333333; text-decoration:none;} #sitemap li.title {list-style:none;list-style-image: none; padding:0px 0px 10px 0px; border-bottom: 1px solid #CCCCCC;margin-bottom:10px;} /* SIFR */ /* These are standard sIFR styles... do not modify */ .sIFR-flash {visibility: visible !important;margin: 0;} .sIFR-replaced {visibility: visible !important;} span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;} /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] {display: none !important;} /* These "decoy" styles are used to hide the browser text before it is replaced. */ .sIFR-hasFlash h1 {visibility: hidden;} .sIFR-hasFlash #content-home h2 {visibility: hidden;} .sIFR-hasFlash .overview h1 {visibility: hidden;} .sIFR-hasFlash .overview h2 {visibility: hidden;} .sIFR-hasFlash #languages h2 {visibility: hidden;}