/* Theme Name: RadioSamoa2010 Version: 2.0 Author: iwan Sugiharto */ a{ text-decoration:none;} a:hover{ text-decoration:underline} .topstorry a:link{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#08296B} h1,h2, h2 a:link, h1 a:link, h1 a:visited{ font-family:Arial, Helvetica, sans-serif; color:#193484 } h3,h4,h5, h3 a:link, h4 a:link, h5 a:link{ font-family:Arial, Helvetica, sans-serif; color:#08296B; font-weight:normal } h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited{ font-family:Arial, Helvetica, sans-serif; color:#365493 } p{font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.5em; } .tagline p{ font-family:Arial, Helvetica, sans-serif; font-size:.6em; color:#fff; margin-bottom:.5em;} .tagline strong{ background-color:#FF0000; color:#ffffff; display:block; float:left; font-size:0.9em; font-weight:normal; padding:0 4px; text-transform:uppercase;} img{border:none} *{margin:0;padding:0} Body{ font-family:Arial, Helvetica, sans-serif; font-size:.8em; } #containerBox{ margin:0 auto; width:960px; } #holder{float:left; display:inline; width:960px; min-height:600px;} #topContainer{float:left; display:inline; margin:0px; width:960px; height:174px;} #logors{ float:left;display:inline; width:230px; height:117px} #logors a{ float:left;display:inline; width:230px; height:117px;} #logors img{ float:left;display:inline; width:230px; height:117px;} #leaderboard{ float:right; display:inline; width:728px; height:90px; margin:20px 0; border:1px solid #F6F6F6; overflow:hidden; position: relative; /* fix to 'IE7 10000px padding-bottom spill over footer' problem */ } #leaderboardIndex{ float:right; display:inline; width:728px; height:90px; margin:10px 0; border:1px solid #F6F6F6; overflow:hidden; position: relative; /* fix to 'IE7 10000px padding-bottom spill over footer' problem */ } #running{float:left; display:inline} #navbox{float:left; display:inline; width:960px; height:32px; text-align:center; background:url(images/barnav.jpg) no-repeat; background-position:4px 0px; margin-top:10px; } #navboxIndex{float:left; display:inline; width:960px; height:32px; text-align:center; background:url(images/barnav.jpg) no-repeat; background-position:4px 0px; margin-top:5px; } #navigation{float:left; display:inline; list-style:none; width:960px; height:21px; color:#fff; padding-top:7px} #navigation li{display:inline; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#fff; font-style:normal; font-weight:lighter} #navigation li a{ color:#fff; height:28px; } #rss, #rss a, #rss img {float:left; height:28px; width:28px; display:inline} #midContainer{float:left; display:inline; margin-left:0px; width:960px; min-height:350px; margin-bottom:20px; } #linkbutton{float:left; display:inline; margin-left:0px; margin-bottom:20px; width:960px; height:180px; ; border-bottom:1px solid #CCC; background:url(images/dotbar.jpg) repeat-x; } #boxTwoThird {float:left; display:inline; padding:0px; width:660px; margin-right:20px} .boxOneThird {float:left; display:inline; padding:0px; width:280px} .ad300{float:left;display:block; width:300px; min-height:250px;} .banner600{float:left; display:inline; margin-bottom:15px; margin-top:10px; width:588px; border:1px solid #CCC;} #donation{float:left; display:inline; margin:10px; width:567px; height:80px; border-bottom:1px solid #CCC} #luilink{ float:left; display:inline; margin:10px; width:279px; height:80px;} #stlink{ float:left; display:inline; margin-top:10px; width:279px; height:80px;} .buttonbig{margin-left:23px;} .buttonbig1{margin-left:21px;} .buttonbig, .buttonbig1{ float:left; display:inline; margin-top:20px; width:289px; height:160px; -moz-box-shadow: rgba(200,200,200,1) 0 4px 18px; -webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px; -khtml-box-shadow: rgba(200,200,200,1) 0 4px 18px; box-shadow: rgba(200,200,200,1) 0 4px 18px;} .buttonlink{float:left; display:inline; width:295px; height:155px; overflow:hidden} .buttonlink a{ float:left; display:inline; width:281px; height:141px; text-indent:-9999px } .buttonlink img{ display:block} /* INDEX PAGE */ #leftContainer{float:left; display:inline;width:720px; height:350px} #leftContainer ul{float:left; display:inline; list-style:none; margin:13px 20px; width:681px; height:323px; overflow:hidden} #leftContainer li{float:left; display:inline; list-style:none; width:681px; height:323px;} #leftContainer li a{float:left; display:inline; list-style:none; width:681px; height:323px;} #leftContainerBig{float:left; display:inline; padding-right:10px; margin:20px; width:570px; border-right:1px solid #CCC ; min-height:300px} #rightContainer{float:left; display:inline; padding:0 9px; width:220px;} #rightContainer ul{float:left; display:inline; list-style:none; text-indent:-9999px;} #rightContainer li{ float:left; display:inline;margin-top:3px; width:220px; height:84px} #rightContainer li a{float:left; display:inline; width:220px; height:84px} #stream a{background:url(images/tabbtn.jpg) no-repeat; background-position:0px 1px;} #stream a:hover{background:url(images/tabbtn.jpg) no-repeat; background-position:-222px 1px;} #stream a:active{background:url(images/tabbtn.jpg) no-repeat; background-position:-222px 2px;} #note{ position:absolute; display:none; top:130px; margin-left:1px; padding:4px 10px 10px; width:194px; min-height:30px; z-index:10; background-color:#fff; opacity:.8} #note p{ font-family:Arial, Helvetica, sans-serif; width:100%; font-size:.8em; line-height:1.3em; color:#222} #news a{background:url(images/tabbtn.jpg) no-repeat; background-position:0px -86px;} #news a:hover{background:url(images/tabbtn.jpg) no-repeat; background-position:-222px -86px;} #news a:active{background:url(images/tabbtn.jpg) no-repeat; background-position:-222px -84px;} #bday a{background:url(images/tabbtn.jpg) no-repeat; background-position:0px -170px;} #bday a:hover{background:url(images/tabbtn.jpg) no-repeat; background-position:-222px -170px;} #bday a:active{background:url(images/tabbtn.jpg) no-repeat; background-position:-222px -168px;} #faasilasilaga a{background:url(images/tabbtn.jpg) no-repeat; background-position:0px -256px;} #faasilasilaga a:hover{background:url(images/tabbtn.jpg) no-repeat; background-position:-222px -256px;} #faasilasilaga a:active{background:url(images/tabbtn.jpg) no-repeat; background-position:-222px -254px;} #tsun{ margin-top:82px; width:260px; margin-left:250px; font-size:1.2em; line-height:1.4em; color:#F00} .linkbox{ float:left; border-top:1px solid #999; border-bottom:1px solid #999; display:inline; width:960px; min-height:60px; margin-bottom:10px;} .linkbox ul{ list-style:none} .linkbox li{ float:left; display:inline} .linkboxcenter{float:left; display:inline; width:728px; padding:0 116px; min-height:60px; margin-top:20px;} .ads{float:left; display:inline; width:300px; margin:0 10px; height:80px; } .promo{float:left; display:inline; width:300px; margin:0 10px; height:136px; padding:0px} #donateback{ background:url(images/radiothon-289.jpg) no-repeat;} #donateback form, div #paypalbtn { position:inherit; margin-top:240px; margin-left:171px;} #donateStat{ float:left; display:inline; width:279px; height:216px; margin-bottom:10px; border:1px solid #CCC; padding:5px} #followback2{float:left; display:inline; width:289px; height:49px; background:url(images/followUs-small.jpg) no-repeat; } #fbutton2 {float:left; display:inline; margin-left:202px; margin-top:7px; width:39px; height:39px;} #tbutton2 {float:left; display:inline; margin-left:4px; margin-top:7px; width:39px; height:39px;} #followback{ background:url(images/followus-289.jpg) no-repeat;} #fbutton {float:left; display:inline; margin-left:24px; margin-top:157px; width:115px; height:115px;} #tbutton {float:left; display:inline; margin-left:14px; margin-top:157px; width:115px; height:115px;} /* PERMALINK PAGE */ #newscomplete{float:left; margin-left:10px; width:620px;} .tagline{margin:4px 0; color:#999} #commentBox{ float:left; margin-left:10px; display:inline; margin-top:20px; width:260px; border-right:1px solid #264DAE} .entryStory{float:left; display:inline; margin-bottom:20px;} #comment{ float:left; margin-left:10px; display:inline; margin-top:20px; width:260px; } #respond{ color:#003399} #submit{ margin-top:10px;} #storylink{float:left; margin-left:20px; display:inline; margin-top:20px; width:280px; min-height:100px; } #otherstory{float:left; margin-left:10px; display:inline; width:320px; margin-bottom:20px;} .otherstorylink{float:left; display:inline; margin-top:20px; min-height:10px;} .otherstorylink ul { list-style:none} .newscontent{display:block; list-style:none; padding-bottom:10px; margin-top:4px;margin-bottom:16px; overflow:hidden; border-bottom:1px solid #ccc} .newscontentlink{display:block; list-style:none; padding-bottom:2px; margin-top:4px; margin-bottom:10px; overflow:hidden; border-bottom:1px solid #ccc} #newscontentlink a:visited, #newscontent a:visited{ color:#039} .alignleft{float:left;} .alignright{float:right} .alignleft a,.alignright a {color:#666; text-decoration:none} .alignleft a:hover,.alignright a:hover {color:#F00;} .navigation, .nextprev{float:left; display:inline; width:100%; height:32px;} .programmebtn{float:left; display:block; width:580px; margin:10px 0; padding-bottom:20px; border-bottom:1px dotted #999} #share, .sharelogo{float:left; display:inline; width:100%; margin-bottom:8px;} div .thankyou{ position:relative; margin-top:300px; width:660px; left:150px; height:150px;} div .thankyou ul { list-style:none} div .thankyou ul li{ list-style:none; float:left; display:inline; width:660px; height:150px; } .thankyou ul li H1{ font-size:10em; color:#fff} .packages{ margin-bottom:20px;} #bottomContainer{float:left; display:inline; padding-top:10px; padding-bottom:20px; margin-bottom:0px; width:960px; min-height:20px; border-top:1px solid #999} #footer ul{ float:left; text-align:center; margin-top:14px; list-style:none; width:100%} #footer ul li{display:inline; font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#999} #footer ul li a{ color:#999} .credit{float:left; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:.7em; color:#999; margin-top:14px; list-style:none; width:100%}