/*************************************
*   basic page layout
*************************************/

body, html
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11pt;
	text-align: left;
	background-color: #666666;
	color: #333333;
	line-height: 15pt;
  }

#site_frame
{
	width: 960px;
	margin: auto;
	overflow: hidden;
	padding: 0px;
	text-align: left;
	background-color: #fff;
  }

#site_content
{
  padding: 10px 10px 10px 10px;
  }

#user_panel
{
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #fff;
  color: #000;
  border-bottom: solid 1px #990000;
  overflow: hidden;
  }

#user_panel .ui_button
{
  margin: 0px;
  }

#login_form input.ui_input { padding: 1px; border: solid 1px #888;}
#login_form label { font-size: 80%; font-weight: bold; }

/*************************************
*   forms
*************************************/
input, textarea, select
{
  background-color: #fff;
  padding: 3px;
  }

select
{
  padding: 0px;
  }

input:focus, textarea:focus, input:hover
{
  background-color: #eee;
  }

.errors h2
{
  background-color: #fff;
  color: #f00;
  }

.errorlist
{
  color: #f00;
  }

.error-container
{
  
  }

.invite th, .invite tr { vertical-align: top; text-align: left; }
.invite td { font-size: 80%;  padding-bottom: 20px; }
/*************************************
*   nav/interface elements
*************************************/

div#site_nav
{
	padding-left: 1em;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 5px;
	background-color: #ccc;
	height: 1.5em;
	background-image: none;
	background-repeat: repeat-x;
  }

div#site_nav ul
{
  list-style: none;
  margin: 0px;
  padding: 0px;
  }

div#site_nav ul li
{
	float: left;
	position: relative;
	/*width: 6.4em;*/
	margin-right: 25px;
  }

div#site_nav ul li ul
{
  display: none;
  position: absolute;
  top: 1em;
  left: 0;
  background-color: #fff;
  }

div#site_nav ul li ul li
{
  padding: 5px;
  border: solid #ccc 1px;
  width: 6.4em;
  margin-right: 0px;
  }

div#site_nav ul li > ul
{
  top: auto;

  }

div#site_nav ul li:hover ul, div#site_nav ul li.over ul {  display: block; }

a.nav_element, a.nav_element:visited, a.nav_element:hover, a.nav_element:visited:hover
{
	text-decoration: none;
	color: #990000;
	font-weight: bold;
	font-size: 90%;
  }

.nav-container
{
	padding-right: 10px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 100% 60%;
	font-size: 80%;
	text-align: left;
  }

#footer
{
  clear: both;
  padding: 10px;
  }

ul.footer
{
  list-style: none;
  margin-left: 50px;
  width: 580px;
  }

ul.footer li
{
  float: left;
  margin-right: 25px;
  }

div.footer_link
{
  display: inline;
  margin-left: 15px;
  margin-right: 15px;
  }

.ui_button
{
  display: inline;
  padding: 3px;
  margin-bottom: 5px;
  margin: 5px;
  background-color: #eee;
  width: 100px;
  color: #333;
/*  font-variant: small-caps;*/
  text-decoration: none;
  border: solid 1px #888;
  border-right: solid 2px #888;
  border-bottom: solid 2px #888;
  text-align: center;
  font-size: 10px;
  }

.ui_button:hover
{
  background-color: #fff;
  }

.ui_button:visited
{
  color: #000;
  }

input.ui_button
{
  width: auto;
  font-variant: normal;
  }

#sidebar_left .ui_button
{
  display: block;
  float: left;
  margin-left: 5px;
  }

.myprofile-link
{
  background-color: #ffcccc;
  }

.quick-links li img { float: right; }

.quick-links li { clear: both; }

ul.ads li
{
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: solid 1px #ccc;
  }

.ui_input
{
  font-size: 10px;
  }



/*************************************
*   basic elements
*************************************/

.list_prop
{
  width: 1px;
  float: right;
  height: 450px;
  }

.clear
{
  clear: both;
  height: 1px;
  overflow: hidden;
  }

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

li
{
  list-style: none;
  }

.static_information ul, .static_information ol
{
  margin: 15px;
  padding: auto;
  }

.static_information p { margin: 5px; padding: auto; }

.static_information li { margin-left: 10px; padding: 10px; }

.static_information li
{
  list-style: disc;
  }

a img
{
  border: none;
  }

a
{
	color: #990000;
	text-decoration: underline;
	font-size: 90%;
  }


a:visited
{
	color: #990000;
  }

a:hover, a:visited:hover
{
	color: #ff0000;
	text-decoration: none;
  }


h1
{
	font-size: 140%;
	padding: 4px;
	padding-bottom: 8px;
	padding-left: 12px;
	color: #333333;
	background-color: #FFFFFF;
	margin-top: 0px;
	font-weight: bold;
	background-repeat: repeat-x;
  }

