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

/* --- Mr Gum 2009 by James Ball - Feb 2009 --- */

/* --- Egmont Header --- */

#egmont {
	width:100%;
	background-color:#000000;
	height:45px;
	text-align:center;
	border-bottom:solid 1px #373737;
	}
	
#egmont img {
	border:none;
	}
	
/* --- Body --- */
	
body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	}
	
form {
	margin:0;
	padding:0;
	}
	
p {
	margin:10px 0 0 0;
	padding:0;
	}
	
h1 {
	color:#f68220;
	margin:0 0 10px 0;
	}
	
h2 {
	margin:0 0 10px 0;
	}
	
img {
	border:none;
	}
	
ul {
	margin:0 20px;
	padding:0;
	}
	
li {
	margin:0 0 10px 0;
	}
	
.intro {
	padding:150px 0 0 20px;
	width:450px;
	margin:0;
	}
	
.privacy_policy {
	margin:10px;
	}
	
.bold title {
	font-weight:bold;
	font-size:1.2em;
	}
	
a {
	color:#000000;
	text-decoration:underline;
	}
		
a:hover {
	color:#4e5732;
	}
	
.darkblue {
	background:url(../images/bg_darkblue.gif) center;
	}
	
.lightblue {
	background:url(../images/bg_lightblue.gif) center;
	}
	
.purple {
	background:url(../images/bg_purple.gif) center;
	}
	
.orange {
	background:url(../images/bg_orange.gif) center;
	}
	
.yellow {
	background:url(../images/bg_yellow.gif) center;
	}
	
.green {
	background:url(../images/bg_green.gif) center;
	}
	
.dinner {
	background:url(../images/bg_dinner.gif) center;
	}
	
.cherry {
	background:url(../images/bg_cherry.gif) center;
	}
	
/* --- Logo --- */

#logo {
	position:absolute;
	height:191px;
	margin:0;
	padding:0;
	width:315px;
	left:0;
	}
	
	
/* --- Base --- */

#base {
	position:relative;
	width:985px;
	margin:0 auto;
	padding:0 85px 0 0;
	background: url(../images/base_bg.png) repeat-y;
	}
	
	
/* --- Navigation --- */

#nav {
	height:60px;
	margin:0 0 0 315px;
	padding:0;
	width:670px;
	}
	

	
/* - Home - */
#home a {
	float:left;
	display:block;
	width:64px;
	height:60px;
	background:url(../images/nav_home.gif) no-repeat;
	background-position:bottom;
	text-indent:-70px;
	overflow:hidden;
	}
	
#home a:hover {
	background-position:top;
	}
	
/* - Fun - */
#fun a {
	float:left;
	display:block;
	width:110px;
	height:60px;
	background:url(../images/nav_fun.gif) no-repeat;
	background-position:bottom;
	text-indent:-120px;
	overflow:hidden;
	}
	
#fun a:hover {
	background-position:top;
	}
	

	
/* - Books - */
#books a {
	float:left;
	display:block;
	width:62px;
	height:60px;
	background:url(../images/nav_books.gif) no-repeat;
	background-position:bottom;
	text-indent:-70px;
	overflow:hidden;
	}
	
#books a:hover {
	background-position:top;
	}
	
/* - Author - */
#author a {
	float:left;
	display:block;
	width:72px;
	height:60px;
	background:url(../images/nav_author.gif) no-repeat;
	background-position:bottom;
	text-indent:-80px;
	overflow:hidden;
	}
	
#author a:hover {
	background-position:top;
	}
	
/* - Chronicle - */
#chronicle a {
	float:left;
	display:block;
	width:161px;
	height:60px;
	background:url(../images/nav_chronicle.gif) no-repeat;
	background-position:bottom;
	text-indent:-170px;
	overflow:hidden;
	}
	
#chronicle a:hover {
	background-position:top;
	}
	
/* - Ask - */
#ask a {
	float:left;
	display:block;
	width:88px;
	height:60px;
	background:url(../images/nav_ask.gif) no-repeat;
	background-position:bottom;
	text-indent:-100px;
	overflow:hidden;
	}
	
#ask a:hover {
	background-position:top;
	}
	
/* - Downloads - */
#downloads a {
	float:left;
	display:block;
	width:113px;
	height:60px;
	background:url(../images/nav_downloads.gif) no-repeat;
	background-position:bottom;
	text-indent:-120px;
	overflow:hidden;
	}
	
#downloads a:hover {
	background-position:top;
	}
	

/* --- Homepage Feature --- */

#feature {
	width:900px;
	height:257px;
	margin:0 0 0 85px;
	text-align:left;
	}
	
.home {
	background:url(../images/home_feature.jpg) no-repeat;
	}
	
.fun {
	background:url(../images/fun_main.gif) no-repeat;
	}
	
.books {
	background:url(../images/books_main.gif) no-repeat;
	}
	
.author {
	background:url(../images/author_main.gif) no-repeat;
	}
	
.chronicle {
	background:url(../images/chronicle_main.gif) no-repeat;
	}
	
.ask {
	background:url(../images/ask_main.gif) no-repeat;
	}
	
.downloads {
	background:url(../images/downloads_main.gif) no-repeat;
	}
	

	
.feature_text a {
	display:block;
	width: 900px;
	height:257px;
	margin:0;
	text-indent:-200px;
	overflow:hidden;
	}
	
/* --- Content --- */

