@import url("/Magic/TCG/article.css");

/* MTGO specific styles */
#centerColumn .center-content
{
	background-image: url("/Magic/Assets/box-border-800.gif");
	background-repeat: repeat-y;	
	background-attachment: scroll;
	background-position: 0px 488px;
	padding: 0px;
	width: 800px;
}
#centerColumn .center-content .article-content { width: 800px; }
/* main page only */
#centerColumn .center-content .article-content .pageHeader
{
	padding-left: 800px;
	/*padding-top: 140px;	*/
	line-height: 1.25em;
	position: absolute;
}
#centerColumn .center-content .article-content .pageHeader .pageHeaderContent
{
	width: 375px;
	left: 390px;
	top: 135px; /* DG: adjusted for MTGO new account button */
	position: absolute;
}
#centerColumn .center-content .article-content .pageHeader .pageHeaderContent p
{
	margin: 0;
	padding: 0;
	margin-top: 6px;
	line-height: normal;
}

#centerColumn .center-content .article-content .body
{
	padding: 10px;	
	position: relative;
	margin: 360px 0px 0px;
	/*top: -250px;*/
}
#centerColumn .center-content .article-content .body.regular
{	
	margin: 240px 15px 0; /* DG: adjusted for MTGO new account button */
	position: relative;
}

#centerColumn .center-content .article-content .body .leftArea
{
	float: left;
	margin-left: 25px;
	width: 345px;
	padding-bottom: 15px;
}
#centerColumn .center-content .article-content .body .rightArea
{
	float: left;
	margin-left: 40px;
	width: 345px;
	padding-bottom: 15px;
}
#centerColumn .center-content .article-content .body .header { font-weight: bold; font-size: 1.2em; padding-bottom: 4px; }
#centerColumn .center-content .article-content .body .seemore { float: right; font-weight: bold; }
#centerColumn .center-content .article-content .body .statusBox 
{ 
	float: left;
	border: 1px solid #999; font-size: 0.95em; 
	padding: 5px;
	margin-left: 25px;
}
#centerColumn .center-content .article-content .body .smallWideBox 
{
	float: left;
	margin: 10px 25px 0 25px;
	background-image: url(/mtg/images/digital/mtgo/small_wide_box.jpg);
	background-repeat: no-repeat;
	width: 325px;
	height: 157px;
	padding: 10px;
}
#centerColumn .center-content .article-content .body .smallWideBox.rightSide { margin-left: 15px; }

