/* ========== */
/* = GLOBAL = */
/* ========== */
html { background: #808285 url(bg.png) repeat-x left 90px; }
body { font-family: "Lucida Grande","Lucida Sans Unicode", helvetica, verdana, arial, sans-serif; background-color: #000; background: url(bgFooter.png) center bottom repeat-x; }
div.wrap { width: 100%; background-color: transparent; min-height: 1000px;  }
a:link, a:visited { color: #A8000E; }
a:hover, a:active { color: #000; }
h3 { font-family: Georgia, "Lucida Grande","Lucida Sans Unicode", helvetica, verdana, arial, sans-serif; }
div.column,
div.row { overflow: visible; }
div.column0, div.column1, div.column2, div.column3 { height: auto; margin-bottom: 0; padding-bottom: 0; }
div#content { overflow: hidden; }

/* ========== */
/* = HEADER = */
/* ========== */
div#header { background-color: transparent; }
h2#mslogo { margin-left: 20px; }
body h2#mslogo a { background:  url(ninjaLogo.png) no-repeat !important; height: 27px; width: 153px; filter: none; }
body div#googlebar { position: absolute; padding: 0px; left: 0; top: 0; width: 100%; background: #A8000E none; }
body div#topnav { position: absolute; top: 62px; left: 0; width: 100%; border-bottom: 8px solid #000; background: #A8000E url(guardian.png) no-repeat 98% 100%; padding-top: 12px; }
div#leaderboard { margin: 108px auto 0; width:960px; text-align: center; }
div#header ul#leftNav { border: none; }
div#header ul#rightNav { float: left; border: none; }
div#topnav ul li { border: none; margin-bottom: -1px; }
#topnav ul li a:hover small,
#topnav ul li a.hover small { color: #FFF; }
div#topnav ul li a { padding: 0 15px 2px; }
#topnav ul li.dropDown:hover a,
#topnav ul li.hover a,
#topnav ul a:hover,
#topnav ul li.hover a:hover { color: #fff; background: transparent url(arrow.png) no-repeat center bottom; }
#topnav li.dropDown ul.subMenu a { background-image: none; background-color: #000; color: #FFF; }
#topnav li.dropDown:hover ul.subMenu a:hover, #topnav li.hover ul.subMenu a:hover { background: #A8000E url(star.png) no-repeat 95% center; color: #FFF; }
#topnav ul.subMenu { border: none; }
#topnav ul.subMenu li { margin-bottom: 0; }
#topnav ul.subMenu li.divider { border-color: #333; }

/* =========== */
/* = CONTENT = */
/* =========== */ 
.contentTop,
.contentBottom,
.contentMid { width: 960px; margin: 0 auto; }
div.contentMid2 { padding: 0 0 10px; }

/* MODULE GENERAL */
div.moduleMid { background-color: #FFF; padding: 10px; }
div.moduleMid h3 { color: #FFF; font-size: 1.2em; text-transform: uppercase; letter-spacing: 5px; padding: 0; background: #A8000E url(h3Bg.png) no-repeat right top; margin-bottom: 10px;  }
div.moduleMid h3 span { background: url(headerStars.png) no-repeat right center; display: block; padding: 3px; }
div.moduleMid h3 span span { background:  none; }

/* BASIC INFO */
div.basicInfoModule { background: transparent url(basicInfo.png) no-repeat right 6px; margin-top: -23px; margin-right: -65px;  }
div.basicInfoModule div.moduleTop div,
div.basicInfoModule div.moduleBottom div { background-image: none; }
div.basicInfoModule div.moduleMid1,
div.basicInfoModule div.moduleTop div div { background: #E6E6E6 url(basicInfoBg.png) no-repeat right -12px; }
div.basicInfoModule div.moduleTop { margin-top: 52px; }
div.basicInfoModule div.moduleTop div div { height: 10px; margin: 0 183px 0 0; background-color: #E6E6E6; background-position: 100% -1px; font-size: 0; }
div.basicInfoModule div.moduleBottom { background-position: -1px 100%; }
div.basicInfoModule div.moduleBottom div div { background-color: #E6E6E6; height: 10px; margin: 0 180px 0 0; font-size: 0; }
div.basicInfoModule div.moduleMid { padding: 0 186px 0 0; background: transparent none; }
div.basicInfoModule div.moduleMid2 { height: 200px; }
div.basicInfoModule ul.profileUserAlbum a { height: 60px; width: 60px; border: 1px solid #A8000E; }
div.basicInfoModule ul.profileUserAlbum { height: 66px; }
div.basicInfoModule div.moduleBody { padding-left: 10px; }
div.basicInfoModule div.profileHeaderDetails { position: relative; }
div.basicInfoModule ul.profileUserInfo li img.ImgOnlineNow { background: url(onlineNow.png) no-repeat; height: 0; width: 0; padding: 15px 0 0 15px; position: absolute; bottom: -19px; left: 0; }
div.basicInfoDetails { position: relative; }
div.profileDemographics { padding: 10px 0; }
/* MUSIC PLAYER */
div#musicPlayer { margin: 0 auto; }
div.musicPlayerModule h3 { display: none; }
div.musicPlayerModule .moduleTop,
div.musicPlayerModule .moduleTop div,
div.musicPlayerModule .moduleBottom,
div.musicPlayerModule .moduleBottom div { height: 0; background: transparent none; }
div.musicPlayerModule .moduleMid { background-color: transparent; padding: 0; }

/* BLOGS */
div.blogsModule { margin-bottom: -1px; padding-bottom: 0; }
div.blogsModule .moduleMid { background: transparent url(ninjaBamboo.png) no-repeat left bottom; }
div.blogsModule .moduleMid1 { background: transparent url(tree.png) no-repeat right top; }
div.blogsModule .moduleMid2 { background:transparent url(stars.png) no-repeat 38% 45%; height: 350px; padding: 100px 113px 0 118px; }
div.blogsModule div.moduleTop,
div.blogsModule div.moduleTop div,
div.blogsModule div.moduleBottom,
div.blogsModule div.moduleBottom div { background: transparent none; height: 0;  }
div.blogsModule h3 { letter-spacing: 5px; padding-left: 0; background: transparent none; padding-bottom: 0.5em; }
div.blogsModule h3 span { background: none; }
div.blogsModule div.toolbar ul { float: left; padding-left: 0; }
div.blogsModule div.toolbar ul li { padding: 0 1em 0 0; }

/* BLURS */
div.blurbsModule { padding: 0 5px 5px; margin: 0 5px; }

/* COMMENTS */
div.commentsModule .moduleTop,
div.commentsModule .moduleTop div,
div.commentsModule .moduleBottom,
div.commentsModule .moduleBottom div { height: 0; background: transparent none; }
div.commentsModule .moduleMid { background: transparent none; padding: 0; }
div.commentsModule ul.moduleList li { margin-bottom: 20px; }
div.commentsModule li.even div.user { float: right; }
div.commentsModule li.even div.userComment { margin-left: 0; margin-right: 24%; }
div.commentsModule li.odd { background-color: #DDD; }
div.commentsModule li.even { background-color: #FFF; }
div.user a { position: relative; display: block;  }
div.commentsModule ul.moduleList div.user span { display: none; position: absolute; background-color: #A8000E; opacity: 0.8; filter:alpha(opacity=80); -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; color: #FFF; text-decoration: none;  }
div.commentsModule ul.moduleList div.user a:hover span { display: block; top: 35%; width: 80%; left: 5%;}
div.commentsModule ul.moduleList div.user a { text-decoration: none; }
div.commentsModule ul.moduleList li.even div.user img { padding: 3px; border: 1px solid #000; background-color: #FFF; }
div.commentsModule ul.moduleList li.odd div.user img { padding: 3px; border: 1px solid #999; background-color: #ddd; }
div.commentsModule ul.moduleList li div.user img.ImgOnlineNow { border: none; }
div.commentsModule ul.links a:hover { color: #fff; }
div.commentsModule h3,
div.commentsModule h3 span { background: transparent none; }
div.friendSpaceModule .moduleList li a { text-decoration: none; }

/* CALENDAR */
div.calendarModule .moduleItem { padding: 0.2em; }
div.calendarModule .odd { background-color: #ddd; }

/* FRIEND SPACE */
div.friendSpaceModule { overflow: visible; }
div.friendSpaceModule ol.squarePhotos li,
div.friendSpaceModule ol.moduleList li { width: 40px; height: 40px; margin-right: 18px; overflow: visible; }
div.friendSpaceModule ol.squarePhotos li.last,
div.friendSpaceModule ol.moduleList li.last { margin-right: 0; }
div.friendSpaceModule .moduleList li a span { width: 100px; text-align: center; position: absolute; top: -45px; left: -36px; z-index: 100; background-color: #A8000E; color: #FFF; padding: 0.5em; -moz-border-radius: 5px; -webkit-border-radius: 5px; visibility: hidden; opacity: 0.8; filter:alpha(opacity=80);   }
div.friendSpaceModule .moduleList li a:hover span { visibility: visible; }
div.friendSpaceModule .moduleList li a img  { height: 30px; width: 30px; padding: 3px; border: solid 1px #A8000E; }
div.friendSpaceModule .moduleList li a { position: relative; }
div.friendSpaceModule .moduleList li a img.ImgOnlineNow { background: url(onlineNow.png) no-repeat; height: 0; width: 0; padding-left: 15px; padding-top: 15px; position: absolute; bottom: -2px; right: -6px; border: none; }
div.friendSpaceModule div.toolbar ul { float:left; clear: both; padding-left: 0; }

/* ========== */
/* = FOOTER = */
/* ========== */
div#footer { background-color: transparent; color: #fff; padding-bottom: 20px; margin-top: 119px; }
div#footer a { color: #fff; }

/* ============= */
/* = IE7 FIXES = */
/* ============= */
body.ie7 div#topnav { top: 54px; z-index: 20; }
body.ie7 div.basicInfoModule { background-position: right 1px; }
body.ie7 #topnav ul.subMenu { top: 28px; }
body.ie7 div.basicInfoDetails { display: inline-block; }

/* ============= */
/* = IE6 FIXES = */
/* ============= */
body.ie6 a#mshomelink,
body.ie6 div#topnav,
body.ie6 div#googlebar { filter: none !important; }
body.ie6 div#topnav { top: 57px; z-index: 20; filter: none; }
body.ie6 div.basicInfoModule { background-position: right 1px; }
body.ie6 ul.contactLinks li a { white-space: nowrap; }
body.ie6 .profileDemographics { padding: 10px 10px 0; }
body.ie6 div.basicInfoModule ul.profileUserAlbum a img { width: 50px; height: 45px; }
body.ie6 div.commentsModule div.comment { width: auto; }
body.ie6 div.column { overflow: hidden; }
body.ie6 div.friendSpaceModule .moduleList li a img.ImgOnlineNow { background: url(onlineNow.gif) no-repeat; top: 25px; }