@charset "utf-8";
/* CSS Document */

body{
	background:url(images/bluegrad.gif) repeat-x #3399ff;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:30px;
}

h3{
	font-size:14px;
}

p{
	font-size:13px;
}

img{
	text-decoration:none;
	border-style:none;
}
/* Main Layout */
#pageContainer{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	/*border:#FFF thin solid;*/
}

#pageContent{
	padding-top:10px;
	padding-left:10px;
}

#pageHeader{
	width:inherit;
	background:#03F;
	background-image:url(images/header.gif);
	height:160px;
	position:relative;
	border:#000 solid 1px;
}

#homeIcon{
	float:left;
}

#homeIcon:hover{
	background-color:rgb(180, 180, 180);
	background-color:rgba(180, 180, 180, 0.8);
}

#homeIcon img{
	width:30px;
	height:30px;
}

#homeMain{
	width:690px;
	margin-left:5px;
	float:left;
	position:relative;
}

#headerTools{
	background-image:url(images/headertoolsbg.png);
	background-repeat:no-repeat;
	color:#000;
	width:145px;
	height:33px;
	margin-right:0px;
	margin-left:auto;
	position:relative;
	margin-top:0px;
	padding-right:5px;
	padding-top:2px;
	text-align:right;
}

#headerTools a{
	color:#06C;
	text-decoration:none;
}

#navBar{
	position:absolute;
	bottom:0px;
}

#mainNavList li{
	display: inline;
	list-style-type: none;
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0px !important;
	list-style-image:none !important;
}

#mainNavList li a{
	width:136px;
	height:27px;
	display:block;
	color:#000;
	background-image:url(images/tabs/tabs.png);	
	line-height:28px;
	text-align:center;	
	text-decoration:none;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
	font-size:12px;
}

#mainNavList li a.currentNavTab, #mainNavList li a.currentNavTab:hover, #mainNavList li li.currentNavTab a {
	background-image:url(images/tabs/tabs.png);	
	background-position: 0px -56px;
	cursor:default !important; 
	color:#000 !important;
}

#mainNavList li a.adminNavTab, #mainNavList li a.adminNavTab:hover, #mainNavList li li.adminNavTab a{
	background-image:url(images/tabs/admin.gif);
	color:#FF0 !important;
}

#mainNavList li a:hover{
	background-image:url(images/tabs/tabs.png);
	background-position: 0px -28px;
	color:#FFF;
}

#headerLogo{
	float:left;
}

#bottomBar {
	position:fixed;
	height: 25px;
	width:100%;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	bottom:0;
	z-index: 3;
}

#bottomBarControls{
	width:800px;
	height:25px;
	margin-left:auto;
	margin-right:auto;
	background-color:rgb(116, 116, 116);
	background-color:rgba(116, 116, 116, 0.8);
	padding-left:5px;
	padding-right:5px;
}

#bottomBar img{
	height:20px;
	width:20px;
}

#bottomBar a:hover{
	background-color:rgb(180, 180, 180);
	background-color:rgba(180, 180, 180, 0.8);
}

/* Latest Content List */
#latestList{
	width:240px;
	margin-left:0px;
	float:left;
	padding:0px;
}

#latestList ul{
	margin-left:0px;
	padding:0px;
	list-style:none;
}

#latestList .latestThumb{
	/*width:70px;
	height:60px;*/
	float:left;
}

.iconType{
	width:16px;
	height:16px;
}

#latestList li{
	/*border-bottom:#CCC solid thin;*/
	margin-left:0px;
}

#latestList li .playButton{
	float:right;
	margin-right:20px;
}

.playButton{
	border:#060 solid thin;
	background:#090;
	color:#FFF;
	text-decoration:none;
	padding:3px;
}

/* View Content stuffs */
#contentDescription{
	width:300px;
	float:right;
}

#contentDescription img{
	float:left;
}

#contentDescription p{
	margin-left:5px;
}

#contentDescription a{
	color:#FF0;
	text-decoration:none;
}

#contentDescription a:hover{
	color:#FC0;
	text-decoration:none;
}

#contentContainer{
	float:left;
	width:600px;
	margin-left:15px;
}

#similarContentList{
	float:right;	
	width:300px;
}

#similarContentList ul{
	list-style:none;
	padding-left:0px;
}

#similarContentList li{
	margin-top:5px;
}

#similarContentList img{
	float:left;
}

#similarContentList a{
	color:#FFF;
	padding-left:5px;
	text-decoration:none;
	color:#FFF;
	font-size:12px;
}

#similarContentList a:hover{
	color:#FC0;
}

#flashGameEmbedContainer{
	width:550px;
	height:400px;
}

#flvEmbedContainer{
	width:586px;
	height:431px;
	padding:0px;
}

#browseCatagoryList{
	float:left;
	width:140px;
}

#browseCatagoryList ul{
	list-style:none;
	padding-left:0px;
}

#browseContentResults{
	float:left;
	width:800px;
}

.browseContentThumb{
	text-align:center;
	width:100px;
	height:140px;
	margin-top:10px;
	margin-left:5px;
	float:left;
}

.browseContentThumb a{
	font-size:12px;
	color:#FFF;
	text-decoration:none;
}

#browseToolTip { 
    background-color:#000; 
    border:1px solid #FFF; 
    padding:5px 10px; 
    width:200px; 
    display:none; 
    color:#FFF; 
    text-align:left; 
    font-size:12px; 
 
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000;  
}

#browseToolTip .playButton{
	float:right;
}

#loginToolTip{
	display:none;
    background:url(images/tooltip.png); 
    height:72px; 
    padding:40px 30px 10px 30px; 
    width:231px; 
    font-size:11px; 
    color:#FFF;
	position:static;
}

.footerCopyrights{
	text-align:center;
	font-size:10px;
}

/* validation error message bar */
#ErrorDrawer {
	background:#FFF;
	overflow:visible;
	position:fixed;	
	left:0;
	top:0;
	text-align:center;
	padding:15px;
	font-size:18px;
	border-bottom:2px solid #789;
	width:100%;
	display:none;
	z-index:2;
}

.comment{
	border-bottom:#123 solid thin;
}

.comment a{
	color:#FF0;
	text-decoration:none;
}

.comment a:hover{
	color:#FC0;
	text-decoration:none;
}

.commentSpamLink{
	text-align:right;
	margin-right:0px;
}

#headerAds{
	width:125px;
	height:125px;
	float:right;
}

.tagCloud{
	width:300px;
	height:185px;
	position:relative;
	background-image:url("images/tagcloud.gif");
	padding:0px;
}

#tagList{
	position:absolute;
	height:155px;
	margin-top:30px;
	padding:0px;
}

#tagList li{  
  list-style-type:none;
  float:left;
  margin:0 10px;
  height:35px;  
}

#tagList li a{
	text-decoration:none;
	color:#ffffff;
}
#tagList li a:hover{
	text-decoration:none;
	color:#CCC;
}  

#accountTabList{
	width:100px;
	float:left;
	list-style:none;
	padding-left:0px;
}

#accountTabList a{
	color:#FFF;
	text-decoration:none;
	font-size:12px;
}

#accountTabPanes{
	float:left;
	width:800px;
	margin-top:10px;
}

#accountTabPanes fieldset{
	border-color:#777;
	border-style:solid;
	margin-top:15px;
}