/*  
Theme Name: Goku
Theme URI: http://www.dragonballz.com.au/
Description: Stylesheet for dragonballz.com.au
Author: Simon O'Shea
Author URI: http://www.madman.com.au/
*/

@import url(reset.css);

* {
	margin: 0;
	padding: 0;
	outline: none;
}
html {
	color: #fff;
}
body {
	font: 12px/18px Arial, sans-serif;
}
object {	/* For flash */
	display: block;
	background: transparent;
}
h1 {
	text-indent: -9999px;
}
h2 {
	color: #fff;
	font: bold 18px/24px Helvetica, Arial, sans-serif;
	padding: 20px 0 8px 22px;
}
h3 {
	padding: 12px 20px;
}
h4 {
	color: #fff;
	padding: 0 0 10px 19px;
}
p {
	color: #ddb55c;
	padding: 6px 22px;
}
a {
	color: #fff;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img, img {
	border: none;
}
.center {
	text-align: center;
}
.left {
	float: left;
	margin: 0 20px 10px 0;
}
.right {
	float: right;
	margin: 0 0 10px 20px;
}
.clear {
	clear: both;
}
::selection {
	background: #000;
	}
::-moz-selection {
	background: #000;
}


/* HEADER & NAV */

#header {
	background: url(images/nav_bg.png) 0 0 repeat-x;
	text-align: center;
	height: 47px;
	clear: both;
}
#nav {
	width: 974px;
	height: 40px;
	margin: 0 auto;
}
#nav li {
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
	margin: 0;
}
#nav li a {
	display: block;
	height: 40px;
}
#nav li.world			{ background-image: url(images/nav_world.png); width: 266px;}
#nav li.news			{ background-image: url(images/nav_news.png); width: 88px; }
#nav li.dvds			{ background-image: url(images/nav_dvds.png); width: 85px; }
#nav li.manga			{ background-image: url(images/nav_manga.png); width: 101px; }
#nav li.merch			{ background-image: url(images/nav_merch.png); width: 98px; }
#nav li.downloads		{ background-image: url(images/nav_downloads.png); width: 146px; }
#nav li.videos			{ background-image: url(images/nav_videos.png); width: 98px; }
#nav li.forum			{ background-image: url(images/nav_forum.png); width: 92px; }

#nav li ul {
	visibility: hidden;
	position: absolute;
}
#nav li:hover ul,
#nav li a:hover ul {
	visibility: visible !important;
	position: absolute;
	top: 40px;
	left: auto;
	height: 120px;
	display: block;
	z-index: 1;
}
.drop {
	width: 267px;
	height: 126px;
	float: left;
	z-index: 1;
}
.drop li a {
	height: 40px;
	z-index: 10;
	cursor: pointer;
	z-index: 1;
}
#nav .drop li.drop_db {
	background-image: url(images/nav_drop_db.png); width: 267px;	
}
#nav .drop li.drop_dbz {
	background-image: url(images/nav_drop_dbz.png); width: 267px;	
}
#nav .drop li.drop_dbz_kai {
	background-image: url(images/nav_drop_dbzkai.png); width: 267px;
}
#nav .drop li.drop_dbgt {
	background-image: url(images/nav_drop_dbgt.png); width: 267px;	
}
#nav .drop li:hover {
	background-position: 0 -42px;
}
.pagemenu {
	background: #333;
	height: 26px;
	margin: 0;
}
.subnav li,
.pagemenu li {
	line-height: 24px;
	display: block;
	float: left;
}
ul.pagemenu li {
	float: right;
}

/* TITLE BAR */

#titlebar {
	width: 970px;
	height: 92px;
	margin: 0 auto;
	clear: both;
	/* z-index: 10; */
}

/* MAIN PAGE */