.smallWideBox .promoBox
{
	float: left;
	width: 150px;
	height: 125px;
	margin-right: 10px;	
}
#centerColumn .center-content .article-content .body .smallWideBox .archives .currentPage,
#centerColumn .center-content .article-content .body .smallWideBox .archives .pageControls
{
	display: none;
}
.smaller { font-size: 9px; }
.orange { font-weight: bold; color: #960; }

#centerColumn .center-content .article-content .body .largeWideBox 
{
	float: left;
	margin-top: 10px;
	background-image: url(/mtg/images/digital/mtgo/large_wide.jpg);
	background-repeat: no-repeat;
	width: 715px;
	height: 240px;
	padding: 10px;
}
.largeWideBox br { height: 0; }
.largeWideBox .blurb
{  
	width: 345px;
	height: 145px;
	float: left;
	font-size: 0.9em; 
	margin-right: 5px;
}

.largeWideBox .blurb img { height: auto; width: 150px; max-height: 150px; }
.largeWideBox .blurb .headline { height: auto; font-weight: bold; line-height: normal; }
.largeWideBox .blurb .text { height: auto; line-height: normal; height: 100px; }


#centerColumn .center-content .article-content .body .xmllist 
{
	color: Red;	
}

#centerColumn .center-content .article-content .body ul.archives
{
	list-style-type: none;
	margin: 0;	
	width: 490px;
}

#centerColumn .center-content .article-content .body ul.archives .header { display: none; }
#centerColumn .center-content .article-content .body ul.archives img { max-width: 490px; }
#centerColumn .center-content .article-content .body ul.archives li
{
	list-style-type: none;
}

#centerColumn .center-content .article-content .body ul.archives li
{
	width: 490px;
	margin-left: 10px;
	line-height: normal;
	padding: 0;
}
.thumb 
{
	float: left;	
}
.thumb img { padding-right: 10px; }
.body ul.archives li .title
{
	font-size: 16pt;
	font-weight: bold;	
	float: left;
	display: block;
	width: 285px;
}
.body ul.archives li .attr
{
	width: 280px;
	float: left;
	display: block;	
}
.body ul.archives li .author
{
	font-size: 10pt;
	font-weight: bold;
	display: block;
	float: left;
	margin-right: 3px;
}
.body ul.archives li .date
{
	font-size: 10pt;
	font-weight: bold;
	color: #999;
	float: left;
	margin-right: 20px;
}
.body ul.archives li .intro  	
{
	display: block;
}
.body ul.archives li .seemore
{
	text-align: right;
	width: 310px;	
}
.rightCol
{
	width: 230px;
	float: right;	
	margin-right: 5px;
}
.rightNav .xmllist { margin-left: 5px; width: 300px; }
.rightNav.top 
{ 
	background-image: url("/mtg/images/digital/mtgo/tall_box_top.jpg");
	background-repeat: no-repeat;
	height: 13px;
	margin-bottom: 0; padding-bottom: 0;
	font-size: 5px;
}
.rightNav.bottom
{
	background-image: url("/mtg/images/digital/mtgo/tall_box_bottom.jpg");
	background-repeat: no-repeat;
	height: 13px;
}
.rightNav.bg
{
	background-color: White;
	background-position: bottom;
	background-repeat: no-repeat;
	background-image: url(/mtg/images/digital/mtgo/tall_box.jpg);
	min-height: 265px;
	border-left: 1px solid #cc9;
	border-right: 1px solid #cc9;
	width: 228px;
}
.currentPage
{
	float: left;
	display: inline;
}
.pageControls
{
	float: right;
	display: inline;
}
#centerColumn .center-content .article-content .body .smallWideBox ul.archives li.header { display: none; }
#centerColumn .center-content .article-content .body .smallWideBox ul.archives li { display: block; float: left; margin-left: 0; }
.body .smallWideBox ul.archives .title { display: inline; float: left; font-size: 0.8em; width: 160px; }
.body .smallWideBox ul.archives .author { display: inline; font-size: 0.8em; text-align: right; width: 110px; margin-right: 5px; }
.body .smallWideBox ul.archives .date { display: inline; font-size: 0.8em; color: #000; }
.right { float: right; }

#centerColumn .center-content .article-content .body .tinyBox 
{ 
	background-repeat: no-repeat; 
	width: 223px;
	height: 153px;	
}
#centerColumn .center-content .article-content .body .tinyBox h4 
{
	height: 25px;
	padding: 5px 0 0 10px;
	font-size: 1.15em;	
}
#centerColumn .center-content .article-content .body .tinyBox .blurb
{  
	font-size: 0.9em; 
	line-height: normal;
	padding: 0 8px;
}
#centerColumn .center-content .article-content .body .tinyBox .blurb .text
{
	height: 95px;
	/*font-size: 1.5em;*/
}
#centerColumn .center-content .article-content .body .tinyBox.bg1 
{ 
	background-image: url(/mtg/images/digital/mtgo/tiny_box_1.jpg); 
	float: left;
}
#centerColumn .center-content .article-content .body .tinyBox.bg2 
{ 
	background-image: url(/mtg/images/digital/mtgo/tiny_box_2.jpg); 
	float: left;
	margin-left: 20px;
}
#centerColumn .center-content .article-content .body .tinyBox.bg3 
{ 
	background-image: url(/mtg/images/digital/mtgo/tiny_box_3.jpg); 
	float: left;
	margin-left: 20px;
}
#centerColumn .center-content .article-content .body .tinyBox.bg4  
{
	background-image: url(/mtg/images/digital/mtgo/tiny_box_4.jpg); 
	clear: left;
	float: left;
	margin-top: 20px;
}
#centerColumn .center-content .article-content .body .tinyBox.bg5  
{
	background-image: url(/mtg/images/digital/mtgo/tiny_box_5.jpg); 
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}
#centerColumn .center-content .article-content .body .tinyBox.bg6  
{
	background-image: url(/mtg/images/digital/mtgo/tiny_box_6.jpg); 
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}

/* decklists! */
#content .deck {
	width:620px;
}

#content .deck .decktop {	
	background: url('/magic/assets/decklist/decklist_header.jpg') no-repeat;
}

