@charset "UTF-8";
/* CSS Document
color - 
orange #df5d40 
red #ab3a25
blue nav #568394
dark blue rollover #365460
red-orange #ab4930 & 9d3f1b, 
rust rollover #a74225
brown #5b2518
orange highlight #ea854f
gray #9a9a9a
white/grey #e4dfdf
*/


/* LOGIN BOXES */
#login-box { position:absolute; top:250px; left:300px; width:485px; border: 12px solid #365460; font-family: Trebuchet MS, Arial, San Serif; background-color:#9a9a9a; *top:200px; *left:250px; z-index:5;}
#question-box { position:absolute; top:100px; left:300px; width:485px; border: 12px solid #365460; font-family: Trebuchet MS, Arial, San Serif; background-color:#9a9a9a; *top:200px; *left:250px;}

#login-box h1, #question-box h1 { background-color:#365460; font-size:24px; color:#fff; padding:0px 0px 15px 20px; }
#question-box h3 { background-color:#365460; font-size:18px; color:#fff; padding:15px 10px 15px 10px; width:170px; }


#returning-login { background-color:#9a9a9a; color:#000; width:485px; padding-top:10px;}
#col1 {text-align:right;}
#col2 {text-align:right; margin-top:20px;}

.login-names {font-size:14px;}
.login-titles {font-size:22px; padding-bottom:15px;}

#login-box h2 {color:#FFF; width:220px; background-color:#000; padding:5px; font-size:20px; margin-left:15px; text-transform:uppercase; padding-left:15px; }

#new-member {background-color:#000; color:#fff; width:485px;}
#welcome {background-color:#000; color:#fff; width:485px; padding:20px;}

#question-box p { padding:10px 20px 5px 40px;}

.answers {font-size:12px;}

