/* 
clubhouse_screen.css
Copyright 2007 Focus on the Family
Version: 1.0
Created: 4/11/2007
 */

 #wrapper {
	background:url(../images/backgrounds/articlewrapperdropshadow.png) 75px 0 repeat-y;
}
 #wrapperInner {
	width:886px;
	margin:0;
	height:auto;
	background-image: url(../images/backgrounds/articlewrapperBackground.png);
	background-repeat: repeat-y;
	background-position: 75px 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	overflow:hidden;
}

#articleTop { float:left; 
               width:565px; 
               height:8px; 
               background: url(../images/backgrounds/articletopBackground_mov.png) 0 0  no-repeat; 
               margin: 0px 0px 0px 47px;  
               font-size: 1px; 
}
 #article {
	background:#FAEBD7;
	width:545px;
	height:auto;
	overflow:visible;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
        float:left;
        margin: 0px 0px 0px 47px;
}
 #articleBottom { float:left; 
               width:565px; 
               height:8px; 
               background: url(../images/backgrounds/articlebottomBackground_mov.png);  
               font-size: 1px; 
               position: absolute; top: 670px; Left: 287px;
               background-repeat: no-repeat;          
               background-position: 0 0;
               margin: 0px;
               padding: 0px;
}




 
 /* Banner Styles */
  #articleBanner {
	width:565px;
	height:168px;
	padding: 15px 0px 0px 0px;
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 47px;
}

.ABcontentArea { width:570px; float:left; overflow:hidden; }
.ABcontentArea .rightCol-content { width:325px; }

  h3.truthSeeker a { text-indent:-9999px; display:block; width:569px; height:154px; padding: 0px; margin:0px; background:url(../images/siteelements/banner_truthseeker.gif) 0 0 no-repeat; position: relative; top: 0px;}
  h3.games a { text-indent:-9999px; display:block; width:573px; height:145px; padding: 0px; margin:0px; background:url(../images/siteelements/banner_games.gif) 0 0 no-repeat; position: relative; top: 0px;}
  h3.stufftomake a { text-indent:-9999px; display:block; width:573px; height:133px; padding: 0px; margin:0px; background:url(../images/siteelements/banner_stufftomake.gif) 0 0 no-repeat; position: relative; top: 0px;}
  h3.moviereviews a { text-indent:-9999px; display:block; width:573px; height:145px; padding: 0px; margin:0px; background:url(../images/siteelements/banner_moviereviews.gif) 0 0 no-repeat; position: relative; top: 0px;}
  h3.mysterysquad a { text-indent:-9999px; display:block; width:573px; height:133px; padding: 0px; margin:0px; background:url(../images/siteelements/banner_mysterysquad.gif) 0 0 no-repeat; position: relative; top: 0px;}
  h3.membersonly a { text-indent:-9999px; display:block; width:551px; height:164px; padding: 0px; margin:0px; background:url(../images/siteelements/banner_membersonly1.png) 0 0 no-repeat; position: relative; top: 0px;}
  h3.odysseyblog a { text-indent:-9999px; display:block; width:563px; height:168px; padding: 0px; margin:0px; background:url(../images/siteelements/banner_odysseyblog.jpg) 0 0 no-repeat; position: relative; top: 0px;}
  h3.averageboy a { text-indent:-9999px; display:block; width:557px; height:164px; padding: 0px; margin:0px; background:url(../images/siteelements/banner_averageboy.jpg) 0 0 no-repeat; position: relative; top: 0px;}
  h3.jokes a { text-indent:-9999px; display:block; width:569px; height:145px; padding: 0px; margin:0px; background:url(../images/siteelements/banner_jokes.gif) 0 0 no-repeat; position: relative; top: 0px;}
  
  
  /* Content Area Styles  */
  
  #article img{
	padding: 2px;  
  }
  #article h2{
	font-size: 24px;
	color:#A52A2A;
  }
  #article h3{
	font-size: 14px;
	font-weight:lighter;
	line-height:1.2em; 
  }
  #article p.byline {
	font-size: 12px;
	font-style:italic;
  }
/*#article p {
    font-size: 14px;
    margin-top: 1.2em;
}*/
  
  #columnLeft{
  	margin: 0px;
	padding: 0px;
	float: left;
	height: 125px;
	width: 227px;
  }
  #columnTopLeft{
	background-color: #FFD800;
	margin: 0px;
	padding: 2px;
	height: 125px;
	width: 221px;
  }
  #columnBottomLeft{
	padding: 0px;
	height: 150px;
	width: 225px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #FFFFFF;
  }
  #columnRight {
	width:375px;
	float:right;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 35px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
}
  
   h2.columnText,
  h2.columnText a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #0000FF;  
  }
  
  h3.columnText,
  h3.columnText a{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: bold;
		color: #0000FF;  
  }
  
  
  
