html { overflow-x: hidden; }
/* CSS Document */

/* ////// basic structure of site ///// */

.bkgrdImage{
	background:url(../images/bkgrd1200.png) no-repeat;
	background-position: top;
	z-index:1;
	
}

#frame{
	
	margin-right:auto;
	margin-left:auto;
	height:1500px;
	width:99%;
	
	
}

#frame > #mainContainer{
	
	margin-right:auto;
	margin-left:auto;
	height:1500px;
	width:1200px;
	
	
}

#leftCol{
	background: url(../images/pod_left100.png) no-repeat;
	background-position: 0px 300px;
	z-index:2;
	float: left;
	
	margin:0;
	padding:0;
	display:inline;
	height:100%;
	min-width:100px;
	width:auto;

	
}

#rightCol{
	background: url(../images/pod_right100.png) no-repeat;
	background-position: 0px 100px;
	z-index:2;
	float: left;
	
	margin:0;
	padding:0;
	display:inline;
	height:100%;
	min-width:100px;
	width:auto;

	
}

.middleCol{
	float: left;
	
	margin:0;
	padding:0;
	display:inline;
	height:100%;
	width:950px;
	
}

/* //////END  basic structure of site ///// */


/* //////Header elements ///// */

#logo, #topPod{
	display:inline;
	float:left;
	
}

p.signUp{
	position:relative;
	top:-30px;
	left:600px;
	width:300px;
	display:block;
	height:20px;
}


a#register{
	font:bold 14px/20px Verdana, Geneva, sans-serif;
	color:#069;
	margin-right:120px;
}

a#logIn{
	font:normal 12px/14px Verdana, Geneva, sans-serif;
	color:#069;
}

a#logIn , a#register {
	text-decoration:none;
	color:#069;
}

a#logIn:hover, a#register:hover{
	       text-decoration:underline;
	       color:#069;
}

div#navTopHor{
	background:url(../images/nav_hor.png) no-repeat;
	background-position:0 0;
	font:normal 12px/14px Verdana, Geneva, sans-serif;
	color:#069;
	height: 35px;
	
}

ul#navtxt {
	font:normal 12px/30px Verdana, Geneva, sans-serif;
	color:#069;
	display:inline;
	list-style:none;
	height:30px;
	margin-left:50px;
}

ul#navtxt li{
	display:inline;
	color:#069;
	list-style:none;
	
}

ul#navtxt li a{
	color:#069;
	text-decoration:none;
	
}

ul#navtxt li a:hover{
	color:#069;
	text-decoration:underline;
	
}

ul#navtxt li a.selected{
	  color:#F63;
	  text-decoration:none;
	  
}

/* //////END Header elements ///// */

/* ///// left columnt /////*/


#colLeftContent{
	margin-top:20px;
	
}

/* ///// left columnt /////*/


#colLeftContent{
	margin-top:20px;
	
}

/* ////////// book div  ///////////*/

div#book > div.top{
	background:url(../images/book_top.png) no-repeat;
	background-position:top;
	margin: 0 auto;
	width:270px;
	height:28px;	
}

div#book > div.top > h1{
font:bold 18px/24px Verdana, Geneva, sans-serif;
	color:#069;
	margin-top:0px;
	text-align:center;
}

div#book > div.top > h1 a{
	color:#069;
	text-decoration:none;
}

div#book > div.top > h1 a:hover{
	color:#069;
	text-decoration:underline;
}


div#book > div.content{
	border-right:1px solid #069;
	border-left:1px solid #069;
	width:268px;
	height:100%;
	
}



div#book > div.bottom{
	background:url(../images/book_bottom.png) no-repeat;
	background-position:top;
	margin: 0 auto;
	width:270px;
	padding-top: 8px;
	height:20px;
}

div#book > div.bottom > p{
	font:normal 10px/12px Verdana, Geneva, sans-serif;
	color:#069;
	margin-top:0px;
	margin-right:10px;
	text-align:right;
	
}

div#book > div.bottom > p > a{
	color:#069;
	text-decoration:none;
	
}

