/* global reset
-----------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0; }

* { margin: 0; padding: 0; }


/* layout
-----------------------------------------------------------*/
html {
	background: url(../images/sky_land.jpg) 15% 0 repeat-x #7c74a6;
	min-width: 960px;
}
html#interior {
	background: url(../images/sky_land.jpg) 15% -60px repeat-x #7c74a6;
}
body {
	font: .75em Tahoma, sans-serif;
	color: #fff;
	background: url(../images/water.png) 70% 0 repeat-x;
}
html#interior body {
	background: url(../images/water.png) 70% -80px repeat-x;
}
html, body {
	height: 100%;
}


/* wrappers
-----------------------------------------------------------*/

#wrapper_clouds {
	background: url(../images/clouds.png) 20% 0 repeat-x;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -120px; /* the bottom margin is the negative value of the footer's height */
}
html#interior #wrapper_clouds {
	background: none;
}
#wrapper_logo {
	background: url(../images/logo.png) 40% 0 no-repeat;
}
#wrapper_monster {
	background: url(../images/monster.png) 60% 0 no-repeat;
}
html#interior #wrapper_monster {
	background: url(../images/steaks.png) 60% 0 no-repeat;
}

/* header
-----------------------------------------------------------*/

#header {
	margin: 0 auto;
	padding: 45px 0 20px 20px;
	width: 940px;
	text-align: center;
}
html#interior #header {
	height: 163px;
	padding: 0 0 45px 20px;
	
}

/* navigation
-----------------------------------------------------------*/

#nav {
	padding: 0 0 30px 0;
	background: url(../images/nav_bottom.gif) bottom left no-repeat;
	color: #464646;
	position: relative;
	top: 15px;
}
#nav ul {
	margin: 0;
	padding: 40px 0 0 0;
	list-style: none;
	background: url(../images/nav_top.gif) top left no-repeat;
	position: relative;
	bottom: 25px;
	text-align: center;
}
#nav a, #nav a:visited {
	margin: 0 0 1px 0;
	padding: 15px 0 5px 0;
	display: block;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	background: url(../images/nav_line.gif) top center no-repeat;
	color: #464646;
	position: relative;
}
#nav a:hover { text-decoration: underline; }
#nav li ul {
	margin: 0;
	padding: 0 0 10px 0;
	list-style: none;
	background: none;
	position: relative;
	bottom: 0;
}
#nav li ul a, #nav li ul a:visited {
	margin: 0 0 1px 0;
	padding: 5px 0;
	font-size: 100%;
	font-weight: normal;
	text-transform: none;
	background: 0;
	display: inline;
}

/* content
-----------------------------------------------------------*/

#content {
	margin: 0 auto;
	padding: 0 0 20px 0;
	width: 960px;
}
#left_col {
	width: 235px;
	float: left;
}
#right_col {
	width: 685px;
	float: right;
}

/* featured */
.featured {
	padding: 25px 0 0 0;
	width: 685px;
	background: url(../images/featured_top.gif) top left no-repeat;
}
.featured a, .featured a:visited {
	margin: 0 0 20px 0;
	padding: 5px 15px;
	width: 655px;
	min-height: 115px;
	height: auto !important;
	height: 115px;
	line-height: 160%;
	text-decoration: none;
	color: #fff;
	background: url(../images/featured_bottom.gif) bottom left no-repeat;
	display: block;
}
.featured a:hover {
	text-decoration: none;
	background: url(../images/featured_bottom.gif) bottom right no-repeat;
}
.featured a img {
	padding: 0 0 0 30px;
	float: right;
}
.featured a strong {
	padding: 0px 0 10px 0;
	font-size: 120%;
	line-height: 120%;
	display: block;
}
.featured img {
	position: relative;
	bottom: 15px;
}
.featured strong, .featured span {
	position: relative;
	bottom: 7px;
}

/* flash game */
html#game_popup {
	margin: 0;
	padding: 0;
	min-width: inherit;
	background: 000;
	font-size: 0;
}
html#game_popup body {
	margin: 0 auto;
	background: 000;
}
p.game_text {
	margin: 0 0 22px 0;
	width: 346px;
	float: right;
}
a.play_game, a.play_game:visited {
	padding: 0;
	width: 346px;
	height: 54px;
	background: url(../images/play_game.gif) bottom left no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	float: right;
}
a.play_game:hover {
	padding: 0;
	background: url(../images/play_game.gif) top left no-repeat;
}

