@charset "utf-8"; /* put IE6 hacks in ie6.css */ /********** GENERIC CLASSES **********/ .alignLeft {text-align: left;} .alignCenter {text-align: center;} .alignRight {text-align: right;} .valignTop {vertical-align: top;} .valignMiddle {vertical-align: middle;} .valignBottom {vertical-align: bottom;} .floatLeft {float: left;} .floatRight {float: right;} .clearLeft {clear: left;} .clearRight {clear: right;} .clearBoth {clear: both;} .hidden {display: none;} .displayBlock {display: block;} .displayInline {display: inline;} .visibilityHidden {visibility: hidden;} .visibilityVisible {visibility: visible;} .contentDivider {margin: 24px 0 30px 0; padding:0px; height:1px; border-bottom: 1px solid #383838; overflow: hidden;} /********** GENERIC HTML **********/ * {margin: 0; padding: 0;} html, body {height: 100%; width: 100%; background: #000 url(../images/bodyBG.jpg) top no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; text-align: center; z-index: 0; margin: 0; padding: 0;} /* In order to Center the Web Page, Text Align Center (aligns anything in IE & Div elements sent to auto in FF) on the Body Tag and Margin = Auto on the ID Supporting the Page Div*/ /* IE uses Text Align Center & FF uses Margin Auto (maybe in conj. w. Text Align Center */ a, a:visited {color: #047273; text-decoration: none;} a:hover {color: #FFF;} img, img a {border: 0;} p {margin: 10px 0;} input {font-size: 11px; vertical-align: middle;} /********** LAYOUT COMPONENTS **********/ #page {width: 954px; background: transparent top repeat-y; text-align: left; margin: 0 auto; /* This centers the outer Page Div */ padding: 0 10px;} #content {clear: both; width: inherit; text-align: left; margin-top:20px; margin-bottom:20px;} #main {width: 760px; text-align: left; color: #93979A;} #main.fullWidth {width: 954px;} /* Setting a min-height for the main content to line up with the bottom of the sidebar */ #main #takePart.takeAction, #main #friends, #main #takePart, #main #media, #main #aboutUs, #main #filmVideo, #main #sampleContent, #main #store, #main #posts {background-color: #1B1B1B; padding: 31px 20px 20px 20px;} .p0509 #main #takePart.takeAction, .p0509 #main #friends, .p0509 #main #takePart, .p0509 #main #aboutUs, .p0509 #main #filmVideo, .p0509 #main #sampleContent, .p0509 #main #store, .p0509 #main #posts {height: 657px;} .p0509 #main > #takePart.takeAction, .p0509 #main > #friends, .p0509 #main > #takePart, .p0509 #main > #aboutUs, .p0509 #main > #filmVideo, .p0509 #main > #sampleContent, .p0509 #main > #store, .p0509 #main > #posts {height: auto; min-height: 657px;} .p0509 #main #media {height: 763px;} .p0509 #main > #media {height: auto; min-height: 763px;} .p0510 #main #takePart.takeAction, .p0510 #main #friends, .p0510 #main #takePart, .p0510 #main #aboutUs, .p0510 #main #filmVideo, .p0510 #main #sampleContent, .p0510 #main #store, .p0510 #main #posts {height: 971px;} .p0510 #main > #takePart.takeAction, .p0510 #main > #friends, .p0510 #main > #takePart, .p0510 #main > #aboutUs, .p0510 #main > #filmVideo, .p0510 #main > #sampleContent, .p0510 #main > #store, .p0510 #main > #posts {height: auto; min-height: 971px;} .p0510 #main #media {height: 1077px;} .p0510 #main > #media {height: auto; min-height: 1077px;} .p0511 #main #takePart.takeAction, .p0511 #main #friends, .p0511 #main #takePart, .p0511 #main #aboutUs, .p0511 #main #filmVideo, .p0511 #main #sampleContent, .p0511 #main #store, .p0511 #main #posts {height: 792px;} .p0511 #main > #takePart.takeAction, .p0511 #main > #friends, .p0511 #main > #takePart, .p0511 #main > #aboutUs, .p0511 #main > #filmVideo, .p0511 #main > #sampleContent, .p0511 #main > #store, .p0511 #main > #posts {height: auto; min-height: 792px;} .p0511 #main #media {height: 898px;} .p0511 #main > #media {height: auto; min-height: 898px;} #main #flashConsole {background: transparent; width:760px; height:360px; display:block; border: 1px solid #eee;} /* Headings */ #main h1 {height: 46px; display: block; background: transparent none left top no-repeat;} #main h1 div {margin-top: 0;} #main h1 span {display: none;} #main h2 {color: #fff; font-size: 16px; line-height: 18px; font-weight: normal; margin: 5px 0 20px 0; clear: left;} #main h2 a {color: #fff; font-weight: bold;} #main h2 a:hover {color: #047273;} #main h2 img {display: inline; vertical-align: middle;} #main h3 {color: #FFF; text-decoration: none; font-size: 14px; line-height: 16px; margin-top: 30px;} /* Generic two-column layout */ #main .col1 {float: left; width: 350px; clear: left;} #main .col2 {float: left; width: 350px; padding-left: 20px;} /* list layout */ #main .list {margin: 0 0 0 12px;} #main .list li {padding: 5px; margin: 0 6px;} /********** HEADER **********/ #header {clear: both; height: 92px; width: inherit; color: #fff; position: relative;} #header #logo {float: left; padding: 0; width: 80px;} #header #navigation ul {display: block; width: 425px; margin-left: 81px; height: 90px;} #header #navigation li, #header #navigation li a {height:90px; display:block;} #header #navigation li {display: inline; float: left; list-style: none; padding: 0;} #header #navigation li span {display: none;} #header #navigation li, #header #navigation li a {background: url(../images/navigation.gif) no-repeat;} #header #navigation #aboutUs, #header #navigation #aboutUs a {width: 103px; background-position: 0px 0px;} #header #navigation #aboutUs a:hover, #header #navigation #aboutUs.active a {background-position: 0px -90px;} #header #navigation #takePart, #header #navigation #takePart a {width: 100px; background-position: -103px 0px;} #header #navigation #takePart a:hover, #header #navigation #takePart.active a {background-position: -103px -90px;} #header #navigation #filmVideo, #header #navigation #filmVideo a {width: 61px; background-position: -203px 0px;} #header #navigation #filmVideo a:hover, #header #navigation #filmVideo.active a {background-position: -203px -90px;} #header #navigation #media, #header #navigation #media a {width: 64px; background-position: -264px 0px;} #header #navigation #media a:hover, #header #navigation #media.active a {background-position: -264px -90px;} /* Positions the blue bar w/arrow underneath the main nav */ #barActive {position: absolute; bottom: 0; left: 0;} /* Countdown Clock */ #header #clock {float: right;} #header #clock .logo {z-index: 94; margin-top: -10px; float: right;} #header #watchEvent {float: right; margin-top: 27px;} #header #watchEvent, #header #watchEvent a {display: block; width: 168px; height: 35px; background: url(../images/btn_watchliveevent.gif) left top no-repeat;} #header #watchEvent a:hover {background-position: 0px -35px;} #header #watchEvent span, #header #nokiaHdrLogo span {display: none;} #header #nokiaHdrLogo {float: right;} #header #nokiaHdrLogo, #header #nokiaHdrLogo a {display: block; width: 168px; height: 79px; background: url(../images/thankyou.gif) left top no-repeat;} #header #nokiaHdrLogo a:hover {background-position: 0px -79px;} /********** MAIN **********/ #main .titleBar {background: url(../images/curve_tl.png) left top no-repeat; padding-left: 10px; float: left;} #main .titleBar h3 {background: url(../images/curve_tr.png) right top no-repeat; color: #fff; font-size: 12px; font-weight: bold; text-transform:uppercase; padding: 4px 10px 0 0; margin: 0;} #blog_links {float: right; text-align: right;} #main ul {margin-left: 12px;} #main .tOverlay {position: absolute; top: 0px; left: 0px; z-index: 1;} #nokiaBanner {padding: 10px 0;} #main #back {position: absolute; top: 26px; right: 20px;} #main .eventGuide #back {top: 110px;} #main #blog {margin:0; width:760px; background: #1b1b1b; border-top: 5px solid #3d3d3d; clear: left; padding-bottom: 10px;} #main #blog li { margin: 10px 16px; color: #959698; vertical-align:top; list-style:none; background: #0b0b0b url(../images/comment_box_top.jpg) no-repeat; width: 728px; min-height: 35px; height: auto !important; clear: left;} #main #blog ul {margin-left: 0;} #main #blog li h3, #main #blog li h3 a {color: #FFF; text-decoration: none; font-size: 12px; line-height: 16px; margin: 0px !important; padding: 0; } #main #blog li h3 a:hover {text-decoration: underline;} #main #blog li p {/*padding-right: 106px;*/} #main #blog li p a {white-space: nowrap;} #main #blog li.thumb .img, #main #blog li.thumb .img a {margin: 0; padding: 0; } #main #blog li.thumb .img {float: left; position: relative; z-index: 2; overflow: hidden; width: 105px;margin-right:15px;} #main #blog li.thumb h3, #main #blog li.thumb p {} #main #blog li.thumb .comment_content {min-height: 55px;} #main #blog span {padding-left: 0px; margin-top: 0px; margin-bottom: 5px; font-weight: bold; font-size: 11px; line-height: 13px;} #main #blog p {font-size: 12px; line-height: 16px; font-weight: normal; text-align: left; padding: 0px; margin: 0px; } #main #blog a {text-decoration: underline;} #main #blog .comment_content {float: left; width: 590px;} #main #blog .comment_content img { margin-bottom: 4px; } #main #blog .comment_box .comment_extra { float: right; text-align: right; padding-right: 5px; margin-top: 0px; } #main #blog .comment_extra .date {display: block; font-weight: normal; color: #606060;} #main #blog .comment_extra .comments { font-weight: normal; background: url(../images/comment_bg.jpg) no-repeat 0px 4px; padding: 0 0 0 15px; } #main #blog li div.comment_box { padding: 10px 5px 10px 10px; background: url(../images/comment_box_bt.jpg) no-repeat bottom;overflow:hidden;} #main #blog .comments a, #main #discuss .comments a {text-decoration: none; font-size: 11px;} #main #blog dl {list-style-type: none; font-weight: bold; padding: 0 15px; margin: 0 0 15px 0;} #main #blog dd, #main #blog dt {color: #959698;} #main #blog dd {width: 600px; font-weight: bold;} #main #blog dd a {color: #959698; text-decoration: none;} #main #blog dd a:hover {text-decoration: underline;} #main #blog dt {display: inline; float: right; font-weight: normal; font-size: 11px;} #main #blog dt a {text-decoration: none;} #main #blog_footer {clear: left; margin: 0 16px;} #main #newsRoom.articleComments .articleBody {color: #93979A;} #main #newsRoom.articleComments .commented {padding-bottom: 25px; border-bottom: 1px dotted #93979A;} #main #blog li.type_program h3 { color: #197d43; font-weight: bold; font-size: 18px; line-height: 20px;} #main #blog li.type_general h3 { font-size: 14px; } #main #blog li.type_blog, #main #blog li.type_location { min-height: 60px; height: 65px; } #main #blog li.type_location .location { color: #666666; font-size: 12px; font-weight: normal; } #main.post_comment #blog {border:none;width:100%; padding-bottom: 0;} #main.post_comment #blog li {margin-right:0;margin-left:0;} #main.post_comment .comment {width:705px;overflow:hidden;background-image: url(../images/post_comment_box_top.gif);} #main.post_comment #posts h4 {margin: 20px 0 10px; color:#FFFFFF; font-size:14px; line-height:16px;} #main #filmVideo #blog {width:728px; border-top: none; padding-top: 20px;} #main #filmVideo #blog li { margin: 10px 0; background: #0b0b0b url(../images/comment_box_top.jpg) no-repeat; width: 728px;} #discuss .comment_extra .date{margin-right:25px;font-weight:normal;font-size:11px;color:#666666;} #discuss .comment_extra .comments{background:transparent url(../images/comment_bg.jpg) no-repeat scroll 0px 4px;font-weight:normal;padding:0pt 0pt 0pt 15px;} #main .eventGuide, #main .eventGuideDetail {position: relative;} #main .eventGuideDetail #blog {width: 720px; border: none;} #main .eventGuideDetail #blog li {margin-left: 0px; margin-right: 0px; width: 720px; background: #0b0b0b url(../images/bg_eg_top.gif) top no-repeat;} #main .eventGuideDetail #blog li .comment_box {background: url(../images/bg_eg_bottom.gif) bottom no-repeat;} #main .eventGuideDetail #blog li.thumb .comment_content {min-height: 30px;} #main .eventGuideDetail #blog li.thumb .comment_content img {margin: 0;} #main .eventGuideDetail #blog li.thumb .comment_spacer {height: 1px; overflow: hidden;} /********** SIDEBAR **********/ .sidebarBtmCap {width:167px; margin-bottom:10px; height:3px; line-height: 0; font-size: 0; background: url(../images/mod_footer.png) center bottom no-repeat;} #sidebar {float: right; background: transparent; padding-bottom: 20px; width: 167px;} #sidebar .module {background: #212121; font-size: 11px; line-height: 14px; color: #c9c9c9; margin-bottom: 0px; padding: 35px 10px 10px 10px; width: 167px; position: relative;} #sidebar .module p {padding: 5px 0px; margin: 0;} #sidebar .module form input {width: 100px; height: 12px; line-height: 12px; background: #707173; border: 1px solid #C9C9C9; font-size: 10px; padding: 2px;} #sidebar .module form input.button {height: 18px; width: 33px; border: none; background: transparent; margin: 0;} #sidebar .module a, #sidebar .module a:visited {color: #047273; text-decoration: none;} #sidebar .module a:hover {color: #FFF;} #sidebar #quickLinks.module ul li {background: url(../images/arrow_blue.gif) center right no-repeat; text-align: left; list-style-type:none; border-bottom: 1px solid #333; padding: 5px 20px 5px 0;} #sidebar #quickLinks.module ul li a, #sidebar #quickLinks.module ul li a:visited {color: #C9C9C9; text-decoration: none;} #sidebar #quickLinks.module ul li a:hover {color: #FFF;} #sidebar .module {background: none; margin: 0; padding: 0;} #sidebar .module .titleBar {background: url(../images/mod_hdr_grey.png) center top no-repeat; color: #148f9e; margin-bottom: 0px; padding: 10px; line-height: 14px; width: 147px; position: relative; font-size: 12px; font-weight: bold; text-transform: uppercase;} * html #sidebar .module .titleBar {background: url(../images/mod_hdr_grey.gif) center top no-repeat;} #sidebar .modContent {background: #212121; padding: 5px 10px 2px 10px;} /* right rail links */ #sidebar #rightrail ul {display: block; width: 167px;} #sidebar #rightrail li, #sidebar #rightrail li a {height: 81px; display:block;} #sidebar #rightrail li {list-style: none; padding: 0; margin-bottom: 10px;} #sidebar #rightrail li span {display: none;} #sidebar #rightrail li, #sidebar #rightrail li a {width: 167px; background: url(../images/nav_right_rail.png) no-repeat;} #sidebar #rightrail #host, #sidebar #rightrail #host a {background-position: 0px 0px;} #sidebar #rightrail #host a:hover {background-position: -167px 0px;} #sidebar #rightrail #attend, #sidebar #rightrail #attend a {background-position: 0px -81px;} #sidebar #rightrail #attend a:hover {background-position: -167px -81px;} #sidebar #rightrail #watch, #sidebar #rightrail #watch a {background-position: 0px -162px;} #sidebar #rightrail #watch a:hover {background-position: -167px -162px;} #sidebar #rightrail #program, #sidebar #rightrail #program a {background-position: 0px -243px;} #sidebar #rightrail #program a:hover {background-position: -167px -243px;} #sidebar #rightrail #act, #sidebar #rightrail #act a {background-position: 0px -324px;} #sidebar #rightrail #act a:hover {background-position: -167px -324px;} #sidebar #rightrail #replay, #sidebar #rightrail #replay a {background-position: 0px -405px;} #sidebar #rightrail #replay a:hover {background-position: -167px -405px;} #sidebar #rightrail #watch2, #sidebar #rightrail #watch2 a {background-position: 0px -486px;} #sidebar #rightrail #watch2 a:hover {background-position: -167px -486px;} /********** FOOTER **********/ #footer {clear: both; width: inherit; height: 40px; border-top: 1px solid #1b1b1b; background: #000; padding-top: 5px;} #footer #links, #footer #email {float: left; display: block; font-size: 10px; margin: 0;} #footer #links a, #footer #email a {text-decoration: none;} #footer #links ul, #footer #email ul {display: inline; list-style-type: none;} #footer #links li, #footer #email li {display: inline; list-style-type: none; padding: 0 5px 10px 5px;} #footer .copyright {float: right; font-size: 10px; color: #333; text-align: right;} #page.footerLink {width:610px; color: #93979A } .footerLink #main {background-color: #212121; margin:0; padding:20px; width: 570px;} .footerLink h1 {padding: 30px 20px 20px 0; color: #fff; font-size: 26px; height: 30px; line-height: 30px; font-weight: bold;} .footerLink h2 {color: #fff; font-size: 14px; font-weight: bold; padding: 40px 0px 20px 0px; margin: 10px 0px 0px 0px;} .footerLink h3 {color: #fff; font-size: 14px; font-weight: bold; padding: 20px 0 0px 0;} .footerLink p {font-size: 12px;} .footerLink ul, .footerLink li {margin: 0 4px; padding: 3px 4px;} #indexflashcontent {width: 760px;} #mailListForm .error, #commentform .error {display: none; color: #FF9933; font-size: 11px;} #commentform label {display: block; font-weight: bold; color: #FFF;} #commentform input {width: 156px; padding: 1px 2px;} #commentform input.button {width: 33px; height: 18px; padding: 0; background: none; border: none;} #commentform textarea {width: 200px; padding: 1px 2px;} #commentform input, #commentform textarea {border: 1px solid #b6b6b6; vertical-align: middle; background-color: #67696a; color: #FFF; font: 12px/14px normal Arial, Helvetica, sans-serif; vertical-align: text-top;} #commentform .section {position: relative; margin: 10px 0;} /********** NAVIGATION **********/ /* global subnav */ #main #subnav {margin: 0 0 25px 0; display: block; list-style: none; height: 18px;} #main #subnav li {display: inline; float: left; margin-right: 1px; height: 18px;} #main #subnav li a {cursor: pointer;} #main #subnav li div {margin-top: 0; height: 18px;} #main #subnav li span {display: none;} /* global ternav */ #main #ternav {display: block; width: 739px; margin-top: 20px; margin-left: 0;} #main #ternav li, #main #ternav li a {height:101px; width: 227px; display:block;} #main #ternav li {display: inline; float: left; list-style: none; padding: 0; margin: 0 19px 19px 0;} #main #ternav li span {display: none;} #main #ternav li a {cursor: pointer;} /* About Us subnav */ #main #aboutUs #subnav li, #main #aboutUs #subnav li div {background: url(../images/subnav_about.gif) no-repeat;} #main #aboutUs #subnav #overview, #main #aboutUs #subnav #overview div {width: 64px; background-position: 0px 0px;} #main #aboutUs #subnav #overview.active, #main #aboutUs #subnav #overview.active div {background-position: 0px -18px;} #main #aboutUs #subnav #whosInvolved, #main #aboutUs #subnav #whosInvolved div {width: 95px; background-position: -65px 0px;} #main #aboutUs #subnav #whosInvolved.active, #main #aboutUs #subnav #whosInvolved.active div {background-position: -65px -18px;} #main #aboutUs #subnav #faq, #main #aboutUs #subnav #faq div {width: 34px; background-position: -161px 0px;} #main #aboutUs #subnav #faq.active, #main #aboutUs #subnav #faq.active div {background-position: -161px -18px;} #main #aboutUs #subnav #filmmakers, #main #aboutUs #subnav #filmmakers div {width: 97px; background-position: -196px 0px;} #main #aboutUs #subnav #filmmakers.active, #main #aboutUs #subnav #filmmakers.active div {background-position: -196px -18px;} /* About Us ternav */ #main #aboutUs.whosInvolved #ternav li, #main #aboutUs.whosInvolved #ternav li a {background: url(../images/nav_about_who.gif) no-repeat;} #main #aboutUs #ternav #advisory, #main #aboutUs #ternav #advisory a {background-position: 0px 0px;} #main #aboutUs #ternav #advisory a:hover {background-position: 0px -101px;} #main #aboutUs #ternav #partners, #main #aboutUs #ternav #partners a {background-position: -227px 0px;} #main #aboutUs #ternav #partners a:hover {background-position: -227px -101px;} #main #aboutUs #ternav #supporters, #main #aboutUs #ternav #supporters a {background-position: -454px 0px;} #main #aboutUs #ternav #supporters a:hover {background-position: -454px -101px;} #main #aboutUs #ternav #contributors, #main #aboutUs #ternav #contributors a {background-position: -681px 0px;} #main #aboutUs #ternav #contributors a:hover {background-position: -681px -101px;} #main #aboutUs #ternav #credits, #main #aboutUs #ternav #credits a {background-position: -908px 0px;} #main #aboutUs #ternav #credits a:hover {background-position: -908px -101px;} #main #aboutUs.filmmakers #ternav li, #main #aboutUs.filmmakers #ternav li a {background: url(../images/nav_about_film.gif) no-repeat;} #main #aboutUs #ternav #grantAwards, #main #aboutUs #ternav #grantAwards a {background-position: 0px 0px;} #main #aboutUs #ternav #grantAwards a:hover {background-position: 0px -101px;} #main #aboutUs #ternav #symposium, #main #aboutUs #ternav #symposium a {background-position: -227px 0px;} #main #aboutUs #ternav #symposium a:hover {background-position: -227px -101px;} /* How to Take Part subnav */ #main #takePart #subnav li, #main #takePart #subnav li div {background: url(../images/subnav_takepart.gif) no-repeat;} #main #takePart #subnav #whatispangeaday, #main #takePart #subnav #whatispangeaday div {width: 120px; background-position: 0px 0px;} #main #takePart #subnav #whatispangeaday.active, #main #takePart #subnav #whatispangeaday.active div {background-position: 0px -18px;} #main #takePart #subnav #eventGuide, #main #takePart #subnav #eventGuide div {width: 73px; background-position: -121px 0px;} #main #takePart #subnav #eventGuide.active, #main #takePart #subnav #eventGuide.active div {background-position: -121px -18px;} #main #takePart #subnav #howToWatch, #main #takePart #subnav #howToWatch div {width: 83px; background-position: -195px 0px;} #main #takePart #subnav #howToWatch.active, #main #takePart #subnav #howToWatch.active div {background-position: -195px -18px;} #main #takePart #subnav #hostEvent, #main #takePart #subnav #hostEvent div {width: 87px; background-position: -279px 0px;} #main #takePart #subnav #hostEvent.active, #main #takePart #subnav #hostEvent.active div {background-position: -279px -18px;} #main #takePart #subnav #attendEvent, #main #takePart #subnav #attendEvent div {width: 99px; background-position: -367px 0px;} #main #takePart #subnav #attendEvent.active, #main #takePart #subnav #attendEvent.active div {background-position: -367px -18px;} #main #takePart #subnav #liveLocations, #main #takePart #subnav #liveLocations div {width: 149px; background-position: -467px 0px;} #main #takePart #subnav #liveLocations.active, #main #takePart #subnav #liveLocations.active div {background-position: -467px -18px;} #main #takePart #subnav #takeAction, #main #takePart #subnav #takeAction div {width: 80px; background-position: -617px 0px;} #main #takePart #subnav #takeAction.active, #main #takePart #subnav #takeAction.active div {background-position: -617px -18px;} #main #takePart #subnav #joinGroups, #main #takePart #subnav #joinGroups div {width: 80px; background-position: -697px 0px;} #main #takePart #subnav #joinGroups.active, #main #takePart #subnav #joinGroups.active div {background-position: -697px -18px;} /* How to Take Part ternav */ #main #takePart.howToWatch #ternav li, #main #takePart.howToWatch #ternav li a {background: url(../images/nav_takepart_watch.gif) no-repeat;} #main #takePart #ternav #liveEvents, #main #takePart #ternav #liveEvents a {background-position: 0px 0px;} #main #takePart #ternav #liveEvents a:hover {background-position: 0px -101px;} #main #takePart #ternav #online, #main #takePart #ternav #online a {background-position: -227px 0px;} #main #takePart #ternav #online a:hover {background-position: -227px -101px;} #main #takePart #ternav #television, #main #takePart #ternav #television a {background-position: -454px 0px;} #main #takePart #ternav #television a:hover {background-position: -454px -101px;} #main #takePart #ternav #mobile, #main #takePart #ternav #mobile a {background-position: -681px 0px;} #main #takePart #ternav #mobile a:hover {background-position: -681px -101px;} #main #takePart #ternav #asHost, #main #takePart #ternav #asHost a {background-position: -908px 0px;} #main #takePart #ternav #asHost a:hover {background-position: -908px -101px;} #main #takePart #ternav #theaters, #main #takePart #ternav #theaters a {background-position: -1135px 0px;} #main #takePart #ternav #theaters a:hover {background-position: -1135px -101px;} #main #takePart.hostEvent #ternav li, #main #takePart.hostEvent #ternav li a {background: url(../images/nav_takepart_host.gif) no-repeat;} #main #takePart #ternav #aboutHost, #main #takePart #ternav #aboutHost a {background-position: 0px 0px;} #main #takePart #ternav #aboutHost a:hover {background-position: 0px -101px;} #main #takePart #ternav #register, #main #takePart #ternav #register a {background-position: -227px 0px;} #main #takePart #ternav #register a:hover {background-position: -227px -101px;} #main #takePart #ternav #hostMap, #main #takePart #ternav #hostMap a {background-position: -454px 0px;} #main #takePart #ternav #hostMap a:hover {background-position: -454px -101px;} #main #takePart #ternav #hostFaq, #main #takePart #ternav #hostFaq a {background-position: -681px 0px;} #main #takePart #ternav #hostFaq a:hover {background-position: -681px -101px;} #main #takePart #ternav #tips, #main #takePart #ternav #tips a {background-position: -908px 0px;} #main #takePart #ternav #tips a:hover {background-position: -908px -101px;} #main #takePart #ternav #legal, #main #takePart #ternav #legal a {background-position: -1135px 0px;} #main #takePart #ternav #legal a:hover {background-position: -1135px -101px;} /* The Films subnav */ #main #filmVideo #subnav {margin: 5px 0 25px 0; display: block; list-style: none; height: 500px; width: 153px; float: left;} #main #filmVideo #subnav li {display: inline; float: none; margin-right: 1px; height: 18px;} #main #filmVideo #subnav li ul {margin-left: 0;} #main #filmVideo #subnav li a {cursor: pointer; color: #999;} #main #filmVideo #subnav li div {margin-top: 0; height: 18px; padding-left: 7px; margin-bottom: 5px;} #main #filmVideo #subnav li span {display: block;} #main #filmVideo #subnav .filmSubNavHdr {background-color: #000; color: #fff; font-weight: bold;} #main #filmVideo #subnav .active .filmSubNavHdr {background-color: #31c1ba;} #main #filmVideo #subnav .film_ternav {margin-bottom: 18px;} #main #filmVideo #subnav .film_ternav .active a {color: #fff;} #main #filmVideo #subnav .film_ternav a:hover div span {text-decoration: underline;} /* Media (Newsroom) subnav */ #main #media #subnav li, #main #media #subnav li div {background: url(../images/subnav_media.gif) no-repeat;} #main #media #subnav #news, #main #media #subnav #news div {width: 77px; background-position: 0px 0px;} #main #media #subnav #news.active, #main #media #subnav #news.active div {background-position: 0px -18px;} #main #media #subnav #downloads, #main #media #subnav #downloads div {width: 74px; background-position: -78px 0px;} #main #media #subnav #downloads.active, #main #media #subnav #downloads.active div {background-position: -78px -18px;} #main #media #subnav #mediaGuide, #main #media #subnav #mediaGuide div {width: 75px; background-position: -153px 0px;} #main #media #subnav #mediaGuide.active, #main #media #subnav #mediaGuide.active div {background-position: -153px -18px;} /* Sample Content subnav */ #main #sampleContent #subnav li, #main #sampleContent #subnav li div {background: url(../images/subnav_sample.gif) no-repeat;} #main #sampleContent #subnav #about, #main #sampleContent #subnav #about div {width: 103px; background-position: 0px 0px;} #main #sampleContent #subnav #about.active, #main #sampleContent #subnav #about.active div {background-position: 0px -18px;} #main #sampleContent #subnav #films, #main #sampleContent #subnav #films div {width: 41px; background-position: -104px 0px;} #main #sampleContent #subnav #films.active, #main #sampleContent #subnav #films.active div {background-position: -104px -18px;} #main #sampleContent #subnav #speakers, #main #sampleContent #subnav #speakers div {width: 61px; background-position: -146px 0px;} #main #sampleContent #subnav #speakers.active, #main #sampleContent #subnav #speakers.active div {background-position: -146px -18px;} #main #sampleContent #subnav #musicians, #main #sampleContent #subnav #musicians div {width: 67px; background-position: -208px 0px;} #main #sampleContent #subnav #musicians.active, #main #sampleContent #subnav #musicians.active div {background-position: -208px -18px;} #main #sampleContent #subnav #promos, #main #sampleContent #subnav #promos div {width: 53px; background-position: -276px 0px;} #main #sampleContent #subnav #promos.active, #main #sampleContent #subnav #promos.active div {background-position: -276px -18px;} /********** INDIVIDUAL PAGES **********/ /* Homepage */ #vidThumbs a {cursor: pointer; margin: 0; padding: 0;} #vidThumbs a.active {cursor: default; outline: none;} /* About Pangea Day */ #main #aboutUs h1 {background-image: url(../images/heading_about.gif);} /* Grant & Awards */ #main .grant li {padding: 5px 10px; margin: 0 30px !important; margin: 0 35px; color: #93979a;} #main .grantFloatLeft {width: 360px;float: left;vertical-align: top;} #main .grantFloatLeft li {padding: 5px 0px !important;padding: 5px 20px;margin: 0 10px !important;color: #93979a;list-style-type:disc;} #main .grantFloatRight {width: 340px;float: right;vertical-align: top;} /* Advisory Board */ #main .advisoryBoard {margin-top: 5px;} #main .advisoryBoard td {vertical-align: top; padding: 0 20px 10px 0; line-height: 14px; width: 220px;} #main .advisoryBoard .boardName {color: #fff; font-weight: bold; font-size: 14px;} /* Who's Involved */ #main .whosInvolved .globalPartner p {margin-left: 196px;} #main .whosInvolved .globalPartner img {width: 186px; float: left; vertical-align: top; padding-right: 10px;} #main .whosInvolved .globalPartner p .partnerTitle {font-weight: bold; color: #fff; vertical-align: top;} /* Supporters */ #main .supporters div img {width: 153px; float: right; padding-left: 40px; padding-bottom: 20px; vertical-align: top;} #main .supporters div {color: #93979a; border-bottom: 1px solid #484848; padding: 10px 0 20px 0;} #main .supporters div p{margin:0;} #main .supporters div .supportersTitle {font-weight: bold; color: #fff; vertical-align: top;} /* Contributors */ #main .contributors {width: 720px; overflow-x: hidden;} #main .contributors #links {width: 760px;} #main .contributors .heading {clear: both;} #main .contributors .heading p {width: 250px; float: left; padding-bottom: 5px;} #main .contributors .logos {clear: both;} #main .contributors .logos a {width: 201px; float: left; margin-right: 49px;} #main .contributors .contentDivider {clear: both; float: none; height: 20px; margin: 0 0 20px 0; width: 720px;} /* How to Take Part */ #main #takePart h1 {background-image: url(../images/heading_takepart.gif);} #main #takePart.eventGuideDetail h1 {background-image: url(../images/heading_eventguide.gif);} #takePart h4 {color: #ccc; font-weight: normal; padding: 0 0 20px 0; font-size: 14px;} #takePart .first {border-top: 1px solid #484848; padding-top: 20px;} .eventGuide h2 {border-bottom: 1px solid #484848; padding-bottom: 20px;} .eventGuide .guideInfo h3 {border-bottom: 1px solid #484848; padding-bottom: 10px;} .eventGuide .guideInfo img {float: left; margin-top: 10px;} .eventGuide .guideInfo img.may10FilmPhoto {margin-right: 22px;} .eventGuide .guideInfo p {padding-left: 125px;} .eventGuide .guideInfo .may10Films p {padding-left: 0px;} .eventGuide .guideInfo .may10Films img {margin-bottom:20px;} #main #blog li.thumb .comment_box .comment_content .thumb p {padding-left: 120px;} .programInfo {padding: 20px; background: transparent url(../images/bg_eventguide.gif) center center no-repeat;} .programInfo table {width: 680px;} .programInfo td {padding: 0 20px 0 0;} .programInfo td.info {color: #fff;} #main .takeAction h3 {color:#666;} .takeAction .thumbnails {width: 741px; clear: left;float:left;margin-bottom: 60px;} .takeAction .thumbnails div {position: relative; margin-top: 20px; padding-right: 20px; float: left; width: 227px; background: url(../images/bg_bucket.gif) left bottom no-repeat;min-height:240px;} .takeAction .thumbnails div.clearLeft {width:741px; height:1px;min-height:1px;background:none;} .takeAction .thumbnails div p {margin: 0; padding: 8px 10px; min-height: 72px; z-index: 2; position: relative;color: #fff;} .takeAction .thumbnails div p a {} .takeAction .vidThumb {position: relative; margin-bottom: 20px;} .takeAction .tOverlay {position: absolute; top: 0px; left: 0px; z-index: 1;} .takeAction ul#joinGroups { margin: 0; padding: 5px 0; vertical-align:top; display: block; } .takeAction ul#joinGroups li { vertical-align: top; margin: 0px; padding: 5px 10px 5px 0px; display: inline; color: #93979a; line-height:14px; float: left; } .takeAction ul#joinGroups img { padding: 20px 0px 10px 0px; } #egNav {background: url(../images/eg_nav_bg.gif) repeat-x; margin-top: 10px;} #egNav h4 {background: url(../images/eg_nav_bg_l.gif) left center no-repeat; padding: 17px 0 18px 0; float: left; padding-left: 10px; width: 350px;} #egNav #filter {float: left; padding-top: 17px; width: 224px;} #egNav select {background-color:#000;font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#fff;vertical-align: middle;} #egNav select option {padding-right: 5px;} #egNav a img {vertical-align: middle; text-align: right;} /* How to Watch */ .listings {margin-top: 5px; border-top: 1px solid #474747; margin: 10px 0 40px 0;float:left;width:720px;} .listings div.listinghdr {font-size:14px;line-height:36px;padding:0pt 20px 14px 0pt;vertical-align:top;width:720px;} .listings div.listing {line-height:14px;padding:0pt 20px 10px 0pt;vertical-align:top;width:220px;float:left;} .listings div.listing .title {color: #fff; font-weight: bold; font-size: 13px; line-height: 18px;} .listings div.listing p {margin:0;} #aboutLocations {overflow-x: hidden; width: 720px;} #aboutLocations .featured {width: 750px;} #aboutLocations .loc_main {width: 227px; margin-right: 20px; float: left; padding-top: 20px;} #aboutLocations .loc_main p {margin: 0; padding: 10px; background: #484848 url(../images/bg_livebroadcast.gif) left bottom no-repeat; min-height: 75px; font-size: 11px; line-height: 14px;} #aboutLocations .loc_main p strong {font-size: 13px; line-height: 18px;} #aboutLocations .loc_sub {width: 108px; margin-right: 17px; float: left; padding-top: 20px;} #locations {overflow-x: hidden; width: 720px;} #locations .featured {width: 750px;} #locations .featured a div {cursor: pointer;margin: 0; padding: 0;} #locations .loc_main {width: 352px; margin: 20px 20px 0 0; float: left;} #locations .loc_main .link {margin: -2px 0 0 0; padding: 0;background: #2e2e2e url(../images/bg_livebroadcastloc.gif) left bottom no-repeat; width:352px; height:46px;} #locations .loc_main span {display:none;} #locations .loc_main a {margin: 0; padding: 0;display:block;background: url(../images/bg_livebroadcastloc-names.gif) left bottom no-repeat;width:352px; height:288px;} #locations .loc_main a#link-la {background-position: 0 242px;} #locations .loc_main a#link-la:hover {background-position: 0 196px;} #locations .loc_main a#link-london {background-position: -352px 242px;} #locations .loc_main a#link-london:hover {background-position: -352px 196px;} #locations .loc_main a#link-kigali {background-position: -704px 242px;} #locations .loc_main a#link-kigali:hover {background-position: -704px 196px;} #locations .loc_main a#link-rio {background-position: -1056px 242px;} #locations .loc_main a#link-rio:hover {background-position: -1056px 196px;} #locations .loc_main a#link-mumbai {background-position: -1408px 242px;} #locations .loc_main a#link-mumbai:hover {background-position: -1408px 196px;} #locations .loc_main a#link-cairo {background-position: -1760px 242px;} #locations .loc_main a#link-cairo:hover {background-position: -1760px 196px;} .location_img {margin-top: 20px;} .howToWatch .programInfo {background-image: url(../images/bg_locations.gif);} /* Mobile */ #main .mobile {border-top: 1px solid #484848; padding-top: 20px;} /* Films & Videos */ #main #filmVideo {width: 914px; position: relative;} #main #filmVideo h1 {background-image: url(../images/heading_filmVideo.gif);} #main #filmVideo h2 {margin-bottom: 0;} #main #filmVideo h3 {margin: 0; color: #fff;} #main #filmVideo #jumpPage, #main #filmVideo #detailPage {width: 730px; float: left; padding-left: 24px; overflow-x: visible;} #main #filmVideo #intro {width: 730px; margin: 10px 0 0 0; border-bottom: 1px solid #474747; padding-bottom: 10px;} #main #filmVideo #intro p {padding: 10px 0 0 0;} #main #filmVideo .thumbnails {width: 741px; clear: left;} #main #filmVideo .thumbnails div {position: relative; margin-top: 20px; padding-right: 20px; float: left; width: 227px; background: url(../images/bg_bucket.gif) left bottom no-repeat;} #main #filmVideo .thumbnails div p {margin: 0; padding: 8px 10px; min-height: 72px; z-index: 2; position: relative;} #main #filmVideo .thumbnails div p a {color: #fff;} #main #filmVideo .vidThumb {position: relative; margin-bottom: 20px;} #main #filmVideo #videoPlayer {margin: 20px 0; padding-bottom: 34px; border-bottom: 1px solid #474747;} #main #filmVideo #flashCont {float: left;} #main #filmVideo.filmDetail #flashCont {float: none;} #main #filmVideo #videoInfo {padding-left: 466px;} #main #filmVideo #videoInfo h3 {padding: 10px 0 20px 0;} #main #filmVideo #sub {background-color: #131313; padding: 20px;} #main #filmVideo #showcase {float: left; width: 440px;} #main #filmVideo #showcaseFeature {margin-bottom: 26px;} #main #filmVideo.filmDetail #infoDetails {float: right;} #main #filmVideo.filmDetail h1 {background: none;} #main #filmVideo.filmDetail h2 {margin-bottom: 16px;} #main #filmVideo #infoDetails {width: 412px;} .banner {margin-bottom: 17px;} #main #filmVideo #infoDetails h3 {color: #666; font-size: 16px; line-height: 20px; margin: 30px 0 10px 0;} #main #filmVideo #infoDetails .details, #main #filmVideo #infoDetails .credits, #main #filmVideo #infoDetails #participate, #main #filmVideo #infoDetails #about {padding: 0 10px; color: #fff;} #main #filmVideo #infoDetails .details li, #main #filmVideo #infoDetails .credits li {list-style-type: none;} #main #filmVideo #infoDetails .details .director h3 {margin-top: 17px;} #main #filmVideo #infoDetails .details .director .pad p {padding-left: 128px;} #main #filmVideo #infoDetails .details .director img {float: left; margin-top: 3px;} #ngo p {margin-top: 0;} #ngo p.intro {margin: 20px 0 5px 0;} #discuss ul{margin:0;background:#131313;} #discuss li.blog{background:url(../images/detail_comment_box_top.gif) no-repeat scroll center top;clear:left;color:#959698;height:auto !important;list-style-image:none;list-style-position:outside;list-style-type:none;margin:10px 0 0 0;min-height:35px;vertical-align:top;padding-top:3px;} #discuss li.blog .comment_box{background:#090909 url(../images/detail_comment_box_bot.gif) no-repeat scroll center bottom;padding:10px 5px 10px 10px;overflow:hidden;} #discuss #filmcomments{background:#131313;margin:10px 0 0 12px;padding:0;list-style-type:none;} #discuss #filmcomments li{margin-bottom:10px;} #discuss #filmcomments li .filmcomment_box{background:#1B1B1B;padding:5px 10px 10px;margin:0;} #discuss #filmcomments li .filmcomment_extra{background:#1B1B1B;float:right;font-size:11px;margin:5px 0 0 0 ;padding-right:10px;text-align:right;} #discuss #filmcomments li ul{list-style-type:none;margin:10px 0 0 12px;} /* Media (Newsroom)*/ #main #media h1 {background-image: url(../images/heading_media.gif);}/*actually says newsroom*/ #main #media h3 a {color: #fff;} #main #media h3 a:hover {text-decoration: underline;} #main #media.news div.wrapper {padding: 5px 0px 10px 0px; margin: 0; border-bottom: 1px dotted #93979a;} #main #media p span {font-weight: bold; color: #93979a;} #main #media.articleComments {background: #1b1b1b;} #main #media.articleComments p {border: none;} #main #media.articleComments ol.commentList{padding-top: 5px;} #main #media.articleComments ol li {margin: 0 20px;padding: 0 10px;color: #93979a;} #main #media.articleComments ol li p {width: 420px;} #main #media.articleComments cite {color: #FFF;} /* Downloads */ #main .downloads .twoColumn { margin: 0px 20px 0px 0px; padding:0px; width:340px; } #main .downloads .badgecopy { padding:0px 0px 10px 0px; margin:0px; width:185px; } #main .downloads .pdfIcon { margin:16px 20px 0px 0px; } #main .downloads .pdfTitle { margin:22px 0px 5px 0px; } #main .downloads .bannerEmbed { margin:14px 0px 3px 0px; line-height:16px; padding:0px; color:#FFFFFF; width:150px; } #main .downloads .bannerSize { margin: 20px 0px 7px 0px; padding:0px; color:#FFFFFF; width:150px; } #main .embedField {height: 14px; width: 320px; margin-top: 2px;} #main .downloads .embedFieldNarrow { margin:0px; padding:0px; width:180px; height:14px; } #main .downloads .copyTextNarrow { width:464px; } #main .downloads .directions {font-size: 9px; line-height: 11px; margin-bottom: 9px;} #main .downloads .title {display: block;} #main .downloads .psaBox div {margin-bottom: 30px;} /* Register */ .overlayText {font-size: 11px; color: #fff;} .overlayNoteText {color: #ccc; font-size: 11px;} div.overlayNoteText {float: right;} div.overlayNoteText p {width: 370px; margin-top: 5px;} .overlayDivider {border-top: solid 1px #535353; width: 325px;} .overlayText h3 {border-bottom: 1px solid #535353; padding-bottom: 10px; margin-bottom: 10px;} .fieldOverlay {width:200px;background-color:#000000;border:solid 1px #535353;font-family: Arial, Helvetica, sans-serif;font-size: 12px;padding:4px;color: #ffffff;} .confirmationOverlay {padding-left:25px;padding-top:50px;border:solid 1px #535353;background-color:#282828;} .fieldRow {padding-top:2px;padding-bottom:2px;} .inputLeft {float:left;padding-top:5px;width:115px;} .inputRight {float:left;width:210px;} #country_jump, #submissionForm select {background-color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#ffffff;} #country_jump {margin-right:47px;} #submissionForm select#day, #submissionForm select#year {width:60px} #submissionForm .inputRow input {float: left;} #submissionForm .inputRow p {padding-left: 20px;} #submissionForm .inputRow label {font-weight: bold;} .privacyBox {border: solid 1px #535353; padding: 10px 15px 20px 15px; background-color: #1e1e1e;} .privacyBox .header {color:#FFFFFF;margin:0px;padding-top:0px;padding-bottom:5px;font-weight:bold;} div.errors {display:none;color:#fc6701;width:320px;margin:10px 0 10px 0;background:url(../images/iconError.gif) top left no-repeat;padding-top:1px;padding-bottom:3px;} div.errors p {margin: 0 0 0 25px;} #edit_event_link {position: absolute; top: 20px; right: 20px; z-index: 9997; border: solid 1px #535353; padding: 5px; font-weight: bold; width: 171px; background-color: black; text-align: center;} #edit_event_link a {color: #FFF;} /* Host Event */ #main #takePart.eventMap {width: 914px;} /* Event List */ #main #fulLEventList {border-collapse: collapse; background-color: #0b0b0b; margin-top: 20px; width: 100%;} #main #fulLEventList th {font-weight: bold; color: #6d6d6d; text-align: left; font-size: 14px; padding: 10px 10px 10px 0;} #main #fulLEventList td {padding: 5px 10px 5px 0; vertical-align: top;} #main #fulLEventList td img.moreInfo {margin-left: 5px; vertical-align: baseline;} #main #fulLEventList .contact {text-align: right;} #main #fulLEventList .loctime {white-space: nowrap;} #main #fulLEventList .pad {padding-left:57px;} #main #fulLEventList td {background-position: 27px center; background-repeat: no-repeat;} #main #fulLEventList tr:hover td {background-color: #1b1b1b;} #main #fulLEventList .live .pad {background-image: url(../screenings/images/icon_list_yellow.gif);} #main #fulLEventList .live_open .pad {background-image: url(../screenings/images/icon_list_yellow_dot.gif);} #main #fulLEventList .public .pad {background-image: url(../screenings/images/icon_list_red.gif);} #main #fulLEventList .public_open .pad {background-image: url(../screenings/images/icon_list_red_dot.gif);} #main #fulLEventList .private .pad {background-image: url(../screenings/images/icon_list_orange.gif);} #main #fulLEventList .private_open .pad {background-image: url(../screenings/images/icon_list_orange_dot.gif);} /*Sample Content*/ #main #sampleContent h1 {background-image: url(../images/heading_sampleContent.gif);} #main #sampleContent h2 {border-bottom: solid 1px #474747; padding-bottom:20px; margin-bottom:30px;} #main #sampleContent .photosList {border-bottom: solid 1px #474747; padding-bottom:20px; margin-bottom:30px; float:left; width:auto;} #main #sampleContent .photosList img {float:left; width: 105px;} #main #sampleContent .photosList div {float:left; width: 592px; margin-left: 18px;} #main #sampleContent .photosList div h3 {margin-top:0; color:#666;} #main #sampleContent .photosList div h3 {height: 20px; display: block; background: transparent none left top no-repeat;} #main #sampleContent .photosList div h3 div {margin-top: 0;} #main #sampleContent .photosList div h3 span {display: none;} #main #sampleContent .photosList div h3#amanpour {background-image: url(../images/speakers/speaker-head-amanpour.gif);} #main #sampleContent .photosList div h3#beah {background-image: url(../images/speakers/speaker-head-beah.gif);} #main #sampleContent .photosList div h3#brown {background-image: url(../images/speakers/speaker-head-brown.gif);} #main #sampleContent .photosList div h3#kurzban {background-image: url(../images/speakers/speaker-head-kurzban.gif);} #main #sampleContent .photosList div h3#noor {background-image: url(../images/speakers/speaker-head-noor.gif);} #main #sampleContent .photosList div h3#pearl {background-image: url(../images/speakers/speaker-head-pearl.gif);} #main #sampleContent .photosList div h3#patel {background-image: url(../images/speakers/speaker-head-patel.gif);} #main #sampleContent .photosList div h3#porco {background-image: url(../images/speakers/speaker-head-porco.gif);} #main #sampleContent .photosList div h3#wells {background-image: url(../images/speakers/speaker-head-wells.gif);} #main #sampleContent .photosList div h3#harris {background-image: url(../images/speakers/speaker-head-harris.gif);} #main #sampleContent .photosList div h3#armstrong {background-image: url(../images/speakers/speaker-head-armstrong.gif);} #main #sampleContent .photosList div h3#geldof {background-image: url(../images/musicians/musician-head-geldof.gif);} #main #sampleContent .photosList div h3#stewart {background-image: url(../images/musicians/musician-head-stewart.gif);} #main #sampleContent .photosList div h3#hypernova {background-image: url(../images/musicians/musician-head-hypernova.gif);} /*STORE*/ /* How to Take Part */ #main #store h1 {background-image: url(../images/heading_store.gif);} #store h4 {color: #ccc; font-weight: normal; padding: 0 0 20px 0; font-size: 14px;} #main #store .listings {border-top: 1px solid #474747; margin: 10px 0;} #main #store .listings td {vertical-align: top; padding:0; width: 360px;} #main #store .listings img.title {margin-top:30px; margin-bottom:15px;} #main #store .listings a.buyNow {margin-top:10px; display:block; height:18px; width:64px;} /*----------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------*/ /*------------------------------ ^^^^^^^ NEW CONTENT ^^^^^^^ -----------------------------------*/ /*----------------------------------------------------------------------------------------------*/ /*------------------------------ _______ OLD CONTENT _______ -----------------------------------*/ /*----------------------------------------------------------------------------------------------*/ #main .inspirationFloatLeft {width: 250px; float: left;} #main .inspirationFloatLeft li {padding: 5px 0px; list-style-type: none; margin: 0; color: #93979a;} #main .inspirationFloatLeft li .title {font-style: italic; font-weight: bold; color: #fff; font-size: 12px;} #main .inspirationFloatLeft li .active {color: #047273;} #main .inspirationFloatRight {float: right; width:441px;} /***** getInvolved *******/ #main #getInvolved { margin:0; background: #1b1b1b; padding: 20px; } #main #getInvolved h1 { padding: 30px 20px 20px 0; background: #1b1b1b url(../images/heading_getInvolved.jpg) no-repeat; font-weight: bold; } #main #getInvolved h1 div { margin-top: 0; } #main #getInvolved h1 span { display: none; } #main #getInvolved h3 { color: #fff; font-size: 14px; font-weight: bold; padding: 20px 0 0px 0; } #main #getInvolved p { font-size: 12px; color: #93979a; } /***** Friends of Pangea Day *****/ #main #friends h1 {background: url(../images/heading_friends.gif) left top no-repeat; padding-bottom: 30px;} #main #friends h2 {font-size: 18px; line-height: 21px; margin: 0 0 20px 0; padding: 0;} #main #friends h3 {font-size: 14px; line-height: 18px; color: white; margin-top: 20px;} #main #friends p {margin-top: 0;} #main #friends #toolkit div {float: left; width: 240px;} #main #friends #toolkit div p {padding-left: 50px;} #main #friends #toolkit div p span {color: white; font-size: 13px; line-height: 20px; display: block;} #main #friends .pdf {background: url(../images/icon_pdf.gif) left top no-repeat;} #main #friends .powerpoint {background: url(../images/icon_powerpoint.gif) 8px top no-repeat;} #main #friends .ai {background: url(../images/icon_ai.gif) left center no-repeat; padding-left: 24px; margin-right: 16px; line-height: 16px;} #main #friends .jpg {background: url(../images/icon_jpeg.gif) left center no-repeat; padding-left: 24px; line-height: 16px;} #main #friends .badgeBox {margin: 0; width: 185px;} #main #friends .badgecopy {padding: 10px 0; width: 185px;} #main #friends .embedField {margin: 0; padding: 0; width: 340px; height: 14px;} /***************email a friend popup*****************/ body.pop, body.pop #content {background:#000; background-image:none;} body.pop #main {width:471px; background: #1B1B1B url(../images/email-bg-top.gif) no-repeat; padding-top:10px;} body.pop #main #email {height: 671px; background: #1B1B1B url(../images/email-bg-bot.gif) no-repeat bottom; padding: 13px 20px 20px 20px;} body.pop #main > #email {height: auto; min-height: 400px;} body.pop #main #email h1 {background-image: url(../images/heading_email.gif);} a.supLink, .btnSend {float:left; width:auto; margin-left:115px; text-decoration:underline;} /*** post archives *****/ #post_archives_head { padding: 28px 15px 10px 15px; } #comment_pagination { text-align: center; padding: 40px 15px 13px 15px; } .post_archive #previous { float: left; } .post_archive #next { float: right; } /***** post comment ****/ .post_comment ul.commentList { list-style: none; } .post_comment ul.commentList li, .post_comment ul.commentList ul li { padding-top: 3px; margin: 7px 0 10px 0; color: #959698; vertical-align:top; background: url(../images/post_comment_box_top.jpg) no-repeat; width: 728px; } .post_comment ul.commentList p { margin: 5px 130px 0 0; padding-top: 0px; overflow:hidden;} #main.post_comment ul.commentList ul { margin-left: 97px; list-style: none; } .post_comment ul.commentList ul li { width: 609px; background: url(../images/comment_box_short_top.gif) no-repeat; } .post_comment ul.commentList li div.comment_box { padding: 5px 10px 10px 10px; background: #131313 url(../images/post_comment_box_bt.gif) no-repeat bottom; } .post_comment ul.commentList ul li div.comment_box {padding: 5px 10px 10px 10px; background: #131313 url(../images/comment_box_short_bt.gif) no-repeat left bottom; } .post_comment ul.commentList span { font-weight: bold; display: block; } .post_comment ul.commentList .comment_extra { float: right; text-align: right; padding-right: 10px; margin-top: 5px; font-size: 11px;} .post_comment ul.commentList .comment_extra span { display: block; font-weight: normal; color: #606060;} .post_comment ul.commentList .replyLnk { background: url(../images/comment_bg.jpg) no-repeat 0px 4px; padding: 0 0 0 15px;} /******* post comment form ***/ #post_comment_form { background: transparent url(../images/comment_box_top.jpg) no-repeat; padding-top: 3px; height: 547px; width: 728px; } #post_comment_form #main {padding: 0 15px 0 15px; background: #0b0b0b url(../images/comment_box_bt.jpg) no-repeat left bottom; height: 547px; width: auto; } #post_comment_form #main h3 { padding: 12px 0 16px 0; margin: 0px; } #post_comment_form .form_error {color: #FF9933;} #post_comment_form div.form_error { display: none; } #post_comment_form #parentCommentContent { margin: 10px 20px; color: #FFF;} #post_comment_form form label {float: left; width: 115px; display: block; color: #FFF;} #post_comment_form form input {float: left; width: 208px; } #post_comment_form form input.button {width: 57px; height: 31px; padding: 0; background: none; border: none; margin-left: 115px; } #post_comment_form form select { background-color: #000; color: #fff; } #post_comment_form form input, #post_comment #commentform textarea {border: 1px solid #535353; vertical-align: middle; background-color: #000; color: #FFF; font: 12px/14px normal Arial, Helvetica, sans-serif; vertical-align: text-top;} #post_comment_form form textarea { width: 482px; height: 80px; } #post_comment_form .section {clear: both; padding: 15px 0;} #post_comment_form #captcha_refresh { padding-bottom: 5px; } #post_comment_form #verificationSection{ padding-top: 30px; } #post_comment_form #verificationSection, #post_comment_form #commentArea { display: none; } #comment_post_article{background:#090909 url(../images/comment_box_top.jpg) no-repeat scroll center top;clear:left;color:#959698;height:auto !important;list-style-image:none;list-style-position:outside;list-style-type:none;margin:10px 0pt;min-height:35px;padding-top:6px;vertical-align:top;} #comment_post_article #articleList{background:#090909 url(../images/comment_box_bt.jpg) no-repeat scroll center bottom;padding:10px 5px 10px 10px;} #comment_post_article .comment_box .comment_extra{float:right;margin-top:0px;padding-right:5px;text-align:right;} #comment_post_article .img{float:left;height:80px;overflow:hidden;position:relative;width:105px;z-index:2;}