#container {
	width: 996px;
	margin: 0 auto;
	clear: both;
}
.main {
	min-height: 493px;
	height: auto !important;	/* min-height ie fix */
	height: 493px;				/* min-height ie fix */
	float: left;
}
.main.widecolumn {
	width: 650px;
	padding-top: 4px;
	margin: 0 0 0 11px;
}
.main.narrowcolumn {
	/* background: #222; */
	width: 320px;
	height: 542px;
	overflow: auto;
	overflow-x: hidden;
	margin: 4px;
	padding: 0;
}
.world.widecolumn {
	width: 650px;
	padding-top: 4px;
	margin: 0;
}
.world.narrowcolumn {
	background: #222;
	width: 320px;
	height: 542px;
	overflow: auto;
	overflow-x: hidden;
	margin: 4px 4px 4px 11px;
	padding: 0;
	/* padding: 4px 0 0 0; */
}
#nextRelease {
	background: #222;
}
#footer {
	width: 976px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	clear: both;
}
#footer .logo {
	margin: 0 18px 0 0;
	display: block;
	float: left;
}
#footer .copyright {
	color: #9794a4;
	font: 9px/12px Arial, sans-serif;
	float: left;
	display: block;
	padding: 0 0 10px 0;
}


/* HOME PAGE */

#hero {
	position: absolute;
	top: 36px;
	left: 50%;
	margin: 0 0 0 -170px;
	z-index: 0;
}
.home #titlebar {
	height: 113px;
	margin: 0 auto;
}
.home .topics {
	background: url(images/bg_box.png) 0 0 no-repeat;
	width: 327px;
	height: 271px;
	float: left;
	display: block;
	margin: 271px 0 0 0;
}
.home .topics h2 {
	margin: 14px 0 9px 10px;
	padding: 0;
}
.home .topics .viewall {
	margin-left: 4px;
}
.news_items,
.forumscript {
	display: block;
	height: 205px;
	width: 318px;
	margin-left: 4px;
	border-top: 1px solid #000;
	list-style: none;
}
.news_items a,
.forumscript a.forumlink {
	font: 10px Verdana;
	text-transform: uppercase;
	color: #f1cc87;
	font-weight: bold;
	padding: 6px 14px;
	display: block;
	border-top: 1px solid #2e2e2e;
	border-bottom: 1px solid #000;
}
.news_items a:hover,
.forumscript a:hover.forumlink {
	color: #fff;
	background: #111;
	border-top: 1px solid #111;
	text-decoration: none;
}
.forumscript b,
.forumscript br {
	display: none;
}


/* WORLD OF DB PAGES */

#db_hero,
#dbz_hero,
#dbzkai_hero,
#dbgt_hero {
	position: absolute;
	top: 40px;
	margin-left: 11px;
	z-index: -1;
}
#category_hero img {
	position: absolute;
	top: 40px;
	margin-left: 50%;
	left: -487px;
	width: 974px;
	z-index: 0;
}
#spacer {
	height: 179px;
	display: block;
}
#worldnav {
	width: 974px;
	height: 40px;
	margin: -5px auto 0 auto;
}
#worldnav li {
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
	margin: 0;
}
#worldnav li a {
	display: block;
	height: 42px;
}
#worldnav li.sagas			{ background-image: url(images/subnav_world_sagas.png); width: 243px;}
#worldnav li.characters		{ background-image: url(images/subnav_world_characters.png); width: 243px;}
#worldnav li.dvds			{ background-image: url(images/subnav_world_dvds.png); width: 243px;}
#worldnav li.manga			{ background-image: url(images/subnav_world_manga.png); width: 245px;}
#worldnav li.dbtrailer		{ background-image: url(images/subnav_world_dbtrailer.png); width: 245px;}
#worldnav li.dbztrailer		{ background-image: url(images/subnav_world_dbztrailer.png); width: 245px;}
#worldnav li.dbgttrailer	{ background-image: url(images/subnav_world_dbgttrailer.png); width: 245px;}
#worldnav li.blank			{ background-image: url(images/subnav_world_blank.png); width: 245px;}

#worldnav li:hover,
#worldnav li.on {
	background-position: 0 -42px;
}
.world .news_items {
	width: 320px;
	margin-left: 0;
}
.world .solo h2,
.world .solo .entry {
	/* width: 420px; */
}


/* NEWS/CATALOGUE ENTRY */