#content .deck .decktop .decktopmiddle {
	background: url('/magic/assets/decklist/decklist_horizontal_line_middle.jpg') no-repeat;
	background-position: center bottom;
	padding:15px 5px 25px 5px;
}

#content .deck .decktop .decktopmiddle .deckoptions {
	float:right;
}

#content .deck .decktop .decktopmiddle .main {
	font-size: 1.167em;
	font-weight: bold;
}

#content .deck .decktop .decktopmiddle .mainsmall {
	font-size: 0.917em;
	font-weight: bold;
}

#content .deck .decktop .decktopmiddle .sub {
	font-size: 0.917em;
}

#content .deck .decktop .decktopmiddle .subsmall {
	font-size: 0.75em;
}

#content .deck .maindeck {
	background: url('/magic/assets/decklist/decklist_background.jpg') no-repeat;
	background-color:#fff;
}

#content .deck .maindeck .maindeckmiddle {
	background: url('/magic/assets/decklist/decklist_footer.jpg') no-repeat;
	background-position:center bottom;
	padding:15px 0px 0px 15px;
}

#content .deck .maindeck .maindeckmiddle .cardgroup {
	margin-bottom:50px;
	padding:0px;
	width:100%;
}

#content .deck .maindeck .maindeckmiddle .cardgroup.sideboard {
	
}

#content .deck .maindeck .maindeckmiddle .cardgroup p.decktitle {
	font-weight: bold;
	margin:0px;
	padding:0px;
}

#content .deck .maindeck .maindeckmiddle .cardgroup p.cardcount {
	font-style: italic;	
}



#content .deck .deckcontent {
	width: 100%;
}
#content .deck .deckcontent .title {
	/* border-bottom: 1px solid #000; */
	padding: 5px;
}
#content .deck .deckcontent .title .main {
	font-size: 1.167em;
	font-weight: bold;
}
#content .deck .deckcontent .title .mainsmall {
	font-size: 0.917em;
	font-weight: bold;
}
#content .deck .deckcontent .title .sub {
	font-size: 0.917em;
}
#content .deck .deckcontent .title .subsmall {
	font-size: 0.75em;
}
#content .deck .deckcontent .options {
	/* border-bottom: 1px solid #000; */
	padding: 5px;
}
#content .deck .deckcontent .decktop {
	background: url( '/Assets/images/magic_galvtile2.jpg' ) repeat;
}

#content .deck .deckcontent .topborderhack {
	background-color:#000;
	height:1px;
}

#content .deck .deckcontent .maindeck {
	background: url( '/Assets/images/magic_galvtile.jpg' ) repeat;
	padding: 5px;
}

#content .deck .deckcontent .sidebar {
	background: url( '/Assets/images/magic_statback.jpg' ) repeat;
	padding: 5px;
}
#content .deck .deckcontent .cardgroup {
	width: 100%;
}
#content .deck .deckcontent .decktitle {
	font-weight: bold;
	padding-top: 5px;
}
#content .deck .deckcontent .cardcount {
	font-style: italic;
	padding-bottom: 15px;
}