div#book > div.bottom > p > a:hover{
	color:#069;
	text-decoration:underline;
	
}


div#book > div.content > div.issue{
	background-color:#069;
	font:bold 14px/15px Verdana, Geneva, sans-serif;
	color:#fff;
	width:268px;
	padding:2px 0 4px;
	margin-bottom:10px;
	
}

div#book > div.content > div.issue > img{
	border:1px solid #000;
	margin:2px 5px;
	
}

div#book > div.content > div.issue > h1{
	font:bold 14px/15px Verdana, Geneva, sans-serif;
	color:#fff;
	margin: 5px 0px 2px 5px;
	
}

div#book > div.content > div.issue > h2{
	font:normal 12px/14px Verdana, Geneva, sans-serif;
	color:#fff;
	margin: 0px;
	
}

div#book > div.content > div.issue > p{
	font:normal 10px/12px Verdana, Geneva, sans-serif;
	color:#fff;
	margin: 0px;
}

/* //////////  End  book div  ///////////*/

/* //////////  twitter div  ///////////*/

div#twitter{
	margin-top:10px;
	
}

div#twitter > div.top{
	background:url(../images/twitter_top1.png) no-repeat;
	background-position:top;
	margin: 0 auto;
	width:270px;
	height:35px;	
}

div#twitter > div.content{
	background:url(../images/twitter_middle1.png) repeat;
	width:270px;
	height:100%;
	margin: 0 auto;	
}


div#twitter > div.bottom{
	background:url(../images/twitter_bottom1.png) no-repeat;
	background-position:top;
	margin: 0 auto;
	width:270px;
	height:43px;
}

div#twitter > div.bottom > p{
	font:bold 9px/10px Verdana, Geneva, sans-serif;
	color:#FFF;
	margin:0px 15px 0px 0px;
	text-align: right;
}

div#twitter > div.bottom > p a{
	color:#FFF;
	text-decoration:none;
}

div#twitter > div.bottom > p a:hover{
	color:#FFF;
	text-decoration:underline;
}

div#twitter > div.content > div {
	background-color:#FFF;
	height:100%;
	width:90%;
	margin:0 12px;	
}

div#twitter > div.content > div > ul{
	    font:bold 10px/12px Verdana, Geneva, sans-serif;
	    color:#000;
	    margin:0px 5px;
	    padding:5px 0px;
	    list-style:none;
}

div#twitter > div.content > div > ul li{
	    font:bold 10px/12px Verdana, Geneva, sans-serif;
	    color:#000;
	    margin:0px 5px;
	    padding-bottom:8px;
	    list-style:none;
	    line-height:14px;
}

div#twitter > div.content > div > ul li a{
	    color:#069;
	    font-weight:normal;
	    text-decoration:none;

}

div#twitter > div.content > div > ul li a:hover{
	    color:#069;
	    font-weight:normal;
	    text-decoration:underline;

}
	
/* //////////  END twitter div  ///////////*/

/* //////////  calendar div  ///////////*/

div#cal{
	height:200px;
	width:270px;
	margin-bottom: 90px;
}

div#cal > div.top{
	background:url(../images/book_top.png) no-repeat;
	background-position:top;
	margin: 0 auto;
	width:270px;
	height:28px;	
}

div#cal > div.top > h1{
font:bold 18px/24px Verdana, Geneva, sans-serif;
	color:#069;
	margin-top:0px;
	text-align:center;
}

div#cal > div.top > h1 a{
	color:#069;
	text-decoration:none;
}

div#cal > div.top > h1 a:hover{
	color:#069;
	text-decoration:underline;
}


div#cal > div.content{
	border-right:1px solid #069;
	border-left:1px solid #069;
	width:268px;
	height:100%;
	
}



div#cal > div.bottom{
	background:url(../images/book_bottom.png) no-repeat;
	background-position:top;
	margin: 0 auto;
	width:270px;
	height:28px;
}


