@charset "UTF-8";


/* General */

body, h1, h2, h3, h4, h5, h6, #nav, li, p, ul, li{
	margin:0px;
	padding:0px;
	font-weight:normal;}

a {text-decoration:none;}
	
body{
	background:url(images/bg_yellow.jpg) repeat;
	font-family:Georgia, "Times New Roman", Times, serif;}

#wrapper{
	margin:20px auto 0;	
	width:900px;}

#header{
	height:138px;
	width:900px;}

#middle{
	width:900px;}

#left_column{
	float:left;}
	
#right_column{
	float:right;}

#footer{
	font-size:11px;
	line-height:13px;
	color:#8b6b26;
	border-top:1px dotted #826f57;
	padding:13px 0px;
	margin-top:40px;
	clear:both;
	text-align:center;}

#footer a{
	color:#8b6b26;
	text-decoration:none;}

#footer a:hover{
	text-decoration:underline;}

#colorstrip{
	background:url(images/colorstrip.gif) repeat-x;
	height:16px;
	top:0px;}

#colorstrip_left{
	background:url(images/colorstrip_vertical.gif) repeat-y;
	width:15px;
	float:left;
	height:100%;}

#colorstrip_right{
	background:url(images/colorstrip_vertical.gif) repeat-y;
	width:15px;
	float:right;
	height:100%;}

h1{
	background:url(images/janeschoenberg_logo.png) no-repeat;
	text-indent:-9999px;
	width:336px;
	height:107px;
	margin-top:21px;
	float:left;}

h2{
	margin-bottom:10px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	height:62px;
	width:180px;}

#nav{
	font-size:15px;
	line-height:20px;
	float:right;
	background:url(images/bg_nav.gif) no-repeat;
	margin-top:37px;
	width:487px;
	height:54px;
	text-align:center;}

#nav a{
	color:#FFFFFF;
	text-decoration:none;
	text-shadow: 0px 1px 2px #333333;
	margin:0px 11px;
	position:relative;
	top:15px;}

#nav a:hover{
	color:#dbdd1b;}


/* Home */

#intro {
	width:530px;
	height:150px;
	clear:both;
	margin:0 auto 70px;
	background:url(images/bg_intro.jpg) no-repeat;
	color:#2f3897;
	padding:70px 0px 0px 230px;
	font-size:19px;
	line-height:25px;
	font-style:italic;
	position:relative;}

.groucho{
	font-size:15px;
	line-height:18px;
	font-style:normal;
	margin-top:20px;}






.announcement{
	background:url(images/one-and-only-stuey-lewis-bg.png) no-repeat;
	width:430px;
	height:194px;
	font-size:12px;
	line-height:14px;}

.announcement.one-and-only{
	background:url(images/one-and-only-stuey-lewis-bg.png) no-repeat;
	float:left;}

.announcement.against-all-odds{
	background:url(images/stuey-lewis-against-all-odds-bg.png) no-repeat;
	float:right;}
	
.announcement .subtitle{
	position:relative;
	font-weight:bold;}	

.announcement.one-and-only .subtitle{
	top:45px;
	left:145px;
	text-transform:uppercase;
	letter-spacing:2px;}

.announcement.against-all-odds .subtitle{
	top:55px;
	left:145px;}

.announcement .title{
	position:relative;
	font-size:16px;
	line-height:18px;
	font-weight:bold;}

.announcement.one-and-only .title{
	top:53px;
	left:145px;}

.announcement.against-all-odds .title{
	top:63px;
	left:145px;}

.announcement .title a:hover{
	text-decoration:underline;}

.announcement.one-and-only .title a{
	color:#507c03;}

.announcement.one-and-only ul{
	position:relative;
	top:67px;
	left:161px;
	width: 225px;}

.announcement.one-and-only ul li{
	margin-bottom:8px;}

.announcement.one-and-only ul li a{
	color:#000000;}

.announcement.one-and-only ul li a:hover{
	text-decoration:underline;}
	
.announcement.against-all-odds .watch_trailer{
	top:66px;
	left:145px;
	position:relative;}
	
.announcement.against-all-odds .title a{
	color:#26888e;}
	
#book_announcement{
	background:url(images/stuey_lewis_against_all_odds_bg.png) no-repeat;
	width:287px;
	height:163px;
	margin:0px auto;
	padding: 79px 45px 0px 188px;}

#book_announcement .subtitle{
	font-size:16px;
	line-height:18px;}

#book_announcement .date{
	font-size:12px;
	line-height:14px;}

