/* ==================== 

Title:			Mary & Max - main stylesheet
Author:			Benjamin Tollady (http://www.tollady.com)
Contact:		ben@tollady.com
Version:		0.1
Last Updated:	13/09/2008

==================== */

/* Eric Meyer reset rules v1.0 | 20080212 */

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;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: 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;
}

/* Site CSS Starts */


html, body {
	width: 100%;
	height: 100%;
	background: #000;
}
html.flashPages, html.flashPages body {
	overflow: hidden;
}
body {
	font: 0.625em/1em Courier New, Courier, mono;
	color: #FFFFFF;
}
#flashcontent {
  	height: 100%;
}
ul.productList {
	list-style: disc;
	padding-left: 1em;
}
.news #wrapper, .shop #wrapper {
	width: 842px;
	margin: 80px auto 0px;
	background: #000000 url(../images/mmNewsHeader.jpg) 0 0 no-repeat;
	padding: 400px 10px 10px;
	font-size: 1.3em;
	line-height: 1.5em;
	overflow: auto;
}
.shop #wrapper {
	background: #000000 url(../images/mmShopHeader.jpg) 0 0 no-repeat;
}	
.news a.homeLink {
	display: block;
	width: 822px;
	height: 350px;
	position: absolute;
	top: 80px;
	text-indent: -9999px;
}
#primaryContent {
	margin: 0 auto;
	width: 538px;
}
#secondaryContent {
	margin: 0px auto;
	width: 538px;
	padding-top: 60px;
	clear: both;
}
#secondaryContent #linksList {
	width: 264px;
	float: left;
}
.shop #secondaryContent {
	width: 264px;
}
#secondaryContent #recentList {
	width: 264px;
	float: right;
}
#secondaryContent #mailingListContainer, #secondaryContent #searchFormContainer {
	clear: both;
	margin: 0 auto;
	width: 264px;
}
h1.newsTitle {
	background: #000000 url(../images/mmNewsTitle.gif) 0 0 no-repeat;
	width: 194px;
	height: 19px;
	text-indent: -9999px;
}
h1.shopTitle {
	background: #000000 url(../images/mmShopTitle.gif) 0 0 no-repeat;
	width: 194px;
	height: 19px;
	text-indent: -9999px;
}
h1.webisodesTitle {
	background: #000000 url(../images/mmWebisodesTitle.gif) 0 0 no-repeat;
	width: 246px;
	height: 19px;
	text-indent: -9999px;
}
h2.searchTitle {
	background: #000000 url(../images/mmSearchTitle.gif) 0 0 no-repeat;
	width: 75px;
	height: 19px;
}
h2.recentNewsTitle {
	background: #000000 url(../images/mmRecentNewsTitle.gif) 0 0 no-repeat;
	width: 211px;
	height: 19px;
}
h2.recentWebisodesTitle {
	background: #000000 url(../images/mmRecentWebisodesTitle.gif) 0 0 no-repeat;
	width: 183px;
	height: 19px;
}
h2.categoriesTitle {
	background: #000000 url(../images/mmCategoriesTitle.gif) 0 0 no-repeat;
	width: 114px;
	height: 19px;
}
h2.linksTitle {
	background: #000000 url(../images/mmLinksTitle.gif) 0 0 no-repeat;
	width: 200px;
	height: 19px;
}
h1.commentTitle {
	background: #000000 url(../images/mmCommentTitle.gif) 0 0 no-repeat;
	width: 167px;
	height: 19px;
	text-indent: -9999px;
	margin-top: 1em;
}
label#mailingList {
	background: #000000 url(../images/mmMailingList.gif) 0 0 no-repeat;
	width: 214px;
	height: 19px;
}
p {
	margin-bottom: 1em;
}
h1, h2, h3, h4, h5, h6, li {
	margin-bottom: 0.6em;
}
label {
	margin-bottom: 0.9em;
}
a:link, a:visited {
	text-decoration: underline;
	color: #fff;
}
a:hover, a:active {
	text-decoration: none;
	color: #ccc;
}
h1, h2 {
	font-size: 1.5em;
}
#secondaryContent h2, #secondaryContent label {
	text-indent: -9999px;
	display: block;
}

.article, .introText, .comment, .result {
	padding: 1em 0 1em 0;
	margin-bottom: 2em;
}
.comment {
	padding: 0 0 1em 0;
}
.introText {
	padding: 0 0 0.5em 0;
}
#footer {
	clear: both;
	width: 822px;
	padding: 30px 0 10px;
	color: #333;
	margin: 0 auto;
	text-align: center;
}
#shopInterestForm label.text, #shopInterestForm input.text {
	float: left;
}
#shopInterestForm label.text {
	clear: both;
	width: 7em;
	text-align: right;
	margin-right: 1em;
	margin-top: 0.1em;
}
#shopInterestForm input.text {
	width: 300px;
	display: block;
}

