/*  
Theme Name: Explore and Transform
Theme URI: http://www.futurescape.org/
Description: First version of theme for explore and transform.
Version: 1.0
Author: Futurescape
Author URI: http://www.futurescape.org/
*/



/* Begin Typography & Colors */
body {
	font-size: 71%; font-family: arial, tahoma, arial;
	background: #eee;
	color: #333;
	margin: 0px;
}
.clear {clear: both;}
a img {border: none;}
.display {display:block;}
.hidden {display:none;}


#container {width: 960px; margin: auto; padding: 0px 10px; background: #fafaf2 url(images/bg_container.gif) repeat-y;}

#header {padding: 0px; background: #bd1320;}
#header .logo{float: left; padding: 15px;}
#header .loginbox {float: right; padding: 10px 10px; width: 380px; height: 40px; background: url(images/bg-login.png) no-repeat center right;font-family: arial; font-size: 10px; overflow: hidden;}
#header .loginbox input {font-size: 12px; border: 1px solid #ddd;}
.al_nodisplay {display: none;}
#al_loading, #al_login, #al_register, #al_lostPassword {}
#al_loginMessage, #al_registerMessage, #al_lostPasswordMessage {}
#al_loadingImage {}
#header .loginbox form {margin: 0px; margin-top: 5px;}

#header .tmenu{padding-top: 0px; font-family: arial; font-size: 12px; border-top: 1px solid #fafaf2; background: #fafaf2;}
#header .tmenu ul{padding: 0px; margin: 0px; list-style: none; display: inline;}
#header .tmenu ul li {display: block; float: left; background: url(images/bg_menu.jpg) repeat-x; border-right: 1px solid #fff;}
#header .tmenu ul li a{display: block; float: left; padding: 5px 5px 9px 5px; text-decoration: none; color:#fff; width: 126px; text-align: center;}
#header .tmenu ul li a:hover{color: #fff;}

#header .tmenu ul li a.blue {background: url(images/tmenu_blue.gif) repeat-x;}
#header .tmenu ul li a.blue:hover {background: url(images/tmenu_blue_bg.gif) repeat-x;}
#header .tmenu ul li a.blue_active {background: url(images/tmenu_blue_bg.gif) repeat-x;}

#header .tmenu ul li a.red {background: url(images/tmenu_red.gif) repeat-x;}
#header .tmenu ul li a.red:hover {background: url(images/tmenu_red_bg.gif) repeat-x;}
#header .tmenu ul li a.red_active {background: url(images/tmenu_red_bg.gif) repeat-x;}

#header .tmenu ul li a.green {background: url(images/tmenu_green.gif) repeat-x;}
#header .tmenu ul li a.green:hover {background: url(images/tmenu_green_bg.gif) repeat-x;}
#header .tmenu ul li a.green_active {background: url(images/tmenu_green_bg.gif) repeat-x;}

#header .tmenu ul li a.purple {background: url(images/tmenu_purple.gif) repeat-x;}
#header .tmenu ul li a.purple:hover {background: url(images/tmenu_purple_bg.gif) repeat-x;}
#header .tmenu ul li a.purple_active {background: url(images/tmenu_purple_bg.gif) repeat-x;}

#header .tmenu ul li a.yellow {background: url(images/tmenu_yellow.gif) repeat-x;}
#header .tmenu ul li a.yellow:hover {background: url(images/tmenu_yellow_bg.gif) repeat-x;}
#header .tmenu ul li a.yellow_active {background: url(images/tmenu_yellow_bg.gif) repeat-x;}

#header .tmenu ul li a.orange {background: url(images/tmenu_orange.gif) repeat-x;}
#header .tmenu ul li a.orange:hover {background: url(images/tmenu_orange_bg.gif) repeat-x;}
#header .tmenu ul li a.orange_active {background: url(images/tmenu_orange_bg.gif) repeat-x;}


#content {float: left; padding: 0px; width: 960px;}

