/* MAIN LAYOUT
-----------------------------------------------------------*/

body {
	font: 100% Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	background-color: #fff;
	background-repeat: repeat-x;
}

#container {
	width: 100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#fff;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#maincol {
	padding-top: 30px;
}
#leftcol {
	display:none;
}

/* HEADER
-----------------------------------------------------------*/
#aboveheader {
	display:none;

}

#aboveheader_banner {
	display:none;
}


#header {
	height: 121px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
	background-color: #FFFFFF;
	background-image: url(/images/head_bg.jpg);
	background-repeat: repeat-x;
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#loginnav {
	display:none;
}
#logo {
	float: left;
	height: 110px;
	width: 310px;
}
#primarynav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: -10px;
	width: 100%;
	text-align: right;
	float: right;
}
#primarynav ul {
	display: inline;
	margin: 0px;
}
#primarynav li {
	display: inline;
	padding-right: 0px;
}
#primarynav a  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #996600;
}

#current_user_points{
	font-size: 250%;
	color: #996666;
	float: right;
	margin-top: 20px;
	margin-right: 0px;
}

/* NAVIGATION TABS
-----------------------------------------------------------*/


#navigation_tabs_container {
display: none;
}

ul#navigation_tabs {
  float: right;
  width: 640px;
  margin: 0;
  padding: 0 0 0 20px;
  /*background-color: #fff;*/
  list-style: none;
}

ul#navigation_tabs li {
  float: right;
  margin: 0;
  padding: 0;

  font-family: "Lucida Grande", arial, sans-serif;
  font-size: 90%;
}

#navigation_tabs li a {
  position: relative;
  float: left;
  display: block;
  margin: 0;
  padding: 8px 12px;
  height: 12px;
  color: black;
  background: white url(/images/button_bg_off.jpg) repeat-x top left;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  text-decoration: none;
}

#navigation_tabs li a:hover {
  background: white url(/images/button_bg_on.jpg) repeat-x top left;
  

}

#navigation_tabs li a.first {
  border-left: 1px solid #ccc;
}

#navigation_tabs li a.selected {
  color: white;
  font-weight: bold;
  background: white url(/images/button_bg_active.jpg) repeat-x top left;
}

/* HOME PAGE MAIN PANEL
-----------------------------------------------------------*/
#main_panel {
	background-color: #663366;
	height: 260px;
	width: 900px;
	background-image: url(/images/mainpanel.gif);
}
#postit {
	margin-top: 20px;
	margin-left: 20px;
    height: 200px;
    width: 190px;
	background-image: url(/images/postit.gif);
	float: left;
}

#buttons {
	text-align: left;
	padding: 0px;
	margin-left: 260px;
}
#buttons ul {
	margin: 0px;
	padding: 0px;
	display: inline;	
}
#buttons li form{
	display: inline;
	list-style-type: none;
	padding: 0px;
	margin: 0px;	
}
#buttons li {
	display: inline;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#main_panel #results {
	width: 170px;
	height: 140px;
	margin-top: -130px;
	color: #FFFFCC;
	background-color: #804080;
	padding-left: 10px;
    padding-top: 10px;
	margin-left: 20px;
	padding-right: 5px;
}
#main_panel #results h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 52px;
	color: #FFFFFF;
	text-align: center;
	margin-top: -10px;
}
#showname {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 72px;
	color: #FFFFFF;
	background-color: #663366;
	font-weight: normal;
	margin-left: 265px;
	width: 600px;
	height: 80px;
	margin-top: 20px;
}
#saying {
	margin-left: 85px;
	width: 600px;
	height: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	color: #FFFFCC;
	padding-top: 10px;
}

#panel_message {
	width: 500px;
	float: left;
	color: #fff;
	font-size: 200%;
	padding-left: 50px;
	padding-top: 20px;
}

#panel_message_full {
	width: 800px;
	float: left;
	color: #fff;
	font-size: 200%;
	padding-left: 50px;
	padding-top: 20px;
}

#panel_form {
	width: 340px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: right;
	color: #fff;	
}

#panel_form ol {
	padding: 1em 1em 0 1em;
	list-style: none;
	margin-left: -20px;	
}

#panel_form li {
	padding-bottom: .2em;
}

#panel_form submit {
	border-style: none;
}