#ticker {
	clear:both;
	width:900px;
	height:40px;
	margin:0 auto;
	padding:0 85px 0 85px;
	background: url(../images/base_bg.png) repeat-y;
	}

#content {
	clear:both;
	width:900px;
	margin:0 auto;
	padding:0 85px;
	background: url(../images/base_bg.png) repeat-y;
	}
	
#carousel {
	float:left;
	width:600px;
	height:600px;
	}
	
#right {
	float:right;
	width:300px;
	}
	
#subscribe_home {
	width:228px;
	height:282px;
	background:url(../images/subscribe_bg.jpg) no-repeat;
	padding:80px 32px 0 40px;
	}
	
#footer {
	font-size:0.9em;
	clear:both;
	background:url(../images/footer.gif) no-repeat;
	width:900px;
	height:24px;
	padding:60px 0 0 10px;
	}
	
/* --- Books page --- */

#books_top {
	background:url(../images/books_header.gif) no-repeat;
	height:60px;
	}
	
#books_main {
	background:url(../images/books_bg.gif) repeat-y;
	padding:0 50px;
	}
	
#books_main img {
	margin:0 0 5px 0;
	}
	
#books_bottom {
	background:url(../images/books_footer.gif) no-repeat;
	height:65px;
	}
	
/* --- Chronicle page --- */

#download_button {
	margin:100px 0 150px 50px;
	}

#chronicle_main {
	background:url(../images/chronicle_issue.gif) no-repeat;
	height:1420px;
	}
	
#archive_header {
	width:300px;
	height:69px;
	background:url(../images/archive_header.gif) no-repeat;
	}
	
#archive_bg {
	width:236px;
	padding:10px 32px;
	background:url(../images/archive_bg.gif) repeat-y;
	}
	
#archive_footer {
	width:300px;
	height:70px;
	background:url(../images/archive_footer.gif) no-repeat;
	}
	
#competition {
	float:left;
	width:491px;
	background:url(../images/comp_bg.gif) no-repeat;
	margin:450px 0 0 45px;
	padding:180px 20px 0 20px;
	}
	
/* --- Ask Andy page --- */

#ask_main {
	float:left;
	width:580px;
	background:url(../images/ask_top.gif) no-repeat;
	padding:70px 0 0 20px;
	}
	
#ask_main_david {
	float:left;
	width:580px;
	background:url(../images/ask_top_david.gif) no-repeat;
	padding:70px 0 0 20px;
	}
	
#ask_form {
	background:url(../images/ask_bubble.gif) no-repeat;
	width:240px;
	height:250px;
	margin:0 0 30px 20px;
	padding:76px 20px 0 20px;
	}
	
#ask_archive_header {
	width:300px;
	height:58px;
	background:url(../images/ask_archive_header.gif) no-repeat;
	}
	
/* --- Fun & Games --- */

#fun_left {
	float:left;
	width:417px;
	margin:20px 0 0 20px;
	}
	
#fun_right {
	float:right;
	width:417px;
	margin:20px 20px 0 0;
	}
	
a.gallery_button  {
	display:block;
	width:417px;
	height:200px;
	background:url(../images/gallery_button.gif) no-repeat;
	background-position:top;
	overflow:hidden;
	text-indent:-200px;
	}
	
a:hover.gallery_button  {
	background-position:bottom;
	}
	
a.darts_button  {
	display:block;
	width:417px;
	height:200px;
	background:url(../images/darts_button.gif) no-repeat;
	background-position:top;
	overflow:hidden;
	text-indent:-200px;
	}
	
a:hover.darts_button  {
	background-position:bottom;
	}
	
	a.soundboard_button  {
	display:block;
	width:417px;
	height:200px;
	background:url(../images/soundboard_button.gif) no-repeat;
	background-position:top;
	overflow:hidden;
	text-indent:-200px;
	}
	
a:hover.soundboard_button  {
	background-position:bottom;
	}
	
a.sticks_button  {
	display:block;
	width:417px;
	height:200px;
	background:url(../images/sticks_button.gif) no-repeat;
	background-position:top;
	overflow:hidden;
	text-indent:-200px;
	}
	
a:hover.sticks_button  {
	background-position:bottom;
	}
	
/* --- Gallery page --- */

#gallery_bg {
	width:900px;
	height:830px;
	margin:0;
	padding:0;
	background:url(../images/gallery_bg.jpg) no-repeat;
	}
	
#gallery_flash {
	padding: 98px 0 0 301px;
	}
	
/* --- Soundboard page --- */

#soundboard_flash {
	width:842px;
	margin:0 auto;
	padding:20px 0;
	}
	
/* --- Darts page --- */

#darts_bg {
	width:900px;
	height:830px;
	margin:0;
	padding:0;
	background:url(../images/game_bg.jpg) no-repeat;
	}
	
#darts_flash {
	padding:19px 0 0 21px;
	}
	
/* --- Bag of Sticks --- */

#sticks_bg {
	width:900px;
	margin:0;
	padding:0;
	background:url(../images/sticks_bg.gif) no-repeat;
	}
	
#sticks_flash {
	padding:0 0 0 280px;
	}
	
/* --- Downloads page --- */

#downloads_main {
	background:url(../images/downloads_bg.gif) no-repeat;
	}
	
/* --- Author page --- */

#author_main {
	background:url(../images/author_bg.gif) no-repeat;
	padding:363px 0 0 0;
	}
	
#andy {
	float:left;
	width:425px;
	margin:0 10px;
	}
	
#david {
	float:right;
	width:425px;
	margin:0 10px;
	}