div#cal > div.bottom > p{
	text-align:right;
	color:#069;
	font:bold 9px/10px Verdana, Geneva, sans-serif;
	margin-right:10px;
	
}

div#cal > div.bottom > p a {
	color:#069;
	text-decoration:none;
	
}

div#cal > div.bottom > p a:hover {
	color:#069;
	text-decoration:underline;
	
}


/* //////////  End calendar div  ///////////*/



/* //////////////////////// END left column ///////////////////*/



/* /////////////////// Main Column ////////////////////////*/

div#mainContainer{
	margin-top:20px;
	height:500px;
	display:block;
	
}


/* //////////  Left nav public div  ///////////*/

/* created left nav container */

div#navLeftPubFF{
	height:auto;
	width:270px;
	
}

div#navLeftPubFF > div.top{
		 background:url(../images/book_top.png) no-repeat;
		 background-position:top;
		 margin: 0 auto;
		 width:270px;
		 height:28px;	
}

div#navLeftPubFF > div.top > h1{
font:bold 18px/24px Verdana, Geneva, sans-serif;
	  color:#069;
	  margin-top:0px;
	  text-align:center;
}

div#navLeftPubFF > div.top > h1 a{
		 color:#069;
		 text-decoration:none;
}

div#navLeftPubFF > div.top > h1 a:hover{
		 color:#069;
		 text-decoration:underline;
}


div#navLeftPubFF > div.content{
		 border-right:1px solid #069;
		 border-left:1px solid #069;
		 width:268px;
		 height:100%;
		 
}



div#navLeftPubFF > div.bottom{
		 background:url(../images/book_bottom.png) no-repeat;
		 background-position:top;
		 margin: 0 auto;
		 width:270px;
		 height:28px;
}


div#navLeftPubFF > div.bottom > p{
		 text-align:right;
		 color:#069;
		 font:bold 9px/10px Verdana, Geneva, sans-serif;
		 margin-right:10px;
		 
}

div#navLeftPubFF > div.bottom > p a {
		 color:#069;
		 text-decoration:none;
		 
}

div#navLeftPubFF > div.bottom > p a:hover {
		 color:#069;
		 text-decoration:underline;
		 
}
/* created END left nav container */


/* Style content of left nav container */


/* Vertical list content styling */

div#navLeftPubFF > div.content > h2{
font:bold 1.6em/2em Verdana, Geneva, sans-serif;
color:#069;
padding:0px;
margin:0px 0px 0px 20px;
	   
}

div#navLeftPubFF > div.content > h3{
font:bold 1.3em/2em Verdana, Geneva, sans-serif;
color:#f63;
padding:15px 0px 0px 0px;
margin:0px 0px 0px 20px;
	   
}

div#navLeftPubFF > div.content > h4{
font:bold 1em/2em Verdana, Geneva, sans-serif;
color:#333;
padding:15px 0px 0px 0px;
margin:0px 0px 0px 20px;
	   
}



div#navLeftPubFF > div.content ul{ 
font:bold 1.2em/2em Verdana, Geneva, sans-serif;
color:#069;
margin:0px;


}

div#navLeftPubFF > div.content  ul li{
		 list-style:none;
		 margin:0px 10px 0px 40px;

}

div#navLeftPubFF > div.content  ul li:last{
		 list-style:none;
		 margin-top:0px;
		 margin-bottom:0px;

}


div#navLeftPubFF > div.content ul li a{ 
list-style:none;
text-decoration:none;
	color:#069;

}

div#navLeftPubFF > div.content ul li a:hover{ 
list-style:none;
text-decoration:underline;
	color:#069;

}

#navLeftPubFF .content ul li a.active { font-style: italic; }
/* END Vertical list content styling */

/* horizontal nav if want to do ajax for left nav bar */

div#navLeftPubFF > div.content > div {
		 display:block;
		 width:100%;
		 border-bottom:1px dotted #069;
		 text-align:center;

}

div#navLeftPubFF > div.content > div > ul#navTopicSwtich{
		 display:inline;
		 font:bold 1.2em/2em Verdana, Geneva, sans-serif;
