/*
Theme Name: Charity Quiz
Description: The 2010 Charity Quiz Theme.
Version: 1.0
Author: Matt Blank
Author URI: http://www.mattblank.com
*/


/********** GENERAL **********/
body {margin: 0; background: #dee3ec url(/wp-content/themes/charityquiz/images/stripe-tite.jpg); font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #666}
a {color: #cc0000; text-decoration: none}
a:hover {text-decoration: underline}
p {margin-top: 0}
img {border: none}
h1 {color: #3b65b0; font-size: 54px; font-weight: normal; font-family: "Century Gothic", Arial, Helvetica, sans-serif; margin: 0 0 0 0}
h2 {color: #3b65b0; font-size: 25px; font-weight: normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin-top: 0; border-bottom: 2px solid #b1b1b1; padding-bottom: 15px}
h3 {color: #3b65b0; font-size: 20px; font-weight: normal; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; margin: 0 0 10px 0}
h4 {font-weight: bold; margin: 0; padding:0; font-size: 14px}
hr {background: #fff; border: 0px; height: 1px; border-bottom: 2px solid #b1b1b1; margin: 15px auto 15px auto}
li {margin: 0 0 10px 0; padding: 0}
.clear {float: none; clear: both}
#fade {background: url(/wp-content/themes/charityquiz/images/fade.png) repeat-x; height: 361px}
#wrap {margin: -361px auto 0 auto; width: 981px}
#container {width: 981px; float: left}
img {border: 2px solid #b1b1b1}
.floatleft {float: left; margin-right: 10px}
.floatright {float: right; margin-left: 10px}
.screengrab {display: none}
.noborder {border: none}


/********** HEADER **********/
#logo {margin-left: 200px; margin-top: 62px; float: left; display: none}
#tagline {margin-top: 24px; margin-left: 1px}
#logo h3 {margin-bottom: 0}
#header {width: 981px; height: 208px; background: url(/wp-content/themes/charityquiz/images/header.png) no-repeat; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 17px; letter-spacing: 0.5px}
#header a {color: #fff; padding: 5px 10px 5px 10px; background: #d67631; border-left:1px solid #B1B1B1; border-right:1px solid #B1B1B1; border-top:1px solid #B1B1B1;}
#header a:hover {text-decoration: none; color: #ffff00; background: #d1325a}
#menu {float: left; margin: 0; padding: 0; margin-left: 328px; margin-top: 175px; }
#menu li {float: left; margin-right: 5px; text-transform: uppercase; color: #fff; list-style: none}


/********** MAIN **********/
#main {width: 981px}
.date {font-weight: bold; color: #000; font-size: 10px; margin-top: -10px; text-transform: uppercase}
#contenttop {width: 981px; height: 23px; background: url(/wp-content/themes/charityquiz/images/content-top.png); float: left}
#contentbottom {width: 981px; height: 13px; background: url(/wp-content/themes/charityquiz/images/content-bottom.png); margin-bottom: 2px; float: left}
#content {width: 981px; background: url(/wp-content/themes/charityquiz/images/content-bg.png); float: left; padding-bottom: 15px}


/********** LEFT **********/
#left {margin-left: 24px; width: 668px; margin-right: 15px; float: left}
#homeflash {margin-bottom: 15px}
.small-right {width: 252px; float: left}
.big-left {width: 401px; float: left; margin-right: 15px}
.small-left {width: 237px; margin-right: 15px; float: left}
.big-right {width: 416px; float: left}
.button {height: 25px; background: #cc0000; border: none; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; line-height: 10px; padding: 0 5px 2px 5px; text-transform: uppercase; cursor: pointer; width: 110px}
.button:hover {background: #3b65b0}
label {width: 85px; float: left; font-weight: bold}
input {background: url(/wp-content/themes/charityquiz/images/input-bg.jpg); border: 1px solid #b1b1b1; height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #3b65b0; line-height: 25px; padding: 4px 4px 0 4px; width: 250px}
textarea {border: 1px solid #b1b1b1; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #3b65b0; padding: 2px; width: 425px; height: 200px}
select {color: #3b65b0; padding: 2px; border: 1px solid #b1b1b1; font-family: Arial, Helvetica, sans-serif; font-size: 14px; width: 260px}
option {margin-bottom: 5px}
.checkbox {width: 25px !important}
.submit {margin-left: 85px}
.errorlist {margin-bottom: 15px; color: #000}
.ddfmerrors {font-weight: bold; color: #cc0000; text-transform: uppercase}
.ddfmwrap {margin-bottom: 10px}
.archives li {margin-bottom: 5px}
.newsstory img {float: left; margin-right: 10px; border: 2px solid #b1b1b1}
.newsstory .date {margin-bottom: 10px}
.newsitem {float: left; border-bottom: 2px solid #b1b1b1; margin-bottom: 15px; padding-bottom: 15px}
.newsitem img {border: 2px solid #b1b1b1}
.newsimg {float: left; margin-right: 10px; width: 60px; margin-top: 2px}
.newsblurb {float: left; width: 346px}
a.newstitle {color: #3b65b0}
a:hover.newstitle {color: #000}
.tabs li {float: left; margin-right: 14px; text-transform: uppercase; line-height:27px; text-align: center; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold}
.tabcontent li {margin-bottom: 25px}
.tabcontent img {float: left; margin-right: 10px; width: 60px; height: 60px; border: 2px solid #b1b1b1}
.tabs li a {background: url(/wp-content/themes/charityquiz/images/tab.gif); width: 76px; height: 27px; display: block; color: #fff}
.tabs li a:hover {color: #b1b1b1 !important; text-decoration: none !important}
.tabs li a.selected {background: url(/wp-content/themes/charityquiz/images/tab.gif); background-position: 0 27px}
.tabs li a.selected:hover {text-decoration: none}
.time {font-weight: bold; float: left; margin-right: 5px}
.name {font-weight: bold; float: left; margin-right: 5px}
.title {font-weight: bold; clear: right}
.tags {font-weight: bold; font-size: 12px; text-transform: uppercase}
.alignleft {float: left; text-transform: uppercase; font-weight: bold}
.alignright {float: right; text-transform: uppercase; font-weight: bold}
.committee img {float: left; margin-right: 10px; width: 60px; height: 60px; border: 2px solid #b1b1b1}
.committee li {margin-bottom: 20px}
.gallerynavigation {border-bottom: 1px solid #b1b1b1; float: left; width: 668px; padding-bottom: 5px}
.gallerynavigation .alignleft {text-transform: none; font-weight: normal; float: right}
.gallerynavigation .alignright {text-transform: none; font-weight: normal}
.gallerynavigation .alignleft a {padding: 5px}
.gallerynavigation .alignright a {padding: 5px}
.gallerynavigation .alignleft a:hover {background: #3b65b0; color: #fff}
.gallerynavigation .alignright a:hover {background: #3b65b0; color: #fff}
.galleryimg {text-align: center; padding-top: 20px; width: 668px; padding-bottom: 25px; background: #E6E6E6; float: left}
.gallerycontent {float: left; margin-right: 10px}
.gallerycontent .gallery {display: none}
.subpages-table img {border: 2px solid #b1b1b1; margin-right: 10px}
.subpages-text {font-size: 14px; font-weight: normal; font-family: "Century Gothic", Arial, Helvetica, sans-serif; margin: 0 0 10px 0}
.subpages-cell {padding-right: 10px; width: 150px; text-align: center; vertical-align: top; height: 170px}
#joinform label {width: 130px; margin-right: 15px}
#socialbookmarks {background: #E6E6E6; padding: 10px; float: left; width: 396px; border-top: 2px solid #b1b1b1; margin-top: 15px}
#socialbookmarks li {float: left}
#socialbookmarks img {border: none}
.countdown {font-weight: bold; color: #000; font-size: 10px; margin-top: -5px}
.srssfetcher-link {font-size: 12px; line-height: 16px}
.stats {margin-left: 15px}
.stats li {list-style: disc}


/********** RIGHT **********/
#right {width: 252px; float: left}
#right ul {margin: 15px; padding: 0}
#onairnow {float: left; width: 252px; border-bottom: 2px solid #b1b1b1; margin-bottom: 10px; height: 115px}
#onairnow .name {font-weight: normal; float: left; width: 132px}
#onairnow .time {float: left; width: 132px; margin-top: 15px}
#onairnow .blurb {display: none}
#onairnow .title {display: none}
#onairnow img {float: left; margin-right: 10px; height: 100px; width: 100px; border: 2px solid #b1b1b1}
#onairnow .show {display: none; float: left}
.listenlive {position: relative; top: -55px; left: 111px; width:132px; float: left}
.listenlive img {width: 13px !important; height: 10px !important; float: none !important; margin-right: 0px !important; border: none !important}
#ten-am .ten-am {display: block}
#eleven-am .eleven-am {display: block}
#twelve-pm .twelve-pm {display: block}
#one-pm .one-pm {display: block}
#two-pm .two-pm {display: block}
#three-pm .three-pm {display: block}
#four-pm .four-pm {display: block}
#five-pm .five-pm {display: block}
#six-pm .six-pm {display: block}
#seven-pm .seven-pm {display: block}
#eight-pm .eight-pm {display: block}
#nine-pm .nine-pm {display: block}
#ten-pm .ten-pm {display: block}
#eleven-pm .eleven-pm {display: block}
#onairtoday {float: left; width: 252px; border-bottom: 2px solid #b1b1b1; padding-bottom: 5px; margin-bottom: 10px}
#onairtoday .name {font-weight: normal}
#onairtoday .title {display: none}
#onairtoday .blurb {display: none}
#onairtoday img {display: none}
#onairtoday li {float: left; margin-bottom: 15px}
.forumposts {margin-left: 15px}
.forumposts li  {list-style: disc; margin-bottom: 5px}


/********** FOOTER **********/
#footer {width: 981px; height: 114px; background: url(/wp-content/themes/charityquiz/images/footer.png); float: left; margin-bottom: 20px; font-size: 10px; color: #fff; line-height: 15px}
#footercontent {margin-top: 26px; text-align: center; font-weight: bold}
a.webdesign {color: #ffff00}


/********** HOMEPAGE FLASH **********/
#home-banner {border: 1px solid #b1b1b1; width: 668px; height: 239px; margin-bottom: 15px}
#featured-articles {margin-bottom: 15px; position: relative; height: 302px}
#featured-articles a:hover {text-decoration: none}
#review0 {display:block; z-index:5}
.featured {position: absolute; left:0px; top:0px; width:668px; height:302px; overflow:hidden; font-family:Arial}
.featured .description {position:absolute;	top:170px; 	z-index:110; left:8px; color:#fff; white-space:nowrap; overflow:hidden; font-size: 13px; font-weight: bold}
#featured-articles ul.tiles {display:block; position:absolute; left:0px; top:320px}
#featured-articles ul.tiles, #featured-articles ul.tiles li {display:inline; margin:0; padding:0; list-style-type:none; display: none}
/*#featured-articles ul.tiles li a {display:block; float:left; width:95px; margin-right: 35px; height:60px; 	background:#666; opacity:0.3; filter:alpha(opacity=30); cursor: pointer; background: center; border: 2px solid #fff}*/
#featured-articles ul.tiles li #tile3, #featured-articles ul.tiles li #tile7 {margin-right:0}
ul.tiles span {display:none}
#featured-articles ul.tiles2 {display:block; position:absolute; left:0px; top:400px}
/*#featured-articles #tile0 {opacity:1; filter:alpha(opacity=100)}*/
#featured-articles .content {background: url(/wp-content/themes/charityquiz/images/flashnewsbg.png); width: 664px; height: 73px; position: absolute; z-index:2; top: 225px; left: 2px; border-top: 2px solid #b1b1b1; z-index: 1}
#featured-articles .flashtitle {font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 25px; color: #fff; font-weight: bold; margin-bottom: -13px; margin-top: 12px; margin-left: 20px; text-transform: uppercase}
#featured-articles .flashstrap {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #fff; margin-left: 20px}
.linkoverlay {width: 668px; height: 302px; position:absolute; display: block; z-index: 2}


/********** FORUMS **********/
#phpbb #left {width: 935px}
#phpbb #wrap {padding: 0 !important}
#phpbb h1 {color: #3b65b0; font-size: 54px; font-weight: normal; font-family: "Century Gothic", Arial, Helvetica, sans-serif; margin: 0 0 0 0}
#phpbb h2 {color: #3b65b0; font-size: 25px; font-weight: bold; font-family: "Century Gothic", Arial, Helvetica, sans-serif; margin-top: 0; border-bottom: 2px solid #b1b1b1; padding-bottom: 15px}
#phpbb h3 {color: #3b65b0; font-size: 20px; font-weight: normal; font-family: "Century Gothic", Arial, Helvetica, sans-serif; margin: 0 0 10px 0; border-bottom: none; text-transform: none}
#phpbb h4 {font-weight: bold; margin: 0; padding:0; font-size: 14px}
#phpbb hr {background: #fff; border: 0px; height: 1px; border-bottom: 2px solid #b1b1b1; margin: 15px auto 15px auto}
#phpbb body {margin: 0; background: #dee3ec url(/wp-content/themes/charityquiz/images/background.jpg); font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #666}
#phpbb #logo {padding: 0}
#phpbb #header ul {margin-top: 0px}
.forabg {width:922px; background-image: none !important; background-color: #3b65b0 !important; margin-bottom: 15px !important}
#page-body {margin-left: 25px !important; width: 928px}
#phpbb #footer .navbar {display: none}
#phpbb #footer {font-family: Arial, Helvetica, sans-serif}
#phpbb label {float: none; font-size: 12px}
#phpbb .advanced {font-size: 10px}
#phpbb .postbody h3 {font-size: 14px; font-weight: bold}
#phpbb .display-options select {margin-bottom: 5px}
#phpbb .button1 {height: 25px; background: #cc0000; border: none; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; line-height: 10px; padding: 0 5px 2px 5px; text-transform: uppercase; cursor: pointer; width: 110px; font-weight: normal !important}
#phpbb .button1:hover {background: #3b65b0}
#phpbb .button2 {height: 25px; background: #cc0000; border: none; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; line-height: 10px; padding: 0 5px 2px 5px; text-transform: uppercase; cursor: pointer; width: 110px}
#phpbb .button2:hover {background: #3b65b0}
.loginmove {margin-left: 80px !important}


/********** TOP SLIDER **********/
#sliding-panel-container {position: relative; display: table; z-index: 999; width: 100%}
#sliding-panel {position: absolute; top: 0; z-index: 999; width: 100%; margin: 0 auto; text-align: center; font-weight: bold}
#sliding-panel .panel {overflow: hidden; display: none; position: relative; z-index: 10; width: 100%; height: 125px; background: #3b65b0 url(/wp-content/themes/charityquiz/images/drop-bg.jpg); margin-bottom: 0px}
#sliding-panel .panel-content {overflow: hidden; width: 960px; height: 150px; margin: 15px auto; padding: 0; text-align: left}
#sliding-panel .widget {overflow: hidden; float: left; width: 920px; height: 150px; margin: 0; padding: 0 15px; font-size: 14px; font-family: Arial, Helvetica, sans-serif !important; color: #fff;	background: transparent; border: none; text-align: center}
#sliding-panel .widget-inside {margin: 0; padding: 0; background: transparent; border: none}
#sliding-panel .widget-title {margin: 0 0 5px 0; padding: 0; font-size: 18px; font-family: "Century Gothic", Arial, Helvetica, sans-serif!important; color: #abccfa; text-transform: none; background: transparent; border: none}
#sliding-panel .widget ul {margin: 0; list-style: square}
#sliding-panel .widget ul li {margin: 0 0 10px 0; padding: 0; background: transparent; border: none}
#sliding-panel .widget a {color: #ffff00; text-decoration: none}
#sliding-panel .widget a:hover {text-decoration: underline}
#sliding-panel .tab {position: relative; top: 0; z-index: 9999; height: 37px; border-top: 5px solid #cc0000}
#sliding-panel .tab .toggle {clear: both; display: block; position: relative; width: 966px; height: 35px; line-height: 35px; margin: 0 auto}
#sliding-panel .tab a {display: block; float: right; position: relative; width: 80px; height: 35px; top: -1px; margin: 0; padding: 0; font: normal normal bold 12px/33px "Century Gothic", Arial, Helvetica, sans-serif !important; text-transform: uppercase; color: #ffff00; font-weight: bold; background: url(/wp-content/themes/charityquiz/images/drop-tab.png); text-align: center}
#sliding-panel .tab a:hover {cursor: pointer; text-decoration: none; color: #fff}
#sliding-panel .tab a .arrow {font-style: normal}
#sliding-panel input {width: 400px}
#sliding-panel .button {width: 110px !important; border: 1px solid #fff; font-weight: bold}
#sliding-panel #searchform {margin-bottom: 14px}