@charset "UTF-8";
/********** TOM GATES SERIES PAGE STYLESHEET **********/


/* HOLDERS */
#mainholder {
	width: 100%;
	padding: 0;
	margin: 0;
	background:url(images/bg.jpg) #ec9d4f;
	position: relative;
	overflow: hidden;
}
#maincontent {
	width: 58.75em;
	margin: 0 auto;
	padding: 0;
	color: #333333;
	background-color: #ffffff;
	border-left:solid 0.313em #000;
	border-right:solid 0.313em #000;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.6);
	position: relative;
}
.top {
	height:280px;
	margin: 0 0 0 0;
	padding: 0;
	text-indent:-9000px;
	background:url(images/header.jpg) top no-repeat;
	display: block;
	position: relative;
}
.bottom {
	height:300px;
	margin: 0;
	padding: 22.75em 0 0 0;
	font-size:0.75em;
	color:#fff;
	text-align:center;
	background:url(images/footer.jpg) top no-repeat #000;
	display: block;
	clear: both;
	position: relative;
}
.bottom img {
	display: block;
}


/* NAVIGATION */
#tomnav {
	height:46px;
	margin:2em 0 2em 2.625em; /* Change right margin to 0.625em when adding another nav item */
	padding:0;
	color:#ffffff;
	font-size:16px;
	position:relative;
}
ul.tomnav {
	list-style:none;
	margin:0;
	padding:0;
}
ul.tomnav * {
	margin:0;
	padding:0;
}
ul.tomnav a {
	display:inline-block;
	text-decoration:none;
}
ul.tomnav li {
	margin:0 15px; /* Change left/right margin to 10px when adding another nav item */
	padding:0;
	font-size: 20px;
	font-family: 'Love Ya Like A Sister', Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
	float:left;
	position:relative;
}
ul.tomnav li a:link, ul.tomnav li a:visited {
	height:46px;
	padding:10px 0 0 0;
	color:#ffffff;
	text-decoration:none;
	background-position:top;
	overflow:hidden;
	display:inline-block;
}
ul.tomnav li a:hover, ul.tomnav li a:active {
	color:#ffffff;
	background-position:bottom;
}
.tomnav-books {
	width:85px;
	text-align:center;
	background-image:url(images/btn_books.gif);
}
.tomnav-activities {
	width:123px;
	text-align:center;
	background-image:url(images/btn_activities.gif);
}
.tomnav-videos {
	width:89px;
	text-align:center;
	background-image:url(images/btn_videos.gif);
}
.tomnav-tomsworld {
	width:137px;
	text-align:center;
	background-image:url(images/btn_tomsworld.gif);
}
.tomnav-glossary {
	width:113px;
	text-align:center;
	background-image:url(images/btn_glossary.gif);
}
.tomnav-contest {
	width:104px;
	text-align:center;
	background-image:url(images/btn_contest.gif);
}
.tomnav-calendar {
	width:113px;
	text-align:center;
	background-image:url(images/btn_calendar.gif);
}


/* GENERAL CONTENT */

