/*================================================== M A I N S T Y L E S * Last Updated : 2009/06/22 * Author : www.ultrasupernew.com * RB red : #dd123c ==================================================*/ @import 'lib/reset.css'; @import 'lib/utilities.css'; @import 'replaced.css'; /*================================================== L A Y O U T Basic page layout ==================================================*/ body { background: #dd123c; font: 10px/160% Helvetica, Arial, sans-serif; text-align: center; color: #fff;} #block-login div.block-login-in{text-align: left; width:960px; margin:0 auto;} #page { border-top:5px solid #dd123c; background: #000 url(/images/main/head-bg.jpg) repeat-x center top;} #header { text-align: left; width:960px; margin:0 auto;} #contents { text-align: left; width:960px; margin:0 auto;} #main-contents { display:inline; float:right; width:720px; margin-top:20px;} #sub-contents { display:inline; float:left; width:240px; margin-top:20px;} #footer {} #footer div.footer-in {text-align: left; width:960px; margin:0 auto;} /*================================================== C O M M O N E L E M E N T S Main HTML elements ==================================================*/ h1 {} h2 { font-size: 1.6em; font-weight: bold; color:#fff; margin:0 10px 0 10px;} h3 {font-size: 1.8em; font-weight: bold; color:#fff; margin: 0 10px 10px 10px;} #accordion h3 {background: url(/images/faq-puce.gif) no-repeat 0 center; cursor:pointer; padding-left:26px;} li, p, td, th, dd, dt, label, legend { } p { margin-bottom: 1em; } a:link { color: #dd123c; text-decoration: none;} a:visited {color: #dd123c; text-decoration: none; } a:hover { text-decoration: underline; } a:active {color: #dd123c; text-decoration: none; } .alignright {text-align:right;} label {cursor: pointer;} /* ie 6 */ div#old-ie {background: #000; padding:0 0 5px 0; color:#fff; font-size:1.2em;} div#old-ie a{color:#fff; text-decoration: underline;} /*================================================== H E A D ==================================================*/ div#header {} div#header h1 {} div#header h1 span.logoie6 {display: none;} /* div#header h1 a {text-indent:-999em; float:left; width:461px; height:175px; background: url(/images/main/head-logo.png) no-repeat 0 0; margin:-15px 0 0 10px;} */ div#header h1 a {text-indent:-999em; float:left; width:326px; height:136px; background: url(/images/main/head-logo-04.gif) no-repeat 0 0; margin-top:10px;} /* log in block */ div#header ul#block-login {float:right; margin:-5px 10px 0 0;} div#header ul#block-login li {display:inline;} div#header ul#block-login li a {display:inline; float:left; height:61px; text-indent:-999em; } div#header ul#block-login li.link-register a { width:111px; background: url(/images/main/but-register.gif) no-repeat 0 0; cursor:pointer;} div#header ul#block-login li.link-register a:hover { background: url(/images/main/but-register.gif) no-repeat 0 -62px; cursor:pointer;} div#header ul#block-login li.link-login a { width:81px; background: url(/images/main/but-login.gif) no-repeat 0 0; cursor:pointer;} div#header ul#block-login li.link-login a:hover { width:81px; background: url(/images/main/but-login.gif) no-repeat 0 -62px; cursor:pointer;} div#block-loginform {display:none; background: #dd123c;} div#block-loginform form.login-form {text-align: center; width:960px; margin:0 auto; padding:20px 0; font-size:1.2em;} /* logged in block */ div#header ul#block-logged {float:right; margin:-5px 10px 0 0;} div#header ul#block-logged li.block-username {display:inline; float:left; height:61px; background: url(/images/main/loggedin.gif) no-repeat 0 0;} div#header ul#block-logged li.block-username span.inner {font-size: 1.2em; display:block; padding:23px 10px 10px 20px;} div#header ul#block-logged li.block-username span.inner a {color:#000; text-decoration: underline;} div#header ul#block-logged li.link-logout {display:inline;} div#header ul#block-logged li.link-logout a{ display:inline; float:left; height:61px; text-indent:-999em; width:96px; background: url(/images/main/but-logout.gif) no-repeat 0 0; cursor:pointer;} div#header ul#block-logged li.link-logout a:hover{ background: url(/images/main/but-logout.gif) no-repeat 0 -62px; cursor:pointer;} /* head login block */ div#block-login {text-align: left; width:960px; margin:0 auto; padding:5px 0 10px 0;} div#block-login form.loginForm {text-align: center;} div#block-login form.loginForm div {display:inline; vertical-align: middle;} div#block-login form.loginForm div label {font-weight: bold; vertical-align: middle; padding-right:5px;} div#block-login form.loginForm div input {margin-right:10px; padding:5px 7px; border:1px solid #dd123c;} div#block-login form.loginForm div.text input {border-top:1px solid #000; border-left:1px solid #000; width:100px;} div#block-login form.loginForm div.submit input {background: #000; color:#fff; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:0; font-weight: bold; cursor: pointer;} /*================================================== M A I N C O N T E N T S ==================================================*/ /* main contents */ #main-contents {} #main-contents a.link-rss {float:right; margin-right:10px;} #main-contents div.main-block {padding:20px 0 0 0;} /* main crowdcast */ ul#crowdcast li {display:inline; float:left; width:220px; height:220px; margin:0 10px 0 10px; position: relative; padding-bottom:20px; z-index: 1;} ul#crowdcast li img.crowtmb {display:block; width:220px; height:220px; position: absolute; z-index: 40;} ul#crowdcast li.image-post div.text-content {display:none;} ul#crowdcast li.text-only-post div.text-content {display:block; width:220px; height:220px; position: absolute; z-index: 40; overflow: hidden; background: #111; color:#686868;} ul#crowdcast li.text-only-post div.text-content span.margin {display:block; padding:10px; font-size:3em; line-height: 1.2em;} ul#crowdcast li div.overlink {display:block; width:220px; height:220px; position: absolute; z-index: 50; } ul#crowdcast li div.overlink a { position:relative; display:block; width:220px; height:220px; background: url(/images/main/tmb-mask-sp.png) no-repeat 0 0; cursor:pointer; zoom:1;} ul#crowdcast li div.overlink a:hover {text-decoration:none; background: url(/images/main/tmb-mask-sp.png) no-repeat 0 -220px; zoom:1;} ul#crowdcast li div.cast-meta {display:block; width:210px; height:20px; position: absolute; left:5px; top:195px; z-index: 60; background: url(/images/main/tmb-meta-bg.png) no-repeat 0 0; font-size:1.1em;} ul#crowdcast li div.cast-meta span.cast-date {display:block; position:absolute; top:0; left:0; padding:3px 0 0 4px; } ul#crowdcast li div.cast-meta span.cast-author {display:block; padding:3px 4px 0 0; position:absolute; top:0; right:0;} ul#crowdcast li div.cast-wing {width:56px; height:23px; position: absolute; z-index: 70; right:5px; top:5px;} ul#crowdcast li div.cast-wing a {display:block; width:56px; height:19px; text-align:center; color:#fff; background: url(/images/main/wings-02.png) no-repeat 0 0; padding:4px 0 0 0; font-size: 10px;} ul#crowdcast li div.cast-wing a:hover {background: url(/images/main/wings-02.png) no-repeat 0 -23px; text-decoration:none;} ul#crowdcast li div.cast-rotate {position: absolute; z-index: 970; left:5px; top:5px;} ul#crowdcast li div.cast-rotate a {display: block; float: left;} ul#crowdcast li div.cast-rotate a.left {width: 16px; height: 16px; text-indent: -99999px; background: url(/images/main/arrow_rotate_anticlockwise.png)} ul#crowdcast li div.cast-rotate a.right {width: 16px; height: 16px; text-indent: -99999px; background: url(/images/main/arrow_rotate_clockwise.png)} /* pagination */ div#pagination { padding-bottom:20px; text-align:center; color:#999; font-size:1.2em; line-height: 1.4em;} div#pagination div.pagination-prev {display:inline; float:left; margin-left:10px;} div#pagination div.pagination-next {display:inline; float:right; margin-right:10px;} div#pagination span.which-page strong {color:#fff; font-weight: bold;} div#pagination a.first-page {display:inline; float:left; text-indent: -999em; height:20px; width:32px; margin-right: 10px; background: url(/images/main/page-sprites.gif) no-repeat 0 -20px;} div#pagination span.first-page {display:inline; float:left; text-indent: -999em; height:20px; width:32px; margin-right: 10px; background: url(/images/main/page-sprites.gif) no-repeat 0 0;} div#pagination a.prev-page {display:inline; float:left; text-indent: -999em; height:20px; width:19px; background: url(/images/main/page-sprites.gif) no-repeat -32px -20px;} div#pagination span.prev-page {display:inline; float:left; text-indent: -999em; height:20px; width:19px; background: url(/images/main/page-sprites.gif) no-repeat -32px 0;} div#pagination a.next-page {display:inline; float:left; text-indent: -999em; height:20px; width:19px; background: url(/images/main/page-sprites.gif) no-repeat -51px -20px;} div#pagination span.next-page {display:inline; float:left; text-indent: -999em; height:20px; width:19px; background: url(/images/main/page-sprites.gif) no-repeat -51px 0;} div#pagination a.last-page {display:inline; float:left; text-indent: -999em; height:20px; width:32px; margin-left: 10px; background: url(/images/main/page-sprites.gif) no-repeat -70px -20px;} div#pagination span.last-page {display:inline; float:left; text-indent: -999em; height:20px; width:32px; margin-left: 10px; background: url(/images/main/page-sprites.gif) no-repeat -70px 0;} /* generic form (registration, profile management, etc.) */ #main-contents form.form-common {margin:0 10px; padding-bottom:20px;} #main-contents form.form-common div.text, #main-contents form.form-common div.readonly, #main-contents form.form-common div.textarea {background: url(/images/main/dotted-1.gif) repeat-x 0 bottom; padding:10px 0;} #main-contents form.form-common div.text input {display:block; margin-left:140px; width:300px; border:0; padding:5px 7px; font-size:1.2em; line-height: 1.4em; background: #333; color:#fff; border:1px solid #000; border-bottom:1px solid #666; border-right:1px solid #666;} #main-contents form.form-common div label {display: inline; float:left; width:120px; font-size:1.2em; line-height: 1.4em;} #main-contents form.form-common div span.readonly-title {display: inline; float:left; width:120px; font-size:1.2em; line-height: 1.4em;} #main-contents form.form-common div.submit {padding:0;} #main-contents form.form-common div.submit input {background: #dd123c; color:#fff; padding:7px 10px; font-size:1.8em; line-height: 1.4em; font-weight: bold; border:0; margin-left:140px; border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} #main-contents form.form-common div span.readonly-content {display:block; margin-left:140px; font-size:1.2em; line-height: 1.4em; font-weight: bold;} #main-contents form.form-common ul.error_list {margin-left:140px; font-size:1.2em; line-height: 1.4em; padding-top:5px;} #main-contents form.form-common ul.error_list li{background: url(/images/main/icon-warning.gif) no-repeat 0 50%; padding-left:19px;} #main-contents form.form-common p.explanation {margin-left:140px; font-size:1.2em; line-height: 1.4em; padding-top:10px; width:300px;} #main-contents form.form-common div.last {padding-top:10px;} #main-contents form.form-common div.textarea textarea {display:block; margin-left:140px; width:300px; border:0; padding:5px 7px; font-size:1.2em; line-height: 1.4em; background: #333; color:#fff; border:1px solid #000; border-bottom:1px solid #666; border-right:1px solid #666; height:180px; font-family: Helvetica, Arial, sans-serif;} /* */ div.pic-holder-04 {position: relative} div.cast-rotate {position: absolute; z-index: 970; left:5px; top:5px; width: 100%;} div.cast-rotate a {display: block;} div.pic-holder-04 a.left {width: 16px; height: 16px; text-indent: -99999px; background: url(/images/main/arrow_rotate_anticlockwise.png);position: absolute; z-index: 970; left:15px; top:5px;} div.pic-holder-04 a.right {width: 16px; height: 16px; text-indent: -99999px; background: url(/images/main/arrow_rotate_clockwise.png); position: absolute; z-index: 970; right:15px; top:5px; } /* sub-contents */ div#sub-contents div.sub-block p {font-size:1.2em; line-height: 1.4em; margin:0 10px 0 10px; padding-bottom:20px;} div#sub-contents div.sub-block p a.link-details {display:block; margin-top:5px; text-align: right; background: url(/images/main/sml-arrow-red-r.gif) no-repeat right 50%; padding-right:20px;} div#sub-contents img.qr-code-action {display:block; margin:0 10px 20px 10px;} /* current events */ ul#current-events {margin:0 10px 20px 10px;} ul#current-events li {display:inline;} ul#current-events li a {display:block; color:#fff; background: url(/images/main/event-current-bg-bot.gif) no-repeat 0 bottom; margin-bottom:10px; cursor:pointer;} ul#current-events li a span.link-inner {display:block; padding:10px 50px 10px 10px; background: url(/images/main/event-current-bg-top.gif) no-repeat 0 0; min-width:0; zoom:1;} ul#current-events li a:hover {background: url(/images/main/event-current-bg-ovr-bot.gif) no-repeat 0 bottom; text-decoration: none;} ul#current-events li a:hover span.link-inner {background: url(/images/main/event-current-bg-ovr-top.gif) no-repeat 0 0;} ul#current-events li a span.event-name {display:block; font-weight:bold; font-size: 1.8em;} ul#current-events li a span.event-enddate {display:block; color:#000;} /* upcoming events */ ul#upcoming-events {margin:0 10px 20px 10px;} ul#upcoming-events li {padding:10px 0; margin-bottom:10px; font-size:1.2em; line-height: 1.4em; background: url(/images/main/dotted-1.gif) repeat-x 0 bottom;} ul#upcoming-events li span.event-date {display:block; color:#666;} ul#upcoming-events li span.event-name {display:block; color:#fff; font-weight: bold;} /* event page */ div#sub-contents h2.event-name {font-size:3em; text-transform: uppercase; margin:5px 10px 5px 10px; line-height: 0.8em; letter-spacing: -0.05em;} div#qr-block {background: url(/images/main/event-current-bg-bot.gif) repeat-x 0 bottom; margin:0 10px 20px 10px; width:220px;} div#qr-block p a {color:#fff; text-decoration: underline;} div#qr-block p.smaller {font-size:10px; line-height:14px; margin-top:-10px;} div#sub-contents div.qr-holder {position:relative;display:block; width:200px; height:200px;} div#sub-contents div.qr-holder img.qr-code-action {position:absolute; display:block; width:200px; height:200px; top:0;} div#sub-contents div.qr-holder span.mask {position:absolute; display:block; width:200px; height:200px; top:0; background: url(/images/main/qrcode-blk-mask.png) no-repeat 0 0; left:10px;} div#sub-contents p {margin:0 10px; font-size: 1.2em; line-height: 1.4em; padding:10px 0;} div#qr-block a.send-item {text-indent:-999em; background: url(/images/main/send-item-button.gif) no-repeat 0 0; height:40px; width:200px; display:block; margin-top:10px;} div#qr-block a.send-item:hover {background: url(/images/main/send-item-button.gif) no-repeat 0 -40px;} div#event-meta span.event-date {display:block; margin:0 10px 20px 10px; font-size:1.2em; color:#666;} div#event-meta img {display:block; margin:0 10px 0px 10px; font-size:1.2em; color:#666;} div#event-meta p a {display:block; margin:0 10px 0px 0px; font-size:1.2em; color:#666; text-align:center;} div#sub-contents div.qr-explain p {padding-top:0;} /* user page */ #user-block {margin:-20px 10px 20px 10px; font-size:2em; line-height:1.4em; font-weight: bold;} #user-block strong {color:#b5e3fa;} /* permalink page */ div#cast-item h2.cast-title {font-size: 3em; text-transform: uppercase;margin-top: 5px; line-height: 0.8em; letter-spacing: -0.05em;} div#cast-item h2.cast-title-comment {font-size: 3em; text-transform: uppercase;margin-top: 25px; margin-bottom: 20px; line-height: 0.8em; letter-spacing: -0.05em;} div#cast-item span.cast-date {margin:5px 10px 20px 10px; line-height: 1.4em; font-size:1.2em; color: #666; display:block; } div#cast-item div#cast-main {display:inline; float:left; width:480px;} div#cast-item div#cast-meta {display:inline; float:right; width:240px;} div#cast-item div#cast-meta div.cast-event {margin:0 10px 10px 10px; line-height:1.4em; font-size: 1.2em; background: url(/images/main/dotted-1.gif) repeat-x 0 bottom; padding-bottom:10px;} div#cast-item div#cast-meta div.cast-other {margin:0 10px 10px 10px; line-height:1.4em; font-size: 1.2em; background: url(/images/main/dotted-1.gif) repeat-x 0 bottom; padding-bottom:0px;} div#cast-item div#cast-meta div.cast-other div.cast-rotate a {display:block; float: left;} div#cast-item div#cast-meta div.cast-other div.cast-rotate a.left {width: 16px; height: 16px; text-indent: -99999px; background: url(/images/main/arrow_rotate_anticlockwise.png)} div#cast-item div#cast-meta div.cast-other div.cast-rotate a.right {width: 16px; height: 16px; text-indent: -99999px; background: url(/images/main/arrow_rotate_clockwise.png)} div#cast-item div#cast-meta div.cast-other p {padding-left: 75px;} div#cast-item div#cast-meta div.cast-wing-big {margin:0 10px 10px 10px; line-height:1.4em; font-size: 1.2em; background: url(/images/main/dotted-1.gif) repeat-x 0 bottom; } div#cast-item div#cast-meta div.cast-wing-big a.wingie {display:inline; float:left; width:60px; height:24px; background: url(/images/main/wings-big.gif) no-repeat 0 0; margin-top:5px; text-align: center; padding-top:8px;} div#cast-item div#cast-meta div.cast-wing-big a.wingie:hover {background: url(/images/main/wings-big.gif) no-repeat 0 -32px; text-decoration: none; color:#fff;} div#cast-item div#cast-meta div.cast-wing-big p {margin-left:70px;} div#cast-item div#cast-meta div.cast-license {margin:0 10px 10px 10px; line-height:1.4em; font-size: 1.2em; padding-bottom:10px; background: url(/images/main/dotted-1.gif) repeat-x 0 bottom;} div#cast-item div#cast-meta div.cast-license a {background: url(/images/main/logo-cc2-small.gif) no-repeat 0 50%; height:21px; display:block; padding:5px 0 0 63px;} div#cast-item div#cast-meta div.cast-pagination { margin:0 10px 10px 10px; background: url(/images/main/pager-small-bg.gif) no-repeat 0 0; height:105px; } div#cast-item div#cast-meta div.cast-pagination a.link-prev {display:inline; float:left; width:109px; height:105px; position:relative;} div#cast-item div#cast-meta div.cast-pagination a.link-next {display:inline; float:right; width:109px; height:105px; position:relative;} div#cast-item div#cast-meta div.cast-pagination a img {display:block; width:65px; height:65px;} div#cast-item div#cast-meta div.cast-pagination a.link-prev span.arrow {display: block; position:absolute; width:14px; height:16px; background: url(/images/main/pager-arrow-l.gif) no-repeat 0 0; left:10px; top:45px; text-indent: -999em;} div#cast-item div#cast-meta div.cast-pagination a.link-prev:hover span.arrow {background: url(/images/main/pager-arrow-l.gif) no-repeat 0 -16px;} div#cast-item div#cast-meta div.cast-pagination a.link-next span.arrow {display: block; position:absolute; width:14px; height:16px; background: url(/images/main/pager-arrow-r.gif) no-repeat 0 0; right:10px; top:45px; text-indent: -999em;} div#cast-item div#cast-meta div.cast-pagination a.link-next:hover span.arrow {background: url(/images/main/pager-arrow-r.gif) no-repeat 0 -16px;} div#cast-item div#cast-meta div.cast-pagination a.link-prev img {margin:20px 0 0 30px;} div#cast-item div#cast-meta div.cast-pagination a.link-next img {margin:20px 0 0 14px;} div#cast-item img.cast-image {display:block; margin:0 10px;} div#cast-item div#pic-holder-01 {width:500px; background: url(/images/main/perma-angle-tl.png) no-repeat 0 0;} div#cast-item p.cast-body {margin:20px 10px; line-height: 1.4em; font-size:3em; color:#666;} /* comment form */ div#post-comments {} div#post-comments p.explain {margin:20px 10px; line-height:1.4em; font-size: 1.2em; } ul#comment-list {margin:0 10px;} ul#comment-list li {margin-bottom:20px; background: #474747 url(/images/main/comment-bg-top.gif) no-repeat 0 0; padding-top: 20px;} ul#comment-list li div.comment-author { line-height:1.4em; font-size: 1.4em; color:#959595;} ul#comment-list li div.comment-author span.author-name {display:inline; float:left; width:auto; margin-left: 10px;} ul#comment-list li div.comment-author span.author-date {display:inline; float:left; width:auto; margin-left: 5px;} ul#comment-list div.comment-body {background: #373737 url(/images/main/comment-bg-bot.gif) no-repeat 0 bottom;} ul#comment-list div.comment-body div.comment-body-inner {display:block; padding:10px 20px 10px 20px; line-height:1.4em; font-size: 1.4em;} div#post-comments form#comment-form {margin:40px 10px 20px 10px ;} div#post-comments form#comment-form label {line-height:1.4em; font-size: 1.2em; font-weight: bold; padding-bottom:5px;} div#post-comments form#comment-form textarea {display:block; width:449px; border:1px solid #000; height:100px; line-height:1.4em; font-size: 1.2em; font-family: Helvetica, Arial, sans-serif;border-bottom:1px solid #666; border-right:1px solid #666;background: #333; color:#fff; padding:5px;} div#post-comments form#comment-form div.submit input {background: #dd123c; color:#fff; padding:7px 0; width:100%; font-size:1.4em; line-height: 1.4em; font-weight: bold; border:0; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top:5px; cursor: pointer;} /* single column page (logout...) */ div#single {text-align: center; padding:40px 0;} div#single p {font-size:1.4em; line-height: 1.4em;} /* simple form (centered) */ #contents form.form-simple div {padding:5px 0;} #contents form.form-simple div.text input {width:300px; border:0; padding:5px 7px; font-size:1.2em; line-height: 1.4em; background: #333; color:#fff; border:1px solid #000; border-bottom:1px solid #666; border-right:1px solid #666;} #contents form.form-simple div.text label {font-size:1.2em; line-height: 1.4em; padding-right:10px;} #contents form.form-simple div.submit input {background: #dd123c; color:#fff; padding:7px 10px; font-size:1.8em; line-height: 1.4em; font-weight: bold; border:0; border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} /* static pages */ #contents div.simple h2 {margin-bottom:10px; font-size:2em; line-height:1.4em;} #contents div.simple h3 {margin-bottom:10px; font-size:1.6em; line-height:1.4em;} #contents div.simple h4 {margin:0 10px; margin-bottom:8px; font-size:1.4em; line-height:1.4em; color:#999;} #contents div.simple p {margin:0 10px 10px 10px; line-height: 1.4em; font-size: 1.4em;} #contents div.simple ol {margin:0 10px 10px 10px;} #contents div.simple ol li {margin-bottom:5px; font-size:1.4em; line-height:1.4em;} ol#about-list li {display:block; text-indent: -999em; margin:0 10px 10px 0;} ol#about-list li.about-01 {background: url(/images/main/about-step01.gif) no-repeat 0 0; height:108px;} ol#about-list li.about-02 {background: url(/images/main/about-step02.gif) no-repeat 0 0; height:109px;} ol#about-list li.about-03 {background: url(/images/main/about-step03.gif) no-repeat 0 0; height:118px;} ol#about-list li.about-04 {background: url(/images/main/about-step04.gif) no-repeat 0 0; height:100px;} ol#about-list li.about-05 {background: url(/images/main/about-step05.gif) no-repeat 0 0; height:113px;} ol#about-list li.about-06 {background: url(/images/main/about-step06.gif) no-repeat 0 0; height:102px;} #contents div.simple p.disclaimer {font-size:12px;} /* past events */ div#sub-contents select {margin:10px 10px 0 10px; border:0; padding:3px 5px; font-size:1.2em; line-height: 1.2em; width:180px;} div#sub-contents input.submit { background: #dd123c; color:#fff; padding:3px 5px; font-size:1.2em; line-height: 1.2em; font-weight: bold; border:0; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} /*================================================== F O O T E R ==================================================*/ div#footer { margin-top:40px; background: #dd123c url(/images/main/footer-bg.gif) repeat-x center top; padding:20px 0 200px 0;} div#footer a {color:#fff;} div#footer p {font-size:1.2em; line-height:1.4em;} div#footer p span.spacer {color:#563239; padding:0 3px; font-size:0.9em; vertical-align: middle;} div#footer p.legal {float:left;} div#footer p.top-link {float:right;}