/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	z-index:1;
	
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

@font-face {
	font-family: bitwise;
	src: url("../../assets/fonts/bitwise.ttf");
}

html {
	height:102%;
}

body
{
	
	
	background-color:#09071c;
	
	background-image:url("../../assets/images/bg.jpg");
	background-position:center;
	background-repeat:repeat-y;
	
	background-attachment: fixed;
	
	height:100%;
}

.portrait {
	
	background-repeat:no-repeat;
	width:225px;
	height:187px;
	
	position:absolute;
	top:5px;
	//left:360px;
	
}

.portraitWeedy {
	left:365px;
	top:13px;
	background-image:url("../../assets/images/portrait_weedy.png");
}

.portraitDebug {
	background-image:url("../../assets/images/portrait_md.png");
	top:15px;
	left:363px;
}

.portraitA2 {
	background-image:url("../../assets/images/portrait_a2.png");
	top:17px;
	left:388px;
	width:201px;
	height:165px;
}

.bg {
	
	background-image:url("../../assets/images/bg.jpg");
	background-repeat:repeat-y;
	
	position:absolute;
	top:0px;
	left:0px;
	//color:#333333;
	//font-size:48px;
	
	width:100%;
	bottom:0px;
	
	
}

nav a {
	padding-top:10px;
}

#main {
	width:800px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}

p {
	line-height:19px;
}

.castDivider {
	background-image:url("../../assets/images/bar.png");
	background-repeat:no-repeat;
	width:800px;
	height:45px;
	
	margin-bottom:-8px;
	z-index:2;
	position:relative;
	//float:left;
}

.castDividerBottom {
	
	background-image:url("../../assets/images/bar_flipped.png");
	background-repeat:no-repeat;
	
	width:800px;
	height:45px;

	position:relative;
	float:left;

}