.login {padding: 20px;}
.login p {font-size: 120%; line-height: 170%; font-family: georgia; font-style: italic;}
.bigfont {font-size: 300%; color: #bd1320;}
.loginbox_container {margin: auto; width: 563px; margin-top: 40px; margin-bottom: 30px;}
.login_box {float: left; width: 240px; font-size: 100%; margin-left: 1px; height: 180px; background: #fff url(images/login_box.jpg) no-repeat top left; padding: 20px; font-family: georgia; font-style: italic;}


.pagebox {float: left; width: 610px; padding: 200px 15px 20px 15px; font-family: georgia;}
.pagebox h1 {font-size: 200%; font-weight: 400; color: #fff; padding: 0px; margin: 0px;}
.pagebox h2 {font-size: 150%; font-weight: 400; color: #fff;}
.pagebox h3 {font-size: 140%; color: #bd1320; font-style: italic;}
.pagebox h4 {font-size: 110%; color: #bd1320; font-style: italic;}
.pagebox hr {size: 1px; color: #efefef;}
.pagebox p{line-height: 170%; text-align: justify; font-family: arial; font-size: 100%; font-family: georgia; font-style: italic;}
.pagebox p.briefdes {font-size: 115%; font-weight: 400; color: #000; font-family: georgia; font-style: italic;}

.pagebox ul {font-size: 100%; padding: 0px; margin: 0px; list-style:none; font-family: georgia; font-style: italic; line-height: 170%;}
.pagebox ul li {padding: 5px 0px; background: url(images/bullet-1.gif) no-repeat; background-position: 0px 12px; padding-left: 20px; text-align: justify;}
.pagebox ul li a{color: #990000; text-decoration: none;}
.pagebox ul li a:hover{background: #f3f2f1;}
.pagebox img{padding: 3px; background: #fff; border: 1px solid #ccc; margin: 0px 5px 5px 0px;}

div.panelists {padding: 5px 10px 10px 10px; background: #E6E8FF; width: 250px; border-top: 1px solid #DFDFCC; border-bottom: 1px solid #DFDFCC; margin: 20px 0px 0px 15px; float: right; font-family: arial;}

div.panelists span.heading{color: #bd1320; font-weight: 700; font-size: 130%;}
div.panelists p{font-style: normal; font-family: arial; text-align: left; margin: 8px 0px;}
div.panelists p img{padding: 3px; background: #fff; border: 1px solid #ccc; width: 45px; height: 48px; margin: 3px;}

div.top {padding: 10px 0px; text-align: right; background: url(images/separator.gif) no-repeat center bottom;}


img.a1 {width: 40px; height: 40px; padding: 3px; background: #fff; border: 1px solid #ccc; margin: 5px 0px 5px 10px;}

#sidebar {float: right; background: #fff; width: 300px; padding: 0px; border: 1px solid #ccc; margin: 10px 5px;}
div#player1 {background: #F7F7E1; text-align: center; padding: 10px; border-bottom: 1px solid #DFDFCC; width: 280px; height: 210px;}

div.sbox {padding: 5px 10px 15px 10px; background: #F7F7E1 url(images/bg_sbox.gif) no-repeat center bottom; border-top: 1px solid #DFDFCC; font-family: arial;}
div.sbox h3 {font-size: 160%; color: #9E2626; margin: 0px; margin-bottom: 5px;}
div.sbox p {padding:0px; margin: 5px 0px;}

#sidebar p.dotted_bottom {border-bottom: 1px dotted #DFDFCC; padding: 5px 0px; margin: 0px;}
#sidebar p.dotted_bottom strong a{color: #9E2626; text-decoration: none;}
#sidebar p.dotted_bottom a.readmore{background: url(images/s_bullet.gif) no-repeat center left; padding-left: 15px; color: #9E2626; text-decoration: none;}

#sidebar ul.list {margin: 0px; padding: 0px; list-style: none;}
#sidebar ul.list li {padding: 3px 0px; padding-left: 20px; background: url(images/s_bullet.gif) no-repeat; background-position: 0px 5px;}
#sidebar ul.list li a{color: #444; text-decoration: none;}
#sidebar ul.list li a:hover {color: #9E2626;}


ul.sblist {margin: 0px; padding: 10px 5px; list-style: none;}
ul.sblist li{padding: 3px 0px; background: url(images/bullet-1.gif) no-repeat left 7px; padding-left: 15px;}
ul.sblist li a{text-decoration: none; color: #000;}

.tbstyle {background: #F7F7E1; border: 1px solid #ccc; background: #fff url(images/bg_button.gif) repeat-x bottom;}
.btnstyle {border: 1px solid #ccc; background: #fff url(images/bg_button.gif) repeat-x center; width: 80px; padding: 1px;}

#footer {margin-top: 20px;height: 20px; background: #9E2626;}