#panel_form label {
	float: left;
	width: 10em;
	margin-right: 1em;
	text-align: right;
}

#panel_form legend {
	color: #fff;
}

#panel_number {
	float: left;
	text-align: center;
	font-size: 75%;
	width: 175px;
	padding-right: 40px;
	padding-left: 0px;
}

/* MAIN COLUMN
----------------------------------------------------------------- */
#maincol fieldset {
	margin: 1.5em 0 0 0;
	padding: 0;
	border: 1px solid #bfbab0;
	background-color: #f2efe9;
	background-image: url(/images/fieldset_gradient.jpg);
	background-repeat: repeat-x;
}	
#maincol legend {
	margin-left: 1em;
	color: #000;
	font-weight: bold;
}
#maincol fieldset ol {
	padding: 1em 1em 0 1em;
	list-style: none;
}
#maincol fieldset li {
	padding-bottom: 1em;
}
#maincol fieldset.submit {
	border-style: none;
}
#maincol label {
	float: left;
	width: 10em;
	margin-right: 1em;
	text-align: right;
}


/* MAIN PAGE
-----------------------------------------------------------*/
#mini_wrapper {
	
}

#mini_left {
	width: 45%;
	float:left;
}
#mini_right {
	width: 50%;
	float:right;
}

/* WHAT CAN DO
----------------------------------------------------------------- */
#what_can_do li {
	padding-bottom:5px;
}

#what_can_do li a {
	background-color: #ffffcc;
}

/* RECENT POSTS
----------------------------------------------------------------- */

#recent_posts {
	padding: 5px;
	margin: 5px;
	background-color: #eee;
}

#recent_posts ul {
	list-style: none;
}

/* PAGINATION
-----------------------------------------------------------*/
#alpha_pagination ul {
	display: inline;
	margin: 0px;
}
#alpha_pagination li {
	display: inline;
	padding-right: 0px;
}

#alpha_pagination a  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #996600;
	margin: 1px;
	padding: 1px 3px 2px 3px;
	width: 5px;
	border: 1px solid #000;
}

.Paginator { 
	font-size: 12px; 
	padding-top: 10px; 
	margin-left: auto; 
	margin-right: auto; 
	padding-bottom: 10px;
}

.Paginator a, .pageList .this-page { 
	padding: 2px 5px; 
	border: solid 1px #ddd; 
	background: #fff; 
	text-decoration: none; 
}
.Paginator a:visited { 
	padding: 2px 5px; 
	border: solid 1px #ddd; 
	background: #fff; 
	text-decoration: none; 
}
.Paginator .AtStart { 
	margin-right: 20px; 
	padding: 2px 5px; 
	/* border: solid 1px #ddd; */ 
	background: #fff; 
	color: #aaa; 
}
.Paginator .Prev { 
	margin-right: 20px; 
	padding: 2px 5px; 
	border: solid 2px #ddd; 
	background: #fff; 
}
.Paginator .break { 
	padding: 2px 5px; 
	border: none; 
	background: #fff; 
	text-decoration: none;
}
.Paginator .Next { 
	margin-left: 20px; 
	padding: 2px 5px; 
	border: solid 2px #ddd; 
	background: #fff;
}
.Paginator .AtEnd { 
	margin-left: 20px; 
	padding: 2px 5px;
	/* border: solid 1px #ddd; */ 
	background: #fff; 
	color: #aaa; 
}
.Paginator .this-page {
	padding: 2px 5px; 
	border-color: #999; 
	border: solid 1px #999;
	font-weight: bold; 
	font-size: 13px; 
	vertical-align: top; 
	background: #fff; 
	color: #FF0084; 
}
.Paginator a:hover {

	background: #FFFFCC; 
	border-color: #ddd; 
	text-decoration: none;
}