.post {
	background: #000;
	margin: 0 0 0 0;
}

.postmetadata {
	background: #000;
	color: #fff;
	clear: both;
}
.postmetadata a {
	color: #666;
	padding-left: 4px;
}
/* .main .single .postmetadata { */
.single .postmetadata {
	margin-top: 0;
}
.navigation {
	background: #333 url(images/bg_navigation.gif) repeat-x;
	color: #fff;
	text-align: left;
}
.navigation a {
	color: #fff;
	float: left;
	text-indent: -9999px;
	margin-left: 10px;
}
.next a {
	background: url(images/bt_next.png) 0 0 no-repeat;
	width: 110px;
	height: 26px;
	display: block;
	text-indent: -9999px;
}
.prev a {
	background: url(images/bt_previous.png) 0 0 no-repeat;
	width: 142px;
	height: 26px;
	display: block;
	text-indent: -9999px;
}
.back {
	background: url(images/bt_back.png) 0 0 no-repeat;
	width: 176px;
	height: 26px;
	display: block;
	text-indent: -9999px;
}
.moreinfo {
	background: url(images/bt_moreinfo.png) 0 0 no-repeat;
	width: 124px;
	height: 25px;
	display: block;
	margin-left: 0;
	float: left;
	text-indent: -9999px;
}
.ordernow,
.preordernow {
	background: url(images/bt_ordernow.png) 0 0 no-repeat;
	width: 128px;
	height: 25px;
	display: block;
	margin-left: 0px;
	float: left;
	text-indent: -9999px;
}
.viewrelease {
	background: url(images/bt_viewrelease.png) left top no-repeat;
	width: 158px;
	height: 44px;
	display: block;
	margin-left: 23px;
	float: left;
	text-indent: -9999px;
}
.slick {
	float: left;
	clear: right;
	display: block;
	padding: 20px 48px 60px 27px;
}
.profile {
	background: url(images/profile_default.png) center no-repeat;
	color: #2a2a2a;
	min-width: 174px;
	min-height: 242px;
	float: right;
	clear: left;
	display: block;
	margin: 18px 18px 20px 18px;	
	padding: 5px;
	border-width: 5;
	-webkit-border-image: url(images/bg_profile.png) 5;
	-moz-border-image: url(images/bg_profile.png) 5;
}
.catalogue {
/*
	min-height: 433px;
	height: auto !important;	/* min-height ie fix 
	height: 433px;				/* min-height ie fix 
*/
}
.catalogue .post {
	background: #222 url(images/bg_main.png) 0 0 no-repeat;
}
.catalogue .post .postmetadata,
.solo .post .postmetadata {
	margin: 14px 0 0 0;
	padding: 0;
	height: 25px;
}
.solo .post .postmetadata {
	background: transparent;
	padding: 0 0 20px 0;
}
.catalogue .entry {
	background: url(images/bg_slicksmall.jpg) 0 0 no-repeat;
}
.solo .post {
	background: #222;
	min-height: 493px;
	/* min-height: 294px; */
}
.long .post {
	background: #222;
	min-height: 533px;
	/* min-height: 294px; */
}
.solo h2 {
	/* margin: 0 0 0 22px;	 */
}
#dvds .solo h2,
#manga .solo h2,
#merch .solo h2 {
	margin: 0 0 0 180px;
	padding-right: 18px;
}
#dvds .solo .entry,
#manga .solo .entry,
#merch .solo .entry {
	margin-left: 202px;
}
#dvds .solo .entry strong,
#manga .solo .entry strong,
#merch .solo .entry strong {
	color: #fff;
}
#dvds .solo .post,
#manga .solo .post,
#merch .solo .post {
	background: #000 url(images/bg_slick.jpg) 0 0 no-repeat;
	min-height: 507px;
	/* min-height: 479px; */
}
.solo .slick {
	margin: 0;
	padding: 10px 48px 0px 20px;
}
.solo .ordernow,
.solo .preordernow {
	background: url(images/bt_ordernow_solo.png) 0 0 no-repeat;
	margin: 0 0 0 220px;
}
.news h2 {
	font-size: 22px;
	padding: 20px 0 10px 20px;
}
.news h2 a {
	color: #fff;
}
.news .post {
	background: #222 url(images/bg_main.png) 0 0 no-repeat;
	padding: 0 0 16px 0;
	margin: 0 0 4px 0;
}
.news .post .postmetadata {
	/* background: url(images/menu_bg.jpg) 0 -2px repeat-x; */
	color: #ddb55a;
	font-weight: bold;
	line-height: 21px;
	margin: 0;
	padding: 0 0 0 20px;
	height: 21px;
}
.news .post .postmetadata a {
	color: #fff;
	padding-left: 16px;
}