/* cafepress */
.cafepress, .cafepress_right, .wallpapers, .wallpapers_right {
	margin: 0 35px 15px 0;
	width: 205px;
	float: left;
}
.cafepress_right, .wallpapers_right { margin: 0 0 15px 0 !important; }
.cafepress img, .cafepress_right img {
	width: 205px;
	height: 160px;
	display: block;
}
.cafepress dd, .cafepress_right dd, .wallpapers dd, .wallpapers_right dd {
	padding: 5px 0 0 0;	
	text-align: center;
}
.cafepress dd.price, .cafepress_right dd.price {
	color: #FFCC33;
}
.cafepress a, .cafepress a:visited, .cafepress_right a, .cafepress_right a:visited, .wallpapers a, .wallpapers a:visited, .wallpapers_right a, .wallpapers_right a:visited {
	padding: 0;
	width: 205px;
	height: 160px;
	border: 3px solid #A6A6C7;
	display: block;
}
.cafepress a:hover, .cafepress_right a:hover, .wallpapers a:hover, .wallpapers_right a:hover {
	border: 3px solid #fff;
}

/* page nav */
.page_nav {
	margin: 0 0 15px 0;
	list-style: none;
}
.page_nav li {
	padding: 0 5px 0 0;
	display: inline;
}
.page_nav li a, .page_nav li a:visited {
	padding: 5px 15px;
	width: auto;
	background: #6a638f;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
.page_nav li a:hover {
	background: #7972a1;
	text-decoration: underline;
}
ul.page_nav li.selected a {
	background: #7972a1 !important;
}

/* feed link */
a.subscribe, a.subscribe:visited {
	margin: 20px 0;
	padding: 7px 45px 0 0;
	height: 25px;
	font-size: 140%;
	color: #fff;
	text-decoration: none;
	text-align: right;
	background: url(../images/feed.gif) top right no-repeat;
	display: block;
}
a.subscribe:hover {
	text-decoration: underline;
	background: url(../images/feed.gif) top right no-repeat;
}

/* contact */
#contactFormArea {
	height: 207px;
    padding: 30px;
	width: 625px;
	float: left;
    background: url(../images/contact_backing.gif) top left no-repeat;
}
#contactFormArea h2 {
	margin: 15px;
}
#contactFormArea form {
	width: 625px;
	float: left;
}
fieldset.left { 
	width: 290px;
	float: left;
}
fieldset.right { 
	width: 290px;
	float: right;
}
label { 
	padding: 0 0 7px 0;
	display:block; 
	float: left;
}
label.CC {
	width: 280px;
}
input.text, textarea { 
	margin-bottom: 5px;
	padding: 4px 5px;
	width: 280px;
	font:12px/14px Tahoma, sans-serif;
	color:#000;
	background: #efedf7;
	border: 1px solid #fff;
}
input.text:hover,textarea:hover { 
	background: #fff;
	border: 1px solid #fff;
}
input.submit { 
	margin: 3px 0 3px 0;
	float: left;
	cursor: pointer;
}
#loadBar {
	padding: 6px 0 0 10px;
	font-size: 120%; 
	float: left;
}
#emailSuccess {
	padding: 13px 0 0 10px;
	float: left;
	color: #fff;
}

/* footer
-----------------------------------------------------------*/
#footer, .push {
	height: 120px; /* .push must be the same height as #footer */
}
#footer {
	width: 100%;
	background: url(../images/mountains.gif) 150% bottom repeat-x;
	color: #b7b7d9;
}
#footer ul {
	margin: 0 auto;
	padding: 20px 0 0 0;
	width: 960px;
	font-size: 90%;
	list-style: none;
	line-height: 160%;
	border-top: 1px solid #A6A6C7;
}
#footer ul li span {
	color: #d5d5f3;
}

/* common
-----------------------------------------------------------*/

p, ul, ol, dl, h1, h2, h3, h4 {
	margin-bottom: 15px;
	line-height: 160%;
}
ul {
	margin-left: 15px;
	list-style: disc;
}
ol {
	margin-left: 15px;
	list-style: decimal;
}
strong { font-weight: bold; letter-spacing: 1px; }

h1, h2, h3, h4 {
	font-weight: bold;
	letter-spacing: 1px;
}
h1 { font-size: 170%; }
h2 { font-size: 150%; }
h3 { font-size: 130%; }
h4 { font-size: 110%; }

.main_title { padding: 0 0 5px 0; width: 100%; border-bottom: 1px solid #A6A6C7; }

a, a:visited { padding: 1px 3px; color: #fff; background: #8f8fb8; text-decoration: none; }
a:hover { color: #fff; background: #a0a0cb; text-decoration: none; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.left { float: left; }
.right { flaot: right; }