#container #mainContent #maincol p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/*#container #mainContent #maincol h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #8B468B;
}*/
#container #headerpanel {
	background-color: #663366;
	background-image: url(/images/headerpanelbg.gif);
	height: 40px;
	width: 900px;
}
#container #header #primarynav a:hover {
	background-color: #FFFFCC;
}
#container #flashalert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #9999cc;
	background-color: #dfffef;
	padding: 5px;
	border: 0px solid #ffcccc;
	margin-top: 10px;
	text-align: center;
	margin-right: 10px;
	margin-left: 10px;
}
#container #header #searchnames {
	float: right;
	text-align: right;
	margin-top: 0px;
	padding-top: 30px;
}
#mainContent #leftcol #login_form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FF9999;
	padding: 10px;
	margin: 4px;
}
#errorExplanation {
	background-color: #FFCC99;
	color: #000;
	padding: 10px;
	border: solid 1px #ff9900;	
}
#maincol table{
	width: 100%;
	border: 1px solid #eee;
	border-collapse: collapse;	
}
#maincol td{
	border:	1px solid #eee;
	padding: 5px;
	height: 2em;
}
#maincol th{
	border: 1px solid #eee;
	background: url(/images/headerbg.gif) repeat-x;
	height: 2.5em;
}

/*
#listfriends h2 {
	font-family: arial, sans-serif;
	font-weight: normal;
	color: black;
	font-size: 24px;
	margin-top: -2px;	
	
}*/

/* LEFT COLUMN
-----------------------------------------------------------*/

h2.user_list {
	background-image: url(/images/subheadbg.gif);
	background-repeat: repeat-x;
	padding: 5px;
	color: #fff;
	font-size: 150%;
	margin-top: -4px;
}
h2.why_join {
	background-image: url(/images/subheadbg_blue.gif);
	background-repeat: repeat-x;
	padding: 5px;
	color: #fff;
	font-size: 150%;
	margin-top: -4px;	
}
div.list_users {
	border: 1px solid #eee;
	margin-bottom: 30px;
	
}

#list_users {
	background: #fff;
	padding: 0px;
}
#earns_points {
	background-image: url(/images/earns_points.gif);
	background-repeat:no-repeat;
	width: 200px;
	height: 94px;
}
#earns_points #number_of_points {
	width: 60px;
	font-size: 240%;
	padding-top: 30px;
	margin-left: 15px;
	text-align:center;
	color: #960;
}

#missing_image {
	border: 1px solid #eee;
	padding: 30px 10px 30px 10px;
	text-align: center;
}

/* LEFT NAV
----------------------------------------------------------*/
.left_nav {
	background: #eee;
	padding:3px 3px 20px;
	margin: 0px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;	
}

.left_nav dt {
	padding:10px 0 13px 10px;
	font-size:18px;
	color:#000;
}
.left_nav dd {
	padding:2px 10px;
	font-size:16px;
	margin: 0px;
}
.left_nav dd a img {
	margin:4px 0 0;
}

.left_nav dd a {
	text-decoration:none;
	background: #eee;
}

.left_nav dd a:hover {
	text-decoration: underline;
}

.left_nav dd.selected {
	background:#FFF;
}

.left_nav dd.selected a, .left_nav dd.selected a:hover {
	color:#000;
	background: #fff;
}



/*
#list_users p {
	vertical-align: middle;
	height: 35px;
	margin-top: -10px;
	font-size: 80%;
}
#list_users p img {
	padding-right: 15px;
	float: left;
}
*/
/* Unused currently... */
#container #mainContent #leftcol #stats {
	background-color: #666699;
	border: 1px solid #FFCC00;
	color: #FFFFFF;
	padding: 5px;
	margin-bottom:20px;
}
#container #mainContent #leftcol #stats h1 {
	background-color: #666699;
	color: #FFFFFF;
	text-align: left;
}
#container #mainContent #leftcol #likednames {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#container #mainContent #leftcol #likednames li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFCC00;
	border-right-color: #FFCC00;
	border-bottom-color: #FFCC00;
	border-left-color: #FFCC00;
	list-style-type: none;
	padding-left: 10px;
	display: block;
	margin-top: 5px;
}
#container #mainContent #leftcol #likednames ul {
	text-align: left;
}
#container #mainContent #leftcol #likednames a {
	color: #996600;
}
#container #mainContent #leftcol #likednames a:hover {
	background-color: #FFFFCC;
	display: block;
}



/* CONTENT AREA
---------------------------------------------------------*/

#name_column {
	float:right;
	width: 175px;
	margin-right:20px;
	margin-left:20px;
}

#related_names, #origin_names {
/*    float: right;
	margin-right:20px;
	margin-left:20px;
	padding: 5px;
	width: 175px; */
	padding:5px;
	background: #F2EFEA url(/images/fieldset_gradient.jpg) repeat-x;
}