color:#069;
margin:0px;
text-align:center;
	
}

div#navLeftPubFF > div.content > div > ul#navTopicSwtich > li {
		 display:inline;
		 margin:0px;
		 
}


div#navLeftPubFF > div.content > div > ul#navTopicSwtich > li a {
		 display:inline;
color:#666;
text-decoration:none;
margin:0px;
	
}

div#navLeftPubFF > div.content > div > ul#navTopicSwtich > li a:hover {
		 
color:#069;
text-decoration:underline;
	
}

div#navLeftPubFF > div.content > div > ul#navTopicSwtich > li.selected a {
color:#069;

	
}

/* END  horizontal nav if want to do ajax for left nav bar */

/* END created left nav container */


/* /////////////////// Right Column (Main Column) ////////////////////////*/

div#colRightContent{
	margin-top:20px;
	height:auto;
	display:block;
}

div#colRightContent > h1{
		    font:bold 2em/2.1em Verdana, Geneva, sans-serif;
		    color:#069;
		    margin:0px 10px 10px 20px;
		    
}

div#colRightContent > h2{
		    font:bold 1.6em/2em Verdana, Geneva, sans-serif;
		    color:#069;
		    margin:10px 20px 0px 20px;
		    
}

div#colRightContent > h3{
		    font:bold 1.3em/2em Verdana, Geneva, sans-serif;
		    font-style:italic;
		    color:#069;
		    margin:10px 20px 0px  40px;
		    
}


div#colRightContent > h3.issues {
		    color:#f63;
		    }


div#colRightContent > h4{
		    font:bold 1.3em/1.7em Verdana, Geneva, sans-serif;
		    color:#333;
		    margin:10px 20px 0px 40px;
		    
}


div#colRightContent > h4.titlePosition{
		    font:bold 1em/1.7em Verdana, Geneva, sans-serif;
		    color:#333;
		    margin:0px 20px 0px 40px;
		    
}

div#colRightContent > h4.titlePosition a{
		    color:#f63;
		    text-decoration:none;
		    
}

div#colRightContent > h4.titlePosition a:hover{
		    color:#f63;
		    text-decoration: underline;
		    
}

div#colRightContent > h5{
		    font:bold .9em/1.7em Verdana, Geneva, sans-serif;
		    color:#f63;
		    margin:10px 20px 0px 40px;
		    
}

div#colRightContent > p{
		    font:normal 1em/2em Verdana, Geneva, sans-serif;
		    color:#666;
		    margin:0px 20px 10px 40px;
		    padding: 0px 0px 0px 10px;
		    
}

div#colRightContent > p img{
		    border:1px solid #000;
		    margin:10px 10px 10px 0px;
		    
}

/* Issues list */
div#colRightContent > h3.issues + ul {
		    color:#f63;
		    font:normal 1.1em/1.5em Verdana, Geneva, sans-serif;
		    list-style:none;
		    margin-left:20px;
		    text-indent:20px;
		    }
		    
		    div#colRightContent > h3.issues + ul li {
		    color:#f63;
		    }


div#colRightContent > h3.issues + ul li a{
		    color:#f63;
		    text-decoration:none;
		    }
		    
div#colRightContent > h3.issues + ul li a:hover{
		    color:#f63;
		    text-decoration:underline;
		    }
/* END Issues list */

/* hor nav links */

div#colRightContent > ul.navHorLinks{
		    font:bold .9em/1em Verdana, Geneva, sans-serif;
		    color:#069;
		    display:inline;
		    margin-left:40px;
		    
		    
}

div#colRightContent > ul.navHorLinks li {
		    color:#069;
		    display:inline;
		    list-style:none;
}


div#colRightContent > ul.navHorLinks li a{
		    color:#069;
		    display:inline;
		    text-decoration:none;
}

div#colRightContent > ul.navHorLinks li a:hover{
		    color:#069;
		    display:inline;
		    text-decoration:underline;
}


/* END  hor nav links */



