/*Clean Code*/
html,body,div,span,applet,object,iframe,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

		* {
			outline: none;
			-moz-outline: none;
		}


ff.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

/* ADMIN TABLE */
#hor-minimalist-b
{
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  font-size: 12px;
  background: #fff;
  width: 480px;
  border-collapse: collapse;
  text-align: left;
}
#hor-minimalist-b th
{
  font-size: 14px;
  font-weight: normal;
  color: #039;
  padding: 10px 8px;
  border-bottom: 2px solid #6678b1;
}
#hor-minimalist-b td
{
  border-bottom: 1px solid #ccc;
  color: #669;
  padding: 6px 8px;
}
#hor-minimalist-b tbody tr:hover td
{
  color: #009;
}


/* ------------------------------------------------------*/

.profilepic
{
  float:left;
  margin:10px;
  margin-right:25px;
  width:10%;
}

.profiledetails
{
  float:left;
  margin:10px;
  width:66%;
}

/* FORM LAYOUT ELEMENTS  ----------------------------------------------------------*/

fieldset
{
  margin: 1em 0;
  padding: 1em;
  border: 1px solid #CCC;
}

fieldset p
{
  margin: 2px 12px 10px 10px;
}

fieldset label
{
  display: block;
}

fieldset label.inline
{
  display: inline;
}

legend
{
  font-size: 1.1em;
  font-weight: 600;
  padding: 2px 4px 8px 4px;
color:#000;
}

input[type="text"]
{
  width: 200px;
  border: 1px solid #CCC;
}

input[type="password"]
{
  width: 200px;
  border: 1px solid #CCC;
}

/* MAKE BUTTON LOOK LIKE LINK */
button {
  overflow: visible;
  width: auto;
}

button.link {
  font-family: "Verdana" sans-serif;
  font-size: 1em;
  text-align: left;
  color: #939393;/*blue;*/
  background: none;
  margin: 0;
  padding: 0;
  border: none;
  cursor: pointer;
  -moz-user-select: text;
}

button.link span {
  text-decoration: underline;
}
button.link:hover span,
button.link:focus span {
  color: black;
}



/* ORIGINAL STARTS HERE */




html, body {
  padding: 0;
  margin: 0;
  font-family: Helvetica, "Helvetica Neue", Arial,  sans-serif;
  font-size: 11px;
  color: #333;
	/*background: #ebebeb;*/
  background:url(/Images/bg_body_launch.png) repeat-x #d9d9d9;
}

#container, #container-login {
  width: 850px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
}

img a, img a, img {
  border: 0px;
}
a, a:link, a:hover, a:active{color:#000;outline:none;}

#container-login {
  width: 500px;
 }

#login-mod {
  float:left;
  width:280px;
  padding: 0 0 40px 0;
}

#login-nav {
  float:right;
  width:190px;
}

input[type="text"], input[type="password"], textarea{
padding:8px;
font-size:14px;
font-family: Helvetica, "Helvetica Neue", Arial,  sans-serif;
}

input:hover[type="text"], input:hover[type="password"], textarea:hover{
background:#d9d9d9;
}

a.signup {
display:block;
width: 153px;
height:160px;
margin:10px 0 0 0;
font-size: 0px;
text-indent:-9999px;
line-height: 0;
background: url(/Images/joinbutton.png) 0 0 no-repeat;
text-decoration: none;
outline:none;
}

a.signup:hover { 
background-position: -153px 0;
}

a.signup:active {
background-position: 0 0;
}

.loginbutton, .signupbutton, .nextbutton, .updatebutton {
display:block;
height:25px;
width:95px;
font-size:0px;
border:0px;
text-indent:-9999px;
line-height: 0;
}

.loginbutton {
background:url(/Images/bn_login.png) 0 0 no-repeat;
float:left;
}

.signupbutton {
background:url(/Images/bn_signup.png) 0 0 no-repeat;
width:218px;
height:44px;
margin: 4px 0 0 40px;
}

.nextbutton {
background:url(/Images/bn_next.png) 0 0 no-repeat;
}

.updatebutton {
background:url(/Images/bn_update.png) 0 0 no-repeat;
}

.loginbutton:hover{
cursor: pointer;
}


#top {
  width: 890px;
  height: 100px;
}

#top img {
  float: left;
}

#top #logout {
  margin: 15px 0 0 0;
  float: right;
text-align:right;
}

#top #logout a {
  color: #000;
  text-decoration: none;
}

#top #logout a:hover {
  text-decoration: underline;
}

#nav {
  width: 885px;
  height: 30px;
  margin: 0 0 15px 0;
  clear: both;
  background: #676767;
  text-transform: uppercase;
  font-size: 14px;
  color: white;
  padding: 0 0 0 5px;

}


#nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#nav ul li {
  float: left;
  padding: 7px 0 0 0;
}

#nav ul li a {
  text-decoration: none;
  color: white;
  margin: 22px 5px 0 5px;
  padding: 9px 25px 9px 25px;
}

#nav ul li a:hover {
  background: #808080;
}
#header {
  margin: 0 auto 15px auto;
  width: 890px;
}


#header h1.page_title {
  margin: 0;
  padding: 0;
  font-weight: normal;
  color: #000;
  font-size: 36px;
  clear: both;
  text-transform: uppercase;
}

#page_desc {
  background: url('/Images/page_desc_bg.jpg') no-repeat;
  width: 180px;
  height: 130px;
  padding: 10px;
  margin: 0 25px 0 0;
  font-family: Georgia;
  font-style: italic;
  font-size: 14px;
  color: #666;
  float: left;
}

#header_pagelogo {
  float: left;
  margin: 0 0 0 13px;
  width: 240px;
  text-align:center;
}

#profile_info {
  width: 465px;
  height: 150px;
  float: left;
  margin: 0 13px 0 0;
  overflow:hidden;
}

#profile_info img {
  float: left;
  margin: 0 15px 0 0;
}

#profile_info h1 {
  font-size: 20px;
  color: #000;
  margin: 0;
  padding: 0;
  font-weight: normal;
}

#profile_info h6 {
  font-size: 10px;
  color: #808080;
  margin: 0;
  padding: 0;
  font-weight: normal;
}

#profile_info span#update {
  padding: 10px 15px 15px 10px;
  float: left;
  display: block;
  font-family: Georgia;
  text-align: center;
  font-style: italic;
  font-size: 14px;
  color: #7b7b7b;
  width: 275px;
  height: 75px;
  margin: 15px 0 0 0;
  background: url('/Images/profile_stat_update_bg.jpg') no-repeat;
}

#prof_recent_activity {
  float: left;
  width: 390px;
  height: 130px;
  border: 1px solid #e5e5e5;
  padding: 10px;
  font-size: 11px;
  color: #666;
  background:#fff;
}

#prof_recent_activity ul {
  margin: 0;
  padding: 0;
}

#prof_recent_activity ul li {
  margin: 0 0 5px 15px;
  padding: 0;
}

#prof_recent_activity h1 {
  padding: 0;
  margin: 0 0 15px 0;
  color: #000;
  font-weight: normal;
  font-size: 16px;
  text-transform: uppercase;
}

#prof_recent_activity a {
  text-decoration: none;
  color: #000;
}

#prof_recent_activity a:hover {
  text-decoration: underline;
}

#content {
  width: 870px;
  margin: 0 auto auto 0;
  float: left;
}

#content ul#content_tabs {
  list-style: none;
  margin: 0;
  padding: 0;
}

#content ul#content_tabs li {
  float: left;
  margin: 0;
  padding: 0;
  color: #333;
  text-transform: uppercase;
  font-size: 10px;
  padding: 8px 0 9px 0;
}

#content ul#content_tabs li.active a {
  background: #808080;
  color: white;
}

#content ul#content_tabs li.active a:hover {
  background: #808080;
  color: white;
}

#content ul#content_tabs li a{
  margin: 20px 5px 0 0;
  padding: 8px 12px 9px 12px;
  color: #fff;
  text-decoration: none;
  background: #999;
}

#content ul#content_tabs li a:hover {
  background: #676767;
  color: #fff;
}

#prof_input {
  width: 870px;
  background: #808080 /*url('/Images/input_bg.jpg') repeat-x*/;
  padding: 20px 10px 15px 10px;
}

#prof_input img {
  float: left;
  margin: 0 15px 0 0;
}

#prof_input #prof_textbox {
  height: 69px;
  width: 430px;
  border: solid;
  border-width: 3px;
  border-color: #888;
  float: left;
  margin: 0 15px 0 0;
  color: #777;
}

#prof_input #prof_post_button {
  background: url('/Images/post_button.jpg') no-repeat;
  width: 96px;
  height: 25px;
}

#postbox {
  border: 1px solid #808080;
  margin: 0 auto 20px auto;
  padding: 30px 0 0 0;
  float: left;
  background:#fff;
}

#posts {
  margin: 0 8px 0 10px;
  padding: 0;
  list-style: none;
}

#posts li {
  width: 870px;
  margin: 0;
  padding: 0 0 10px 0;
  font-size: 11px;
  color: #4f4f4f;
  border-bottom: 1px solid #e1e1e1;
}

#posts li img {
  float: left;
  margin: 0 15px 0 0;
}

#posts li h1 {
  font-size: 14px;
  font-weight: normal;
  color: #000;
}

#posts a {
  text-decoration: none;
  color: #000;
}

#posts a:hover {
  text-decoration: underline;
}

.post_options {
  clear: both;
  color: #939393;
  font-size: 10px;
  margin: 15px 0 0 0;
}


#posts ul.post_comments {
  margin: 0 0 0 80px;
  padding: 0;
  list-style: none;
}

#posts ul.post_comments li {
  border:none;
  margin: 15px 0 0 0;
  padding: 10px;
  width: 700px;
  background: #efefef;
}


#posts ul.post_commentsbox li img {
  float: left;
  margin: 0 15px 0 0;
}


#posts ul.post_commentsbox li h1 {
  margin: 0 0 10px 0;
}

#posts ul.post_comments {
  margin: 0 0 0 80px;
  padding: 0;
  list-style: none;
}

#posts ul.post_comments li {
  border:none;
  margin: 15px 0 0 0;
  padding: 10px;
  width: 765px;
  background: #efefef;
}

#posts ul.post_comments li img {
  float: left;
  margin: 0 15px 0 0;
}


#posts ul.post_comments li h1 {
  margin: 0 0 10px 0;
}

#postbox_options {
  margin: 15px 0 0 0;
  padding: 10px 10px 10px 10px;
  background: #cfcfcf;
  text-transform: uppercase;
  color: #666;
  font-size: 10px;
}

#postbox_options a {
  text-decoration: none;
  color: #666;   }

#postbox_options a:hover {
  text-decoration: underline;
}

#whosonline {
  width: 188px;
  border: solid 1px #cfcfcf;
  background: url('/Images/following_bg_mono.jpg') no-repeat;
  padding: 51px 0px 10px 10px;
  float: left;
  margin: 0 25px 0 0;
}

#whosonline ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#whosonline ul li {
  float: left;
display:block;
width:47px;
height:65px;
  margin: 0 15px 15px 0;
  text-align: center;
  font-size: 10px;
  color: #808080;
}

#whosonline ul li .followerpic{
width:47px;
height:40px;
overflow:hidden;
}

#whosonline ul li a {
  color: #808080;
  text-decoration: none;
}

#viewfollowers li{
float: left;
display:block;
width:100px;
height:100px;
overflow:hidden;
}

#whosonline ul li a:hover {
  text-decoration: underline;
}

#page_input {
  width: 625px;
  float: left;
  background: #808080 /*url('/Images/input_bg.jpg') repeat-x*/;
  padding: 20px 10px 15px 10px;
}

#page_input img {
  float: left;
  margin: 0 15px 0 0;
}

#page_input #prof_textbox {
  height: 69px;
  width: 430px;
  border: solid;
  border-width: 3px;
  border-color: #888;
  float: left;
  margin: 0 15px 0 0;
  color: #777;
}

#page_input #prof_post_button {
  background: url('/Images/post_button_mono.jpg') no-repeat;
  width: 96px;
  height: 25px;
}

#page_input #prof_inputtext {
  height: 16px;
  width: 428px;
  float: left;
  border: solid 3px #888;
  margin: 0 0 15px 0;
  color: #777;
}

#page_input #VideoURL {
  height: 16px;
  width: 289px;
  border: solid 3px #888;
  margin: 0 0 5px 0;
  color: #777;
}

#page_input #input_buttons {
  width:500px;
  float: left;
  text-transform: uppercase;
  color: #fff;
}

#page_input #post-profile-pic {
float:left;
display:block;
}

#page_input #input_buttons a {
  color: white;
  text-decoration: none;
}

#page_input #input_buttons a:hover {
  text-decoration: underline;
}

#page_input #input_buttons .post_button {
  margin: 10px 0 0 0;
}

#page_posts {
  margin: 0;
  padding: 0;
  list-style: none;
}

#page_posts li {
  width: 623px;
  padding: 0 0 15px 0;
  margin: 0 10px;
  font-size: 11px;
  color: #4f4f4f;
  border-bottom: 1px solid #e1e1e1;
}

#page_posts li h1 {
  font-size: 14px;
  font-weight: normal;
  color: #000;   }

#page_posts li img {
  float: left;
  margin: 0 15px 0 0;
}

#postbox .profilepic {
float:left;
display:block;
width:50px;
}

#postbox .mainmessage {
float:right;
display:block;
width:530px;
}

#page_posts a {
  text-decoration: none;
  color: #000;
}

#page_posts a:hover {
  text-decoration: underline;
}
f

#page_posts ul.post_commentsbox {
  margin: 0 0 0 90px;
  padding: 0;
  list-style: none;
}

#page_posts ul.post_commentsbox li {
  border:none;
  margin: 15px 0 0 0;
  padding: 10px;
  width: 510px;
 list-style: none;
  /*background: #efefef;*/
}

#page_posts ul.post_commentsbox li img {
  float: left;
  margin: 0 15px 0 0;
}


#page_posts ul.post_commentsbox li h1 {
  margin: 0 0 10px 0;
}


#page_posts ul.post_comments {
  margin: 0 0 0 90px;
  padding: 0;
  list-style: none;
}

#page_posts ul.post_comments li {
  border:none;
  margin: 15px 0 0 0;
  padding: 10px;
  width: 510px;
  background: #efefef;
}

#page_posts ul.post_comments li img {
  float: left;
  margin: 0 15px 0 0;
}


#page_posts ul.post_comments li h1 {
  margin: 0 0 10px 0;
}


#footer {
  border-top: 30px solid #676767;
  width: 890px;
  padding: 10px 0 0 0;
  clear: both;
  height:70px;
  display:block;
}
#footer-login{
border-top: 30px solid #676767;
  width: 100%;
  padding: 10px 0 0 0;
  clear: both;
  height:70px;
  display:block;
}

.fresh {float: right;	margin: 20px 0 0 0;	vertical-align: middle;}

#posts ul.post_commentsbox li{
list-style: none;
border:none;
padding: 15px 0 0 40px;
}


/*group hack*/
#postbox .mainmessage ul.post_comments{margin:0px;}
#postbox .mainmessage .videoborder {background:#676767;padding:14px 8px 10px 8px; text-align:center;valign:middle;}
#postbox .mainmessage ul.post_comments li.answer{border: solid 10px #666;width:90%;}