#related_names ul, #origin_names ul {
	border: 0px;
	margin: 0px;
	padding: 0px;	
}
#related_names li, #origin_names li {
	list-style-type: none;
	padding: 3px;
	margin-bottom: 5px;
}

#name_def {
	font-size: 16px;
	margin-bottom: 10px;	
}

#friend_thinks {
	margin: 5px;
	padding: 5px;
}

#friend_thinks ul {
	margin: 0px;
	padding: 0px;
}

#friend_thinks li {	
	list-style-type:none; 	
	background-color: #fff;
	padding-bottom: 20px;
	margin-bottom: 5px;
}

#friend_thinks li image{	
	margin-right: 10px;
	margin-bottom: 5px;
}

#friend_thinks label {
	float: left;
	padding: 2px;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 30px;
}

#mainstory {
	background-color: #ffffcc;
	padding:10px;
}

#mainstory img {
	padding: 5px;
	float: left;	
}

#browsenames { width: 200px; }

#browsenames ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;

}

#browsenames a
{
display: block;
padding: 3px;
width: 160px;
background-color: #ffc;
border-bottom: 1px solid #eee;
color: #000;
}

#browsenames a:link, #navlist a:visited
{
text-decoration: none;
}

#browsenames a:hover
{
background-color: #fcc;
color: #fff;
}

/* EMAIL 
------------------------------------------------------------- */

.inbox_unread {
	font-weight: bold;
}
.row_even{
	background-color: #fff;
}
.row_odd{
	background-color: #eee;
}
.thumb {
	padding-right: 10px;
	border: 0px;
}
.voting_unit {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
#read_mail {
	background-color: #eee;
	padding: 5px;
	border: 1px solid #ccc;
}


/* NAME TABLE
--------------------------------------------------------------*/
#nametable ul {
	list-style-type: none;
	display: inline;
	border: 0px;
	margin: 0px;
	padding: 0px;	
}
#nametable li {
	list-style-type: none;
	display: inline;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
#nametable li form {
	list-style-type: none;
	display: inline;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#leftcol fieldset {
	margin: 1.5em 0 0 0;
	padding: 0;
	border: 1px solid #bfbab0;
	background-color: #f2efe9;
}	
#leftcol legend {
	margin-left: 0em;
	color: #000;
	font-weight: bold;
}
#leftcol fieldset ol {
	padding: 0em 1em 0 0em;
	list-style: none;
}
#leftcol fieldset li {
	padding-bottom: 1em;
}
#leftcol fieldset.submit {
	border-style: none;
}
#leftcol label {
	display: block;
}
#linkcloud {
	width: 180px;
	padding: 0px;
	border: 0px;
	margin: 0px;
}
#linkcloud a {
	font-size: 40px;
	padding: 0px 10px 3px 0px;  		
}

/* GLOBAL STYLES
---------------------------------------------------------- */
h1 {
	font-family: Tahoma, sans-serif;
	font-size: 30px;
	color: #57CED7;
	border-bottom: solid 2px #57CED7;
	font-weight: normal;
}

h2 {
	font-family: Tahoma, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000;
	padding: 2px;
	/*border: 1px solid #AFA083;
	background-color: #eee;*/
}

a {
	color: #996600;
}
a:link a:visited {
	color: #996600;
}
a:hover {
	background-color: #FFFFCC;
}
.clearone {
  clear: both;
  height: 1px;
}

a.boy {
	color: #7b9ac8;
}

a.girl {
	color: #d672cd;
}
h1.boy {
	color: #7b9ac8;
	border-bottom: solid 2px #7b9ac8;	
}
h1.girl {
	color: #d672cd;
	border-bottom: solid 2px #d672cd;	
}
h2.masthead {
	background-color: #eee;
	padding: 5px;
}

/* BLOG
---------------------------------------------------------- */
#blog_post {
	font-family: Verdana, Helvetica, Arial, Sans;
	font-size: 12px;
	line-height: 16px;
}



/* PICTURES
---------------------------------------------------------- */

#filmstrip {
	border: 1px solid #eee;
	padding: 5px;
	margin: 0px;
	width: 100%;
}