div#colRightContent ul{
		    font:bold 1em/1.5em Verdana, Geneva, sans-serif;
		    color:#069;
		    margin-left:50px;
		    
}

div#colRightContent ul > li{
		    color:#069;
		    line-height:1.5em;
		    text-align:left;
		    list-style:circle;
		    
}

div#colRightContent ul > li a{
		    color:#069;
		    text-decoration:none;
		    
		    
}

div#colRightContent ul > li a:hover{
		    color:#069;
		    text-decoration: underline;
		    
}



/* /////// Media Player /////// /*/
div#mediaPlayer {
  padding: 0.5em 1em 0;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border: 1px solid #A3C41D;
  background-color: #D2E24A;
}

div#mediaPlayer h2 a {
 text-decoration: none;
 color: #006699;
}

div#mediaPlayer > p#title {
	margin:0px;
	z-index:2;
	background:url(../images/checkoutmedia.png) no-repeat;
	background-position:left top;
	height:30px;
	text-align:left;
	margin:8px 0px 10px 10px;
	
}


div#mediaPlayer > p#title + div#holder{
	width:550px;
	margin-left:auto;
	margin-right:auto;
	height:400px;
}

#mediaPlayer .featured_content .featured_content_wrapper .content_wrapper {
  margin-bottom: 1em;
  float: left;
}

#mediaPlayer .featured_content .featured_content_wrapper .social_media {
  float: left;
  width: 120px;
}


#mediaPlayer .featured_content .featured_content_wrapper .social_media .twitter {
  margin-bottom: 1em;
}

#mediaPlayer .featured_content .featured_content_wrapper .description {
  width: 480px;
  float: left;
}

#mediaPlayer .featured_content .content {
  float: left;
  width: 480px;
  height: 324px;
  overflow:hidden;
  background-color: #FFF; 
  border-top: 1px solid #A3C41D;
  border-left: 1px solid #A3C41D;
  border-bottom: 1px solid #A3C41D;
}

#mediaPlayer .featured_content .content p {
  height: 100%;
  text-align: center;
}

#mediaPlayer .featured_content .content img,
#mediaPlayer .featured_content .content object {
  height: 100% !important;
}

#mediaPlayer .featured_content #navmedia {
  float: left;
  width: 120px;
  border-bottom: 1px solid #A3C41D;
}

#mediaPlayer .featured_content #navmedia a {
  display: block;
  border-top: 1px solid #A3C41D;
  border-left: 1px solid #A3C41D;
  border-right: 1px solid #A3C41D;
  padding: 20px 0;
  color:#069;
  text-decoration:none;
  text-align: center;
  font-size: 16px;
}

#mediaPlayer .featured_content #navmedia a.active {
  background-color: #FFF;
  border-left: none;
}

div#navmedia a:hover{
	color:#069;
	text-decoration:underline;
  cursor: hand;
}


div#mediaPlayer > div#holder + div#navmedia{
	font:normal 20px/24px Verdana, Geneva, sans-serif;
	color:#069;
	text-align:left;
	margin:5px 0px 5px 10px;
}

/* //////////  END Media Box  ///////////*/


/* ////////// Mentor Bubble   ///////////*/

div#mentorBubble{
	margin: 20px 0px 50px 10px; 
	position:relative;"
	display:block;
	height:auto;
	width:483px;
	float:left;
	
	
}

div#mentorBubble > div.top{
	background:url(../images/mentor_top.png) no-repeat;
	background-position:top;
	margin: 0;
	width:483px;
	height:17px;	
}

div#mentorBubble > div.content{
	background:url(../images/mentor_middle.png) repeat-y;
	width:483px;
	height:auto;
	margin: 0;	
}


div#mentorBubble > div.bottom{
	background:url(../images/mentor_bottom.png) no-repeat;
	background-position:top;
	margin: 0;
	width:483px;
	height:40px;
}

div#mentorBubble > div.content > h1 {
	font:normal 14px/16px Verdana, Geneva, sans-serif;
	color:#fff;
	margin:0px 5px;
	padding:0px 0px 8px 10px;
}

