/* Created by Keith Donegan of Code-Sucks.com E-Mail: Keithdonegan@gmail.com You can do whatever you want with these layouts, but it would be greatly appreciated if you gave a link back to http://www.code-sucks.com */ * { padding: 0; margin: 0; } body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; } #wrapperb { margin: 0 auto; width: 900px; } #headerb { color: #fff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 899px; height: 477px; margin: 20px 0 0; padding-top: 20px; } #contentb { color: #fff; width: 899px; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin: 10px 0 0; height: 113px; } #background { background: #fff url(/images/backgroun_2.png) repeat-x left top; position: absolute; top: 0; left: 0; right: 0; width: 100%; margin: 0 auto; height: auto; z-index: 1; text-align:center; bottom: 0; } #background2 { background: #fff url(/images/background3.png) repeat-x left top; text-align: center; margin: 0 auto; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: auto; } #logo { position: absolute; top: 10px; z-index: 9999; visibility: visible; margin-top: 2px; margin-left: 80px; display: block; text-align:left; float:left; } #topbar { text-align: left; visibility: visible; display: block; margin-top: 0; margin-left: 0; position: absolute; z-index: 9999; top: 1px; float: left; } #logo_app { text-align: left; visibility: visible; display: block; margin-top: 35px; margin-left: 750px; position: absolute; z-index: 9999; top: 10px; float: left; } #logo_face { text-align: left; visibility: visible; display: block; margin-top: 35px; margin-left: 625px; position: absolute; z-index: 9999; top: 10px; float: left; } /* slide show */ #SlideTop, #SlideRepeat, #SlideBottom, .slidePrev, .slideNext, #slidePager { position: relative; top: 0; z-index: 29; } #slidePager { position: relative; top: -50px; left: 400px; z-index: 30; visibility: visible; float: left; margin:0 -35px 0 0; } #slidePager a, #slidePager a:visited { float: left; width: 16px; height: 15px; overflow: hidden; background: transparent url(/images/slide-pager.png) no-repeat 0 0; text-decoration: none; text-indent: -1234px;} #slidePager a:hover { background-position: -16px 0;} #slidePager a.activeSlide { background-position: -32px 0;} a.slidePrev, a.slideNext { position: absolute; display: block; z-index: 30; top: 230px; width: 51px; height: 64px; visibility: visible; } a.slidePrev { float: left; margin: 0 0 0 11px; background: url(/images/slide-previous.png) no-repeat; } a.slidePrev:hover, a.slideNext:hover { background-position: 0 -64px;} a.slideNext { background: url(/images/slide-next.png) no-repeat; margin: 0 11px 0 850px !important; } /* BILLBOARD */ #billboard, #promos, #headlines, #ticker, #options, #links, #homefooter { width: 900px; margin: 0 auto 10px; clear: both; color: #76797c; } #billboard { position: absolute; font-size: 16px; line-height: 22px; z-index: 9999; } #billboard:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #billboard h1, #billboard h2 { text-indent: -9999px; position: absolute; } #billboard img.bottom { padding: 0; border: 0; margin: 0; margin-bottom: 16px; } #billboard a.more { padding-right: 8px; background: url(/images/morearrow_08c.gif) no-repeat 100% 50%; text-decoration: none; } #billboard a.more:hover { text-decoration: underline; } #billboard .left { float: left; } #billboard .content img.headline {margin: 10px 2px 6px 0; } #billboard .content img.subhead {margin-bottom: 7px;} #billboard ul { position: absolute; top: 522px; left: 545px; margin-bottom: 0; display: inline; } #billboard ul li { float: left; width: 150px; margin-right: 10px; margin-bottom: 11px; } #billboard ul li a.more { display: block; text-align: left; background: none; color: #64b7ff; position: relative; -webkit-text-stroke: 1px transparent; } #billboard ul li a.more:hover { text-decoration: none; } #billboard ul li a.more em { color: #606060; padding-right: 9px; background: url(/images/morearrow_64b7ff.gif) no-repeat 100% 60%; *background-position: 108% 88%; text-decoration: none; font-style: normal; line-height: 11px; letter-spacing: -1px; cursor: pointer; } #billboard ul li a.more.wwdc-keynote em { *background-position: 81% 88%; } #billboard ul li a.more:hover em { text-decoration: underline; } #billboard ul li a.more img { margin: 0 0 0 0; } #billboard ul li a.more span.play { display: block; width: 52px; height: 49px; background: url(/images/iphone_thumb_play_icon_20100607.png) no-repeat; position: absolute; top: 0; left: 17px; -moz-opacity:0.6; _filter:alpha(opacity=60); opacity:0.6; -webkit-transition: .25s opacity linear; _behavior: url(/js/iepngfix.htc); } #billboard ul li a.more:hover span.play { -moz-opacity:1; _filter:alpha(opacity=100); opacity:1; } /*basic css stuff */ /* copyright*/ .copyright { color: #2a2e2f; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin: 0; padding: 0; list-style: none; line-height: normal; position: relative; right: 40px; float: right; text-align:left; } .background { } a:visited { color: white; font-size: 12px; font-family: Arial, Helvetica; font-weight: bold; text-decoration: underline; } a:link { color: #c0c4c8; font-size: 12px; font-family: Arial, Helvetica; font-weight: 700; text-decoration: underline; } a:hover { color: white; font-size: 12px; font-family: Arial, Helvetica; font-weight: 700; text-decoration: none; } /*footer */ #footer_ch { color: #333; font-size: 10px; font-weight: 700; text-align: center; vertical-align: middle; width: 900px; padding: 10px; } #footer_ch a { color: #333; font-size: 10px; font-weight: 700; text-decoration: none; word-spacing: 1px; letter-spacing: 1px; } #footer_ch a:active { text-decoration: none; } #footer_ch a:visited { color: #333; text-decoration: none; } #footer_ch a:hover { color: #888; text-decoration: none; } #footerb { width: 900px; color: #333; background: #fff; margin: 0 0 10px; padding: 10px; } a:active { border:none; outline:none; }