#book_announcement .title a, #book_announcement .title{
	font-size:18px;
	line-height:20px;
	color:#26888e;
	font-weight:bold;
	margin: 6px 0px 12px;
	display:block;}

#book_announcement .title a:hover{
	text-decoration:underline;}

#book_announcement p{
	font-size:13px;
	line-height:18px;
	font-style:italic;}

.watch_trailer a{
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	color:#000;
	margin:8px 3px 0 0;
	background:url(images/icon_video.png) no-repeat;
	display:block;
	height:22px;
	padding:9px 0 0 37px;}

.watch_trailer a:hover{
	text-decoration:underline;}

#book_announcement a:hover{
	text-decoration:underline;}

#bottom{
	width:545px;
	height:55px;
	margin-top:20px;
	background:url(images/cooper.jpg) no-repeat;
	margin:auto;
	font-size:11px;
	line-height:14px;
	color:#a94e05;
	padding:85px 0 0 100px;}


/* About */

.about_body{
	width:515px;
	margin:0 20px 50px 0;}
	

.about_body p{
	font-size:14px;
	line-height:22px;
	color:#333333;
	margin-bottom:22px;}

.about_body a{
	color:#333333;}

.about_body a:hover{
	text-decoration:underline;}


/* Books */

#heads_up{
	width:322px;
	height:136px;
	background:url(images/soccerboy.gif) no-repeat;
	font-size:15px;
	line-height:18px;
	color:#333333;
	padding:425px 0 0 40px;
	margin-top:30px;}

#heads_up a{
	font-weight:bold;
	color:#568202;
	line-height:24px;}

#heads_up a:hover{
	text-decoration:underline;}


#books_body{
	width:538px;
	margin:45px 0;}

.book{
	width:209px;
	text-align:center;
	float:left;
	margin-bottom:50px;
	padding:0 30px;}

.cover{
	border:4px solid #FFF;
	margin-bottom:19px;
	-moz-box-shadow: 0px 3px 3px #ceb690;
	-webkit-box-shadow: 0px 3px 3px #ceb690;
	box-shadow: 0px 3px 3px #ceb690;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#ceb690')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#ceb690');}

a:hover .cover{
	border:4px solid #2f3589;}

h3{
	font-size:22px;
	line-height:23px;
	font-weight:bold;
	margin-bottom:6px;
	color:#000000;}

h3 a:hover{
	text-decoration:underline;}

.upcoming{
	font-size:13px;
	line-height:13px;
	font-weight:bold;
	margin-bottom:7px;
	color:#000;}

#books_body p{
	font-size:12px;
	line-height:16px;
	font-style:italic;}

.book_bg {
	background:url(images/bg_book.jpg) repeat;}

.book_left{
	font-size:10px;
	line-height:12px;
	color:#333;
	padding:32px 42px 0 26px;
	width:188px;}

.book_left .cover{
	margin-bottom:10px;}

.book_left a{
	color:#333;
	font-weight:bold;}

.book_left a:hover{
	text-decoration:underline;}

.book_right{
	width:618px;
	margin:32px 26px 0 0;
	color:#333;
	font-size:11px;
	line-height:14px;}

.book_right .title{
	font-size:28px;
	line-height:28px;
	font-weight:bold;
	margin-bottom:5px;}

.book_right .subheading {
	font-size:14px;
	line-height:14px;
	font-style:italic;
	margin-bottom:15px;}

.book_right .intro {
	font-size:13px;
	line-height:16px;
	margin-bottom:25px;}

.book_right .subtitle{
	font-weight:bold;
	font-size:16px;
	margin-bottom:20px;}

.book_right p{
	margin-bottom:10px;}


/* Events */

.events_body{
	width:491px;
	margin:85px 0px;
	font-size:14px;
	line-height:22px;
	text-align:center;}

.events_body a{
	color:#000;
	text-decoration:none;
	font-weight:bold;}

.events_body a:hover{
	text-decoration:underline;}

.events_body .stueybook {
	color:#568202;
	text-decoration:none;}

.events_body .stueybook:hover {
	text-decoration:underline;}

#upcoming_events .topic{
	 float:right;
	 color:#333333;
	 margin:22px 10px 0 0;
	 font-size:20px;}
	
#upcoming_events .topic a{
	 font-weight:bold;
	 text-decoration:none;}
	
#upcoming_events .topic a:hover{
	 font-weight:bold;
	 text-decoration:underline;}