div#mentorBubble > div.content > p {
	font:normal 10px/14px Verdana, Geneva, sans-serif;
	color:#fff;
	margin:0px 5px;
	padding-left:10px;
}

div#mentorBubble > div.content > p a {
	color: #9CF;
	text-decoration:none;
}

div#mentorBubble > div.content > p a {
	color: #9CF;
	text-decoration:underline;
}

/* //////////  Mentor pix ///////////*/

div#mentorImg{
	display:block;
	float:left;
	height:70px;
	weight:70px;
	border:2px solid #069;
	margin:90px 0px 0px 10px ; 
	
}


/* //////////  Mentor pix///////////*/


	
/* //////////  END Mentor Box ///////////*/




/* ////////// Events Box   ///////////*/

.highlighted_events { 
  width:595px;
  margin-left:10px;
  overflow-x: hidden;
}

.highlighted_events > .top,
.highlighted_events > .content,
.highlighted_events > .bottom {
  width:580px;
}

.highlighted_events > .top {
  background:url(../images/eventsTop.png) no-repeat;
  background-position:top;
  margin-top: 0;
  height:26px;  
}

.highlighted_events > .content {
  background:url(../images/eventsMiddle.png) repeat-y;
  height:auto;
  margin-top: 0;  
}

.highlighted_events > .bottom {
  background:url(../images/eventsBottom.png) no-repeat;
  background-position:top;
  margin-top: 0;
  height:26px;
}

.highlighted_events > .content > h1 {
  text-indent: -9999px;
  background:url(../images/highlightEvents.png) no-repeat;
  background-position:0 0;
  height:35px;
  margin-top:-10px;
}

.highlighted_events .highlighted_event { 
  font-family: Verdana, Geneva, sans-serif;
  color:#fff;
  margin: 32px 0px 0px 10px;
  padding: 0;
}

.highlighted_events .highlighted_event .body {
  margin-left: 10px;
}

.highlighted_events .highlighted_event h2 {
  font-size: 1.3em;
  margin-left: -10px;
  padding-left: 10px;
  background-color: #4788B3;
}

.highlighted_events .highlighted_event h3 {
  font-size: 1.1em;
}

.highlighted_events .highlighted_event h2,
.highlighted_events .highlighted_event h3 { 
  margin-bottom: 0.25em;
  font-weight: bold;
  font-family: Verdana, Geneva, sans-serif;
  color:#fff;
}

.highlighted_events .highlighted_event p {
  margin: 0;
  padding-bottom: 1.3em;
}

.highlighted_events .highlighted_event a {
  color: #9CF;
  text-decoration:none;
}

.highlighted_events .highlighted_event h2 a,
.highlighted_events .highlighted_event h3 a {
  color: #9CF;
  text-decoration:underline;
}



/* ////////// End Events Box   ///////////*/

/* ////////// footer share Box   ///////////*/

div#footerShare{
	background:url(../images/share_footer.png) no-repeat;
	position:0 0;
	height: 51px;
	width:590px;
	margin:50px 10px;
	
}

div#footerShare a{
	width:80px;
	
	margin-right:5px;
	height:50px;
	float:left;
}

/* ////////// End footer share Box   ///////////*/



/* ////////// footer blue   ///////////*/
div#footerBlue{
	width:950px;
	height:20px;
	background-color:#069; 
	margin:100px 0px;
	font:9px/10px Verdana, Geneva, sans-serif;
	color:#fff;
	
	text-align: center;
}
div#footerBlue div.location{
  padding: 4px;
}





/* //////////////////////// END  Main Column ///////////////////////*/

/* //////////////////////// formating components ///////////////////////*/

img.bookCover{
	margin:0px 10px 10px 20px;
	border:1px solid #000;
	
}

div.bottomLine{
 width:100%;
 align:center;
 height:20px;
 border-bottom:1px solid #069;
 margin:0px 0px 30px 0px
 
 
}

.totop{
	text-align:right;
	display:block;
	width:100%;
	font:normal 9px/10px Verdana, Geneva, sans-serif;
	color:#069;
	
}