/* sideBar styles */
 #sideBar {
	float:left;
	margin:0;
	width:240px;
	height: 500px;
	overflow:hidden;
	background-image: url(../images/backgrounds/navbackground2.gif);
	background-repeat: no-repeat;
	background-position: 75px 45px; 
}
 

 
 #sideBar .content {position: absolute; top:220px; Left: 80px; width:204px; margin:60px 20px 0 0px; border: none;  }
#sideBar ul { padding:0px 0 0px 0px; float:left; margin:0; overflow:hidden; background-color: #c4ff5d; }
#sideBar ul li { display:inline; margin:0; padding:0; }
#sideBar ul li a { float:left; padding:0; margin:0;  }
   
#averageBoy a,
#odysseyBlog a,
#games a,
#truthPursuer a,
#mystSquad a,
#movieReviews a,
#stuffMake a,
#videos a,
#webExtras a,
#jokes a,
#clubJr a { text-indent:-9999px; margin: 0; padding: 0; }



#averageBoy a { width:95px; height:50px; padding: 0px; margin:0; background:url(/images/siteelements/01_AverageBoy.jpg) 0 0 no-repeat; display: inline; position: relative; }
#odysseyBlog a { width:95px; height:60px; padding: 0px; margin:0; background:url(/images/siteelements/02_OdysseyBlog.jpg) 0 0 no-repeat; display: inline; position: relative; }
#games a { width:95px; height:62px; padding: 0px; margin:0; background:url(/images/siteelements/03_Games.jpg) 0 0 no-repeat; display: inline; position: relative; }
#truthPursuer a { width:95px; height:60px; padding: 0px; margin:0; background:url(/images/siteelements/04_TruthPur.jpg) 0 0 no-repeat; display: inline; position: relative; }
#mystSquad a { width:95px; height:58px; padding: 0px; margin:0; background:url(/images/siteelements/05_MystSquad.jpg) 0 0 no-repeat; display: inline; position: relative; }
#movieReviews a { width:95px; height:50px; padding: 0px; margin:0; background:url(/images/siteelements/06_MovieRev.jpg) 0 0 no-repeat; display: inline; position: relative; }
#stuffMake a { width:95px; height:60px; padding: 0px; margin:0; background:url(/images/siteelements/07_StuffMake.jpg) 0 0 no-repeat; display: inline; position: relative; }
#videos a { width:95px; height:62px; padding: 0px; margin:0; background:url(/images/siteelements/08_Videos.jpg) 0 0 no-repeat; display: inline; position: relative; }
#webExtras a { width:95px; height:60px; padding: 0px; margin:0; background:url(/images/siteelements/09_WebExtras.jpg) 0 0 no-repeat; display: inline; position: relative; }
#jokes a { width:95px; height:58px; padding: 0px; margin:0; background:url(/images/siteelements/10_Jokes.jpg) 0 0 no-repeat; display: inline; position: relative; }
#clubJr a { width:189px; height:68px; padding: 0px; margin:0; background:url(/images/siteelements/clubJr.jpg) 0 0 no-repeat; display: inline; position: relative; }


  /* Games styles */
  
.gamesTop { width: 564px; height: 14px; padding: 0; margin: 0; background-image: url(../images/backgrounds/gamesBoxTop.gif no-repeat); }
.gamesMid { width: 564px; height: auto; padding: 0; margin: 0; background-image: url(../images/backgrounds/gamesBoxMid.gif repeat); }
.gamesBot { width: 564px; height: 11px; padding: 0; margin: 0; background-image: url(../images/backgrounds/gamesBoxMid.gif no-repeat); }


/*Print Friendly only */
#printMast { display:none; }

/* Content */
#ratingSideBar { float:left; width:150px; border:1px solid #B0C4DE; margin:20px 10px 10px 0px; padding:0; background-color:#B0C4DE; overflow:hidden; }
#ratingSideBar img { margin: -2px 0 5px -2px; background-color:#B0C4DE; }
#movieInfo { margin:5px 0 5px 0px ; padding:0 2px 0 0; background-color:linen; }
dt { color:#000; font-weight:bold; margin-left:5px; }
dd { margin:0 0 10px 5px; padding:0; }

/*MISC*/
.moviesTHMdefault { background:url(../images/siteelements/movieReel.jpg) no-repeat; width:75px; height:75px;  }
.moviesdefaultArt  { background:url(../images/siteelements/movieReel-150.jpg) no-repeat; width:150px; height:99px;   }