h2
{
	font-size: 100%;
	padding: 4px;
	padding-bottom: 8px;
	color: #333333;
	background-color: #FFFFFF;
	font-weight: bold;
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
  }

h2.light
{
	background-color: #CCCCCC;
  }

h3
{
	font-weight: bold;
	font-size: 100%;
	border-bottom: solid 1px #333333;
	padding-bottom: 2px;
	margin-top: 10px;
	margin-bottom: 10px;
  }

h3 a
{
  text-decoration: none;
  }

h4
{
  font-size: 80%;
  margin-top: 0px;
  margin-bottom: 10px;
  }

.byline h3 { margin-top: 0px; }

h2 a, h2 a:visited, h2 a:hover
{
  color: #990000;
  }

.byline
{

  padding: 4px;
  font-style: italic;
  font-size: 80%;
  padding-left: 0px;
  margin-bottom: 10px;
  }

.byline.byline-comments { margin-top: 10px; }

.emphasize
{
  font-weight: bold;
  font-style: normal;
  }

.float-block
{
	width: 17%;
	float: left;
	margin-right: 15px;
	background-color: #fff;
	border: 1px none #999;
	margin-bottom: 25px;
	margin-left: 0px;
  }

.float-block.wide
{
  width: 60%;
  float: left;
  margin-right: 15px;
  }

.float-block.extra-wide
{
  width: 68%;
  float: left;
  margin-right: 15px;
  }

.float-block#frontpage-ads
{
  margin-right: 0px;
  width: 19%;
  }

.float-block#sidebar_left
{
  width: 25%;
  margin-left: 10px;
  border: 0px;
  background-color: #ccc;
  height: 640px;
  }

.float-block.full-width
{
  width: 100%;
  min-height: 400px;
  }

#frontpage-head
{
	/*  background-image: url(/site_media/images/frontpage-head-gradient.png); */
  background-color: #FFFFFF; /* old 572e80 */
	background-position: left top;
	background-repeat: repeat-x;
	width: 100%;
	height: 100%;
  }

.float-block.inner
{
	width: auto;
	float: none;
	margin-right: auto;
	background-color: #fff;
	margin-bottom: 25px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
  }

.narrow
{
  width: 15%;
  }

.text-block
{
  padding: 10px;
  }

.bordered-neutral
{
  border: solid 1px #88c;
  margin-top: 5px;
  margin-right: 5px;
  }

.float-block.inner h1
{
  font-size: 100%;
  }

.embedded-image
{
  margin: 25px;
  }

.related
{
  border: solid 1px #99f;
  border-top: solid 2px #99f;
  border-left: solid 2px #99f;
  padding: 5px;
  background-color: #bbf;
  font-size: 80%;

  }

.related ul li
{
  list-style-type: square;
  margin-left: 15px;
  border-bottom: dotted 1px #fff;
  }

.related p
{
  margin-top: 0px;
  }

/*************************************
*   generic lists
*************************************/

ul.generic_list li
{
  border-bottom: dotted 1px #ccc; 
  }


/*************************************
*   gallery/photo elements
*************************************/

.caption
{
  background-color: #990000;
  border: solid 1px #000;
  padding: 5px;
  margin-top: 10px;
  font-size: 80%;
  }

.caption h1
{
  font-size: 100%;
  }

.controls
{
  background-color: #990000;
  border: solid 1px #000;
  padding: 5px;
  margin-top: 10px;
  font-size: 80%;
  }

.controls a, .controls a:visited, .controls a:hover
{
  color: #fff;
  }

.gallery_entry
{
  margin: 15px;
  border: solid 1px #000;
  border-right: solid 2px #000;
  border-bottom: solid 2px #000;
  padding: 10px;
  background-color: #ccc;
  text-align: center;

  }

.gallery_entry img
{

  }

.gallery_entry .controls
{
  }

.gallery_entry .caption
{
  background-color: #fff;
  border: solid 1px #000;
  }


/*************************************
*   misc specifics
*************************************/

.warning
{
  color: #f00;
  font-weight: bold;
  }

#copyright
{
  text-align: right;
  font-size: 7pt;
  color: #000;
  width: 150px;
  }


/* Member Profile Page */

ul.member-controls
{
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #ddd;
  padding: 8px;
  margin-top: 0px;
  
  }

ul.member-controls li
{
  display: inline;
  padding-right: 10px;
  }

/*ul.member-controls li
{
  display: inline;
  background-color: #ccc;
  border-right: solid 2px #888;
  border-bottom: solid 2px #888;
  padding-bottom: 3px;
  padding-right: 3px;
  padding-left: 2px;
  padding-top: 2px;
  margin: 5px;
  }

ul.member-controls li a
{
  text-decoration: none;
  color: #800;
  }
*/
ul.personal-text div
{
  font-size: 85%;
  }

/* Members Sidebar */
.member_search_form
{
  font-size: 8pt;
  }

.member_search_form input
{
  width: 100px;
/*  border: solid 1px #000;
  border-right: solid 2px #000;
  border-bottom: solid 2px #000;
  padding: 2px;
   */
  }

.member_search_form input.small-input
{
  width: auto;
  }

.member_search_form select
{
  width: 107px;
/*  border: solid 1px #000;
  border-right: solid 2px #000;
  border-bottom: solid 2px #000;
*/
   padding: 2px;
  }

#member_name_search_form input
{
  width: 100px;
/*  border: solid 1px #000;
  border-right: solid 2px #000;
  border-bottom: solid 2px #000;*/
  padding: 2px;
  }

/* Member Profile */

#member_profile_images
{
  width: 35%;
  }

#member_profile_extras
{
  padding-left: 15px;
  width: 65%:
  }

#member_profile_extras .text-block
{
  margin-right: 0px;
  }

.small-profile-preview
{
  float: left;
  background-color: #eee;
  width: 140px;
  height: 140px;
  text-align: center;
  padding: 10px;
  border: solid 1px #999;
  margin: 10px;
  }

/* Galleries */

a.img-savelink { margin-left: 5px; font-size: 90%; }

ul.galleries li
{
/*  height: 150px;*/
  border-bottom: dotted 1px #ccc; 
  }

.gallery_image
{
  float: left;
  width: 148px;
  height: 175px;
  margin: 8px;
  text-align: center;
  }

.gallery_image div
{
  padding: 15px;
  background-color: #eee;
  border: solid 1px #888;
  border-right: solid 2px #888;
  border-bottom: solid 2px #888;
  }

#gallery_close_info
{
  clear: both;
  }

/* Comments */

.comments ul li .byline
{
  border-bottom: solid 1px #990000;
  }

.comments ul li p
{
  background-color: #eee;
  padding: 10px;
  margin-top: 0px;
  font-size: 80%;
  }

.comments-teaser
{
  border: dashed 1px #000;
  padding: 5px;
  margin-top: 10px;
  }

/* Profiles list */

ul.profile-list
{
  
  }

ul.profile-list li
{
  padding: 10px;
  }

ul.profile-list li.row2
{
  background-color: #ccc;
  }

/* Labels */

.premium-member-label
{
  display: inline;
  margin-top: 5px;
  margin-left: 5px;
  }

.premium
{
  font-size: 80%;
  padding: 2px;
  padding-top: 0px;
  padding-bottom: 0px;
  display: inline;
  background-color: #990000;
  color: #fff;
  margin: 5px;
  }

a:visited.premium 
{
  color: #fff;
  }

.display_name
{
	font-size: 100%;
	display: inline;
  }

#flash_box
{
  width: 780px;
  border: solid 1px #aaa;
  float: left;
  margin-bottom: 10px;
  }

#flash_box div
{
  padding: 10px;
  }

#flash_box h2
{
  background-color: transparent;
  border: none;
  display: inline;
  margin-right: 5px;
  }

.site-messages
{
  display: inline;
  }

.member-alert
{
  display: block;
  margin-bottom: 5px;
  width: auto;
  }

.member-alert div
{
  display: inline;
  }

a.member-alert
{
  text-decoration: none;
  }

a.member-alert:hover
{
  background-color: #fff;
  }

.flasher
{
  background-color: #eee;
  }

form.blog-post-form textarea, form.blog-post-form input[type=text]
{
  width: 500px;
  }

#preferences_controls
{
  background-color: #fff;
  }

#preferences_controls li
{
  display: block;
  }

/*************************************
*   messaging specifics
*************************************/
.message-list
{
  width: 100%;
  font-size: 85%;
  }

.message-list .key
{
  background-color: #990000;
  color: #fff;
  font-weight: bold;
  }

.message-list td
{
  padding: 0px;
  border: dotted 1px #fff;
  }

.message-list td div
{
  padding: 5px;
  }

.message-list .from
{
  width: 30%;
  }

.message-list .subject
{
  width: 30%;
  }

.message-list .sent_on
{
  width: 25%;
  }

.message-list tr.unread
{
  font-weight: bold;
  }

.message-list tr.row1
{
  background-color: #ccc;
  }

.message-list tr.row2
{
  background-color: #eee;
  }

form.compose-message-form textarea, form.compose-message-form input[type=text]
{
  width: 500px;
  }


.important-message
{
  width: 80%;
  border: dashed 1px #990000;
  background-color: #eee;
  padding: 15px;
  }

form table th { font-size: 80%; text-align: right; padding-right: 15px;}

p { margin-bottom: 15px; }

/* carousel */
/*#featured-member-carousel li { width: 250px; height: 250px;
                               border: solid 1px #000; }*/
.cropped-photo-wrapper {
	width: 80px;
	height: 80px;
	overflow: hidden;
	margin: auto;
}
.featured-member {
	width: 200px;
	height: 110px;
}
.featured-member .display_name {
	font-size: 80%;
}
ze: 100%; }