.totop a{
       text-align:right;
       display:block;
       width:100%;
       font:normal 9px/10px Verdana, Geneva, sans-serif;
       color:#069;
       text-decoration:none;
       
}

.totop a:hover{
       text-align:right;
       display:block;
       width:100%;
       font:normal 9px/10px Verdana, Geneva, sans-serif;
       color:#069;
       text-decoration:underline;
       
}


/* //////////////////////// END  formating components ///////////////////////*/

/* ///////////// right column data TABLE - mentor info /////////////  */

table.mentorDetails {

		    margin: 15px 40px;
		    width: 400px;
		    
}


	
td.detail {
	  font:bold 1.5em/2em Verdana, Geneva, sans-serif;
	  	    color:#069;
			text-align:left;
			 width:120px;
			 
			 }
			 
td.detail + td {
	  font:normal 1.2em/1.3em Verdana, Geneva, sans-serif;
	  color:#000;
	  text-align:left;
	  padding:5px;
	  width:auto;

	  }
	  
	  td.detail + td  > a{
	  color: #069;
	  text-decoration:none;

	  }
	  
	  td.detail + td  > a:hover{
	  color: #069;
	  text-decoration:underline;

	  }



/* ///////////// END right column data TABLE - mentor info /////////////  */

/* /////// this style for future when they embed mentor work just for placement now 7.2.09 //////////*/

div.mediaMentor{
	border:1px dotted #333;
	width:400px;
	height: 300px;
	display:block;
	margin-left: 20px;
	
	
}

.leaderboard {
  margin-top: 1em;
  margin-bottom: 1em;
}

.leaderboard .top {
  background:url(../images/book_top.png) no-repeat;
  background-position:top;
  margin: 0 auto;
  width:270px;
  height:28px;
}

.leaderboard .content {
  border-right:1px solid #069;
  border-left:1px solid #069;
  width:268px;
  height:100%;
}

.leaderboard .title {
  text-align: right;
  padding-right: 10px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 1.5em;
  color: #0063A3;
}

body.shelves.index .leaderboard .entry.leader_7,
body.shelves.index .leaderboard .entry.leader_8,
body.shelves.index .leaderboard .entry.leader_9,
body.shelves.index .leaderboard .entry.leader_10 {
 display: none;
}

.leaderboard .entry {
  padding: 2px 5px 2px 5px;
  position: relative;
}

.leaderboard .entry.odd {
  background-color: #E5ECF9;
}

.leaderboard .entry.even {
  background-color: #FFFFFF;
}

.leaderboard img.icon {
  display: block;
  float: left;
  margin-right: 10px;
  overflow: hidden;
  width: 35px;
  height: 35px;
}

.leaderboard .rank {
  width: 40px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 48px;
  font-weight: bold;
  color: #0063A3;
  float: left;
  line-height: 28px;
  margin: 0;
  padding: 0;
  padding-top: 2px;
}

body.leaderboard.index .leaderboard .leader_10 .rank  {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  color: #0063A3;
  float: left;
  letter-spacing: -4px;
  line-height: 28px;
  margin: 0;
  padding: 2px 0 0 0;
}

.leaderboard .name {
  width: 110px;
  float: left;
  white-space: nowrap;
  overflow-x: hidden;
}

.leaderboard .score {
  float: right;
  text-align: right;
  width: 62px;
}

.leaderboard .name,
.leaderboard .score {
  color: #069;
  font-family: Verdana, Geneva, sans-serif;
  padding-top: 8px;
}

.leaderboard .footer  {
  background:url(../images/book_bottom.png) no-repeat;
  background-position:top;
  margin: 0 auto;
  width:270px;
  height:28px;
  font:bold 10px/12px Verdana, Geneva, sans-serif;
  color:#069;
  text-align: right;
}

.leaderboard .footer a {
  color: #069;
  display: block;
  padding-top: 5px;
  padding-right: 10px;
  text-decoration:none;
}

