/* © 2010 bowafishtech.org. v7.0. */ /* Page Reset */ * {margin: 0; padding: 0; outline: none; border: 0; list-style: none;} html {background: #363225;} /* 293536 url(../images/../images/background.jpg) center top repeat */ body {background: url(../images/bg_flare.png) center top no-repeat; font: normal 12px/1.7 "Segoe UI", "Myriad Pro", Myriad, Tahoma, Arial, sans-serif; color: #222;} /* Page Elements */ p {margin: 0 0 10px; clear: both;} a {color: #FFF; text-decoration: none;} #content a {color: #069;} a:hover {text-decoration: underline;} a:active {text-decoration: none;} h3 {padding: 0 8px; margin: 0 0 5px; font-weight: bold; font-size: 14px; background: #17546F; color: #FFF; line-height: 27px; float: left; text-shadow: 1px 1px 0 #0B394E; text-transform: uppercase;} h3 em {font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; text-transform: lowercase; color: #C3DAE4;} h3 a, #content h3 a {color: #FFF;} h3 a:hover {text-decoration: none;} h3.link:hover {background: #3F818D; cursor: pointer;} h3.link:active {background: #17546F;} .left {float: left !important;} .right {float: right !important;} .clear {display: block; clear: both;} .last {margin-right: 0 !important;} iframe {border: 0;} /* Page Style */ #wrap { width: 600px; margin: 0 auto; padding: 20px 0 0; } /* Header Style */ #header {margin: 0 0 20px; height: 50px;} #header .logo {background: url(../images/spite_march.png) 0 0 no-repeat; width: 237px; height: 48px; float: left; text-indent: -9999em; margin: 3px 0 0 -2px;} #header .slogan {float: right; font-size: 14px; font-weight: bold; color: #EFEFEF; text-shadow: 1px 1px 0 #333; margin: 9px 0 0; line-height: 18px; text-align: right;} #header .slogan em {font-family: Georgia, "Times New Roman", Times, serif; text-transform: none; font-weight: normal;} /* Splash Style */ #splash {clear: both; padding: 5px; background: url(../images/black.png) left top repeat;; margin: 0 0 20px; height: 150px;} #splash .wrap {background: #000 url(../images/spite_march.png) center -408px no-repeat; overflow: hidden; height: 150px;} /* Content Style */ #content {clear: both;} /* Slider */ #content #slides {padding: 5px; background: url(../images/black.png) left top repeat;} /* Tabs */ #content #slides .tabs {margin: 0; height: 35px; background: #204510 url(../images/tabs_bg.png) center bottom; padding: 0 0 0 7px; -moz-box-shadow: 0 0 10px -5px #000 inset;} body.bettergaia #content #slides .tabs {background-color: #1A365E;} #content #slides .tabs a {float: left; text-decoration: none; color: #FFF; padding: 0 10px; margin: 0 5px 0 0; height: 35px; line-height: 35px; font-size: 11px; cursor: pointer;} #content #slides .tabs a:hover {background: url(../images/tab_hover.png) center top no-repeat;} #content #slides .tabs a:active {line-height: 36px; color: #999;} #content #slides .tabs a.current {background: url(../images/black.png) left top repeat;} #content #slides .tabs a.news {display: none;} /* Slides */ #content #slides #slide {overflow: hidden; width: 590px;} #content #slides #slide > .wrap {width: 4000px; margin-left: -595px; overflow: hidden; height: 400px;} body.bettergaia #content #slides #slide > .wrap {margin-left: 0; height: 270px;} #content #slides #slide .slide {width: 570px; float: left; background: #FFF url(../images/palm.png) left bottom no-repeat; padding: 10px; margin: 0 5px 0 0;} /* About */ #content #slides #slide .slide.about {} #content #slides #slide .slide.about .info {width: 300px; float: left;} #content #slides #slide .slide.about .team {float: right; width: 200px;} #content #slides #slide .slide.about .team ul li {height: 100%; overflow: hidden; clear: both; margin: 0 0 5px;} #content #slides #slide .slide.about .team ul li div {background: url(../images/spite_march.png); border: 3px solid #604E35; float: left; width: 48px; height: 48px;} #content #slides #slide .slide.about .team ul li div.bft {background-position: -285px 0;} #content #slides #slide .slide.about .team ul li div.all {background-position: -237px 0;} #content #slides #slide .slide.about .team ul li span {float: right; width: 140px; font-size: 13px; margin: 5px 0 0; font-weight: bold;} #content #slides #slide .slide.about .team ul li span em {display: block; clear: both; font: normal 11px Georgia, "Times New Roman", Times, serif; font-style: italic;} /* Works */ #content #slides #slide .slide.works {} #content #slides #slide .slide.works ul {margin: 10px 0 0; float: right; width: 270px;} #content #slides #slide .slide.works ul li {margin: 10px 0 0; clear: both; position: relative; height: 100px;} #content #slides #slide .slide.works ul li div {position: absolute; top: 0; background: url(../images/spite_march.png);} #content #slides #slide .slide.works ul li div.bettergaia {left: -110px; width: 100px; height: 100px; background-position: -473px 0;} #content #slides #slide .slide.works ul li div.bgsidebar {left: -70px; width: 60px; height: 60px; background-position: -403px -70px;} #content #slides #slide .slide.works ul li p {clear: both; margin: 0;} /* BetterGaia */ #content #slides #slide .slide.bettergaia {} #content #slides #slide .slide.bettergaia .splash {margin: -10px -10px 0; padding: 15px 255px 30px 15px; line-height: 18px; color: #DAE5EE; background: #225E8B url(../images/spite_march.png) 0 -228px; height: 135px; position: relative;} #content #slides #slide .slide.bettergaia .splash p {text-shadow: 1px 1px 0 #2C4D5A;} #content #slides #slide .slide.bettergaia .splash .download {background: url(../images/spite_march.png) 0 -48px; position: absolute; top: 0; right: 0; text-align: right; width: 333px; height: 180px;} #content #slides #slide .slide.bettergaia .splash .download .more {bottom: 30px; position: absolute; right: 10px; text-align: left; width: 146px; text-shadow: 1px 1px 0 #DEEBF4;} #content #slides #slide .slide.bettergaia .splash .download .more a {background: #C2D6E6; color: #333; display: block; font-size: 11px; margin: 2px 0 0; padding: 1px 0 2px 8px;} #content #slides #slide .slide.bettergaia .splash .download .more a:hover {text-decoration: none; background: #D2E7F7;} #content #slides #slide .slide.bettergaia .splash .download .more a:active {background: #90B2CC;} #content #slides #slide .slide.bettergaia .splash .download h3 {bottom: -5px; position: absolute; right: 10px; width: 130px;} #content #slides #slide .slide.bettergaia .splash .download h3 a {float: left; display: block;} #content #slides #slide .slide.bettergaia .splash .download h3 strong {background: url(../images/spite_march.png) -463px -100px; height: 27px; width: 28px; position: absolute; top: 0; left: -33px; margin: 0;} #content #slides #slide .slide.bettergaia .splash .download h3 span {background: url(../images/spite_march.png) -491px -100px; height: 12px; width: 20px; display: block; float: right; margin: 8px -1px 0 5px;} #content #slides #slide .slide.bettergaia .splash h3.features {position: absolute; bottom: 0; left: 10px; margin: 0; background: url(../images/black.png);} /* Features */ #content #slides #slide .slide.bettergaia .info {clear: both; margin: 10px 0 0;} #content #slides #slide .slide.bettergaia .info li {float: left; line-height: 0; margin: 0 10px 0 0; background: #FFF; width: 70px; height: 70px;} #content #slides #slide .slide.bettergaia .info li > span {line-height: 15px; font-size: 11px; text-align: justify; padding: 5px 7px 0 0; float: right; display: none; width: 246px;} #content #slides #slide .slide.bettergaia .info li > span strong {display: block;} #content #slides #slide .slide.bettergaia .info li div {width: 70px; height: 70px; float: left; cursor: pointer; background: url(../images/spite_march.png); position: relative;} #content #slides #slide .slide.bettergaia .info li.drawall div {background-position: -333px 0;} #content #slides #slide .slide.bettergaia .info li.postformat div {background-position: -333px -70px;} #content #slides #slide .slide.bettergaia .info li.dashboard div {background-position: -333px -140px;} #content #slides #slide .slide.bettergaia .info li.themes div {background-position: -403px 0;} #content #slides #slide .slide.bettergaia .info li div span {display: block; width: 70px; height: 70px; position: absolute; top: 0; left: 0; background: #111; opacity: 0.5;} #content #slides #slide .slide.bettergaia .info li.current {width: 330px;} #content #slides #slide .slide.bettergaia .info li.current span {display: block;} #content #slides #slide .slide.bettergaia .info li.current div span {opacity: 0;} /* MySpace */ #content #slides #slide .slide.myspace {} #content #slides #slide .slide.myspace ul {clear: both; width: 580px; overflow: hidden;} #content #slides #slide .slide.myspace ul li {float: left; background: #FFF center center; width: 270px; height: 135px; margin: 5px 10px 5px 0; padding: 5px;} #content #slides #slide .slide.myspace ul > h3 {float: right; margin: 5px 10px 0 0; clear: both;} #content #slides #slide .slide.myspace ul li h3 {float: right;} #content #slides #slide .slide.myspace ul li h3:hover {background: #3F818D; cursor: pointer;} #content #slides #slide .slide.myspace ul li h3:active {background: #17546F;} /* Contact */ #content #slides #slide .slide.contact {} #content #slides #slide .slide.contact ul {width: 300px; float: right; clear: both;} #content #slides #slide .slide.contact ul li {clear: both;} #content #slides #slide .slide.contact ul li label {float: left; font-size: 15px; line-height: 30px;} #content #slides #slide .slide.contact ul li h3 {float: right;} /* Chatbox */ #content #chatbox {margin: 20px 0 0; padding: 5px; background: url(../images/black.png) left top repeat;} #content #chatbox .wrap {background: #FFF url(../images/palm.png) right bottom no-repeat; overflow: hidden; padding: 10px;} #content #chatbox .wrap h3 {margin: -5px 0 5px -10px;} #content #chatbox .wrap .info {width: 200px; float: left;} #content #chatbox .wrap iframe {float: right;} /* Ad */ #content #ad {margin: 20px 0 0; padding: 5px; background: url(../images/black.png) left top repeat;} #content #ad .wrap {background: #FFF url(../images/palm.png) right bottom no-repeat; overflow: hidden; position: relative;} #content #ad .wrap h3 {position: absolute; top: 5px; left: 0;} #content #ad .wrap iframe {margin: 0 auto; display: block;} /* Footer */ #footer {margin: 20px 0 0; height: 40px; clear: both; opacity: 0.87; color: #FFF; text-shadow: 1px 1px 0 #333; font-size: 11px;} #footer span {font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bold;}