/* ---------------------------------------------------------- PLAYING FOR CHANGE Managed by: Blue State Digital Last Update: November 2008 TABLE OF CONTENT 01 - GLOBAL BROWSER RESET 02 - COMMON STYLE 03 - STRUCTURE 04 - HOMEPAGE ELEMENTS 05 - SUBPAGE ELEMENTS 06 - UTILITY ---------------------------------------------------------- */ /* @group 01 - GLOBAL BROWSER RESET */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; } ol,ul { list-style: none; } caption,th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } q:before,q:after { content: ''; } abbr,acronym { border: 0; } iframe { border: 0;} /* @end */ /* @group 02 - COMMON STYLE */ body{ font-size: 75%; color: #655840; font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;} p { color:#655840; font-size: 1em; line-height: 1.5em; } h1 { color: #862823; margin: 5px 0 10px 3px; font: small-caps 2em Times, "Times New Roman", Georgia, serif; } h2 {color:#40341c; font-size:1.2em;margin:0} h4 {color: #40341c;font-size:1.2em;} h5 {color:#862823;font-size:.9em;font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;width: 208px;float:left;} img { border: 0; } /* @end */ /* @group 03 - STRUCTURE */ body{background-color: #000; margin: 0; padding: 0;} #container{ width: 880px; margin:0 auto; background: url(/page/-/images/bg.jpg) no-repeat; height: auto; } #header{width: 880px; height: 149px; background: url(/page/-/images/header.png) no-repeat;text-indent:-9999px; } #header a{display:block;float:left; width: 295px; height: 110px; margin-left: 300px; margin-top: 20px;} #content{height: 381px; width: 880px; background: url(/page/-/images/content_bg.jpg) no-repeat;} #content-fw{height: 892px; width: 880px; background: url(/page/-/images/fw_bg.jpg) no-repeat;} #main{float:left;background-color: #e7e2d0; width: 610px; padding: 10px; height: 305px; margin: 25px 0 0 20px; } #main-fw{float:left;background-color: #e7e2d0; width: 600px; padding: 10px; height: 800px; margin: 25px 0 0 25px;} #nav{float: left;height: 128px;text-decoration:none; width: 199px; margin: 40px 0 0 10px;} #nav h4{margin-left: 15px; margin-bottom: 0; margin-top: 5px;background:url(/page/-/images/nav_title.png) no-repeat;text-indent:-9999px;height: 42px; width: 183px;} ul#nav{ float: left;width: 175px; margin: 10px 0 0 25px; padding-left: 0; list-style-type: disc;color:#e7d8be; font: small-caps bold 1.25em Times, "Times New Roman", Georgia; } ul#nav a{ text-decoration:none;color: #e7d8be;} #nav li {margin: 5px 0 0;} #nav li a:hover {color:#862823;} #nav .quick-signup{float:left;margin-left: 15px;margin-top: 16px;width: 165px;} #nav .quick-signup h3 {background:url(/page/-/images/quick_signup.png) no-repeat;text-indent:-9999px;height: 18px; margin-bottom: 5px;} #nav .quick-signup input{margin-bottom: 5px; } /* @end */ /* @group 04 - HOMEPAGE ELEMENTS */ #home h1{font-size:1.2em} #home .description{float:left;width:220px;margin-top:0px;} #content #home .description p {width:220px;} #home .join a, #home .donate a { width: 180px; height: 20px; display: block; margin-top: 10px; text-indent: -9999px; } #home .join a{ background:url(/page/-/images/join_button.png) no-repeat; } #home .join a:hover{ background:url(/page/-/images/join_hover.png) no-repeat;} #home .donate a{ background:url(/page/-/images/donate_here_button.png) no-repeat; } #home .donate a:hover{ background:url(/page/-/images/donate_hover.png) no-repeat; } #home .video object{ float: right; display: inline; margin-top: 15px;margin-right: 5px;} #main h2{background:url(/page/-/images/playing_title.png) no-repeat;text-indent:-9999px; height: 20px;} #home h1.home-title{background:url(/page/-/images/home_title.png) no-repeat;text-indent:-9999px;height: 18px;} #home .watch img { margin: 6px 0 6px 13px;} /* @end */ /* @group 05 - SUBPAGE ELEMENTS */ #content #main .scroll {overflow:auto; height: 200px; width: 375px;float: left;margin-left: 3px; padding-right: 15px;} #content #main .scroll ul {float: left; margin: 10px 0 0 15px; padding-left: 10px; list-style-type: disc;color:#655840; font: 1em/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;} #content #main .scroll li { margin: 5px 0;} #rotator { width: 200px; height: 145px; overflow: hidden;} #rotator img{ width: 175px; margin-left: 25px; margin-top: 15px; } #main .images{display: block; width: 146px; height: 79px;} label.field, #signup span { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;color:#655840; } form#signup { width: 355px; margin: 0 125px;} #signup #email, #signup #firstname, #signup #lastname, #signup #zip, #signup #phone { margin: 5px 0 15px; padding: 2px; font-size: .9em; } #signup #email { width: 350px; } #signup #firstname { width: 150px; margin-right: 15px; } #signup #country { margin: 5px 0 15px;} #donate p { text-align:center; margin-top: 15px; margin-bottom: 5px;} #donate input{margin-left: 183px;} #donate h2{ text-align:center;margin-left: 155px;} #donate .mail p{height: auto; margin-top: 0; margin-bottom: 10px;} #video object{ float: right; display: inline; margin-top: 35px; margin-right: 5px;} #video h2{background:url(/page/-/images/imeneme_title.png) no-repeat;text-indent:-9999px; height: 20px; } /* @end */ /* @group 06 - UTILITY */ #content .no-margin { margin: 0; padding: 0;} .floatl {float: left; margin: 0; padding: 0 10px 10px 0;} .floatr {float: right; margin: 0; padding: 0 0 10px 10px;} .floatl-nomargin { float: left; margin: 0; padding: 0;} .floatr-nomargin { float: right; margin: 0; padding: 0;} .whitespace {margin: 0; padding: 0; width: 740px; background: #fff; height: 10px; clear: both;} .clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;} .editThis {margin: 0; background: transparent !important; text-align: right;} .editThis a {margin: 0; display: inline !important; padding: 0 !important; background: transparent !important;} p + div.editThis {margin-top: -12px;} div#editComments {text-align: left; margin-top: -12px; margin-bottom: 12px;} .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ /* @end */