/** JMD additions - 12-01-2009 **/ #video-title a {color:#454545; } #video-title a:hover {color:#A90050; } #container_header {height:52px; } #form_newsletter {width:258px; height:181px; background-color:#fff; display:none; padding:15px; } #form_newsletter label {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#a90050; width:90px; display:inline-block; } #form_newsletter .textBox {width:140px; height:18px; border-top:solid 1px #ddd; border-left:solid 1px #aaa; border-right:solid 1px #aaa; border-bottom:solid 1px #888; } #form_newsletter form {margin-top:20px; } #form_newsletter_buttons {margin-top:30px; } #form_newsletter_buttons input {display:block; float:left; } #form_newsletter_buttons span {display:block; float:right; margin-right:20px; } #thankyou_newsletter {width:200px; height:100px; padding:15px; background-color:#fff; display:none; } #thankyou_newsletter .header {display:block; margin-bottom:20px; } #thankyou_newsletter p {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#a90050; } #thankyou_newsletter .btnClose {margin:auto; display:block; margin-top:20px; } .hdr_icon {display:block; float:left; } .hdr_title {display:block; float:left; margin-left:10px; } .clear {clear:both; } .newsletter_field {margin-bottom:4px; } /* Page: Cincinnati Public Schools Author: Jason Webb (HSR) Date: 10-21-2009 */ * {margin: 0; padding: 0;} a {outline: 0; text-decoration: none; position: relative;} a img {border: none;} body {font-size: 11px; font-family: Arial, Verdana, san-serif; background: #202020; position: relative;} body#football {background: #202020 url(../images/bg_body_football.jpg) no-repeat fixed top center;} body#readers {background: #202020 url(../images/bg_body_readers.jpg) no-repeat fixed top center;} body#testers {background: #202020 url(../images/bg_body_testers.jpg) no-repeat fixed top center;} body#chemistry {background: #202020 url(../images/bg_body_chemistry.jpg) no-repeat fixed top center;} body#computerkids {background: #202020 url(../images/bg_body_computerkids.jpg) no-repeat fixed top center;} ul {list-style-type: none;} /* ================== */ /* = HEADERS = */ /* ================== */ h3 {font-size: 12px; font-weight: bold; color: #A90050;} h3 a {color: #A90050;} h3 a:hover {color: #008A7D;} /* ================== */ /* = STRUCTURE = */ /* ================== */ /* IMPORTANT: This is the background that is transparent. It's placement is calculated using javascript, immediately after the element has been created. */ #full-translucent{opacity: 0.7; filter: alpha(opacity=70); left: 50%; top: 154px; height: 100%; width: 961px; position: absolute; background: #FFF;} #container {width: 961px; position: relative; margin: 0 auto;} #logo {position: absolute; top: 100px; left: 12px; z-index: 1000;} #topbar {height: 78px; padding: 0 13px 0 0; margin: 0 0 74px 0;} #content-wrapper {width: 937px; padding: 13px 10px 0 14px; background: transparent;} /* ================== */ /* = TOP BAR MENU = */ /* ================== */ #topbar ul {float: right;} #topbar ul li {float: left; margin-right: 3px;} #topbar ul li#contact a {cursor: pointer; width: 114px; height: 77px; text-indent: -9999px; display: block; background: transparent url(../images/btn_contact.png) no-repeat;} #topbar ul li#contact a:hover {cursor: pointer; width: 114px; height: 77px; text-indent: -9999px; display: block; background: transparent url(../images/btn_contact_on.png) no-repeat;} #topbar ul li#sponsor a {cursor:pointer; width: 222px; height: 77px; text-indent: -9999px; display:block; background: transparent url(../images/bg_sponsor.png) no-repeat 0 0; } #topbar ul li#sponsor a:hover {cursor:pointer; width: 222px; height: 77px; text-indent: -9999px; display:block; background: transparent url(../images/bg_sponsor_over.png) no-repeat 0 0; } /* #topbar ul li#sponsor {width: 222px; height: 77px; text-indent: -9999px; background: transparent url(../images/bg_sponsor.png) no-repeat 0 0;} */ /* ================== */ /* = CONTENT = */ /* ================== */ #content-wrapper {background: transparent; padding-bottom: 60px;} #content-wrapper p#chg-background a {float: right; color: #7F7F7F; font-weight: bold; text-transform: uppercase; display: block; height: 16px; width: 152px; margin: 0 10px 9px 0 !important; margin: 0 6px 9px 0; padding: 3px 0 0 0; background: transparent url(../images/sprite_btn_chgbackground.png) no-repeat 132px 0;} #content-wrapper p#chg-background a:hover {color: #000000; background: transparent url(../images/sprite_btn_chgbackground.png) no-repeat 132px -19px; } #content-wrapper #intro {clear: right; position: relative; width: 924px; height: 84px; background: transparent url(../images/bg_intro_shadow.png) repeat-y; padding: 2px 4px;} #content-wrapper #intro .gradient {background: #FFF url(../images/bg_intro_inner.png) repeat-x bottom left; padding: 17px 0 16px 22px;} #content-wrapper #intro .gradient p {font-size: 14px; color: #464646; width: 478px; line-height: 17px;} #content-wrapper #intro .gradient a#submit-story {text-indent: -9999px; background: transparent url(../images/btn_submitstory.png) no-repeat; height: 51px; width: 290px; position: absolute; top: 16px; right: 30px; } #content-wrapper #intro .gradient a#submit-story:hover { cursor: pointer; background: transparent url(../images/btn_submitstory_on.png) no-repeat;} #content-wrapper #intro .gradient a#submit-story.on { cursor: pointer; background: transparent url(../images/btn_submitstory_on.png) no-repeat;} #content-wrapper .intro-bottom {background: transparent url(../images/bg_intro_bottom_shadow.png) no-repeat; height: 3px; width: 932px;} #content #c-left, #content #c-right {width: 211px; float: left; margin-right: 4px;} #content #center-stage {margin-top: 8px; float: left; width: 500px; margin-right: 4px;} /* sidebars */ #content .sidebar-bottom {background: transparent url(../images/bg_sidebar_bottom_shadow.png) no-repeat; height: 3px; width: 211px;} #content .sidebar-item {margin-top: 8px; width: 203px; background: transparent url(../images/bg_sidebar_shadow.png) repeat-y; padding: 2px 4px;} #content .sidebar-item .gradient {background: #FFF url(../images/bg_sidebar_inner.png) repeat-x bottom left; padding: 12px 19px 16px 11px;} #content .sidebar-item .gradient img.hdr {margin-bottom: 20px; display: block;} #content .sidebar-item .gradient img.hdr2 {margin-bottom: 3px; display: block;} #content .sidebar-item .gradient p {color: #303030;} #content .sidebar-item .gradient p.date {color: #898989; font-weight: bold;} #content .sidebar-item .gradient p a {color: #A90050;} #content .sidebar-item .gradient p a:hover {color: #008A7D;} #content .sidebar-item .gradient p span {display: block;} #content .sidebar-item .gradient p span.more a {text-transform: uppercase; font-weight: bold; font-size: 10px; color: #A90050;} #content .sidebar-item .gradient p span.more a:hover {color: #008A7D;} #content .sidebar-item .post-item {margin-bottom: 20px; line-height: 15px;} #content .sidebar-item .post-item img {margin-bottom: 3px;} #content .sidebar-item .post-item p.img-title a {color: #A90050;} #content .sidebar-item .post-item p.img-title a:hover {color: #008A7D;} #content .sidebar-item .post-item .tweet {color: #A90050; line-height: 17px;} #content .sidebar-item .post-item .tweet-date {color: #7D7D7D; font-size: 9px; font-weight: bold;} #content #photos .gradient {min-height: 320px; height: auto !important; height: 320px;} #content #blog-posts .gradient {min-height: 350px; height: auto !important; height: 350px;} #content #twitter .gradient {min-height: 190px; height: auto !important; height: 190px;} /* center stage */ #content #center-piece {width: 500px; background: transparent url(../images/bg_centerstage_shadow.png) repeat-y;} #content #center-piece .gradient {padding: 12px 19px 16px 11px; line-height: 17px;} #content #center-piece .img-headers {margin-bottom: 20px;} #content #center-piece .img-headers img.hdr1 {float: left; margin: 0;} #content #center-piece .img-headers img.hdr2 {float: right;} #content #center-piece h2 {font-size: 18px; font-weight: bold; color: #464646; margin: 3px 0;} #content #center-piece #videos-display {background: #F0F0F0; padding: 8px 0 8px 6px; width: 450px; margin-top: 14px; } #content #center-piece #videos-display img.hdr {margin-bottom: 7px;} #content #center-piece #videos-display ul li {float: left; width: 130px; padding-right: 20px;} #videos-display ul {margin-bottom: 21px;} #videos-display ul li span {display: block; /*height: 75px; width: 121px;*/ /*background: transparent url(../images/bg_video_thumbs.jpg) no-repeat;*/} #videos-display ul li a {color: #A90050;} #videos-display ul li a:hover {color: #008A7D;} #content #center-piece #video-holder {text-align: center; margin-bottom: 13px; width:460px; height:344px} #content .centerstage-bottom {background: transparent url(../images/bg_centerstage_bottom_shadow.png) no-repeat; height: 3px; width: 500px;} /* ================== */ /* = SUBMIT STORY = */ /* ================== */ body#submit-story {background: transparent; position: relative;} body#submit-story #transparency-bg {background: #FFF; height: 448px; width: 540px; opacity: 0.4; filter: alpha(opacity=40); } body#submit-story #modal-container {background: #FFF; position: absolute; top: 6px; left: 6px; width: 498px; height: 436px; padding-left: 30px;} body#submit-story #modal-container div.close {position: relative; text-align: right;} body#submit-story #modal-container h1 {color: #303030; margin-bottom: 13px; font-weight: normal; font-size: 18px;} body#submit-story #modal-container p {font-size: 14px; line-height: 17px; color: #303030; padding-right: 45px;} body#submit-story #modal-container a {color: #A90050;} body#submit-story #modal-container a:hover {color: #008A7D;} body#submit-story #modal-container form {margin: 12px 0;} body#submit-story #modal-container form label {display: block; margin-bottom: 3px; color: #303030;} body#submit-story #modal-container form textarea {margin-bottom: 10px; width: 440px; height: 130px;} /* ================== */ /* = CLEARFIX = */ /* ================== */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} .clearLeft { clear:left; } .clearRight { clear:right; } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */