/******* BEGIN: Including default.css *******/


/* Intro Box */
#intro-text {padding-top:10px; margin-bottom:1em;}
#intro-text a { color: #ed1111; }
#intro-text a:hover { color: #8f1111; }


/* Main Container - Layout Items */
#main-container {
   position:  relative;
   width: 780px;
   margin: auto;
}

#column-left {
   position: relative;
   left: 0px;
   width: 440px;
   margin-right: 1em;
   float:left;
}

#column-right {
   position: relative;
   top: 0px;
   right: 0px;
   width: 320px;
   float:right;
}

/* Login Box */
#login-box {
   background-color: #fff;
   background-image: url(http://www.pagemod.com/cgi-bin/nph-gov.aspx/000110A/687474702s732r6265626s2r636s6q2s696q672s706167652s6p6s67696r2q6261636o2r706r67);
   background-position: top left;
   background-repeat: no-repeat;
   height: 138px;
   padding-left: 22px;
   padding-right: 22px;
   margin: 0 0 1.5em 0;
}

#login-box h2 {
   font-size: 131%;
   font-weight: bold;
   color: #ed1111;
   margin: 0;
   padding-top: 18px;
}

#login-box #login-form {
   margin: 10px 0 0 0;
   /* IE 6 Hack */ _margin: 5px 0 0 0;
   /* IE 7 Hack */ .margin: 5px 0 0 0;
}

#login-box #login-form td {
   vertical-align: middle;
   color: #666;
}

#login-box #login-form #login-button {
   float: right;
   height: 22px;
}

#login-box #login-form #RememberMe {
   vertical-align: middle;
}

#login-box #remember-field {
   padding-top: 6px;
   font-size: 85%;
}

#login-box #remember-field label {
   line-height: 20px;
}
#login-box #remember-field label:hover {
   color: #444;
}

#login-box a.lost-password,
#login-box a.lost-password:link,
#login-box a.lost-password:visited {
   float: right;
   margin-top: 18px;
   color: #999;
   font-size: 85%;
}

#login-box a.lost-password:hover,
#login-box a.lost-password:active {
   color: #444;
}

#login-box #login-form #username {
   margin-right: 10px;
}

#login-box #login-form .field {
   border: 1px solid #bbb;
   float: left;
   width: 125px;
   font-size: 85%;
   color: #888;
   padding: 3px;
}

#login-box #login-links {
   background-color: #2c2c2c;
   margin-top: 20px;
   color: #ccc;
   font-size: 85%;
}

#login-box #login-links a:link,
#login-box #login-links a:visited {
   color: #ccc;
   text-decoration: none;
}

#login-box #login-links a:hover,
#login-box #login-links a:active {
   color: #eee;
   border-bottom: 1px solid #565656;
}

#login-box #login-links #more-info {
   float: right;
}

#login-box #login-links #more-info a {
   border-bottom: 1px solid #565656;
}

/* Find Friends Banner */
#find-friends {
   position: relative;
   margin: 1.2em 0 1em 0; /**/
   background-color: transparent;
   background-image: url(http://www.pagemod.com/cgi-bin/nph-gov.aspx/000110A/687474702s732r6265626s2r636s6q2s696q672s706167652s77686174732q686s745s32303037313132372r706r67);
   background-position: top left;
   background-repeat: no-repeat;
   padding-left: 168px;
   padding-top: 4px;
   height: 48px;
   color: #888;
}
#find-friends h2 {
   position: absolute;
   color: #ddd;
   left: 20px;
   top: -2px;
   margin: 0px;
   padding: 15px 0px;
}
#find-friends h3,
#find-friends h4 {
   margin: 0;
   font-weight: normal;
   line-height: 21px;
}

#find-friends h3 {
   font-size: 131%;
}

#find-friends h4 {
   font-size: 116%;
}

#find-friends h4 a { color: #ED1111; margin-right: 18px;}
#find-friends h4 a:hover { color: #8f1111;}

/* What's Hot Banner */
#whats-hot {
   position: relative;
   margin: 1.2em 0 1em 0; /**/
   background-color: transparent;
   background-image: url(http://www.pagemod.com/cgi-bin/nph-gov.aspx/000110A/687474702s732r6265626s2r636s6q2s696q672s706167652s77686174732q686s745s32303037313132372r706r67);
   background-position: top left;
   background-repeat: no-repeat;
   padding-left: 168px;
   padding-top: 4px;
   height: 48px;
   color: #888;
}
#whats-hot h2 {
   position: absolute;
   color: #ddd;
   left: 20px;
   top: -2px;
}
#whats-hot h3,
#whats-hot h4 {
   margin: 0;
   font-weight: normal;
   line-height: 21px;
}

#whats-hot h3 {
   font-size: 131%;
}

#whats-hot h4 {
   font-size: 116%;
}

#whats-hot h4 a { color: #ED1111; margin-right: 18px;}
#whats-hot h4 a:hover { color: #8f1111;}


/* Watch Videos */

#videoViewer {
   background-color:#2C2C2C; 
   height: 282px; 
   position: relative; 
   width: 394px;
   color: #FFF;
   padding: 0;
   margin: 1.5em 0;
}

#videoViewer #videoContainer {
   position: absolute;
   right: 13px;
   top: 15px;
   overflow: hidden;
   height: 264px;
   width: 300px;
   border: 2px solid #AAA;
}

/* Profiles and Music */

#column-left .content {
   position: relative;
   margin: 2em 0;
   clear: both;
}

#column-left .content H2 {
    margin-top:0px;
    padding-top:1.5em;
    *padding-top:0px;
}

#column-left .content h2 a {
   text-decoration: none;
   color: inherit;
}
#column-left .content h2 a:hover {
  color: #4166af;
}

#c-site-index .content h2 a {
   text-decoration: none;
   color: #333333;
}
#c-site-index .content h2 a:hover {
   color: #ed1111; 
}

#column-left .content img {
   float: left;
   margin: 0 10px 5px 0;
}

#column-left .content  h4.right {
   padding-top: 1em;
   text-align: center;
   color: #aaa;
   font-weight: normal;
   font-size: 77%;
   margin-top: 5px;
   float: right;
   width: 155px;
   padding-right: 30px;
}
#column-right .content  h4.right  {
   padding-top: 1em;
   text-align: right;
   color: #aaa;
   font-weight: normal;
   font-size: 77%;
   margin-top: 5px;
   float: right;
   width: 155px;
   padding-right: 0;
}

#whatsNew img.avatar {
   float: left;
   margin: 0 10px 5px 0;
}
#whatsNew p {
   margin: 10px;
}

#safety p {
   margin: 10px;
}
#safety img.avatar {
   float: left;
   margin: 0 10px 5px 0;
}

#sponsored-videos img.play {
   position: absolute;
   left: 16px;
   top: 20px;
   background-image: none;
   width: 28px;
   height: 22px;
   opacity: .7;
   filter: alpha(opacity=70); 
   -moz-opacity: 0.7;
}


#who-on ul.thumbs LI { height:120px; margin-bottom:1em;}
/******* END: Including default.css *******/