#shopInterestForm ul {
	padding: 1em 0 1em 0;
	float: left;
	margin-bottom: 1em;
}
#searchForm label {
	display: none;
}
#searchForm .populate, #mailingListForm .populate {
	width: 197px;
	margin: 3px 5px 0 0;
	float: left;
}
#searchForm, #secondaryContent ul {
	margin-bottom: 3em;
}
#shopInterestForm select {
	margin-top: 0.8em;
	float: left;
	display: block;
}
input.text, textarea.text, input.populate {
	background: #262827 url(../images/formFieldBg.gif) 0 0 repeat-x;
	border: 0;
	padding: 4px;
	color: #fff;
	font-family: Courier New, Courier, mono;
	font-size: 1em;
}
#comment_form input.text {
	float: left;
	width: 430px;
	display: block;
}
#comment_form textarea.text {
	float: left;
	width: 430px;
	display: block;
}
#comment_form label {
	float: left;
	clear: both;
	width: 100px;
}
#comment_form p {
	width: 100%;
	overflow: auto;
}
#comment_form input.commentFormButton, #comment_form .checkbox {
	margin-left: 100px;
}
input.searchButton, input.mailingListButton {
	background: transparent url(../images/btnGo.gif) 0 0 no-repeat;
	width: 54px;
	height: 28px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
	overflow: hidden;
	display: block;
	font-size: 0;
	line-height: 28px;
	float: left;
}
p.postedBy {
	float: left;
	color: #333;
}
p.commentsLink {
	float: right;
	color: #333;
}
p.searchText {
	color: #333;
	padding: 0.5em 0 1em 0;
	margin-bottom: 1em;
}
.details {
	clear: both;
	overflow: auto;
	display: block;
	width: 538px;
}
em {
	font-style: normal;
	font-weight: bold;
}
.backButton {
	background: transparent;
}
.comment {
	color: #999;
}
#shopContent {
	clear: both;
	float: left;
	width: 538px;
}
ul.row {
	clear: both;
}
#shopContent li {
	float: left;
	margin-right: 17px;
	width: 168px;
	background: #000;
	text-align: center;
}
#shopContent li .white {
	background: #fff;
	padding: 5px;
	display: block;
	position: relative;
}
#shopContent li .white em {
	font-size: 1.2em;
}
#shopContent li table {
	width: 100%;
}
#shopContent li td {
	padding: 5px 0;
	color: #fff;
}
#shopContent ul {
	margin-bottom: 2em;
	overflow: hidden;
}
#shopContent li.last {
	margin-right: 0;
}
#shopContent li h3 {
	text-align: center;
}
#shopContent li p {
	color: #000;
}
.shopItem {
	padding: 0.5em 0 1em 0;
	margin-bottom: 2em;
}
.buyButton {
	background: #890a0a url(../../images/btn_buyBot.gif) 0 100% no-repeat;
	width: 116px;
}
.buyButton.left {
	float: left;
	margin-left: 5px;
}
.buyButton.right {
	float: right;
	margin-right: 5px;
}
.buyButton a {
	background: transparent url(../../images/btn_buyTop.gif) 0 0 no-repeat;
	display: block;
	width: 96px;
	padding: 5px 10px;
	text-align: center;
}
.buyButton a span {
	font-size: 1.23em;
}
div.movie {
	display: block;
	width: 480px;
	height: 307px;
	background: #000 url(../../images/qTbg.jpg) 0 0 no-repeat;
	padding: 30px 29px 34px 29px;
}
#shopInterestForm input.shopFormButton {
	background: transparent url(../images/btnSend.gif) 0 0 no-repeat;
	width: 77px;
	height: 28px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
	overflow: hidden;
	display: block;
	font-size: 0;
	line-height: 28px;
	float: left;
	clear: both;
	margin-left: 102px;
}
#comment_form input.commentFormButton {
	background: transparent url(../images/btnSubmit.gif) 0 0 no-repeat;
	width: 88px;
	height: 28px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
	overflow: hidden;
	display: block;
	font-size: 0;
	line-height: 28px;
	float: left;
	clear: both;
}
p.wrongQt {
	text-align: center;
	padding: 50px;
}
.noFlash {
	width: 500px;
	margin: 50px auto 0;
	font-size: 1.3em;
	line-height: 1.5em;
}
.noFlash img {
	float: left;
}
.noFlash p {
	display: block;
	margin-left: 200px;
}
p.siteBy {
	display: none;
	margin-bottom: 0;
}
.sale {
	height: 123px;
	width: 123px;
	display: block;
	position: absolute;
	top: 40px;
	right: 115px;
	background: transparent url(../images/sale.png) 0 0 no-repeat;
	text-indent: -9999px;
	z-index: 100;
}