/************************
* redeclare some id's as classes from ign.css (to avoid the possibility of snowboards api replacing id's in the xhtml)
************************/
.mastheadNav { background-image:url(http://media.ignimgs.com/media/images/community/temp/mastheadnav_bg.gif); border:1px solid #000; border-bottom:0; height:26px; }
* html .mastheadNav{height:19px}
.footerNav { background:#000 url(http://media.ignimgs.com/media/images/community/temp/footernav_bg.gif) repeat-x; border:1px solid #000; border-top:0px; }
.footerNetworkWrapper { border:1px solid #000; background-color:#333; }
.footerNetwork a, #adsHotContent a { color:#9AAACB; }
.footerNetwork * { font:10px verdana,sans-serif!important; color:#FFF; }
.footerNetwork a:hover { color:#FFF; text-decoration:none; }
.footerNetwork { width:750px; padding-bottom:10px; background-color:#333; margin-right:auto; margin-left:auto; }

/************************
/* contentLeft, contentCenter, contentRight, 3 main areas / (parent containers) of the page
************************/
.contentLeft { width:149px; padding:5px; }
.contentCenter { } /* do not set width on middle column so it can expand */
.contentRight { width:270px; padding:5px; }
.contentLeft, .contentCenter, .contentRight { vertical-align:top;}

/************************
* overriding themable class names as new class and id's just for blogs
************************/
.leaderboardAdUP { margin:0; padding:10px 0; background:url(http://media.ignimgs.com/media/images/community/temp/lists_leaderboard_bed_blue.gif) repeat-x top; }
.userHead{ position:relative; z-index:100;}
.userHeadTxt {position:absolute; left:25px; top:25px; font-size:32px;color:#fff;font-weight:bold; z-index:2;width:927px;text-align:right;}
.userhdrimg { display:block; }
.lMainTable { margin:0; }
.contentLeftBr { height:5px; }
.Content { padding-bottom:0; }
.lContent { padding:5px }
.contentTop { padding:0; margin:0; }
.innerListContent { padding:8px; margin:0; }
.actionButtons { padding-bottom:5px; text-align:right; }
.actionButtons .boxButton { float:right; margin-right:5px;}
.actionLinks a { font-size:14px; font-weight:bold; }
.postEntry div.actionLinks { font-size:14px; font-weight:bold; }
/*.postEntry img { width:auto!important; height:auto!important; } */
.contentCenter .actionButtons .boxButton { width:75px; }
.boxStretchWidth { width:auto; }
.contentBG { }

/************************
* inline css button for <a> tags
************************/
a.buttonInline { text-align:center; margin:0; font-family:helvetica,arial,sans-serif; font-size:11px; font-weight:bold; }
a.buttonInline:link,  a.buttonInline:visited,  a.buttonInline:hover { text-decoration: none; }
a.buttonInline { padding:2px 10px; display:inline-block; }

/************************
* styled form buttons
************************/
.contentCenter input.themedSubmit { text-align:center; margin:0; font:bold 11px helvetica,arial,sans-serif; padding:1px 16px; cursor:pointer; cursor:hand; }

/************************
* post entry
************************/
.postEntry { padding:5px; }
.postEntry { font-size:12px!important; }
.BoardRowBLink span, a.BoardRowBLink { font-size:12px!important; font-family:arial,sans-serif!important; }
.postEntry h1 { margin:0; font-size:18px; }
.postEntry p { margin:10px 0; font-size:12px; }
.postEntryCategory { font-weight:bold; }
.postEntryStats { padding-bottom:6px; margin-bottom:6px; }
.postEntry .boxButton, .postEntryReply, .postEntryEdit, .postEntryDelete { width:80px; }
.postEntryDelete { padding-right:40px; }
.postEntryEdit { padding-right:5px; }
.postEntryPermalink { width:85px; } /* button on right needs more space.*/
.postEntryReply, .postEntryComments { padding-right:5px; }
.postEntry td { text-align:left; }
.postEntry td.postEntryPermalink { text-align:right; }
.postEntryModerate { padding-top:10px; }
.postEntryModerate a { font-weight:bold; }
.boxUnit .innerListContent { position:relative; }
.contentCenter .innerListContent { position:relative; border-top:0; }
/*.contentCenter .postEntry { width:501px; overflow:auto; margin-left:auto; margin-right:auto; }*/
.contentCenter .postEntry { width:501px; overflow:hidden; }
/* hide this rule from other browsers, its only needed by IE below. */
* html .contentRight .boxDivInner { width:256px; border:1px solid #fff;}
.contentCenter span.imgWrapper { width:501px; display:block; overflow:auto; margin-left:auto; margin-right:auto; }

/************************
* paginator
************************/
.boxForm .boxButton { width:auto; }
.boxForm td { width:20px; padding:0 3px; text-align:center; }
.boxForm td.boxFormPrevious { width:65px; }
.boxForm td.boxFormNext { width:40px; text-align:right; padding-left:10px; }
td.boxFormNext .boxButton { width:50px; }
td.boxFormSelect { text-align:center; width:auto; }
.contentCenter .boxForm u { text-align:center; margin:0; font-family:helvetica,arial,sans-serif; font-weight:bold; padding:2px 16px; display:inline-block; text-decoration:none; }

/* override touchups */
.contentCenter .boxForm table { width:auto; }
.contentCenter .boxForm td { width:auto; }
.contentCenter .boxForm td a, .contentCenter .boxForm td u { padding:2px 6px; }

/************************
* light weight box stretch - created because original version caused dynamic css issues.
************************/
.lwBoxStretch { width:100%; }
.lwBoxStretch, .lwBoxStretch td { padding:0; margin:0; border:0; }
.lwBoxTopStretch { height:23px; font:bold 11px arial; vertical-align:middle!important; }
.lwBoxTopLeft { width:10px; height:23px; }
.lwBoxTopRight { width:6px; height:23px; }

/************************
* my info module
************************/
.boxTopTitle { position:relative;top:5px;left:10px;font:bold 11px arial; }
.boxUnit { margin-bottom:5px }
.boxUnit .boxInner { text-align:center; }
.boxUnit .boxInner { padding-bottom:8px; }
.boxUnit .boxInner div { padding-left:11px; }
.boxUnit div { text-align:left; font-size:11px; }
.boxUnit img { vertical-align:middle; border:0; }
.boxUnit .boxUnitHeaderLink { font-weight:bold; font-size:12px; padding-top:5px; }

/************************
* my friends module
************************/
.boxCollection .smallButton { width:14px; display:block; padding-left:20px; }
.boxCollection .boxButton { margin-left:auto; margin-right:auto; }
.boxCollection .boxInner { padding:5px; }
.boxCollection .cAvatar { width:40px; }
.boxCollection .cStat { font-size:10px; padding-left:0; padding-right:0; }
.boxCollection .cStat strong { font-size:11px; }
.boxCollection .cStat a { width:90px; }
.boxCollection .cAvatar a { display:block; }
.boxCollection .cAvatar a:hover { display:block; }
div.boxInner img.BoardUserIcon { border:1px solid #fff; background-color:#B1B3BC; }
/* .boxCollection .boxInner strong a { overflow:hidden; } */ /* this is useless, for now, but i'll leave it here to remind me to get this rule working, if possible */
.AuthorLink { display:block; width:115px; overflow:hidden; }
.cStat a { display:block; width:82px!important; overflow:hidden; }

/************************
* my calendar archive
************************/
.tblBlogCalendar .ThemeCalendarHeader { font-size:12px; }
.tblBlogCalendar .boxButton { width:17px; font-weight:bold; margin:0; }
.tblBlogCalendar .ThemeCalendarHeaderLeftButton, .tblBlogCalendar .ThemeCalendarHeaderRightButton { width:23px; }
.tblBlogCalendar .ThemeCalendarHeaderLeftButton .boxButton, .tblBlogCalendar .ThemeCalendarHeaderRightButton .boxButton { margin-left:auto; margin-right:auto; }
.tblBlogCalendar .ThemeCalendarColumn { padding:2px; font-weight:bold; }
.tblBlogCalendar { margin-bottom:5px; }

/************************
* my friends' recent post
************************/
.cPost .cAvatar { width:50px; vertical-align:top; }
.cPost .cStat { vertical-align:top; }
.cPost .cStat .cTitle { font-size:13px; }
.boxSnippet { padding:0 6px; }
.boxSnippet p { margin:5px 0 0 0; }
.boxSnippet img { display:none; }
.cRLink { text-align:right; padding:5px 0; font-weight:bold; }
.cAvatRow1 p { width:254px; overflow:hidden; }

/************************
* my friends' recent post using Div layout instead of original table layout.
************************/
.contentRight .avatarInline { width:40px; display:block; float:left; }
.contentRight .avatarInline:hover { width:40px; display:block; }
.contentRight .boxDivInner { padding:5px;}
.contentRight .boxDivInner p { margin-top:5px; margin-bottom:5px; padding-top:5px; clear:left; width: 230px}
* html .contentRight .boxDivInner p { top:-5px; position:relative;}
 html>body .contentRight .boxDivInner p { *clear:none; }
.contentRight .bRLink { text-align:right; display:block; font-weight:bold; }
.contentRight .boxOuter { padding-top:1px; }
.userSnipIconLeft { width:45px; padding-right:5px; float:left; position:relative; }
.userSnipTextRight { width:178px; float:left; position:relative; padding-top:1px;  }
.userSnipTextRight strong { width:178px; overflow:hidden; display:block; }
/************************
* manage friends page
************************/
.contentTitle { padding:4px 10px; border:1px solid #039; border-bottom:0; }
.contentTitle span { font:bold 14px arial; }
.buttonCollection { text-align:right!important; }
.tableLayout { width:100%; }
.tableLayout td { vertical-align:top;  }
.tableLayoutLeft { width:150px; padding-right:10px; }
.tableLayoutLeft select { width:100%; }
.tableLayoutCenter { padding-right:10px; }
.tableLayoutRight { width:300px; }
.tableLayoutRight textarea { width:300px; border:0; }
.contentCenter .boxTopTitle { position:relative; }
.boxModule .cRowList1, .boxModule .cRowList2 { padding:3px; }

/************************
* all friends page
************************/
.contentCenter .boxOuter { background-color:#fff; }
.contentCenter .boxOuter .boxOuter { border-top:1px solid; }
.contentCenter .boxOuter table { width:100%; }

/************************
* snowboards !important override : snowboards has colors embedded in the component.  override with !important rule.
************************/
#footerNetwork * { color:#fff!important; }
#footerNetwork a { color:#9AAACB!important;  }
#footerNetwork a:hover { color:#fff!important; }
#footerNetwork { background-color:#333!important; }
.footerLogo { background:url(http://media.ignimgs.com/media/ign/images/ignent_footer_333333.gif) no-repeat!important; }
#footerWrapper { border:1px solid #333!important; }

#adsHotContent { width:952px; margin-left:auto; margin-right:auto; margin-bottom:1px solid #000; }
.footerFrame br { display:none; }
.footerFrame { margin-top:3px; border-top:0; }

/************************
* promo static
************************/
.promoStatic {}
.promoStatic table { width:100%; margin-top:5px; }
.promoStatic td { padding:0; }
.promoStatic h2 { font-size:14px; font-weight:bold; margin:0 0 5px 0; }
.promoWrapper {
	width:auto; margin:auto 5px; padding-left:0; padding-right:0;
}
.promoTextHeader {
	height:24px; 
	background:url('http://media.ignimgs.com/media/images/community/upages/up_lists_top_stretch_24h.gif') repeat-x; 
	border:1px solid #fff;
	}
.promoRight { text-align:center; }

.promoStatic td { padding:0 5px; }
.promoMiddle a { display:block; width:100%; font-size:14px; }
.promoMiddle li { padding:0; }
.promoLeft img { border:1px solid #000; }
.promoRight h2 { padding:10px; }
.promoRight { width:250px; }
.promoRight a { padding-top:5px; display:block; }

/************************
* blogs help
************************/
.blogsHelp { padding:0 0 5px 0; text-align:right; }
/************************
* style for embedded video
************************/
div.embedvideo { text-align: center; }