.castDividerDark {
	width:800px;
	background: rgb(153,153,153); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(153,153,153,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(153,153,153,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(153,153,153,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(153,153,153,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(153,153,153,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(153,153,153,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#000000',GradientType=1 ); /* IE6-9 */

	height:2px;
	padding:0px;
	float:left;
}

.castThumbInnerDark a {
	padding-left:0px;
	
}

.castThumbInnerDark p {
	float:left;
	padding-top:40px;
	padding-left:100px;
	font-family:bitwise;
	font-size:62px;
	font-weight:normal;
	color:#555555;
}

.castThumbInnerDark img {
	float:left;
	padding-left:15px;
	margin-bottom:-15px;
}

.castThumbInnerDark {
	width:800px;
	height:133px;
	background: -moz-linear-gradient(left,  rgba(68,68,68,0.65) 0%, rgba(68,68,68,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(68,68,68,0.65)), color-stop(100%,rgba(68,68,68,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(68,68,68,0.65) 0%,rgba(68,68,68,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(68,68,68,0.65) 0%,rgba(68,68,68,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(68,68,68,0.65) 0%,rgba(68,68,68,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(68,68,68,0.65) 0%,rgba(68,68,68,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6444444', endColorstr='#00444444',GradientType=1 ); /* IE6-9 */
}

.castThumbInner a {
	padding-left:0px;
}

.castThumbInner p {
	float:left;
	padding-top:40px;
	padding-left:100px;
	font-family:bitwise;
	font-size:62px;
	font-weight:normal;
	color:#9f83e2;
}

.castThumbInner img {
	float:left;
	padding-left:15px;
	margin-top:-20px;
	margin-bottom:-10px;
}

.castThumbInner {
	background-image:url("../../assets/images/bg.png");
	width:800px;
	height:115px;
	padding-top:20px;
	margin-bottom:-12px;
}

.castThumb {
	padding-top:25px;
	display:block;
}

.footerDivider {
	
	background-image:url("../../assets/images/bar.png");
	background-repeat:no-repeat;
	width:800px;
	height:45px;
	
	margin-top:-35px;
	z-index:3;
	position:relative;
}

#footer {
	
	bottom: 0;

	display:none;
	z-index:4;

	position: fixed;
	margin-top:5px;

	padding-top:5px;
	padding-bottom:5px;
	
	background-image:url("../../assets/images/bg.png");
	width:800px;

	height:20px;
	
}

.thumbnails {
	padding-top:25px;
	padding-left:45px;
	padding-bottom:0px;
}

.thumbnails img {
	padding-right:15px;
}

.horizontalDivider {
	
	background-image:url("../../assets/images/bar.png");
	background-repeat:no-repeat;
	width:800px;
	height:45px;
	
	margin-bottom:-10px;
	z-index:3;
	position:relative;
}

.horizontalDividerBottom {
	
	background-image:url("../../assets/images/bar_flipped.png");
	background-repeat:no-repeat;
	width:800px;
	height:45px;
	
	margin-bottom:-15px;
	border:none;
}

.horizontalDividerBottomLast {
	
	background-image:url("../../assets/images/bar_flipped.png");
	background-repeat:no-repeat;
	width:800px;
	height:45px;
	
	margin-bottom:-15px;
	padding-bottom:30px;
	border:none;
}

.horizontalDividerChar {
	background: #b184e8; /* Old browsers */
	background: -moz-linear-gradient(left, #b184e8 0%, #441b82 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b184e8), color-stop(99%,#441b82)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #b184e8 0%,#441b82 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #b184e8 0%,#441b82 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #b184e8 0%,#441b82 99%); /* IE10+ */
	background: linear-gradient(to right, #b184e8 0%,#441b82 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b184e8', endColorstr='#441b82',GradientType=1 ); /* IE6-9 */
	height:2px;
	padding:0px;
	margin-top:50px;
}

.horizontalDividerCast {
	background-image:url("../../assets/images/bar.png");
	background-repeat:no-repeat;
	width:800px;
	height:45px;
	
	margin-bottom:-10px;
	z-index:3;
	position:relative;
}

h3 {
	padding-top:5px;
}

.content {
	
	background-image:url("../../assets/images/bg.png");
	width:800px;
	
	padding-bottom:15px;
	margin-bottom:-12px;
	
	position:relative;
	
}

.contactContent {
	background-image:url("../../assets/images/bg.png");
	width:800px;
	height:290px;
	padding-top:10px;
	padding-bottom:15px;
	margin-bottom:-12px;
}

.contactContent .chibi {
	position:absolute;
	margin-left:29px;
	margin-top:45px;
}

.contactContentInner {
	position:absolute;
	padding-top:15px;
	padding-left:25px;
	padding-bottom:15px;
}

.contactContentInner .heading {
	color:#9f83e2;
	font-family:bitwise;
	font-size:33px;
	margin-top:5px;
}

.contactContentInner p {
	width:540px;
	color:#e0cff5;
	font-size:16px;
	//margin-left:25px;
	//padding-right:230px;
}

.contactContentInner a {
	padding-left:0px;
}

.castContent img {
	padding-left:0px;
	margin-top:-107px;
	padding-top:0px;
	float:left;
}

.castContent {
	position:relative;
	display:block;
	padding-top:90px;
	padding-bottom:280px;
}

.castContent img {
	position:absolute;
}

.castContentInner .heading {
	color:#9f83e2;
	font-family:bitwise;
	font-size:33px;
}

.castContentInner {
	position:absolute;
	padding-top:25px;
	padding-left:210px;
	padding-bottom:10px;
}

.castContentInner p {
	width:540px;
	color:#e0cff5;
	font-size:16px;
	margin-left:25px;
	//padding-right:230px;
}

.castContentInner a {
	padding-left:0px;
}









.castContentInnerA2 .heading {
	color:#9f83e2;
	font-family:bitwise;
	font-size:33px;
}

.castContentInnerA2 {
	position:absolute;
	padding-left:270px;
	padding-bottom:10px;
}

.castContentInnerA2 p {
	width:425px;
	color:#e0cff5;
	font-size:16px;
	margin-left:75px;
	//padding-right:230px;
}

.castContentInnerA2 a {
	padding-left:0px;
}





.castContentInnerMD .heading {
	color:#9f83e2;
	font-family:bitwise;
	font-size:33px;
}

.castContentInnerMD {
	position:absolute;
	padding-left:230px;
	padding-bottom:50px;
}

.castContentInnerMD p {
	width:370px;
	color:#e0cff5;
	font-size:16px;
	margin-left:75px;
	//padding-right:230px;
}

.castContentInnerMD a {
	padding-left:0px;
}






p {
	font-family:Arial;
	padding-top:10px;
	padding-bottom:10px;
}

.contentInner {
	padding-left:25px;
	padding-top:10px;
	padding-bottom:10px;
}

.contentInner a {
	padding-left:0px;
	font-family:Arial;
	font-size:16px;
}

.contentInner .heading {
	color:#9f83e2;
	font-family:bitwise;
	font-size:33px;
	padding-top:25px;
}

.headerDividerBottom {
	margin-top:5px;
	padding-bottom:50px;
	float:left;
}

.headerDivider {
	margin-top:5px;
	float:left;
}

.playNow {
	
	margin-top:25px;
	padding-left:335px;
	padding-bottom:100px;

}

/*.playNow a:link {
	color:#9f83e2;
	font-family:bitwise;
	font-size:26px;
	padding-top:15px;
}

.playNow a:hover {
	color:#e5ccfd;
	font-family:bitwise;
	font-size:26px;
}

.playNow a:active {
	color:#9f83e2;
	font-family:bitwise;
	font-size:26px;
}*/

.return {
	padding-top:25px;
	padding-left:25px;
}

.return a:link {
	color:#9f83e2;
	font-family:bitwise;
	font-size:26px;
	padding-top:15px;
}

.return a:hover {
	color:#e5ccfd;
	font-family:bitwise;
	font-size:26px;
}

.return a:active {
	color:#9f83e2;
	font-family:bitwise;
	font-size:26px;
}

#header {
	width: 100%;
	height: 277px;
	padding-bottom:25px;
	margin: 0 auto;
	background-image:url("../../assets/images/header.png");
	background-repeat:no-repeat;
}

.screenshot {
	padding-bottom:0px;
}

.imageScreenshot {
	padding-top:30px;
	margin-bottom:50px;
}

.imageScreenshot a {
	width:100%;
	padding:0px;
}

.imageScreenshot img {
    display: block;
    margin-left: auto;
    margin-right: auto;
	margin-bottom:15px;
}

.image {
	padding-top:30px;
	padding-bottom:125px;
	padding-left:15px;
}

.friendArt{
	display:inline-block;
	text-align:center;
	margin-right:10px;
}

.friendArt a {
	padding:0px;
}
.friendArt img {
	padding:0px;
}
.friendArt p {
	color:#ffffff;
}

.thumbnail{
	width:100%;
	display:inline-block;
	text-align:center;
}

.video {
	padding-top:25px;
	margin-left: auto;
    margin-right: auto;
	text-align:center;
	padding-left:15px;
	padding-bottom:50px;
}

.image p {
    margin-left: auto;
    margin-right: auto;
	text-align:center;
	color:#e0cff5;
	font-size:16px;
}

.image img {
    display: block;
    margin-left: auto;
    margin-right: auto;
	margin-bottom:45px;
}

.image a {
	width:100%;
	padding:0px;
}

.headerButtons {
	padding-top:235px;
	padding-left:20px;
}

.playHolder {
	margin-left:343px;
	padding-top:20px;
	margin-bottom:40px;
}

.button {
	
	background-image:url("../../assets/images/button.png");
	background-repeat:no-repeat;
	
	width:126px;
	height:48px;
	
	margin:0px;
	padding:0px;
	
}

.button:hover {
	background-position:0px -48px;
}

.button:hover p {
	color:#ffffff;
}

.button p {
	
	color:#b8aee3;
	
	font-family:bitwise;
	font-size:21px;
	
	text-align:center;
	margin-top:5px;
}

a {
	float:left;
	padding-left:25px;
	padding-right:25px;
	color:#9f83e2;
}

a:link { color: #9f83e2; text-decoration: none }
a:visited { color: #9f83e2; text-decoration: none }
a:hover {color: #e5ccfd;} 
a:active { color: #9f83e2; text-decoration: none }

h3 {
	font-family:bitwise;
	font-size:33px;
}

.contentInner p {
	padding-left:2px;
	width:750px;
	color:#e0cff5;
	font-size:17px;
}

.contentInner .castText {
	width:350px;
}

.contentInner .cvText {
	position:absolute;
	left:315px;
	top:45px;
	text-align:center;
}

.contentInner h3 {
	color:#9f83e2;
	font-family:bitwise;
	font-size:33px;
}

.purchase {
	padding-top:17px;
	padding-left:125px;
}

.purchaseLast {
	padding-top:17px;
	padding-left:125px;
	margin-bottom:30px;
}

.twitter-follow-button
{
	vertical-align: text-bottom !important;
}