.leaderboard .footer a:hover {
  color: #069;
  text-decoration:underline;  
}

body.leaderboard.index .leaderboard .footer a  {
  display: none;
}



/* == featured contents */
body.featured_contents.show {
  float: left;
  margin-bottom: 1em;
  padding: 0;
}

body.featured_contents.show .page_header a.archive_link {
  float: right;
}

body.featured_contents.show .featured_content .title {
  margin: 0;
}

body.featured_contents.show .featured_content .date_posted {
  margin-bottom: 1em;
}

body.featured_contents.show .featured_content .content_wrapper .social_media,
body.featured_contents.index .featured_content .content_wrapper .social_media {
  float: right;
}

body.featured_contents.show .featured_content .social_media .facebook,
body.featured_contents.show .featured_content .social_media .twitter,
body.featured_contents.index .featured_content .social_media .facebook,
body.featured_contents.index .featured_content .social_media .twitter {
  margin-bottom: 1em;
}

body.featured_contents.index .featured_contents.list .page_header {
  padding: 0.5em 1em;
  line-height: 1;
  background-color: #CF7A0C;
  background-image: -moz-linear-gradient(center bottom , #CF7A0C, #FA9631);
  background: -webkit-gradient(linear, left bottom, left top, from(#CF7A0C), to(#FA9631));
  background-repeat: repeat;
  background-position: 0 0;
  border: 1px solid #CF7A0C;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

body.featured_contents.index .featured_contents.list .page_header h3 {
  margin: 0;  
  color: #fff;
}

body.featured_contents.index .featured_contents.list .featured_content {
  border-bottom: 1px solid #bbbbbb;
  border-left: 1px solid #bbbbbb;
  border-right: 1px solid #bbbbbb;
  padding: 0.5em;
}

body.featured_contents.index .featured_contents.list .featured_content h3 {
  margin: 0.5em 0 0.5em;
  padding: 0;
}
body.featured_contents.index .featured_contents.list .featured_content h3 a {
  text-decoration: none;
  color: #006699;  
}

body.featured_contents.index .featured_contents.list .featured_content .date_posted {
  float: left;
  overflow: hidden;
  border: 1px solid #999999;
  padding: 0.5em;
  margin: 0.5em 1em 0.5em 0.5em;
  text-align: center; 
}

body.featured_contents.index .featured_contents.list .featured_content .main {
  float: left;
}

body.featured_contents.index .featured_contents.list .featured_content .featured_content_wrapper {
  float: right; 
  width: 470px; 
}

body.featured_contents.index .featured_contents.list .featured_content .content {
  width: 400px; 
  overflow: hidden;
}

body.featured_contents.index .featured_contents.list .featured_content .content_wrapper {
  position: relative;
}

body.featured_contents.index .featured_contents.list .featured_content .description {
  margin-bottom: 1em;
}

body.featured_contents.index .featured_contents.list .featured_content .social_media {
  position: absolute;
  right: 0;
}

body.featured_contents.index .featured_contents.list .featured_content .content img,
body.featured_contents.index .featured_contents.list .featured_content .content object {
  width: 100% !important; 
}




/* =pagination */
.pagination { 
  width: 350px;
  margin: 1em auto;
}
.pagination .prev_page.disabled,
.pagination .next_page.disabled {
  color:#666666;
  display:block;
  float:left;
  font-weight:bold;
  padding:3px 4px;
}

.pagination .prev_page,
.pagination .next_page {
  font-weight:bold;
  border:solid 1px #FFFFFF;
}

.pagination a {
  border:solid 1px #DDDDDD;
  margin-right:2px;
}

.pagination .current {
  color:#A3C41D;
  font-weight:bold;
  display:block;
  float:left;
  padding:4px 6px;
}

.pagination .gap {
  float: left;
  padding:4px 6px;  
}

.pagination a:link,
.pagination a:visited {
  color: #0063e3;
  display: block;
  float: left;
  padding: 3px 6px;
  text-decoration: none;
}
.pagination a:hover{
  border: solid 1px #666666;
}