/* ========== */
/* = GLOBAL = */
/* ========== */
html { background: #E6F5FA url(sky.png) repeat-x center -48px; }
body { font-family: "Lucida Grande","Lucida Sans Unicode", helvetica, verdana, arial, sans-serif; background: url(footer.jpg) center bottom repeat-x; min-height: 1500px; }
div.wrap { width: 960px; background-color: transparent; }
a:link, a:visited { color: #5B812E; }
a:hover, a:active { color: #0080FF; }
h3 { font-family: Georgia, "Lucida Grande","Lucida Sans Unicode", helvetica, verdana, arial, sans-serif; border-bottom: 1px solid #5B812E; padding-bottom: 4px; }
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; }
body h2#mslogo a { background:  url(msLogo.png) no-repeat !important; height: 69px; width: 183px; }
body div#googlebar { background: transparent none; }
body div#topnav { background: transparent url(topNav.png) left top no-repeat !important; height: 62px; padding: 34px 0 0 35px; width: 960px; margin: 0 auto; }
body div#topnav ul a { color: #5B812E; }
body div#topnav ul a:hover { background: transparent; color: #0080FF; }
div#searchContainer_Header { margin-top: 39px; }
div#header ul#leftNav { border: none; }
div#header ul#rightNav { float: left; border: none; }
div#topnav ul li { border: none; background-color: transparent; }
#topnav ul li a:hover small,
#topnav ul li a.hover small { color: #0080FF; }
#topnav ul li.dropDown:hover a,
#topnav ul li.hover a,
#topnav ul a:hover,
#topnav ul li.hover a:hover { color: #0080FF; background: transparent none; }
#topnav li.dropDown ul.subMenu a { background-image: none; background-color: transparent; color: #5B812E; }
#topnav li.dropDown:hover ul.subMenu a:hover,
#topnav li.hover ul.subMenu a:hover { background: #5B812E; color: #FFF; }
#topnav ul.subMenu { border: 0; }
#topnav ul[class~="subMenu"] { background: url(subMenuVine.png) no-repeat right bottom; padding-bottom: 18px; }
#topnav ul.subMenu li { margin-bottom: 0; background-color: #FFF; }
#topnav ul.subMenu li.divider { border-color: #5B812E; }
#topnav ul[class~="subMenu"] li.last { background: #FFF url(subMenuVineTop.png) right bottom no-repeat; }

/* SEARCH */
div.srchfieldLayer,
div.srchfieldLayer div,
div.srchfieldLayer div div { background: url(searchBox.gif) no-repeat; }
div.srchfieldLayer div { background-position: 100% -26px; }
div.srchfieldLayer div div { background-position: 0 -54px; padding: 4px 0; background-repeat: repeat-x;  }
div#googleLogo_Header,
div.srchfieldLayer { margin-top: 6px; }
div#srchMenuContainer { background: transparent none; }
div.srchButton { background: url(searchBtn.png) no-repeat center center; height: auto; }
div.srchButton div { background: transparent none; }
div.srchButton div input#submit_Header { background: transparent none; width: 89px; height: 36px;  }

/* =========== */
/* = CONTENT = */
/* =========== */ 
div.contentMid2 { padding: 0; }
div[class~="moduleTop"],
div[class~="moduleTop"] div,
div[class~="moduleBottom"],
div[class~="moduleBottom"] div { background: url(roundedCorners.png) no-repeat; }
div[class~="moduleTop"] div { background-position: 100% -264px; }
div[class~="moduleBottom"] div div,
div[class~="moduleTop"] div div { background: url(bgModules.png); margin: 0 18px; height: 18px; }
div[class~="moduleBottom"] { background-position: 0 -18px; }
div[class~="moduleBottom"] div { background-position: 100% -282px; }
div[class~="moduleMid2"] { margin: -18px 0; }

/* MODULES FIRST COLUMN */
div[class~="column0"] .moduleMid1 { background: url(leftVine.png) no-repeat left center; margin-left: -29px; }
div[class~="column0"] .moduleMid2 { padding-left: 34px; }
div[class~="column0"] .moduleBottom { background-position: 0 -17px; }
div[class~="column0"] .moduleBottom div { background: url(rbVine.png) no-repeat 100% bottom; }
div[class~="column0"] .moduleBottom div div { background: url(bgModules.png) repeat-x 0 -10px; height: 35px; margin-right: 122px; }
div[class~="column0"] .moduleBottom div div { background-position: 0 -10px; background-repeat: repeat-x; height: 35px; }
div[class~="column1"] .moduleMid1 { background: url(rightVine.png) no-repeat right center; margin-right: -29px; }
div[class~="column1"] .moduleMid2 { padding-right: 34px; }
div[class~="column1"] .moduleBottom { background: url(lbVine.png) no-repeat; }
div[class~="column1"] .moduleBottom div { background-position: 100% -279px; }
div[class~="column1"] .moduleBottom div div { margin-left: 120px; background-position: 0 -8px; background-repeat: repeat-x; height: 35px; }

/* MODULE GENERAL */
div[class~="moduleMid"] { background: url(bgModules.png); padding: 10px; }
div.moduleMid h3 { color: #482504; font-weight: bold; font-size: 1.4em; padding: 0; margin-bottom: 5px; padding: 3px; }
div[class~="blogsModule"] div.toolbar,
div[class~="calendarModule"] div.toolbar,
div[class~="commentsModule"] div.toolbar .links,
div[class~="friendSpaceModule"] div.toolbar .links { margin-top: -31px; }

/* BASIC INFO */
div.basicInfoDetails h2 { line-height: 1.2em; }
div.basicInfoModule a:link,
div.basicInfoModule a:visited { color: #FFEB5F; }
div.basicInfoModule a:hover,
div.basicInfoModule a:active { color: #F08FAB; }
div.basicInfoModule .moduleTop,
div.basicInfoModule .moduleTop div,
div.basicInfoModule .moduleBottom,
div.basicInfoModule .moduleBottom div { background: transparent none; height: 0; }
div.basicInfoModule div.moduleMid { background: url(leftBasicInfo.png) no-repeat left 3px; padding: 0; }
div.basicInfoModule div.moduleMid1 { background: url(rightBasicInfo.png) no-repeat right top; padding: 0; }
div.basicInfoModule div.moduleMid2 { background: url(basicInfoTile.png) repeat-x center 55px; margin: 0 137px 0 231px; padding: 0; }
div.basicInfoModule div.moduleBody { color: #fff; padding-top: 87px; height: 224px; margin: 0 -90px 0 -184px; }
div.basicInfoModule span.urlLink { position: relative; width: auto; margin: 26px 8px 0 -40px; }
div.basicInfoModule span.urlLink a { display: block; text-indent: -10000em; background: url(icons.png) no-repeat -135px -1px; width: 33px; height: 26px; padding: 0; line-height: 1; text-align: left; }
div.basicInfoModule span.urlLink a:hover { background-position: -135px -35px; }
div.basicInfoModule div.photo { margin-top: 2px; }
div.basicInfoDetails { padding-left: 188px; position: relative; }
div[class~="basicInfoDetails"] img.ImgOnlineNow { height: 0; width: 0; display: block; padding: 30px 23px 0 0; background: url(onlineNow.png) no-repeat; position: absolute; left: 158px; bottom: 4px; }
div.basicInfoModule ul.profileUserAlbum li { background: url(albumBg.png) no-repeat center center; width: 92px; height: 62px; }
ul.profileUserInfo { width: 40%; }
div.basicInfoModule ul.profileUserAlbum { width: 60%; }
div.basicInfoModule ul.profileUserAlbum a { text-align: center; padding-top: 4px; }

/* ICONS */
ul.contactLinks { background: url(basicInfoIcons.png) no-repeat; width: 174px; height: 43px; margin: -15px 0 17px; padding: 41px 0 0; }
ul.contactLinks li { float: left; }
ul.contactLinks li a { display: block; width: 33px; height: 26px; text-indent: -10000em; padding: 0; text-align: left; background: url(icons.png) no-repeat; }
ul.contactLinks li.message { margin-left: 13px; }
ul.contactLinks li.addToFriends { margin-left: 3px; }
ul.contactLinks li.comment { margin-left: 7px; }
ul.contactLinks li.message a { background-position: 1px 0; }
ul.contactLinks li.addToFriends a { background-position: -37px -1px; }
ul.contactLinks li.comment a { background-position: -82px -1px; }
ul.contactLinks li.message a:hover { background-position: 1px -34px; }
ul.contactLinks li.addToFriends a:hover { background-position: -37px -35px; }
ul.contactLinks li.comment a:hover { background-position: -82px -35px; }

/* MUSIC PLAYER */
div.musicPlayerModule h3 { display: none; }
div.musicPlayerModule .moduleTop,
div.musicPlayerModule .moduleTop div,
div.musicPlayerModule .moduleBottom,
div.musicPlayerModule .moduleBottom div { display: none; }
div.musicPlayerModule .moduleMid { background: transparent none; padding: 0; }
div.musicPlayerModule .moduleMid1 { background: transparent none; margin-left: 0; }
div.musicPlayerModule .moduleMid2 { padding-left: 0; }
div.musicPlayerModule div#musicPlayer { margin: 0 auto; }

/* INTERESTS */
div[class~="interestsModule"] .moduleTop { background-position: 0 36px; }
div[class~="interestsModule"] .moduleTop div { background: url(ladybugModule.png) no-repeat 100% top; margin-right: -15px; }
div[class~="interestsModule"] .moduleTop div div { background: url(bgModules.png) repeat-x 0 36px; height: 56px; margin-right: 182px; }
div[class~="interestsModule"] .moduleBottom { background-position: 0 -17px; }
div[class~="interestsModule"] .moduleBottom div { background: url(rbVine.png) no-repeat 100% bottom; }
div[class~="interestsModule"] .moduleBottom div div { background: url(bgModules.png) repeat-x 0 -10px; height: 35px; margin-right: 122px; }

/* BLOGS */
div[class~="blogsModule"] { margin-top: -30px; }
div[class~="blogsModule"] .moduleMid1 { background: none; }
div[class~="blogsModule"] .moduleTop { background-position: 0 36px; }
div[class~="blogsModule"] .moduleTop div { background: url(beeModule.png) no-repeat right top; }
div[class~="blogsModule"] .moduleTop div div { margin-right: 70px; height: 55px; background: url(bgModules.png) repeat-x 0 36px; }


/* FRIENDSPACE */
div[class~="friendSpaceModule"] .moduleTop { background: url(bugModule.png) no-repeat; }
div[class~="friendSpaceModule"] .moduleTop div { background-position: 100% -241px; }
div[class~="friendSpaceModule"] .moduleTop div div { margin-left: 186px; height: 42px; background-position: 0 23px; background-repeat: repeat-x; }

/* COMMENTS */
div.commentsModule ul.moduleList li { border-bottom: 1px solid #5B812E; }
div.commentsModule ul.moduleList li.last { border: none; }
div.commentsModule ul.commentsInfo li { border: none; }
div.commentsModule ul.moduleList li.odd .user { float: right; }
div.commentsModule ul.moduleList li.odd .userComment { margin-left: 0; margin-right: 24%;  }

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

/* ============= */
/* = IE7 FIXES = */
/* ============= */
body.ie7 div.blogsModule div.toolbar,
body.ie7 div.calendarModule div.toolbar,
body.ie7 div.commentsModule div.toolbar .links,
body.ie7 div.friendSpaceModule div.toolbar .links { margin-bottom: 31px; }
body.ie7 div.basicInfoModule 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.moduleTop,
body.ie6 div.moduleTop div,
body.ie6 div.moduleBottom,
body.ie6 div.moduleBottom div { background: url(ie6/roundedCorners.gif) no-repeat; }
body.ie6 div.moduleTop div { background-position: 100% -264px; }
body.ie6 div.moduleBottom div div,
body.ie6 div.moduleTop div div { background: url(ie6/bgModules.gif); margin: 0 18px; height: 18px; }
body.ie6 div.moduleBottom { background-position: 0 -18px; }
body.ie6 div.moduleBottom div { background-position: 100% -282px; }
body.ie6 div.moduleMid { background-color: #FFF; padding: 10px; }
body.ie6 div.basicInfoModule div.moduleTop,
body.ie6 div.basicInfoModule div.moduleBottom { display: none; }
body.ie6 div.basicInfoModule div.moduleMid { background: url(ie6/leftBasicInfo.gif) no-repeat left 3px; padding: 0; }
body.ie6 div.basicInfoModule div.moduleMid1 { background: url(ie6/rightBasicInfo.gif) no-repeat right top; }
body.ie6 div.basicInfoModule div.moduleMid2 { background: url(ie6/basicInfoTile.gif) repeat-x center 55px; }
body.ie6 ul.contactLinks li { display: inline; }
body.ie6 ul.contactLinks li a { background: url(ie6/icons.gif) no-repeat; }
body.ie6 ul.contactLinks li.message a { background-position: 1px 0; }
body.ie6 ul.contactLinks li.addToFriends a { background-position: -37px -1px; }
body.ie6 ul.contactLinks li.comment a { background-position: -82px -1px; }
body.ie6 ul.contactLinks li.message a:hover { background-position: 1px -34px; }
body.ie6 ul.contactLinks li.addToFriends a:hover { background-position: -37px -35px; }
body.ie6 ul.contactLinks li.comment a:hover { background-position: -82px -35px; }
body.ie6 div.basicInfoModule span.urlLink a { background: url(ie6/icons.gif) no-repeat -135px -1px; }
body.ie6 div.basicInfoModule span.urlLink a:hover { background-position: -135px -35px; }
body.ie6 div.musicPlayerModule .moduleMid { background-color: transparent; }