.articlecontent {
	margin: 1em 0;
	padding: 0 0 2.75em 2.75em;
	position: relative;
}
strong {
	font-weight: 700;
}
.articlecontent2 {
	margin:0 0 1.25em 1.25em;
}
.articlecontent2 h2 {
	margin: 0 0 0.25em 0;
	font-size: 3.25em;
	line-height: 1em;
	font-family: 'Love Ya Like A Sister', Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align:center;
}
.articlecontent2 p {
	font-family: 'Unkempt', Arial, Helvetica, sans-serif;
	font-size:1.125em;
}
.contest {
	height:30em;
	padding:0.5em 18em 0 8em !important;
	background:url(images/contest_bg.gif) bottom no-repeat;
}
.contest h2 {
	margin: 0.75em 0 0.5em 0;
	font-size: 3.25em;
	line-height: 1em;
	font-family: 'Love Ya Like A Sister', Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.contest p {
	font-family: 'Unkempt', Arial, Helvetica, sans-serif;
	font-size:1.125em;
}


/* BOOK PAGE */

.bookpic {
	width: 13.75em;
	margin: 0 4.5em 0 0;
	padding: 0;
	border: none;
	vertical-align: top;
	position: relative;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.newbg {
	width: 24.250em;
	height: 22.750em;
	padding: 3.375em 0 0 6.250em;
	position: absolute;
	top: -36px;
	left: -101px;
	display: block;
	background: url(images/new.png) center no-repeat;
}
.bookbg {
	width: 24.250em;
	height: 22.750em;
	padding: 3.375em 0 0 6.250em;
	position: absolute;
	top: -36px;
	left: -101px;
	display: block;
	background: url(images/book.png) center no-repeat;
}
.bookcontent {
	width: 35em;
	margin: 0;
	padding: 0;
	vertical-align: text-top;
	position: relative;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.bookcontent h2 {
	margin: 0 0 0.25em 0;
	font-size: 3.25em;
	line-height: 1em;
	font-family: 'Love Ya Like A Sister', Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.bookcontent p {
	font-family: 'Unkempt', Arial, Helvetica, sans-serif;
	font-size:1.125em;
}
.bookcontent p.details {
	margin-top: 0;
	padding-top: 0;
	font-size: 1em;
	color: #777;
}
.bookcover {
	border: 1px solid #9d9d9d;
	margin: 0;
	padding: 0;
	position: relative;
}
.excerptbutton {
	width:220px;
	height:50px;
	padding-top:12px;
	font-size: 24px;
	font-family: 'Love Ya Like A Sister', Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	color: #ffffff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
	display:block;
	position: relative;
}
.excerptbutton:active {
	position: relative;
	top: 1px;
}
.btn_1 {
	background:url(images/btn_1.gif) top no-repeat;
}
.btn_2 {
	background:url(images/btn_2.gif) top no-repeat;
}
.btn_3 {
	background:url(images/btn_3.gif) top no-repeat;
}
.btn_4 {
	background:url(images/btn_4.gif) top no-repeat;
}
.btn_5 {
	background:url(images/btn_5.gif) top no-repeat;
}
.title_1 {
	color:#d33028;
}
.title_2 {
	color:#91b531;
}
.title_3 {
	color:#1b7ecf;
}
.title_4 {
	color:#e75a2d;
}
.title_5 {
	color:#5d2f91;
}

/* GAME PAGE */

.gamecontent {
	margin: 0;
	padding: 0 2.75em;
	text-align:center;
	position: relative;
}
.gamecontent h2 {
	margin: 0 0 0.25em 0;
	font-size: 2.25em;
	line-height: 1em;
	font-family: 'Love Ya Like A Sister', Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align:center;
}
.gamecontent p {
	width:34em;
	margin:1.5em auto;
	font-family: 'Unkempt', Arial, Helvetica, sans-serif;
	font-size:1.25em;
	text-align:center;
}
.gamecontent ol {
	margin-top:0;
	font-family: 'Unkempt', Arial, Helvetica, sans-serif;
	font-size:1.25em;
	text-align:center;
}

ul.list {
	list-style:none;
	margin:0 auto;
	padding:0;
	text-align:center;
}
ul.list * {
	margin:0;
	padding:0;
}
ul.list a {
	margin-bottom:0.5em;
	display:inline-block;
	text-decoration:none;
}
ul.list li {
	width:12.5em;
	margin:0.625em;
	padding:0;
	font-family: 'Love Ya Like A Sister', Arial, Helvetica, sans-serif;
	text-align:center;
	vertical-align:top;
	display:inline-block;
	zoom:1;
	*display: inline;
	position:relative;
}
.listitem {
	border: 1px solid #9d9d9d;
	margin: 0;
	padding: 0;
	position: relative;
}

ul.glossary {
	list-style:none;
	margin:0 auto;
	padding:0;
	text-align:center;
}
ul.glossary * {
	margin:0;
	padding:0;
}
ul.glossary li {
	margin:2.25em 1.5em 2.25em 1.25em;
	padding:0;
	text-align:center;
	vertical-align:top;
	display:inline-block;
	zoom:1;
	*display: inline;
	position:relative;
}