#upcoming_events #table{
	padding:0px 30px 20px;
	background:url(images/bg_book.jpg);}
	
#upcoming_events table{
	font-size:13px;
	line-height:17px;
	color:#333;}

#upcoming_events table td, #past_events table td{
	padding:20px 0px;}

#upcoming_events table .month{
	font-size:15px;
	font-weight:bold;
	border-top:2px dotted #ae8e65;
	padding:40px 0px 0px;}

#upcoming_events table a, #past_events a{
	color:#333333;
	font-style:italic;}

#upcoming_events table a:hover, #past_events a:hover{
	text-decoration:underline;}
	
#past_events{
	margin-top:25px;
	margin-bottom:50px;
	padding:25px;
	background:url(images/bg_book.jpg);
	font-size:13px;
	line-height:17px;
	color:#333;}







/* Contact */

#contact_janeschoenberg{
	margin:34px 0 50px 34px;
	background:url(images/contact_janeschoenberg.jpg) no-repeat;
	font-size:11px;
	line-height:11px;
	color:#8b6b26;
	width:155px;
	height:21px;
	padding:244px 0 0 112px}

#contact_body{
	width:585px;
	font-size:14px;
	line-height:22px;
	color:#333;
	margin-top:50px;}

#contact_body a{
	color:#000000;
	font-size:18px;
	font-weight:bold;}

#contact_body a:hover{
	text-decoration:underline;}
	
#contact_body .title{
	margin-top:55px;
	margin-bottom:15px;}


/* For Teachers */


.teacher_item{
	margin-top:30px;}

.teacher_item .cover{
	float:left;
	margin-right:25px;}

.teacher_item h3 a{
	padding-top:20px; 
	display:block;}
	
.teacher_item p{
	font-style:italic;
	color:#333333;}

.teacher_item .download{
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 8px;
	
	color:#FFFFFF;
	text-decoration:none;
	line-height:38px;
	font-size:14px;
	display:inline-block;
	
	background:#066;
	padding:0px 20px;
	margin-top:20px;
	
	background: #727add; /* Old browsers */
	background: -moz-linear-gradient(top, #727add 0%, #575c96 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#727add), color-stop(100%,#575c96)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #727add 0%,#575c96 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #727add 0%,#575c96 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #727add 0%,#575c96 100%); /* IE10+ */
	background: linear-gradient(top, #727add 0%,#575c96 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727add', endColorstr='#575c96',GradientType=0 ); /* IE6-9 */
	
	-moz-box-shadow: 0px 1px 2px #ae7e30;;
	-webkit-box-shadow: 0px 1px 2px #ae7e30;;
	box-shadow: 0px 1px 2px #ae7e30;}


.teacher_item .download:hover{
		background: #515ac1; /* Old browsers */
		
		background: -moz-linear-gradient(top,  #515ac1 0%, #3e4277 100%); /* FF3.6+ */
		
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#515ac1), color-stop(100%,#3e4277)); /* Chrome,Safari4+ */
		
		background: -webkit-linear-gradient(top,  #515ac1 0%,#3e4277 100%); /* Chrome10+,Safari5.1+ */
		
		background: -o-linear-gradient(top,  #515ac1 0%,#3e4277 100%); /* Opera 11.10+ */
		
		background: -ms-linear-gradient(top,  #515ac1 0%,#3e4277 100%); /* IE10+ */
		
		background: linear-gradient(top,  #515ac1 0%,#3e4277 100%); /* W3C */
		
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515ac1', endColorstr='#3e4277',GradientType=0 ); /* IE6-9 */