.story h3 {
	font-size: 11px;
	text-transform: uppercase;
	padding-top: 20px;
}
.story h2 {
	font-size: 22px;
	padding: 12px 0 10px 20px;
}
.story img {
	padding: 8px 0 4px 0;
}
.story .post .postmetadata {
	background: url(images/bg_meta.jpg) -1px 0 no-repeat;
	margin: 14px 0 0 0;
	padding: 0;
	height: 44px;
}

.characters .post {
	min-height: 224px;
	height: auto !important;	/* min-height ie fix */
	height: 224px;				/* min-height ie fix */
}
.characters h2 {
	font-size: 22px;
	padding: 38px 0 10px 20px;
}
.characters img {
	float: right;
	vertical-align: bottom;
}

.knightmares .stats {
	color: #9999B9;
}
.knightmares .stats strong {
	padding-right: 2px;
}
.knightmares h4 {
	padding: 10px 0 0 19px;
	text-transform: uppercase;
}


/* COMMENTS */

.subnav li.responsenumber {
	border-right: none;
	font-weight: bold;
	padding-left: 20px;
}
h3#comments,
#respond h3 {
	background: #000;
}
.comment {
	background: #222 url(images/bg_main.png) 0 0 no-repeat;
	display: block;
	padding: 20px;
	margin: 0;
}
.comment p {
	padding: 6px 52px;
}
.commentlist {
	margin: 0 0 4px 0;	
}
.commentlist .avatar {
	margin: 2px 0 0 0;
	float: left;
	display: block;
}
.commentlist cite,
.commentmetadata a {
	padding: 0 0 0 20px;
}
#respond {
	background: #222 url(images/bg_main.png) 0 0 no-repeat;	
}
#commentform {
	padding: 20px 0;	
}
#commentform label {
	padding: 0 0 0 7px;
}
#commentform input,
#commentform textarea {
	color: #000;
	font: 12px/18px Arial, sans-serif;
}
textarea#comment {
	width: 602px;
}
input#submit {
	font: 12px/18px Arial, sans-serif;
	background: #F7B740;
	font-weight: bold;
	border: none;
	padding: 8px 12px;
	cursor: pointer;
}
.byuser,
.comment-author-daniel,
.comment-author-slykura {
	background: #322101 url(images/bg_author.png) 0 0 no-repeat;
}
#captchaImgDiv {
	padding: 0 0 10px 20px;
}
#captchaImgDiv small {
	color: #ddb55c;
}


/* VIDEO & DOWNLOADS PAGES */

#videoContainer,
#videoContainer-1,
#videoContainer-2 {
	margin: 50px auto 0 auto;
	text-align: center;
}
.wallpapers {
	margin: 100px auto 0 auto;
	text-align: center;
	display: block;
}

/* MANGA */

#manga_spiel {
	background: #232323;
	font-weight: bold;
	margin: 0 auto;
	width: 320px;
	margin: 0 0 4px 0;
}
#manga_spiel p {
	padding: 20px;	
}

/* REQUIREMENTS PAGE */

.browsers {
	margin: 10px 0 30px 0;	
}
.browsers li {
	display: inline;
	list-style: none;
}
.browsers li a {
	background: #fff;
	color: #000;
	font-weight: bold;
	margin-left: 20px;
	padding: 5px 10px;
}
.requirements {
	font-size: 10px;	
}