#sites {width:395px;}
#sites p {padding-left:10px; padding-bottom:10px; float:left;}
.twitcopy { background-color:#365460; color:#fff; font-size:12px;  width:250px; margin-top:5px; margin-bottom:10px; }
.url {font-size:12px;}
.url-name {font-size:12px; padding-top:20px;}
#url-name {margin-top:40px;}

#profile-left { width:212px; background-image:url(../images/profile-bg.jpg); background-repeat:no-repeat;}
#profile-main { width:748px;  background-image:url(../images/profile-bg.jpg); background-repeat:no-repeat;}
#profile-right { width:212px;}

#profile-wall-nav {}

#profile-wall-nav ul {float:right; list-style:none;}
#profile-wall-nav ul li { color:#fff; text-transform:uppercase; font-size:13px; margin-right:20px; float:left; margin-top:5px;}
#profile-wall-nav ul li a:link, #profile-wall-nav ul li a:visited {text-decoration:none; color:#fff;}
#profile-wall-nav ul li a:hover, #profile-wall-nav ul li a:active {text-decoration:underline; color:#000;}
#profilephoto {margin-left:12px; width:200px; margin-top:15px;}

#rightrail { width:200px; margin-right:12px; float:right; margin-top:90px; clear:right; color:#fff; }
#profile-name{ color:#fff; font-size:18px; margin-top:45px; *margin-top:20px; padding-left:40px;  }
#main-rail { width:500px; margin-top:15px; margin-left:20px; color:#fff; font-size:14px; float:left; }
#passionnate {margin-left:12px; width:200px; margin-top:15px; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px;  color:#fff; clear:right;}
.pass-read-more {font-size:12px; color:#fff;  width:200px; }
.pass-read-more a:link, .pass-read-more a:visited {text-decoration:none; color:#568394; }
.pass-read-more a:hover, .pass-read-more a:active { text-decoration:underline; color:#365460;  }
#info-box {width:200px; border:1px solid #ab3a25; margin-left:12px; color:#fff; clear:right; margin-top:20px; padding-bottom:20px;}
#info-box h1 { background-color:#ab3a25; width:160px; padding:5px 20px 5px 20px; font-size:16px;}

#info-box p { font-size:12px; padding:10px 20px 0px 20px; color:#999999;}
#info-box .data { padding:0px 20px 0px 20px; color:#fff;}

#info-box a:link, #info-box a:visited { color:#999999; text-decoration:underline;}
#info-box a:hover, #info-box a:active { color:#999; text-decoration:none;}

#share-box {width:455px; border:1px solid #365460; margin-left:20px; color:#fff; margin-top:20px; padding-bottom:30px; clear:left;}
#share-box h1 { background-color:#365460; width:415px; padding:5px 20px 5px 20px; font-size:16px;}

#profile-nav { float:left;}
#profile-nav ul { list-style:none;}
#profile-nav ul li {background-color:#000; margin: 23px 10px 30px 0px; padding:8px 20px 8px 20px; color:#fff; text-transform:uppercase; width:75px; float:left; font-size:14px; text-align:center;}
#profile-nav ul li a:link, #profile-nav ul li a:visited {color:#fff; text-decoration:none;}
#profile-nav ul li a:hover, #profile-nav ul li a:active {color:#568394; text-decoration:none;}
#profile-nav ul li.up-com {color:#df5d40;}
#profile-nav ul li a.up-com:link,#profile-nav ul li a.up-com:visited {color:#df5d40;text-decoration:none;}
#profile-nav ul li a.up-com:hover, #profile-nav ul li a.up-com:active {color:#df5d40;text-decoration:none;}

#add-as-friend { position:absolute; *top:448px; *left:860px; top:460px; left:870px; font-size:12px; text-transform:uppercase; width:200px; text-align:center; }
#add-as-friend a:link, #add-as-friend a:visited { color:#fff; text-decoration:underline;}
#add-as-friend a:hover, #add-as-friend a:active { color:#fff; text-decoration:none;}



#friends-box {width:200px; border:1px solid #ab3a25; margin-right:12px; color:#fff; float:right; margin-top:120px; padding-bottom:20px; clear:right;}
#otm-friends-box {width:200px; border:1px solid #df5d40; margin-right:12px; color:#fff; float:right; margin-top:20px; padding-bottom:20px;}


#friends-box h1 { background-color:#ab3a25; width:160px; padding:5px 20px 5px 20px; font-size:16px;}
#otm-friends-box h1 { background-color:#df5d40; width:160px; padding:5px 20px 5px 20px; font-size:16px;}

#friends-box p, #otm-friends-box p { font-size:12px; padding:10px 20px 0px 20px; color:#999999;}
#friends-box .data, #otm-friends-box .data { padding:0px 20px 0px 20px; color:#fff;}

#friends-box a:link, #friends-box a:visited, #otm-friends-box a:link, #otm-friends-box a:visited { color:#999999; text-decoration:underline;}
#friends-box a:hover, #friends-box a:active, #otm-friends-box a:link, #otm-friends-box a:visited { color:#365460; text-decoration:none;}



#otm-friends td, #otm-friends2 td {padding-left:3px;  overflow:hidden;}

#otm-friends p, #otm-friends2 p {padding:0px;  overflow:hidden;}

#otm-friends a:link, #otm-friends a:visited { color:#FFF; font-size:10px; text-decoration:none; overflow:inherit; }
#otm-friends a:hover, #otm-friends a:active { color:#FFF; font-size:10px; width:50px; text-decoration:underline; }

#otm-friends2 a:link, #otm-friends2 a:visited { color:#000; font-size:10px; text-decoration:none; overflow:inherit; }
#otm-friends2 a:hover, #otm-friends2 a:active { color:#000; font-size:10px; width:50px; text-decoration:underline; }

#more-friends, #more-friends2  {font-size:12px;  width:200px; padding-bottom:0px; clear:right; text-transform:uppercase;}
#more-friends a:link,  #more-friends a:visited, #more-friends2 a:link,  #more-friends2 a:visited {text-decoration:none; color:#999999; float:right; padding-right:20px;}
#more-friends a:hover, #more-friends a:active, #more-friends2 a:hover, #more-friends2 a:active { text-decoration:underline; color:#999999; float:right; padding-right:20px;}


/* MAIN RAIL DETAILS */
.post-pic { margin-bottom:20px; }

.gray-name {color:#999999; padding-right:5px; font-weight:bold;}
a.gray-name:link, a.gray-name:visited  {text-decoration:none; color:#999; }
a.gray-name:hover, a.gray-name:active  { text-decoration:underline; color:#999; }

.white-post { color:#fff;}
.time-stamp {color:#fff; font-size:11px; padding-right:10px; margin-bottom:20px; clear:left; }
.feedback { font-size:11px; text-transform:uppercase;}
a.feedback:link, a.feedback:visited {color:#568394; text-decoration:none;}
a.feedback:hover, a.feedback:active {color:#568394; text-decoration:underline;}

a.seemore:link, a.seemore:visited {color:#568394; text-decoration:none; font-size:12px;}
a.seemore:hover, a.seemore:active {color:#568394; text-decoration:underline;  font-size:12px;}
.bullet {font-size:7px; vertical-align:middle;}

/* VIEW FRIENDS BOX  */

#view-members-border, #view-friends-border { position:absolute; top:250px; left:300px; width:520px; border: solid #365460 18px;
*top:200px; *left:250px; background-color:#365460;}

#view-members-box, #view-friends-box{width:520px;  height:400px; overflow:scroll; font-family: Trebuchet MS, Arial, San Serif; background-color:#FFF;}
#view-members-border h1, #view-friends-border h1  { background-color:#365460; font-size:20px; color:#fff; padding:0px 0px 10px 0px; }

#permissions-border { position:absolute; top:250px; left:300px; width:420px; border: solid #365460 18px;
*top:200px; *left:250px; background-color:#365460;}

#permissions-box{width:420px; font-family: Trebuchet MS, Arial, San Serif; background-color:#FFF; padding-bottom:20px;}
#permissions-border h1  { background-color:#365460; font-size:20px; color:#fff; padding:0px 0px 10px 0px; }
#permissions-border h2 {font-size:16px; padding:20px 20px 0px 20px;}
#permissions-border p {font-size:12px; padding:0px 20px 0px 20px;}
#permission {padding-left:20px; font-size:12px; margin-top:5px;}
.disabled {margin:0px 5px 0px 10px;}
.enabled {margin:0px 5px 0px 0px;}


#next, #next2 {text-align:center; font-size:13px; padding-top:20px;}
 
 #next a:link,   #next a:visited,  #next2 a:link,   #next2 a:visited {text-decoration:underline; color:#999999; font-weight:bold;}
 #next a:hover,  #next a:active,  #next2 a:hover,  #next2 a:active { text-decoration:none; color:#999999;   font-weight:bold;}
 
 .comments {clear:left; margin-bottom:10px;}
 #comments-pad {padding-bottom:15px;  padding-left:10px;}
 #comment-photo { float:left; clear:left;  margin-top:10px;}
 #comment-copy { width:340px; float:right; font-size:11px;  margin-top:10px;  }
 #comment-copy .name {color:#999; }
 .comments a:link,  .comments a:visited { color:#568394; text-decoration:none; }
.comments a:hover, .comments a:active { color:#568394; text-decoration:underline;} 
 
 #likes { margin-top:10px; font-size:11px; margin-bottom:0px; color:#999;}
 #likes a:link, #likes a:visited {color:#999; text-decoration:none;}
 #likes a:hover, #likes a:active {color:#999; text-decoration:underline;}
 #likes .likes-this {color:#fff;}
.make-comment { border:1px solid #568394; padding:10px; width:340px; height:90px; font-size:13px;}
.share {float:right; margin:10px 30px 0px 0px;}
  #make-comment  p {color:#568394; padding-bottom:10px;}
  

  
  #info-box1, #info-box5, #info-box2, #info-box3, #info-box4 {width:455px; border:0px solid #365460; margin-left:20px; color:#fff; margin-top:20px; *margin-top:0px; padding-bottom:20px; clear:left; font-size:12px;}
  #info-box1 h1, #info-box5 h1, #info-box2 h1, #info-box3 h1, #info-box4 h1 { border-bottom:1px solid #365460; width:415px; padding:5px 20px 5px 20px; *padding-top:0px; font-size:16px;}
   
    #info-box1 p, #info-box5 p, #info-box2 p, #info-box3 p, #info-box4 p {font-size:14px; color:#999999; padding-left:20px; padding-top:8px; padding-right:10px;}
	
/**	#info-box1 td  {font-size:14px; color:#999999; padding-left:10px; padding-top:0px; padding-right:0px;}**/
	
	#info-box1 .edit, #info-box5 .edit, #info-box2 .edit, #info-box3 .edit, #info-box4 .edit { font-size:12px; color:#df5d40;padding-left:15px; }
	
	#info-box1 .edit2, #info-box5 .edit2, #info-box2 .edit2, #info-box3 .edit2, #info-box4 .edit2 { font-size:12px; color:#df5d40;}
	
  
  #info-box1 img, #info-box5 img, #info-box2 img, #info-box3 img, #info-box4 img {float:left; margin-right:20px;}	
	
#info-box1 a.edit:link, #info-box1 a.edit:visited, #info-box5 a.edit:link, #info-box5 a.edit:visited, #info-box2 a.edit:link, #info-box2 a.edit:visited, #info-box3 a.edit:link, #info-box3 a.edit:visited, #info-box4 a.edit:link, #info-box4 a.edit:visited { text-decoration:underline; color:#df5d40;}
#info-box1 a.edit:hover, #info-box1 a.edit:active, #info-box5 a.edit:hover, #info-box5 a.edit:active, #info-box2 a.edit:hover, #info-box2 a.edit:active, #info-box3 a.edit:hover, #info-box3 a.edit:active, #info-box4 a.edit:hover, #info-box4 a.edit:active { text-decoration:none; color:#df5d40;}

#info-box1 a.my-info-link:link, #info-box1 a.my-info-link:visited, #info-box5 a.my-info-link:link, #info-box5 a.my-info-link:visited, #info-box2 a.my-info-link:link, #info-box2 a.my-info-link:visited, #info-box3 a.my-info-link:link, #info-box3 a.my-info-link:visited, #info-box4 a.my-info-link:link, #info-box4 a.my-info-link:visited { text-decoration:underline; color:#666666;}
#info-box1 a.my-info-link:hover, #info-box1 a.my-info-link:active, #info-box5 a.my-info-link:hover, #info-box5 a.my-info-link:active, #info-box2 a.my-info-link:hover, #info-box2 a.my-info-link:active, #info-box3 a.my-info-link:hover, #info-box3 a.my-info-link:active, #info-box4 a.my-info-link:hover, #info-box4 a.my-info-link:active { text-decoration:none; color:#666666;}

#edit-info1, #edit-info4, #edit-info5, #edit-info6   { width:300px; border:1px solid #666666; padding:8px; margin:10px 0px 5px 20px;}

div.edit-info2 { width:360px; border:1px solid #666666; padding:8px; margin:10px 0px 5px 20px;}
#edit-info3, #edit-info7, #edit-info8 { width:400px; border:1px solid #666666; padding:8px; padding-left:20px; margin:10px 0px 5px 20px;}
#edit-info-photo { width:300px; border:1px solid #666666; padding:8px; margin:10px 0px 5px 80px;}

#edit-info9  { width:230px; border:1px solid #666666; padding:8px; padding-left:20px; margin:10px 0px 5px 20px;}


/**Add A Link, Info Page Edit**/
#info-box2 a.addlink:link, #info-box2 a.addlink:visited { text-decoration:underline; color:#df5d40;}

#info-box2 a.addlink:hover, #info-box2 a.addlink:active { text-decoration:none; color:#df5d40;}

/**post to facebook**/

.post {font-size:12px; float:left; padding:0px 0px 20px 10px;}
.post a:link, .post a:visited {color:#568394; text-decoration:none; font-size:12px; width:200px;}
.post a:hover, .post a:active  {color:#568394; text-decoration:underline;  font-size:12px; width:200px;}
a.post:link, a.post:visited {color:#568394; text-decoration:none; font-size:12px; width:200px;}
a.post:hover, a.post:active {color:#568394; text-decoration:underline;  font-size:12px; width:200px;}

.disclaimer {font-size:10px;}
.disclaimer-pad {font-size:10px; padding-left:20px;}