/* -------------------------------------------------------------------------------- body - Fonts etc. --------------------------------------------------------------------------------*/ body {font-family:Helvetica,Arial,sans-serif;background: #EAF2F2 url(assets/images/boxsite/fe_bg.gif);} a {color:#364040;} body .textbox h4 a {background-color: transparent;} /* wrapper */ #wrapper {clear: both; } .clear {clear: both;} .summary {font-size: 11px; line-height: 13px;} /* -------------------------------------------------------------------------------- tabs --------------------------------------------------------------------------------*/ #tabs {min-height: 32px; background:url(assets/images/boxsite/tabs_bg.gif);position:relative;z-index:5000;} #tabs ul {position: absolute; left: 16px;} #tabs ul li {display: inline-block; z-index: 100;width:200px;height:36px;} #tabs ul li a {display: block;width:88px;height: 36px;background-position:top right; color: #FFF; font-size: 12px;} #tabs ul li.current a,#tabs ul li.current a:hover {background-position:top left;} #tabs ul li a:hover {background-position:bottom left;} /* tabs - individual graphics */ #tabs ul li.home a {background-image:url(assets/images/boxsite/fe_tab.gif);} #tabs ul li.awards a {background-image:url(assets/images/boxsite/awards_tab.gif);} #tabs ul li.community a {background-image:url(assets/images/boxsite/community_tab.gif);} /* hashtag button */ #tabs ul li#hashtag {position: absolute; top: 0; left: 904px;} #tabs ul li#hashtag a {background-image:url(assets/images/boxsite/hashtag_futr10.gif); width:41px;height:17px;} /* login form */ .headerloginform {display:none;background:#9a3871;padding:10px;color:#fff;position:relative;width:380px;font-size:12px;} .headerloginform legend {display:none;} .headerloginform .text {float:left;width:115px;margin-right:10px;} .headerloginform .submit {float:left;width:60px;} .headerloginform input {float:left;clear:left;width:115px;} .headerloginform label {float:left;color:#fff;width:115px;display:block;} .headerloginform .jqmClose {position:absolute;right:3px;top:3px;} .headerloginform .loginoptions {color:#fff;clear:both;float:left;margin-top:5px;} .headerloginform .loginoptions a {color:#fff;} .headerloginform .loginoptions a:hover {text-decoration:underline;} /* -------------------------------------------------------------------------------- banner / navigation --------------------------------------------------------------------------------*/ #navigation {height:120px;background:url(assets/images/boxsite/navigation_bg.png) bottom left;} /* futureeverything logo graphic */ #navigation h1 {position:absolute;left:25px;top:48px;width:260px;height:85px;} #navigation h1 a {text-indent:-3000px;display:block;width:260px;height:85px;background-image:url(assets/images/boxsite/fe_logo.png);} /* navigation menu */ #navigation ul {position: absolute; left: 336px; top: 72px; width: 660px;} #navigation ul li {display: inline;z-index: 100;width:145px;height:65px;} #navigation ul li a {text-decoration:none;font-size:16px;font-weight:bold;letter-spacing:-0.02em;color:#667777;background-position:top left;display:inline-block;width:145px;height:23px;padding-top:42px;background-image:url(assets/images/boxsite/navigation_btn.png);margin-right:11px;text-indent:16px;} #navigation ul li a:hover {background-position:bottom left;} #navigation ul li a.open {height:42px;background-position:top right;} #navigation ul li a.open:hover {background-position:top right;} #navigation ul li ul {display:none;} .dropcontainer {background:url(assets/images/boxsite/bkg_dropcontainer.gif) no-repeat #b8c5c5;width:945px;margin:0 0 12px 16px;display:block;overflow:hidden;padding-top:14px; } .dropcontainer .content {float:left;background:url(assets/images/boxsite/bkg_dropcontainer.gif) no-repeat right bottom;width:945px;} .dropcontainer ul {float:left; padding: 0 24px;} .dropcontainer li {display:inline;float:left; font-size: 12px; width:135px; height: 92px; padding: 5px; margin-right:15px; margin-bottom: 16px;} #navigation .dropcontainer li a {width:145px;margin-bottom:0;clear:none;display:block;color:#546464;font-weight:bold;padding:4px 0;line-height:16px;} #navigation .dropcontainer li a:hover {background-color: #D4DDDD;} .dropcontainer li ul li {clear:left;} /* -------------------------------------------------------------------------------- page intro --------------------------------------------------------------------------------*/ #pageintro {border-top:1px solid #667777;border-bottom:1px solid #667777;background-color:#FFF;padding:28px 0 0 0; } #pageintro h2, #pageintro .story {vertical-align:top;display: inline-block;width: 305px;letter-spacing: -0.05em; line-height:20px;} #pageintro .image {vertical-align:bottom;margin-left: 14px;display: inline-block;width: 305px;letter-spacing: -0.05em;} #pageintro h2 {margin-left: 336px;font-size: 24px; line-height: 32px; color: #233;} #pageintro .story {font-size: 14px; line-height: 20px; color: #556666; padding-bottom: 12px;} #pageintro .title {width: 305px; float: left;margin-right:16px;} #pageintro .content {width: 980px;} /* event section intro colors */ #pageintro {height: 188px; background: #FFF no-repeat;} /* music // RED: #D70100 */ .Music #pageintro {border-color: #D70100;} .Art #pageintro {border-color: #FDA600;} .Conference #pageintro {border-color: #0093EB;} .EVNTS #pageintro {border-color: #4AC62D;} .Music #pageintro h2 {color: #D70100;} .Art #pageintro h2 {color: #FDA600;} .Conference #pageintro h2 {color: #0093EB;} .EVNTS #pageintro h2 {color: #4AC62D;} #pageintro h4 {margin-left: 14px; width: 305px; font-size: 14px; letter-spacing: -0.02em; color: #667777;} /* community // PURPLE: #993871 */ .Community #pageintro {height: 188px; background: #FFF no-repeat; border-color: #993871;} .Community #pageintro h2 {color: #993871;margin-left:14px;} /* -------------------------------------------------------------------------------- breadcrumbs --------------------------------------------------------------------------------*/ #breadcrumbs {border-bottom:1px solid #eaf2f2;background-color:#eaf2f2;padding: 3px 0 7px 0; font-size: 12px; line-height: 12px; height: 12px;margin-bottom: 15px;} #breadcrumbs .B_crumbBox {display: block; height: 12px; width: 960px; text-align: right;} /* -------------------------------------------------------------------------------- two col --------------------------------------------------------------------------------*/ .twocol_left {width: 305px; position: absolute; left: 16px; clear:both;} .twocol_middle {width: 310px; position: absolute; left: 336px;} /* -------------------------------------------------------------------------------- description & friends & tags col --------------------------------------------------------------------------------*/ .description, .messages, .friends, .tags, .textbox, .Community #events, #sidebar .item {width: 305px; float:left; font-size: 12px; line-height: 16px; background:#D5DEDE; margin-bottom: 15px;} .blog #singleCol .item {width: 612px; font-size: 12px; line-height: 16px; background:#D5DEDE; margin-bottom: 15px;} .description h4 , .messages h4, .textbox h4, #sidebar .item h4 {margin-bottom: 7px; letter-spacing:-0.02em;padding: 12px 8px 2px 8px; line-height: 24px; border-bottom: 1px solid #EAF2F2; color: #FFF; vertical-align: top; font-size: 14px; display: block; text-decoration: none; background-image:url(assets/images/boxsite/h4_2col_reg.gif); background-repeat: no-repeat; background-position: top left; background-color: #667777;} .blog #singleCol h4 {margin-bottom: 7px; letter-spacing:-0.02em;padding: 12px 8px 2px 8px; line-height: 24px; border-bottom: 1px solid #EAF2F2; color: #FFF; vertical-align: top; font-size: 14px; display: block; text-decoration: none; background-image:url(assets/images/boxsite/h4_4col_reg.gif); background-repeat: no-repeat; background-position: top left; background-color: #667777;} .description p, .messages p, .textbox p, .tags p, .blog #singleCol p, #sidebar .item p {padding: 0 8px 0 8px;margin-bottom: 15px;} ul.list {margin: 0 5px 15px 25px; list-style: disc;} ul.list ul {margin: 10px 5px 5px 10px; list-style: circle;} .description li, .textbox li, .blog li {margin-bottom: 8px; font-size: 12px; line-height: 16px;} .Community #events h4, .Community .description h4, .messages h4, .Community .friends h4, .Community .tags h4 {height: 20px; letter-spacing:-0.02em;padding: 12px 8px 2px 8px; line-height: 20px; border-bottom: 1px solid #EAF2F2; color: #FFF; vertical-align: top; font-size: 16px; display: block; text-decoration: none; background-image:url(assets/images/boxsite/h4_2col_community.gif); background-repeat: no-repeat; background-position: top left; background-color: #993871;} .description .fill, .friends .fill, .tags .fill, .textbox .fill, #events .fill, .messages .fill {padding-bottom: 13px; background: url(assets/images/boxsite/fe_corners2_bottom.png) no-repeat bottom left;} .blog .item .fill {padding-bottom: 13px; background: url(assets/images/boxsite/fe_corners4_bottom.png) no-repeat bottom left;} .tag {margin: 8px;} .description a, .messages a, .textbox a, .blog .item a {background-color:#c3cbcb; padding: 2px 1px;} .textbox.glonet a,.textbox.glonet a:hover {padding: 0; background-color: transparent;} .description a:hover, .textbox a:hover, .blog .item a:hover {background-color:#99a9a9} #sidebar .item li {margin-bottom: 1px; font-size: 12px; line-height: 16px;} #sidebar .item li a {padding: 8px; width: 289px; display: block;} /* messages */ .messages form {border-bottom: 1px solid #DEE; padding: 5px 5px 10px 5px; margin: 0 0 10px 0;} .messages form label {display: block;} .messages form #scpmessage {width: 292px; height: 50px; margin-bottom: 10px;} .messages ul li {border-bottom: 1px solid #DEE; padding: 5px 5px 10px 5px; margin: 0 0 10px 0;} /* --------------- events ---------------*/ .Community #events { clear: both;} .Community #events .eventlink {font-size: 12px; line-height: 16px; padding: 8px 8px 7px 8px; background-color: #B6C0C0; margin-bottom: 1px solid #D5DEDE;} /* --------------- labs ---------------*/ .fullwidth .description {width: 625px; font-size: 12px; line-height: 16px; background:#D5DEDE; margin-bottom: 15px;} .fullwidth .description h4 {margin-bottom: 9px; letter-spacing:-0.02em;padding: 8px 8px 9px 8px; line-height: 24px; border-bottom: 1px solid #EAF2F2; color: #FFF; vertical-align: top; font-size: 14px; display: block; text-decoration: none; background-image:url(assets/images/boxsite/h4_4col_reg.gif); background-repeat: no-repeat; background-position: top left; background-color: #667777;} .fullwidth .description .fill {height: 1px; font-size:1px; line-height: 1px; padding-bottom: 14px; background: url(assets/images/boxsite/fe_corners4_bottom.png) no-repeat bottom left;} /* -------------------------------------------------------------------------------- people --------------------------------------------------------------------------------*/ .friends {background-color:transparent; width: 321px; font-size: 12px; line-height: 16px;} .Community .friends .person {background-color: #993871;} .people {background-color:transparent; width: 321px; font-size: 12px; line-height: 16px;} /*position: absolute; ??? removed */ .person {position:relative; background:#D70100 url(assets/images/boxsite/fe_corners1_bottom.png) no-repeat bottom left;width: 145px; height: 193px; float: left; margin-right: 15px; margin-bottom: 15px;} .person.min {font-size: 10px; line-height: 12px; position:relative; background-color: #D70100; background:url(assets/images/boxsite/fe_corners65_bottom.png) no-repeat bottom left;width: 65px; height: 113px; float: left; margin-right: 15px; margin-bottom: 15px;} .name {background:url(assets/images/boxsite/fe_corners1_top.png) no-repeat top left; font-weight: bold; color: #FFF; display: block; width: 145px; padding: 4px 8px 0 8px; height: 32px;} .person.min .name {font-weight: normal; width: 57px; padding: 2px 4px 0 4px; background:url(assets/images/boxsite/fe_corners65_top.png) no-repeat top left;} .person img {border-bottom: 1px solid #FFF; border-top: 1px solid #FFF;} .person .summary {display: none; z-index: 100; background:url(assets/images/boxsite/transgrad.png);} .person a:hover .summary {color: #FFF; display: block; position: absolute; top: 37px; left: 0; z-index: 30; width: 137px; height: 137px; padding: 4px;} .person.min a:hover .summary {color: #FFF; display: block; position: absolute; top: 37px; left: 0; z-index: 30; width: 57px; height: 57px; padding: 4px;} #friendform {height: 40px;} .Music .person {background:#D70100} .Art .person {background:#FDA600} /* -------------------------------------------------------------------------------- labs --------------------------------------------------------------------------------*/ .lab {cursor: pointer; background-color:#556666; width: 321px; position: absolute; font-size: 12px; line-height: 16px;} .lab {position:relative; background:#556666 url(assets/images/boxsite/fe_corners1_bottom.png) no-repeat bottom left;width: 145px; height: 193px; float: left; margin-right: 15px; margin-bottom: 15px;} .lab.min {font-size: 10px; line-height: 12px; position:relative; background-color: #D70100; background:url(assets/images/boxsite/fe_corners65_bottom.png) no-repeat bottom left;width: 65px; height: 113px; float: left; margin-right: 15px; margin-bottom: 15px;} #wrapper .fullwidth .lab { background-color:#556666;} .name, .lab .title {background:url(assets/images/boxsite/fe_corners1_top.png) no-repeat top left; font-weight: bold; color: #FFF; display: block; width: 145px; padding: 4px 8px 0 4px; height: 32px;} .lab.min .name {font-weight: normal; width: 57px; padding: 2px 4px 0 4px; background:url(assets/images/boxsite/fe_corners65_top.png) no-repeat top left;} .lab img {border-bottom: 1px solid #FFF; border-top: 1px solid #FFF;} .lab .summary {display: none; z-index: 100; background:url(assets/images/boxsite/transgrad.png);} .lab a:hover .summary {color: #FFF; display: block; position: absolute; top: 37px; left: 0; z-index: 30; width: 137px; height: 137px; padding: 4px;} .lab.min a:hover .summary {color: #FFF; display: block; position: absolute; top: 37px; left: 0; z-index: 30; width: 57px; height: 57px; padding: 4px;} /* -------------------------------------------------------------------------------- links col --------------------------------------------------------------------------------*/ #linkscol {margin-left: 15px;position: absolute; left: 640px;} /* -------------------------------------------------------------------------------- community box --------------------------------------------------------------------------------*/ #communityBox {clear: both; margin-top:8px;width: 305px;background-color:#B9C6C6; background-image:url(assets/images/boxsite/reg_btm.gif); background-repeat: no-repeat; background-position: left bottom; padding-bottom:8px; margin-bottom: 13px;} #communityBox .posts {font-size:11px;line-height:16px;} #communityBox .posts .userUpdate a {vertical-align:top; background-color: #72636C; color:#FFF;display: block; width: 305px; text-decoration: none; margin-bottom: 1px;} #communityBox .posts .userUpdate a img {vertical-align:top;display: inline-block; height: 63px; position: relative; top: 0px; left: 0px; margin-bottom: 0;} #communityBox .posts .userUpdate a .txt {vertical-align:top;display: inline-block; position: relative; left: 4px; width: 221px; height: 59px; margin: 4px 0 0 4px; overflow: hidden;} #communityBox .posts .userUpdate a:hover {background-color: #9AA9A9;} #communityBox h4 a {height: 20px; letter-spacing:-0.02em;padding: 12px 8px 2px 8px; line-height: 20px; border-bottom: 1px solid #EAF2F2; color: #FFF; vertical-align: top; font-size: 16px; display: block; text-decoration: none; background-image:url(assets/images/boxsite/h4_2col_community.gif); background-repeat: no-repeat; background-position: top left; background-color: #993871;} #communityBox h4 a:hover {color: #CEA4BD;} /* -------------------------------------------------------------------------------- flickrFeed box --------------------------------------------------------------------------------*/ #flickrFeed {clear: both; margin: 0 0 7px 0;width: 305px;background-color:#B9C6C6; background-image:url(assets/images/boxsite/reg_btm.gif); background-repeat: no-repeat; background-position: left bottom; padding-bottom:8px; margin-bottom: 13px;} #flickrFeed h4 a {height: 20px; letter-spacing:-0.02em;padding: 12px 8px 3px 8px; line-height: 20px; border-bottom: 1px solid #EAF2F2; color: #FFF; vertical-align: top; font-size: 16px; display: block; text-decoration: none; background-image:url(assets/images/boxsite/h4_2col_reg.gif); background-repeat: no-repeat; background-position: top left; background-color: #667777;} #flickrFeed h4 a:hover {color: #CEA4BD;} #flickrFeed .message {font-size: 12px; line-height: 16px;} #flickrFeed .images {padding: 8px;} #flickrFeed .images img {margin: 0 3px 3px 0;} /* -------------------------------------------------------------------------------- twitterBox --------------------------------------------------------------------------------*/ #twitterBox, #tweetBox, #topBox, #communitySearch {clear: both; width: 305px;background-color:#EAF2F2; background-image:url(assets/images/boxsite/reg_btm.gif); background-repeat: no-repeat; background-position: left bottom; padding-bottom:6px; margin-bottom: 15px;} #twitterBox, #tweetBox, #topBox {margin-top: 6px;} #topBox p, #communitySearch p {font-size:12px;line-height:16px;padding: 8px 5px 7px 5px;} #tweetBox {margin-top: 0;} #twitterBox h4 a, #tweetBox h4, #topBox h4, #communitySearch h4 {height: 30px; letter-spacing:-0.02em;padding: 4px 0 0 0; border-bottom: 1px solid #EAF2F2; color: #FFF; vertical-align: top; font-size: 16px; display: block; text-decoration: none; background-image:url(assets/images/boxsite/h4_2col_reg.gif); background-repeat: no-repeat; background-position: top left; background-color: #667777;} #topBox h4, #communitySearch h4 {padding: 8px 5px 7px 5px;} #communitySearch #usersearchform {margin-left: 5px; margin-bottom: 10px;} #twitterBox h4 a:hover, #flickrFeed h4 a:hover {color: #99AAAA;} #twitterBox h4 a .twitterProfilePic {margin: 0 8px;} /*hash cake*/ #tweetBox h4 {padding: 4px;} #twitterBox .posts, .tweet_odd, .tweet_even, .loader {font-size:11px;line-height:13px; color:#364040;} #twitterBox .posts a,.tweet_odd,.tweet_even, .loader {background-color: #B9C6C6; color:#364040; display: block; width: 289px; text-decoration: none; padding: 8px 8px 7px 8px; margin-bottom: 1px;border:none;} #twitterBox .posts a:hover {background-color: #9AA9A9;} tweet_avatar {margin: 0 5px 5px 0;} .tweet_avatar {display: inline-block;} .tweet_time {font-size: 10px; color: #677; position: absolute; top: 5px; left : 80px;} .tweet_text {position: absolute; top: 20px; left: 80px; width:217px;} .tweet_odd, .tweet_even {position: relative;} .tweet_list li {clear: left;} /* -------------------------------------------------------------------------------- wire_messages --------------------------------------------------------------------------------*/ #wire_messages {margin: 0 0 0 0; width: 305px;background-color:#D5DEDE; background-image:url(assets/images/boxsite/reg_btm.gif); background-repeat: no-repeat; background-position: left bottom; padding-bottom:8px; margin-bottom: 13px;} #wire_messages h4 {height: 20px; letter-spacing:-0.02em;padding: 12px 8px 1px 8px; border-bottom: 1px solid #EAF2F2; color: #FFF; vertical-align: top; font-size: 16px; display: block; text-decoration: none; background-image:url(assets/images/boxsite/h4_2col_reg.gif); background-repeat: no-repeat; background-position: top left; background-color: #667777;} #wire_messages .post {font-size:12px;line-height:16px; color:#364040; padding: 4px 8px 3px 8px; border-bottom: 1px solid #EAF2F2;} #wire_messages .post a {background-color: #B9C6C6; color:#364040; text-decoration: none; padding: 1px 2px; margin-bottom: 1px;border:none;} #wire_messages .post a:hover {background-color: #9AA9A9;} /* post box */ #wire {margin:0; width: 305px;background-color:#D5DEDE; background-image:url(assets/images/boxsite/reg_btm.gif); background-repeat: no-repeat; background-position: left bottom; padding-bottom:8px; margin-bottom: 13px;} #wire h4 {height: 30px; letter-spacing:-0.02em;padding: 12px 8px 1px 8px; border-bottom: 1px solid #EAF2F2; color: #FFF; vertical-align: top; font-size: 16px; display: block; text-decoration: none; background-image:url(assets/images/boxsite/h4_2col_reg.gif); background-repeat: no-repeat; background-position: top left; background-color: #667777;} #wire .post a {background-color: #B9C6C6; color:#364040; text-decoration: none; padding: 1px 2px; margin-bottom: 1px;border:none;} #wire .post a:hover {background-color: #9AA9A9;} #wire #wirepost {margin: 8px 16px;font-size:12px;line-height:16px; color:#364040; padding: 4px 8px 3px 8px; border-bottom: 1px solid #EAF2F2;} /* -------------------------------------------------------------------------------- Buttons --------------------------------------------------------------------------------*/ .button_1span {display: inline;} .button_1span a {width: 145px; height: 65px; background-color:#EAF2F2;display: block; margin: 0 15px 15px 0; float: left;} .button_1span.last a {margin-right: 0;} #login.button_1span a {text-indent:-2000px;background-image:url(assets/images/boxsite/login_btn.gif);} #logout.button_1span a {text-indent:-2000px;background-image:url(assets/images/boxsite/logout_btn.gif);} #profile.button_1span a {text-indent:-2000px;background-image:url(assets/images/boxsite/profile_btn.png);} #buytickets.button_1span a {text-indent:-2000px;background-image:url(assets/images/boxsite/buyTickets_btn.gif);} #feedback.button_1span a {text-indent:-2000px;background-image:url(assets/images/boxsite/feedbackBtn.png);} .button_2span a {width: 305px; height: 95px; background-color:#EAF2F2;display: block; margin: 0 0 15px 0; float: left; clear: both;} #brochuredl.button_2span a {text-indent:-2000px;background-image:url(assets/images/boxsite/fe10brochure.jpg);} #timetabledl.button_2span a {text-indent:-2000px;background-image:url(assets/images/boxsite/fe10timetable.jpg);} #shareButton h4 a {display: block; width: 289px; height: 22px; letter-spacing:-0.02em;padding: 12px 8px 0 8px; line-height: 20px; color: #FFF; vertical-align: top; font-size: 16px; display: block; text-decoration: none; background-image:url(assets/images/boxsite/h4_2col_reg.gif); background-repeat: no-repeat; background-position: top left; background-color: #667777;} #shareButton h4 a:hover {color: #99AAAA;} #shareButton h4 {width: 305px; padding-bottom: 7px;background: #667777 url(assets/images/boxsite/reg_btm.gif) bottom left no-repeat;} /* -------------------------------------------------------------------------------- Strands .Music #pageintro {border-color: #D70100;} .Art #pageintro {border-color: #FDA600;} --------------------------------------------------------------------------------*/ #strands {height: 208px; margin-left: 16px;} #strands h4 {font-size:12px; line-height:16px;border-bottom: 1px solid #FFF; padding: 8px 4px; color: #FFF; font-weight: bold; width: 137px; background:url(assets/images/boxsite/fe_corners1_top.png) no-repeat top left;} #strands h4 a {color: #FFF;} #strands .strand {cursor:pointer; background-image:url(assets/images/boxsite/fe_corners1_bottom.png); background-repeat: no-repeat; background-position: left bottom;display: block; width: 145px; height:193px; margin: 0 15px 15px 0; float:left;} #strands .strand .box {width: 145px; height: 145px} #strands .strand .caption {display: none; font-size: 11px; line-height: 11px;height: 137px; width:137px; padding: 4px; color:#FFF;} #strands .strand:hover .caption {display: block; background: url(assets/images/opacity80box.png);} #strands .art {background-color:#FDA600;} #strands .music {background-color:#D70100;} #strands .award,#strands .glonet,#strands .experience {background-color:#788;} #strands .conference, #strands .conference.glonet {background-color:#0093EB;} #strands .showcase {background-color:#4AC62D;} #strands .community {background-color:#993871;} #strands .art .box {background: url(assets/images/strands/art.jpg)} #strands .music .box {background: url(assets/images/strands/music.jpg)} #strands .conference .box {background: url(assets/images/strands/conference.jpg)} #strands .showcase .box {background: url(assets/images/strands/showcase.jpg)} #strands .award .box {background: url(assets/images/strands/award.jpg)} #strands .experience .box {background: url(assets/images/artThumbs/digitThumb.jpg)} #strands .community .box {background: url(assets/images/strands/community.jpg)} #strands .glonet .box {background: url(assets/images/strands/glonet.jpg)} /* -------------------------------------------------------------------------------- conference and art boxes --------------------------------------------------------------------------------*/ #strands .conference.glonet .box {background:url(assets/images/strands/glonet.jpg)} #strands .conference.imagineeverything .box {background:url(assets/images/strands/imagineeverything.jpg)} #strands .conference.city_experiment .box {background:url(assets/images/strands/city_experiment.jpg)} #strands .conference.open_data .box {background:url(assets/images/strands/open_data.jpg)} #strands .conference.infinite_bandwidth .box {background:url(assets/images/strands/infinite_bandwidth.jpg)} #strands .conference.free_events .box {background:url(assets/images/strands/free_events.jpg)} #strands .art.serendipity_city .box {background:url(assets/images/strands/serendipity_city.jpg)} #strands .art.urban_interventions .box {background:url(assets/images/strands/urban_interventions.jpg)} #strands .art.art_expanded .box {background:url(assets/images/strands/art_expanded.jpg)} #strands .art.playeverything .box {background:url(assets/images/strands/playeverything.jpg)} #strands .art.share_me .box {background:url(assets/images/strands/share_me.jpg)} #strands .art.partner_exhibitions .box {background:url(assets/images/strands/partner_exhibitions.jpg)} /* -------------------------------------------------------------------------------- grid stuff --------------------------------------------------------------------------------*/ .column_2span {width: 321px;padding-bottom:15px;} #ticketBox table { width: 285px; margin-left: 5px;} /* -------------------------------------------------------------------------------- Event Aggregation --------------------------------------------------------------------------------*/ ul.eventagg {} li.eventaggitem {float:left;list-style:none;width:609px;clear:both;margin-bottom:15px;padding:8px 8px 9px 8px;background:url(assets/images/boxsite/bkg_eventaggitem.png) no-repeat;font-size:12px;font-weight:normal; height: 96px; overflow:hidden;} li.eventaggitem .image {float:left;} li.eventaggitem .image img {width:64px;} li.eventaggitem .title {float:left;width:330px;margin-left:10px;font-size:12px; height:88px;} li.eventaggitem.news .title {width: 480px;} li.eventaggitem .title a {font-weight: bold;} .eventaggitem .introtext {font-size: 12px; line-height: 16px; height: 64px;} .eventaggitem .themes {clear: both; display: block; font-weight:bold; text-align:right; color: #566;} .themes .art {margin-left: 15px;} li.eventaggitem .title a:hover {text-decoration:underline;} li.eventaggitem .date {float:left;width:95px;margin-left:10px; height:88px;} li.eventaggitem .venue {float:left;width:65px;margin-left:10px height:88px;} /* -------------------------------------------------------------------------------- Modal Popup --------------------------------------------------------------------------------*/ .jqmWindow {display:none;position:fixed; top:17%; left:50%; width:380px;height:180px; background:url(assets/images/login/logbox.png); margin-left:-250px;color:#333;} .jqmOverlay {background-color:#000;} .jqmClose {position:absolute;color:#fff; text-indent: -2000px; background-image:url(assets/images/login/logclosebtn.gif); width: 10px; height: 10px;} * iframe.jqm {position:absolute;top:0;left:0;z-index:-1;width:expression(this.parentNode.offsetWidth+'px');height:expression(this.parentNode.offsetHeight+'px')} * html .jqmWindow{position:absolute; top:expression((document.documentElement.scrollTop || document.body.scrollTop)+Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100)+'px')} /* -------------------------------------------------------------------------------- fixes... tidy up --------------------------------------------------------------------------------*/ #ticketInfo {width: 593px;padding: 16px 0; font-size: 12px; line-height: 16px; background:#D5DEDE; margin-bottom: 15px;} .Music #ticketInfo {width: 300px;} .Music #ticketInfo h2 {padding: 0 8px 0 8px;margin-bottom: 15px;} #ticketInfo p {padding: 0 8px 0 8px;margin-bottom: 15px;} #ticketInfo table.tbEventInfo {width: 540px; margin-bottom: 16px;} .eventImg {padding-right: 32px;} .eventTimes {display:none;} .tktRow {padding-bottom: 8px;} #ticketInfo table td {vertical-align:top;} .eventName {padding-top: 16px;} th {text-align: left;} .booknowbtn p {text-indent:-2000px;} .booknowbtn p a {padding: 0;background-position: top left;display: block;background-image: url(assets/images/FEbuytickets.gif);background-color: #FFF;background-repeat: no-repeat;width: 125px;height: 63px;} .booknowbtn p a:hover {background-position: bottom left;} .imagebox, .promobox {margin-bottom: 15px; width: 305px; font-size: 12px; line-height: 16px; background:#D5DEDE; margin-bottom: 15px;} .home .promobox {padding-bottom: 2px;} .home .promobox p { padding: 5px; margin-bottom: 16px;} #tabs #social {text-transform: uppercase; font-weight: bold; color: #ABB; position: absolute; left: 428px; padding-top: 3px; font-size:11px; height: 17px; background-color: #667777; width: 516px; padding: 0 0 0 16px;} #social #tablogin {width: 80px; display: inline-block; float: left; padding: 6px;} #newsletter #signup {width: 350px; float: right;} #newsletter .textinput {height: 12px;} #newsletter .submit {border: 1px solid #FFF; cursor: pointer; font-family: Helvetica, Arial, sans-serif; font-size: 11px; text-transform: uppercase; font-weight: bold;} #tabs #social a {color: #FFF;} .fullwidth {margin-left: 16px; width: 640px;} body #wrapper .twocol_middle .person .name,body #wrapper .fullwidth .person .name {font-size: 12px; float: left; width:145px;} body #wrapper .twocol_middle {width:321px;} #tabs .promobanner {font-size: 13px; letter-spacing: -0.025em; float:left; height:16px; padding: 4px 8px; background-color:#667777;width: 401px;} #tabs .promobanner a {color: #FFF;} .stream .fullwidth {height: 321px; width: 945px; padding: 0 0 0 0; margin-bottom:15px;} .stream .fullwidth .streamcast {float: left; background-color:#FFF; width: 401px;} .stream .fullwidth .chatframe {float: right; background-color:#FFF;} .community .fullwidth {float: left;} #wlpeUser p {vertical-align: top;} #wlpeUserProfileInput label {width: 150px; display: inline-block;} #wlpeUserProfilePhotoImg {margin-left: 150px;} .jotform {margin-left: 10px;}