@charset "utf-8";
/* */
body { background: #FFF center top ;  }
 
 
ul, form, a, img, a img { border:0; display:inline; font-weight:normal; list-style:none; margin:0; outline:none; padding:0; }
h1, h2, h3, h4, h5 { border:0; display:block; font-weight:normal; margin:0; padding:0; }
input, select, textarea { margin:0; padding:0; outline:none; border:0; border-collapse:collapse; }
cite { font-style:normal; margin:0; padding:0; }
img { -ms-interpolation-mode:bicubic; }
a { text-decoration:none; }
* html .clearfix { height:1%; overflow:visible; }
*+html .clearfix { min-height:1%; }
.clearfix:after { clear:both; content:"."; display:block; height:0; visibility:hidden; font-size:0; }
a, em { color:#15507e; font-style:normal; }
a { cursor:pointer; }
.accent { color:#15507e; }
/**/

#container { width:980px; margin:0 auto; background-color:#ffffff; border:1px solid #788896; border-top:0; }
/**/
#header { width:960px; background:url(../images/header.gif) repeat-x left top; height:50px; overflow:auto; padding:0 10px; margin:0 auto; }
#header li { float:left; }
#header li.links a { color:#ffffff; text-decoration:none; line-height:22px; padding:0 10px; display:block; }
#header li.links a:hover { text-decoration:underline; }
#header li.right { float:right; }
#header li.links { padding:14px 0; }
#header li.fb { padding:14px 0; }
#header a#logo { background:url(../images/logo.gif); width:330px; height:50px; display:block; margin:-4; padding:0; }
/**/
#content { width:940px; padding:20px; }
/**/
h1 { font-size:18px; line-height:18px; padding:0 0 5px 0; border-bottom:1px solid #788896; margin:0 0 15px; color:#15507e; }
h2 { background:url(../images/h2.gif) repeat-x left top; display:block; height:24px; line-height:24px; color:#ffffff; font-weight:bold; font-size:11px; text-indent:5px; margin:0 0 5px; }
p.info { margin:0 0 5px; padding:0; font-size:11px; line-height:16px; }
/**/
#column1 { float:left; width:200px; margin-right:20px; }
#column1 div.bigpic { display:block; width:200px; margin:0 0 5px; }
#column1 div.bigpic img { width:200px; }
/**/
.side_list { width:200px; overflow:auto; margin:0 0 5px; clear:both; }
.side_list li { width:200px; float:left; display:block; height:24px; margin:0 0 1px; overflow:auto; }
.side_list li a { position:relative; background:#ffffff; display:block; line-height:24px; color:#3b5998; font-size:11px; width:146px; padding:0 24px 0 30px; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.side_list li a:hover { background:#fafbfd; }
.side_list li a .icon { background:url(../images/sprite_icons.gif) no-repeat; height:16px; width:16px; position:absolute; left:4px; top:4px; }
.side_list li a.chat .icon { background-position:0px -64px; }
.side_list li a.message .icon { background-position:0px -48px; }
.side_list li a.flirt .icon { background-position:0px 0px; }
.side_list li a.buddy .icon { background-position:0px -16px; }
.side_list li a.favorite .icon { background-position:0px -32px; }
.side_list li a.photos .icon { background-position:0px -80px; }
/**/
.album_list { width:200px; overflow:auto; margin:0 0 5px; }
.album_list li { float:left; display:block; width:200px; height:52px; margin:0 0 3px; overflow:hidden; font-size:11px; }
.album_list li a { display:block; color:#333333; width:200px; height:52px; }
.album_list li a:hover { background:#fafbfd; }
.album_list li a .thumb { float:left; width:50px; height:50px; overflow:hidden; border:1px solid #d4ddff; background:#d4ddff; margin:0 5px 0 0; position:relative; }
.album_list li a:hover .thumb { border:1px solid #15507e; }
.album_list li .info { width:133px; height:46px; float:left; word-wrap:break-word; overflow:hidden; line-height:13px; padding-top:6px; }
.album_list li .name { display:block; width:123px; height:13px; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.album_list li a:hover .name { text-decoration:underline; }
/**/
.blog_list { width:200px; overflow:auto; margin:0 0 5px; }
.blog_list li { float:left; display:block; width:200px; height:52px; margin:0 0 3px; overflow:hidden; font-size:11px; }
.blog_list li a { display:block; color:#333333; width:200px; height:52px; }
.blog_list li a:hover { background:#fafbfd; }
.blog_list li a .thumb { float:left; width:50px; height:50px; overflow:hidden; border:1px solid #d4ddff; background:#d4ddff; margin:0 5px 0 0; position:relative; }
.blog_list li a:hover .thumb { border:1px solid #15507e; }
.blog_list li .info { width:133px; height:60px; float:left; word-wrap:break-word; overflow:hidden; line-height:12px; }
.blog_list li .summary { width:133px; height:40px; float:left; word-wrap:break-word; overflow:hidden; line-height:13px; }
.blog_list li .link { display:block; width:133px; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight:bold; color:#15507e; }
.blog_list li a:hover .link { text-decoration:underline; }
/**/
#column2 { float:left; width:500px; margin-right:20px; }
.entry { width:400px; padding:0 0 10px 100px; margin:0 0 15px 0; border-bottom:1px solid #788896; position:relative; min-height:90px; _height:90px; }
.entry.last { border:0; }
.entry .postthumb { position:absolute; top:0; left:0; }
.entry .postthumb .thumb { float:left; width:90px; height:90px; overflow:hidden; border:1px solid #d4ddff; background:#d4ddff; margin:0; }
.entry .postthumb a:hover .thumb { border:1px solid #15507e; }
.entry .name { font-size:14px; font-weight:bold; }
.entry a:hover { text-decoration:underline; }
.entry .photos { overflow:auto; margin:10px 0 5px 0; }
.entry .photos a { float:left; width:72px; border:1px solid #d4ddff; margin:0 5px 5px 0 }
.entry .photos a:hover { border:1px solid #15507e; }
.entry .photos a .thumb { display:block; width:70px; height:70px; overflow:hidden; border:1px solid #d4ddff; background:#d4ddff; margin:0 auto; position:relative; }
.comment { overflow:auto; padding:0 10px 10px 40px; position:relative; min-height:30px; _height:20px; }
.comment .commentthumb { position:absolute; top:0; left:0; }
.comment .commentthumb .thumb { float:left; width:30px; height:30px; overflow:hidden; border:1px solid #d4ddff; background:#d4ddff; margin:0; }
.comment .commentthumb a:hover .thumb { border:1px solid #15507e; }
.comment p { position:relative; background-color:#f4f6f7; border:1px solid #b3bec8; margin:0; padding:5px; font-size:11px; }
.comment p .nub { background:url(../images/nub.gif); width:7px; height:13px; position:absolute; top:10px; left:-7px; }
.comment p a { font-weight:bold; }
.comment p a:hover { text-decoration:underline; }
.comment p .addcomment { width:326px; border:1px solid #b3bec8; background:#fff; color:#666; font-size:11px; padding:3px 5px; display:block; float:none; cursor:text; }
/**/
#column3 { float:left; width:200px; }
.visitors_list { width:200px; overflow:auto; }
.visitors_list li { width:60px; height:80px; float:left; display:inline; margin:0 3px; }
.visitors_list li a { display:block; width:60px; }
.visitors_list li a:hover { text-decoration:underline; }
.visitors_list li a:hover .thumb { border:1px solid #15507e; }
.visitors_list li .thumb { display:block; width:60px; height:60px; overflow:hidden; border:1px solid #d4ddff; background:#d4ddff; margin:0 auto; position:relative; }
.visitors_list li .name { display:block; width:60px; margin:0 auto; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:10px; text-align:center; }
/**/
#lights-out { background:url(../images/lights-out.gif); display:none; position:fixed; top:0; left:0; bottom:0; right:0; z-index:9999; }
#join-alert { display:none; border:22px solid #c9d0d6; float:left; font-size:12px; position:fixed; top:50%; left:50%; z-index:99999; width:520px; }
#join-alert .content { border:1px solid #788896; background:#ffffff url(../images/header.gif) repeat-x left top; padding:0 0 20px 0; }
#join-alert a#join-alert-close {  background:url(../images/alertclose.gif) no-repeat left top; width:22px; height:22px; position:absolute; top:-22px; right:-22px; text-indent:-5000px; cursor:pointer; background-color:#FFF; }
#join-alert a:hover#join-alert-close { background-position:right bottom; }
h1.alert { background:url(../images/popheader.gif) no-repeat center top; height:50px; text-indent:-5000px; margin:0 0 20px; border:0; padding:0; }
*html #lights-out { position:absolute; }
*html .join-alert { position:absolute; }
#joinform { width:450px; height:400px; margin:0 auto;  color:#333333;}

/*Simple Form Styles*/


.formsBG{background-color:#f3f3f3;margin-bottom:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-khtml-border-radius:10px;padding:10px;}
.formRow{overflow:hidden; width:420;}
.formEx{padding-left:140px;font-size:11px;margin-top:2px;}
.textField{border:1px solid #d3d3d3;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;background-image:url(../images/formBG.gif);background-repeat:repeat-x;background-position:left center;width:240px;height:26px;float:left;margin-left:10px;padding-right:5px;padding-left:5px;color:#05253D;}
.textField2{border:1px solid #d3d3d3;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;background-image:url(../images/formBG.gif);background-repeat:repeat-x;background-position:left center;width:250px;height:26px;float:left;margin-left:10px;background-color:#FFF;line-height:26px;color:#05253D;}
.textFieldLabel{width:130px;line-height:28px;height:28px;text-align:right;float:left;font-size:14px;}


input,select{outline:none;border:none;font-size:14px;color:#666;}
input:active,select:active{outline:none;}
select.dobDay {width:100px;}
select.dobMonth { width:55px; }
select.dobYear { width:75px; }

.middleHeadline{font-size:21px;color:#072B45;font-family:Arial, Helvetica, sans-serif; margin-left:20px;}
.middleSubHead{font-size:14px;margin-top:10px;margin-bottom:10px;}

span#e { background-color:red; padding:2px; display:inline-block; margin-left:5px;}
span#e .textField2{margin-left:1px;}
textarea#e, input#e { border:2px solid red; }
div#e { background-color:#FFC0B0; width:250px; padding:0 2px; font-size:12px;}

.adv-bottom {
    float: left;
    padding-bottom: 5px;
    padding-top: 15px;
    text-align: left;
    width: 100%;
}

.adv {
  float: left;
  padding-left: 10px;
  width: 300px;
}