/*********** This is the menubar stuff ***********/
body {
  background-color: #2b538a;
  margin:0px;
  height:100%;
  /*overflow: hidden;*/
  overflow: auto;
}
#menubar { 
  background-repeat: repeat-x; 
  width:100%;
  font-size: 14px; 
  font-family: "Lucida Grande", Verdana, Arial, sans-serif;
  z-index: 30;
}
#menubar #minilogo {
  margin-right: 20px;
  margin-left: 20px;
  float:left;
  clear:none;
  cursor:pointer;
}
#menubar #sitename { 
  font-weight: bold;
}
#menubar img.linkicon {
  float:right;
  border: 0px;
}
#menubar img { 
  clear:none;
}

#menubar { 
  background-image: url(../img/osx/white50.png); 
  height: 22px;
  line-height: 22px; 
  border-bottom: solid black 1px; 
}
#menubar #sitename {
  line-height: 22px;
}
#search {margin-left: 20px; margin-bottom: 0px; margin-right: 20px; margin-top: 0px;}
#youtube, #livejournal, #blogger, #games {margin-left: 6px; margin-bottom: 0px; margin-right: 6px; margin-top: 0px;}

#dropshadow {
  width:100%;
  height:20px;
  position:fixed;
  left:0px; /* added for ie7 */
  z-index: 30;
}

#desktop {
  position:absolute;
  top:0px;
  left:0px;
  bottom:0px;
  right:0px;
  /*overflow:auto;*/
  overflow: visible;
  top:22px;
}
/*********** End menubar stuff ***********/

/*********** Windows ***********/
.window .top {
  font-size: 12px;
  font-family: "Lucida Grande", Verdana, Arial, sans-serif;
  height:22px;
  line-height:22px; 
  position:relative;
}
.window .top img{clear:none;}
.window .top span {
  height:100%;
  line-height:22px;
}
.window .top .right, .window .top .left {height:100%;}
.window .top .right { 
  width:31px; 
  background-image:url(../img/osx/toggle.png); 
}
.window .top .left { 
  width:68px; 
  background-image:url(../img/osx/traffic.png); 
}
.left {float:left;}
.right {float:right;}
.window .top .text {
  margin: 0px;
  padding-left: 5px;
  margin-left: 68px;
  margin-right: 31px;
  background-image: url(../img/osx/chattop.png);
  background-repeat: repeat-x;
}
.window .top .text .staticName{
  font-weight:bolder;
}
.window .top .text .from {
  position: absolute;
  top:0px;
  right: 36px;
}
.window .content {
  background-color: #c2c2c2;
  position: relative;
  border: 1px solid black;
  border-bottom: 0px;
  margin: 0px 1px;
  background-image: url(../img/osx/chatbg.png);
  background-repeat: repeat-x;
  overflow: auto;
}
.window .bottomBar {
  background-color: #bbbbbb; /* 31619F */
  background-image: url(../img/osx/chattop.png);
  background-repeat: repeat-x;
  background-position: 0px -2px;
  position: relative;
  border: 1px solid black;
  border-top: 0px;
  margin: 0px 1px;
  overflow: visible;
  text-align: right;
  padding-right:10px;
}
.bottomBar a{
  margin-left: 10px;
  font-size: 12px;
  font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}

#dropshadow {
  background-image: url(../img/osx/dropshadow.png);
  background-repeat: repeat-x;
  position: absolute;
}
.titleText, .contentText, .content { padding: 5px 10px;}
.titleText {text-align: center; text-decoration: underline;}
.content, .contentText {text-align: justify;}
.mobile-photo {
  float:left;
  margin-right:5px;
  margin-top:0px;
  margin-bottom:0px;
}
.lefthalf {
  position: absolute;
  left: 0px;
  top: 0px;
  height:100%;
}
.righthalf {
  position: absolute;
  top:0px;
  background-color: gray;
  height:100%;
}
#contactInfo {
  position: absolute;
  bottom:0px;
  height:22px;
  width:100%;
  background-color: lime;
}
/*********** end Windows ***********/

/*********** help windows ***********/
.helpWindow {
}
/*********** end help windows ***********/

/*********** For the left-navigation window ***********/
.navigation {
  position: absolute;
  top:25px;
  left:25px;
}
.navigation .top {
  height:22px;
  line-height:22px; 
}
.navigation .top .right { 
  width:31px; 
  background-image:url(../img/osx/toggle.png); 
}
.navigation .top .left { 
  width:68px; 
  background-image:url(../img/osx/traffic.png); 
}
.navigation .top span{line-height:22px;}
.navigation .top .text {
  margin-left: 68px;
  margin-right: 31px;
  background-image: url(../img/osx/chattop.png);
  background-repeat: repeat-x;
}
/*********** end left navigation window ***********/

/********* new column layout aka Magic Container ***********/
#magicContainer {
  margin:6px auto;
  background-color: maroon;
  position:relative;
  top:6px;
  width:800px
}
#magicContainer .lefthalf {
  width:24%; /* 192 is 24% of 800 */
  position:absolute;
  top: 0px;
}
#magicContainer .righthalf {
  width:75%;
  position:absolute;
  right:0px;
}
.righthalf .window {
  margin-bottom:6px;
}
.lefthalf .window {
}
.lefthalf .window .content ul {
  list-style-type: none;
  padding-left: 0px;
  text-align: left;
  margin:0px;
  line-height:40px;
  font-size: 24px;
}
.lefthalf .window .content ul li {
  padding:0px 10px;
}
.lefthalf .window .content ul li.selected,
.lefthalf .window .content ul li.selected:hover {
  background-color: #1D1FEF;
  color:white;
  background-image: url(../img/logo/dcd.png);
  background-repeat: no-repeat;
  background-position: 98% 50%;
}
.lefthalf .window .content ul li:hover {
  background-color:#BEBEBE;
  color: black;
  cursor: pointer;
}
.lefthalf .window .content {
  padding:0px;
}
.lefthalf .window .content ul li.sublist {line-height: 15px; font-size: 14px; padding-left:20px;}
.lefthalf .window .content ul li.opened {line-height: 24px; padding-top:8px}
/********* end new column layout aka Magic Container ***********/

/************** CSS for contact info box **************/
.bonusBox{
  margin:10px 2px 0px 2px;
  line-height: 0px;
}
.bonusBox > img:hover {
  cursor: pointer;
}
#magicContactInfo {
  line-height: normal;
}
#magicContactInfo div {
  background-color: #BEBEBE;
  text-align: center;
  font-family: monospace;
  font-size: 14px;
}
#magicContactInfo div.contactInfo {
  padding:4px 0px;
}
#magicContactInfo div.outermost {
  margin:0px 3px;
  height:1px;
}
#magicContactInfo div.halfway {
  margin:0px 1px;
  height:1px;
}
/************** end CSS for contact info box **************/

/************** for gamercard **************/
#gamercard{
  border-width: 0px;
  width:100%;
}
/************** end gamercard **************/
#standards div {
  width: 100%;
}
#standards img {
  border-width: 0px;
  width:88px;
  height:31px;
}
#standards img#xhtmlCard {
  position: absolute;
  right: 0px;
}