#filmstrip ul {
	margin: 0 0 10px 0;
	padding: 0px;
	float: left;
	text-align: center;
	list-style: none;
	line-height: 1em;
	background-color: #fff;
}
#filmstrip li {
	margin: 0px;
	padding: 0px;
	display: inline;
}
#filmstrip li a {
	display: block;
	float: left;
	width: 60px;
}
.imagematrix
{
	/* cursor: default; */
	list-style: none;
}

.imagematrix a
{
	cursor: hand;
}
.imagematrix img
{
	vertical-align: top;
	width: 30px;
	height: 30px;
	padding: 2px;
	border: 1px solid #eee;
}

.imagematrix ul {
	padding-left: 0px;
	margin-left: 0px;
	width: 200px;
}

.imagematrix li
{
	list-style: none;
	color: inherit;
	display: inline;
	margin-left: -30px;
	margin-right: 30px;
	position: relative;
}
.imagematrix li img {
	margin: 1px;
	padding: 0px;
	border: 0px;
}

/* COMMENTS
---------------------------------------------------------- */

.listcomments {
	width: 80%;
	background-color: #ccc;
	color: #000;
	margin-bottom:10px;
	padding: 15px	
}

#commentform {
	
}

#comments {
	border: 1px solid #eee;
	padding: 5px;
	margin: 0px;
	width: 375px;		
}
#comments ul {
	border: 0px;
	margin: 0px;	
	padding: 0px;
}
#comments li {	
	list-style-type:none; 	
	background-color: #eee;
	padding: 3px;
	margin-bottom: 5px;
}
#comments label {
	float: left;
	padding: 2px;
	width: 30px;
}
.comment_user {
	font-size: 75%;
	padding-bottom: 5px;
}

/* ICONS
----------------------------------------------------------*/
.friends_icon {
	background-image: url(/images/icons/group.png);
	background-repeat: no-repeat;
	background-position: 5px;
	padding-left: 30px;		
}

.comments_icon {
	background-image: url(/images/icons/comments.png);
	background-repeat: no-repeat;
	background-position: 5px;

	padding-left: 30px;
}
.join-icon {
	background-image: url(/images/icons/group_add.png);
	background-repeat: no-repeat;
	background-position: 5px;
	padding-left: 30px;	
}
.add_friend_icon {
	background-image: url(/images/icons/user_add.png);
	background-repeat: no-repeat;
	background-position: 5px;
	padding-left: 30px;		
}
.no_icon {
	background-color: #F2EFE9;
}
.inbox_icon {
	background-image: url(/images/icons/email.png);
	background-repeat: no-repeat;
	background-position: 5px;
	padding-left: 30px;	
}
.send_email_icon {
	background-image: url(/images/icons/email_edit.png);
	background-repeat: no-repeat;
	background-position: 5px;
	padding-left: 30px;	
}
.sent_email_icon {
	background-image: url(/images/icons/email_go.png);
	background-repeat: no-repeat;
	background-position: 5px;
	padding-left: 30px;	
}

/* FORUM
--------------------------------------------------------------*/
table#forums { width: 100%; background-color: #fff; border: 0px solid #c33; }
table#forums td {padding:10px;}
table#forums td.name  { width: 50% }
table#forums td.topic { width: 20%; text-align: center; }
table#forums td.last_post { width: 30%; text-align: center; }

table#topics { width: 100%; background-color: #fff; border: 0px solid #000; }
table#topics td {padding:10px;}
table#topics td.name   { width: 40% }
table#topics td.reply  { width: 20%; text-align: center; }
table#topics td.author { width: 10%; text-align: center; }
table#topics td.last_post { width: 30%; text-align: center; }

table#posts { width: 100%; background-color: #fff; border: 0px solid #000; }
table#posts td {padding: 10px;}
table#posts td.author { width: 20%; vertical-align: top; }
table#posts td.body   { width: 80%; vertical-align: top; }
table#posts span.posted_on { font-size: 80%; }

/*
.forumname { font-size: 1.1em; }
.forumdescription { font-size: 0.7em; padding-top: 0.4em; }
*/

.forum_button {
	text-align: right;
	font-weight: bold;
	padding: 2px;	
}

#breadcrumbs {
	font-size: 11px;
	color: #666;
	margin-bottom: -15px;
}
#breadcrumbs a{
	color: #666;
}