* { margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; }
.clear { clear: both; }
.hidden { display: hidden; }

.clearfix:after, .item:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

body {
  font-family: 'Nimbus Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size: 82%;
  padding-bottom: 50px;
}

body#popup { background: #fff; margin: 10px; color: 000; }
body#popup h2.header { 
  margin: -10px -10px 15px;
  padding: 5px 10px;
  font-size: 1.3em;
  width: 100%;
  float: none;
  color: #000;
  background-color: #DDE8EA;
}
body#popup #close { position: absolute; top: 7px; right: 10px; }
body#popup #fsUploadProgress { position: absolute; top: 0px; left: 245px; }

a { color: #369; }
/*a:visited { color: #369; }*/
/*a:hover { color: #fff; background-color: #000; }*/

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

hr { clear: both; }

h2 {
  margin: 0 0 15px;
}

table {
  border: 0px;
  border-spacing: 0px;
}

dl { line-height: 1.5em; }

dt {
  clear: left;
  float: left;
  font-weight: bold;
  padding: 0 2px;
  text-align: right;
  width: 8em;
}

dd { 
  float: left; 
  padding: 1px 5px 0;
  width: 55%;
}

.hover { border: 3px solid green; }
.spacer a { margin-left: 30px !important; }


/* Legal styles */
.legal { clear: both; line-height: 1.5em; }
.legal p { margin: 1em 0; }
.legal ul, .legal ol { margin: 1em 0; }
.legal li { margin: 0 3em; }
.legal h1, .legal h2, .legal h3, .legal h4 { margin: 1.25em 0; }


/* Form Errors */
.fieldWithErrors {}

.fieldWithErrors label {
  color: red;
}

/*.fieldWithErrors input, .fieldWithErrors textarea {
  background-color: #F5A6A6;
}
*/
#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul {
  margin: 10px 15px;
}

#errorExplanation ul li {
  font-size: 12px;
  color: #333;
  list-style: square;
  margin: 0 15px;
}

/* User Notice Bar */
.notice_bar {
  color: #333;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 5px 10px;
}
.notice_bar p { margin: 0.4em 0; }

#notice { background-color: #7AFF59; }
#error, #warning { background-color: #FF5858; }

#MB_content .notice_bar {
  margin: -0.8em;
  margin-bottom: 1em;
	border-bottom: 1px solid #CCC;
}

/* General Styles */
.profile_icon {
  float: left;
  width: 50px;
  margin: 0 10px 0 0;
}

.profile_icon img {
  width: 50px;
  height: 50px;
  border: 1px solid #ddd;
}

#main_content .user_layout .profile_icon {
  width: 75px;
}

#main_content .user_layout .profile_icon img {
  width: 75px;
  height: 75px;
}

.photos .photo, .boxed .photo {
  float: left;
  margin: 2px;
}

.photos .photo {
  width: 100px;
  height: 100px;
  text-align: center;
}

.photo .medium {
  max-width: 320px;
}


.photo_albums .photo_album, .photoalbums .photo_album {
  float: left;
  width: 170px;
  height: 14em;
  margin: 2px;
  text-align: center;
}

.photo_albums .photo_album img {
  max-height: 120px;
}

#sidebar .photo_album {
  clear: left;
  float: left;
  width: 100%;
  height: 70px;
  margin: 2px;
  padding: 3px 0;
  text-align: left;
}

#sidebar .photo_album img {
  float: left;
  width: 100px;
  height: auto;
  max-height: auto;
  margin-right: 10px;
}

#sidebar .photo_album a p {
  margin-top: 10px;
}

#sidebar textarea {
  width: 100%;
}

#main_content .boxed .photo, #main_content .boxed .photo img {
  width: 75px;
  height: 75px;
}

#sidebar .photo, #sidebar .photo img, #sidebar .grid .user, #sidebar .grid img {
  width: 50px;
  height: 50px;
}

#sidebar .grid .content div {
  float: left;
  width: 50px;
  height: 50px;
  margin: 2px;
}

#sidebar .grid p.display_name {
  display: none;
}

.videos .video {
  float: left;
  width: 32%;
  height: 14em;
  margin: 2px;
  text-align: center;
  overflow: hidden;
}

#sidebar .video {
  float: none;
  clear: both;
  height: auto;
  text-align: left;
  width: auto;
}

#sidebar .video img {
  float: left;
  width: 150px;
  margin-right: 10px;
  margin-bottom: 10px;
}
#sidebar .video p {
  float: left;
  width: 130px;
}

.grid { clear: both; }

#main_content .grid > div {
  float: left;
  width: 100px;
  height: 130px;
  margin: 2px;
  text-align: center;  
}

.small > div {
  width: 100px;
  height: 100px;
}

.small img {
  width: 75px;
  height: 75px;  
}

.users .user {
  float: left;
  width: 100px;
  height: 12em;
  margin: 4px;
  text-align: center;
  overflow: hidden;
}

#sidebar .users .user {
  float: none;
  height: 50px;
  width: 100%;
  text-align: left;
}


.terms_of_use {
  width: 500px;
  height: 100px;
  overflow: auto;
  padding: 4px;
  margin: 0 0 0 11em;
  border: 1px solid #999;
}

.forums .forum, .account_settings > div {
  background-color: #ddd;
  width: 46%;
  height: 6.5em;
  margin: 2px;
  padding: 7px;
  overflow: hidden;
  float: left;
}

.forums .forum { height: 9em; }
.forums .forum .icon { width: 60px; height: 60px; }
#sidebar .forum .icon { display: none; }

#sidebar .forum {
  width: 100%;
  height: auto;
  margin: 2px 0;
}
#sidebar .forum .description { display: none; }

.body { overflow: hidden; }

.forum p { color: #999; }
.forum p, .account_settings > div > p {
  color: #999;
  font-size: 0.9em;
  line-height: 1.3em;
  margin: 0.6em 0;
}

.forum_post {
  background-color: #ddd;
  padding: 5px;
  margin: 2px 0;
  position: relative;
  min-height: 50px;
}

.forum_post .report_content {
  font-size: 0.85em;
  margin-top: 5px;
}

.forum_post .header { margin-right: 5px; margin-left: 60px; margin-bottom: 5px; }
.forum_post .byline { width: 85%; }
.forum_post_replies { margin: 10px 0; }

#sidebar .forum_post .header { margin-left: 0; }
#sidebar .forum_post { min-height: 0; }
#sidebar .forum_post h3 { font-size: 1.1em; }
#sidebar .forum_post .byline { display: none; }
#sidebar .forum_post .body { display: none; }
#sidebar .forum_post .reply { display: none; }
#sidebar .forum_post .profile_icon { display: none; }
#sidebar .forum_post br { display: none; }

.reply {
  position: absolute;
  top: 5px;
  right: 5px;
}

.forum_post .forum_post { padding: 5px 0; }
.forum_post .forum_post, .forum_post #reply_form, .edit_forum_post {
  border-top: 1px solid #999;
  margin: 10px 5px 0 25px;
}
.forum_post_replies .forum_post_replies .forum_post_replies .forum_post {
  margin-left: 0;
  margin-right: 0;
}

div.profile_image { text-align: center; }
/*#profile_image { position: relative; z-index: 10; }*/
#profile_image a:hover { background-color: transparent; }

.profile_links ul {
  list-style: none;
}

.embed { text-align: center; }

.boxed {
  margin: 10px;
  position: relative;
}

.boxed .content {
  overflow: hidden;
}

#design_bar .boxed .content {
  display: none;
}

.boxed > .header, h3.header {
  background-color: #369;
  color: #fff;
  font-weight: normal;
  padding: 0.25em 0.75em;
  height: 1.3em;  
}

.boxed h3, h3.header {
  font-size: 1.1em;
  font-weight: bold;
}

.boxed .content {
  padding: 5px;
}

#photo_display {
  width: 560px;
  display: block;
  margin: 0 auto;
}

#photo_display img {
  max-width: 560px;
  max-height: 800px;
  display: block;
  margin: 0 auto;
}

.article div, .blog div {
  line-height: 1.5em;
}

.article div p, .blog div p, .message p, .forum_post p, .event p {
  margin: 1em 0;
}

.article img, .post img, .mceContentBody img, .forum_post img, .event img { margin: 5px; }

.mceEditor { width: 500px; }

textarea.summary {
  height: 200px;
}

#page_views {
  border-bottom: 1px solid #999;
  margin-bottom: 10px;
}

.even { background-color: #ddd; }
.odd { background-color: #eee; }


table.profile_info th, table.profile_info td {
  padding: 0 3px;
}

table.profile_info th {
  text-align: right;
}

.datestamp, .byline, .replies_count { color: #999; }

#main a:hover {
  background-color: #ddd;
  color: #333;
}

#sidebar img { max-width: 300px; }

.recent > div { clear: left; padding: 2px 0; }
.recent div img {
  width: 50px;
  float: left;
}
.recent div a { height: 50px; display: block; }
.recent div p {
  padding: 10px;
  float: left;
}

.table > div {
  clear: left;
  min-height: 55px;
  padding: 5px 0;
  position: relative;
  overflow: hidden;
}

.activities .activity, .friendactivities .activity {
  clear: left;
  min-height: 55px;
  padding: 1px 0;
  position: relative;
  overflow: hidden;
}

.friendactivities .activity .profile_icon, .friendactivities .activity .profile_icon img {
  width: 50px !important;
  height: 50px !important;
}

.table .select, .table .details .nickname, .table .actions {
  top: 15px;
  position: relative;
}

/* Tabled lists */
.table .select {
  float: left;
  text-align: center;
  width: 50px;
}

.table .details {
  float: left;
  width: 60%;
}

.table .actions {
  float: right;
  width: 30%;
  text-align: center;
}

.view_more {
  display: block;
  text-align: right;
}

.item { margin-bottom: 25px; }
.item .header {
  background-color: #ddd;
  margin-bottom: 3px;
  padding: 3px;
}


/* Pagination */
.pagination {
  clear: both;
	text-align: left;
	padding: 3px;
	margin: 5px 0;
}

.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #369;
	text-decoration: none;
	color: #369;
}
.pagination a:hover, .pagination a:active {
	border: 1px solid #369;
	background-color: #ddd;
	color: #333;
}
.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #369;
	font-weight: bold;
	background-color: #369;
	color: #FFF;
}
.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #ddd;
	color: #ddd;
}

/* Sub nav drop-downs */
#site_nav ul { margin-left: 10px; }
#site_nav li { float: left; }
#site_nav li a { display: block; }
#site_nav li ul, .subnav ul { display: none; }
#site_nav li ul, .subnav ul {
  position: absolute;
  top: auto;
  top: 2.2em;
  left: auto;
  z-index: 100;
  line-height: 1;
  padding: 0.5em 0;
}
#site_nav li li {
  display: block;
  float: none;
}

#site_nav li li a { width: 13em; }
#site_nav li li ul { left: 15em; }

#site_nav li:hover > ul, .subnav:hover ul { display: block; }

.subnav { float: left; position: relative; text-align: left; }
.subnav ul { padding: 0.5em 0; }
.subnav ul {
  border: 1px solid #369;
  border-top: 2px solid #369;
  background-color: #ddd;
  display: none;
  position: absolute;
  top: 2.2em;
  font-size: 1em;
}
.subnav li {
  display: block !important;
  background-color: inherit;
  white-space: nowrap;
  line-height: 1.2em;
}
.subnav ul.columns { width: 275px; }
.subnav:hover > a { background-color: #ddd; }

/*.subnav { float: left; position: relative; text-align: left; }
.subnav ul { padding: 0.5em 0; }

#site_nav li ul, .subnav ul {
  border-top: 3px solid #369;
  display: none;
  position: absolute;
  top: auto;
  left: auto;
  z-index: 1000;
  background-color: #ddd;
  font-size: 0.9em;
  line-height: 8px;
}

.subnav ul {
  border: 1px solid #369;
  border-top: 2px solid #369;
  display: none;
  position: absolute;
  top: 2.2em;
  font-size: 1em;
}
.subnav ul.columns { width: 275px; }
.subnav:hover > a { background-color: #ddd; }

#site_nav li:hover ul, .subnav:hover ul {
  display: block !important;
}

#site_nav li li, .subnav li {
  display: block !important;
  background-color: inherit;
  white-space: nowrap;
  line-height: 1.2em;
}

#site_nav li li a { min-width: 14em; }*/


/* Messages */
.unread { background-color: #ddd; }
.unread .subject { font-weight: bold; }
.unread .subject p { font-weight: normal; }

.messages .header {
  background-color: #ddd;
  min-height: 0;
  padding: 5px 10px;
  margin-bottom: 5px;
  position: relative;
}

.messages .header .search {
  padding: 0;
  float: none;
  position: absolute;
  right: 5px;
  top: 5px;
}

.message .details {
  width: 50%;
  float: left;
  overflow: hidden;
}

.message .summary, .message .date {
  color: #666;
  font-size: 0.9em;
  margin: 2px 0;
}

.message .actions { position: static; }

.subject p {
  color: #666;
}

textarea#message_body {
  width: 425px;
  height: 150px;
}


.message { 
  border-bottom: 1px solid #ccc;
  padding: 5px 0;
  margin: 0 !important;
  width: 100%; 
}

.message .body {
  margin-left: 60px;
  margin-top: -5px;
}

table.message thead {
  background-color: #ddd;
}

table.message th, table.message td {
  padding: 2px;
}

table.message th {
  margin-right: 1em;
  width: 9em;
  text-align: right;
  vertical-align: top;
}


/* Comments */
.comment, .user_update {
  background-color: #ddd;
  padding: 5px;
  margin: 0 0 2px;
  position: relative;
}

.comment .profile_icon, .comment .profile_icon img,
#comment_form .profile_icon, #comment_form .profile_icon img {
  width: 50px !important;
  height: 50px !important;
}

.user_update .profile_icon, .user_update .profile_icon img {
  width: 50px !important;
  height: 50px !important;
}


/* Groups */
.group .icon, .forum .icon {
  float: left;
  margin: 5px;
}

.group .details {
  line-height: 1.6em;
  padding: 30px 0 0;
}

.group h3 { }

.group .member_count {
  color: #999;
}

.group .join_group {
  float: right;
}

.groups .group { clear: both; }

#main_content .groups .group {
  width: 45%;
  height: 75px;
  float: left;
  clear: none;
}

.group .details {
  line-height: 1.5em;
  padding: 10px 0 0;
}

#main_content .groups .group .icon {
  width: 60px;
  height: 60px;
}

#sidebar .group { clear: left; padding: 5px 0; }
#sidebar .group .icon {
  width: 50px;
  height: 50px;
  margin: 0 10px 0 0;
}
#sidebar .group .details { padding: 0; }
#sidebar .group .actions { display: none; }

.friendships .friendship {
  float: left;
  margin: 2px;
}

.friendships .friendship {
  width: 75px;
  height: 75px;
}

#sidebar .friendships .friendship {
  width: 50px;
  height: 50px;
}

.online .actions {
  text-align: right;
  width: 45%;
}
.online .details {
  width: 45%;
}

.friendships .friendship_row {}

.tabs ul { list-style: none; }
.tabs li { display: inline; }
.tabs li a {
  display: block;
  float: left;
  padding: 5px 10px;
}

.comment .delete, .boxed .delete, .boxed .edit {
  color: #aaa;
  padding: 2px 4px; 
  text-decoration: none; 
  position: absolute;
}

.boxed .edit {
  font-size: 11px;
  top: 0px;
  right: 20px;  
}

.boxed > .header { position: relative; }
.boxed > .header .actions {
  position: absolute;
  top: 3px;
  right: 8px;
}

.comment .delete, .boxed .delete { 
  font-size: 10px;
  font-weight: bold;
  top: 0px;
  right: 5px;
}

.uploader {
  padding: 20px;
}

.progressWrapper { width: 400px; }

.progressBarStatus {
  float: left;
  width: 200px;
}

.progressContainer {
  border: 1px solid #333;
  float: left;
  height: 15px;
  width: 125px;
}

.progressContainer div { height: 15px; }

.progressName { display: none; }

.progressBarStatus { padding: 0 5px; }

.progressBarInProgress { background-color: red; }
.progressBarComplete { background-color: red; }

#invite_import_list {
  width: 100%;
}
#invite_import_list div {
  width: 100%;
  max-height: 350px;
  overflow: auto;
}

#contacts_list li {
  list-style-type: none;
  display: block;
  float: left;
  width: 45%;
  height: 35px;
  padding: 2px 5px;
  margin: 2px;
  background-color: #ddd;
}


#user_bar #login_form p {
  text-align: left;
  margin: 2px 10px;
}

#user_bar #login_form {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 340px;
  height: 65px;
}

#user_bar #login_form .login { position: absolute; top: 0; left: 0; }
#user_bar #login_form .password { position: absolute; top: 0; right: 0; }
#user_bar #login_form .remember_me { position: absolute; bottom: 0; left: 0; }
#user_bar #login_form .forgot_password { position: absolute; bottom: 2px; right: 110px; font-size: 0.8em; }
#user_bar #login_form .resend_activation, #user_bar #login_form .account_text { display: none; }
#user_bar #login_form .submit { position: absolute; bottom: 0; right: 0; }


#user_bar #login_form .login input, #user_bar #login_form .password input {
  width: 140px;
}

#user_bar #login_form .remember_me {
  clear: left;
}

#header .errorExplanation { display: none; }

#page_header .header {
  margin: 0.4em;
  width: 75%;
}

#photos_page #manage_links { width: 22%; }
#user_profile_page #manage_links { width: 22%; }

#page_header #user_status { 
  margin: 0 0.4em;
  min-height: 1.2em;
  width: 75%;
}

#user_status small, .small {
  font-size: 0.9em;
}

.light { color: #ccc; }
.dark_light { color: #999; }

.networks .network {
  float: left;
  margin: 5px 5px 20px;
  width: 45%;
  min-height: 80px;
  text-align: center;
}

.network h3 {
  background-color: #ddd;
  text-align: left;
  font-weight: normal;
  padding: 5px;
  margin-bottom: 10px;
}
.network a.login { font-weight: bold; }

a.rss {
  background: url(/images/rss.png) top left no-repeat;
  min-height: 20px;
  padding-left: 20px !important;
}

img.rss {
  margin: 2px 4px 2px 0;
  vertical-align: bottom;
}

#page_views .rss {
  background-position: 5px;
  padding-left: 25px !important;
}

.highlight { background-color: yellow; }

.upload_image_icon { width: 15px; height: 15px; vertical-align: top; }

#user_images {
  border-top: 1px solid #333;
  margin: 10px 0;
  padding: 5px 0;
  height: 210px;
  overflow: auto;
}

.poll ul.choices {
  list-style: none;
  margin-top: 0.5em;
}

.poll .results_bar {
  background-color: #369;
  height: 10px;
  margin-bottom: 10px;
}

.poll .total_votes {
  font-weight: bold;
}

#url_checker { display: inline; margin: 0 10px; }

#ie6_warning {
  background-color: #fff;
  padding: 15px 10px;
}

#ie6_warning .warning {
  font-size: 1.3em;
  float: left;
  padding: 1.4em 0;
  text-align: center;
  width: 50%;
}

#ie6_warning .browsers {
  float: right;
  text-align: center;
  width: 45%;
}

#ie6_warning .browsers a { 
  float: left;
  width: 100px;
  text-align: center;
  text-decoration: none;
}
  
#ie6_warning .browsers a img {
  border: 0;
}

.ad_block {
  border: 0;
  padding: 10px 0;
  text-align: center;
}

table.point_values {
  width: 275px;
}

table.point_values th, table.point_values td {
  text-align: left;
  padding: 2px;
}

.page { margin: 1em 0;}
.page p, .mceContentBody p { margin: 1em 0; }
.page ul { margin: 10px 25px; }
.mceContentBody p:first-child, .about_me p:first-child { margin-top: 0 !important; }
#main_content .content p { margin: 1em 0; }

.comment .body, .forum_post .body { margin: 0; }
.comment .body p, .forum_post .body p { margin: 0 0 1em !important; }
.comment .body p:last-child, .forum_post .body p:last-child { margin-bottom: 0 !important; }

.report_content_link { color: #f00; }
#report_content {
  text-align: right;
}

#content_report_form { 
  padding: 5px;
}

#header .help_link {
  position: absolute;
  bottom: 3.5em;
  right: 1.5em;
}

#header a { font-size: 1.1em; }

.light_background {
  background-color: #ddd;
}

#order_by {
  font-size: 0.9em;
  margin: 0 0 10px;
  text-align: right;
}

ul.columns li {
  width: 47%;
  float: left;
  padding: 1px;
}

#my_account {
  display: none;
  position: absolute;
  top: 28px;
  left: auto;
  font-size: 0.9em;
  background-color: #323232;
  z-index: 1000;
  text-align: left;
  width: 335px;
}

#my_account_link:hover > a {
  color: #fff;
}

#my_account_link:hover #my_account {
  display: block;
}

#help_page .topic {
  margin: 1em 2em 1em 1em;
}

#help_page .topic > a:before { color: #000; content: "» "; }
#help_page .topic > a { text-decoration: none; }

#help_page .topic ul {
  margin: 0.5em 1.5em;
}

#help_page .topic ul li {
  padding: 0.5em 0;
}

.songs .song, .songs .header {
  clear: both;
  height: 28px;
  border-bottom: 1px solid #999;
  margin: 2px 0;
}

.songs .header {
  font-weight: bold;
}

.song .audio_player {
  width: 82px;
  float: left;
  padding-top: 1px;
}

.songs .column {
  width: 215px;
  padding-left: 10px;
  float: left;
  line-height: 28px;
}

.song .delete { 
  width: 1em;
  text-align: right;
  margin: 5px 10px;
  float: right;
  color: #999;
  text-decoration: none;
}

.hint {
  font-size: 85%;
  color: #999;
}

.video_processing {
  text-align: center;
  padding: 50px 0;
}

.video_processing h4 {
  font-size: 1.6em;
  font-weight: bold;
  margin: 20px 0;
}

#framebox {
  border: 2px solid #666;
  background-color: #fff;
  padding: 10px;
  position: absolute;
  z-index: 1000;
  top: 0;
  right: 0;
}

#framebox .close {
  position: relative;
  top: 3px;
  right: 8px;
}

.nowrap { white-space: nowrap; }
#user_bar a { white-space: nowrap; }

.admin {
  margin: 5px 0 0;
  font-size: 0.85em;
}
.admin a { color: #f00; }
.admin a:hover { color: #808080; }

#breadcrumb {
  margin-bottom: 10px;
}

.reply_arrow {
  margin: 0 !important;
  vertical-align: middle;
}

span.role_badge { display: block; font-style: italic; }
img.role_badge {
  margin: 0;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}

.coupon {}
.coupon_redeem_status {
  border: 1px solid #bbb;
  background-color: #ddd;
  padding: 10px;
}
.coupon_redeem_status .redeemed { text-align: center; }
.coupon_redeem_status .redeemed h3 { margin-bottom: 5px; }



/*body * { border: 1px solid green; }*/
body {
  background-color: #000;
  font-family: Georgia, Arial, sans-serif;
}

#wrapper { color: #fff; }

body#main_page #page_header, body#main_page #page_views { display: none; }
body#main_page #main {
  background: transparent url('/images/dweezil_background.jpg') no-repeat;  
}
body#events_page #main, body#users_page #main { background: transparent url('/images/schedule_background.jpg') no-repeat top right; }
/*body#articles_page #main { background: transparent url('/images/news_background.jpg') no-repeat top right; }*/
body#forums_page #main { background: transparent url('/images/forums_background2.jpg') no-repeat bottom right; }
/*body#posts_page #main { background: transparent url('/images/blogs_background.jpg') no-repeat top right; }*/
/*body#groups_page #main { background: transparent url('/images/forums_background.jpg') no-repeat bottom right; }*/
body#photos_page #main { background: transparent url('/images/photos_background.jpg') no-repeat top right; }
body#photo_albums_page #main { background: transparent url('/images/photos_background.jpg') no-repeat top right; }
/*body#songs_page #main { background: transparent url('/images/schedule_background.jpg') no-repeat top right; }*/
body#videos_page #main { background: transparent url('/images/videos_background.jpg') no-repeat top right; }
body#gear_page #main { background: transparent url('/images/gear_background.jpg') no-repeat bottom right; }

#welcome_info {
  width: 265px;
  float: right;
  margin: 20px 20px 40px;
}

#welcome_info p {
  font-family: 'Palatino Linotype', 'Book Antiqua', 'Palatino', Times, serif;
  font-size: 1.2em;
/*  letter-spacing: 0.1em;*/
  line-height: 1.4em;
}

#container {
/*  background: #000 url(/images/background.jpg) repeat-y;*/
  background-color: #000;
  margin: 0 auto;
  position: relative;
/*  padding: 0 10px;*/
  width: 960px;
}

#header {
  height: 120px;
  background-color: #404040;
  position: relative;
}

#header, #footer {
  color: #eee;
}

#footer { height: 1em; background-color: #404040; }

#copyright {
  color: #404040;
  margin: 10px auto;
  text-align: center;
}
#copyright a { color: #666; text-decoration: none; }
#copyright a:hover { color: #404040; text-decoration: underline; }

#header a { color: #999; }
#header a:hover { color: #eee; text-decoration: underline; }

#header h1 { 
  padding: 15px 20px;
  font-family: 'Palatino Linotype', 'Book Antiqua', 'Palatino', Times, serif;
  display: none;
}

#header img#logo {
/*  width: 125px;*/
  margin: 15px 20px;
/*  display: none;*/
}

#header_links {
  float: right;
  text-align: right;
  width: 50%;
  margin: 10px 20px;
}

#site_nav {
/*  background-color: #404040;*/
  border-top: 1px solid #333;
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 0;
}

#site_nav > ul:first-child { margin-left: 10px; }

#site_nav li { float: left; }

#site_nav li:hover, .subnav:hover { background-color: #447CA2; }
li.subnav:hover > a { background-color: #447CA2; color: #fff; }


#site_nav li.subnav { position: relative; }

#site_nav li ul, li.subnav ul {
  border-top: 3px solid #447CA2;
  display: none;
  position: absolute;
  top: 3em;
  left: 0;
  z-index: 100;
  background-color: #404040;
  line-height: 6px;
}
li.subnav ul { top: 2em; }

#site_nav li:hover ul, .subnav:hover ul {
  display: block !important;
}

#site_nav li li {
  display: block !important;
  background-color: inherit;
}

#site_nav li li a {
  min-width: 14em;
}

#site_nav a {
  color: #fff;
  padding: 10px;
  font-size: 1.1em;
  text-decoration: none;
}
#site_nav li li a { padding: 8px; }



.search {
  float: right;
  padding: 8px;
  margin-right: 10px;
}

#search { width: 160px }

#main {
  padding: 0 0 30px;
  line-height: 1.4em;
/*  min-height: 425px;*/
  min-height: 550px;
}

#user_message {
  padding: 10px !important;
  color: #000 !important;
  background-color: #fff !important;
  border-top: 2px solid #000 !important;
  border-bottom: 2px solid #000 !important;
}

#main_content {
  float: left;
  padding: 15px;
  width: 61%;
}

#infobox {
  float: left;
  margin: 10px;
  width: 270px;
}

#sidebar {
  float: right;
  padding: 0;
  width: 35%;
}

#sidebar > div {
  margin: 15px;
}

#sidebar .boxed, #sidebar .profile_image {
  margin: 15px;
}

ul.nav {
  list-style: none;
}

ul.inline li {
  display: inline;
}

ul.inline li a {
  float: left;
  padding: 5px 10px;
}

/*h2.header {
  float: left;
  width: 45%;
}
*/
#manage_links .nav li { display: inline; }
#manage_links .nav a { display: block; float: left; padding: 0 5px;}

#page_header {
  position: relative;
}

.upper_right {
  position: absolute;
  top: 5px;
  right: 5px;
}

.right {
  float: right;
  text-align: right;
  width: 45%;
}

.left {
  float: left;
  text-align: left;
  width: 45%;
}

ul.nav {
  list-style: none;
}

ul.horizontal li, ul.tabbed li {
  display: inline;
}

ul.horizontal li a, ul.tabbed li a {
  display: block;
  float: left;
  padding: 5px 12px;
}

/*.admin .header {
  background-color: #97A9AD;
}*/


#main_content form p > label, #main_content form p span label, #main_content form div > label,
#MB_frame form p > label, #MB_frame form p span label, #MB_frame form div > label {
  display: block;
  float: left;
  margin-right: 1em;
  width: 23%;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
}

form .question label { margin-bottom: 2px !important; }
#MB_frame form .question label { width: 7px; }

#main_content form .checkbox label, 
#MB_frame form .checkbox label {
  display: block;
  float: left;
  margin-left: 0.5em;
  margin-bottom: 10px;
  width: 65%;
  text-align: left;
}
#main_content form .checkbox label { width: 75%; }

/*.question { padding-bottom: 2em; }*/

#MB_frame form .checkbox label { width: 24em; }
#main_content form .hint, #MB_frame form .hint { display: block; margin-left: 23%; padding-left: 1em; }

#main_content form .checkbox, #MB_frame form .checkbox {
  padding-left: 23%;
}

#main_content form .checkbox input, form .checkbox select, 
#MB_frame form .checkbox input {
  display: block;
  float: left;
/*  margin-left: 26.5%;*/
  margin-left: 1em;
  margin-top: 1px;
}

#main_content form p, #main_content form > div, 
#MB_frame form p, #MB_frame form > div {
  clear: left;
  margin: 10px 0;
}

input[type=hidden] { display: none !important; }

#comment_form, #reply_form { padding: 5px; }
#comment_form .submit, #reply_form .submit { margin: 5px 0; }

#iframe #forum_post_description { width: 95%; height: 80px; }

#main form p.submit,
#MB_frame form p.submit {
  border-top: 1px solid #369;
  background-color: #ddd;
  margin-top: 10px;
}

#main_content form p.submit,
#MB_frame form p.submit {
  padding-left: 26%;
}

#main form .submit, 
#MB_frame form .submit {
  float: none;
  width: auto;
  border: none;
  padding: 6px 0;  
}


#main_content form p br, #main_content form > div > br,
#MB_frame form p br, #MB_frame form > div > br {
  display: none;
}

form .inputfirst { margin-left: 20%; }
form .inputfirst input, form .inputfirst select {
  text-align: right;
  float: left;
  width: 20%;
}

form fieldset {
  border: 0;
  clear: left;
  padding: 5px 5px 25px;
}

form .spinner {
  width: 24px;
  height: 24px;
  margin: -4px 0;
  vertical-align: middle;
}

fieldset legend {
  background-color: #369;
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
  padding: 3px 10px;
  height: 1.3em;
  margin-left: -5px;
  margin-bottom: 10px;
  width: 95%;
}

#main_content form textarea,
#MB_frame form textarea {
  width: 71%;
}

form p.interest input {
  width: 100px;
}

form p.interest textarea {
  width: 300px;
  height: 60px;
}

#comment_body {
  width: 95% !important;
  height: 50px;
}

#sidebar form {
  margin: 5px;
}

#sidebar form p {
  padding: 3px 0;
}

#design_bar form p, #design_bar form > div, #design_bar .slider {
  margin: 5px 0;
}

.errorExplanation p {
  float: none !important;
}

.settings p {
  border-bottom: 1px solid #ddd;
  height: 1em;
  margin: 0 !important;
  padding: 0.6em 0;
}

.settings p:hover { background-color: #dddddd; }

.settings label {
  width: 60% !important;
  margin-left: 20px;
  line-height: 1.2em;
  float: left;
  text-align: left !important;
}

.settings input, .settings select {
  float: left;
  text-align: center !important;
}
.settings select { padding-bottom: 3px; }

.account_text { padding-bottom: 10px }
#MB_frame .account_text { margin: 0; }

#profile_image_update br { display: none; }
#profile_image_update label { display: none; }

form .question { margin: 1em 0 1.5em; }
form .question p { margin: 5px 0 !important; }
form .question .checkbox { padding-left: 10px !important; }

.share_input { clear: left; }
.share_input br { display: none; }
.share_input ul { list-style: none; }
.share_input li { display: inline; }
.share_input li label { padding: 0 15px 0 4px; }
#share_photo_album .share_input > label, 
  #user_update_form .share_input > label { width: 6em; }
#share_photo_album .share_input, #video_details .share_input { margin-bottom: 8px; }
#user_update_form .share_input { float: none; }
#user_update_form form .submit { padding: 0; }

#main .style_group { margin: 0; }
#main .style_group h4 { display: none; }

.share_input { float: none !important; }

#points input { width: 75px; }

.custom_dates { margin: 0 10px; }
.custom_dates input { width: 100px; }

.calendar_date_select_popup_icon { vertical-align: middle; }

/* Message To */
ul.holder { margin: 0; border: 1px solid #999; overflow: hidden; height: auto !important; height: 1%; padding: 4px 5px 0; }
*:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */
ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 0; }
ul.holder li.bit-box, ul.holder li.bit-input input { font: 11px "Lucida Grande", "Verdana"; }
ul.holder li.bit-box { /*-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;*/ border: 1px solid #369; background: #ddd; padding: 1px 5px 2px; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-input input { width: 150px; margin: 0; border: none; outline: 0; padding: 3px 0 2px; } /* no left/right padding here please */
ul.holder li.bit-input input.smallinput { width: 20px; }

#add { border: 1px solid #999; width: 550px; margin: 50px; padding: 20px 30px 10px; }
form ul.holder { width: 400px; }
.datalist_entry ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; }
#apple-list ul.holder li.bit-input { margin: 0; }
#apple-list ul.holder li.bit-input input.smallinput { width: 5px; }
ul.holder li.bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('/images/close.gif'); }
ul.holder li.bit-box a.closebutton:hover { background-position: 7px; }
ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }

/* Autocompleter */
#datalist-auto { display: none; position: absolute; left: 155px; width: 400px; background: #eee; }
#datalist-auto .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px; }
#datalist-auto ul { display: none; margin: 0; padding: 0; overflow: auto; }
#datalist-auto ul li { padding: 5px 12px; z-index: 1000; cursor: pointer; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; font: 11px "Lucida Grande", "Verdana"; }
#datalist-auto ul li em { font-weight: bold; font-style: normal; background: #ccc; }
#datalist-auto ul li.auto-focus { background: #4173CC; color: #fff; }
#datalist-auto ul li.auto-focus em { background: none; }


#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	border: 0;
	background-color: #000!important;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
	position: absolute;
	top: 0;
	border: 0 solid;
	text-align: left;
	z-index: 10000;
}
#MB_window[id] { position: fixed !important; }

#MB_frame {
	position: relative;
	background-color: #EFEFEF;
	height: 100%;
}

#MB_header {
	margin: 0;
	padding: 0;
}

#MB_content {
	position: relative;
	padding: 0.8em;
	overflow: auto;
}

#MB_caption {
	font: bold 100% "Lucida Grande", Arial, sans-serif;
	text-shadow: #FFF 0 1px 0;
	padding: .5em 2em .5em .75em;
	margin: 0;
	text-align: left;
}

#MB_close {
	display: block;
	position: absolute;
	right: 5px;
	top: 4px;
	padding: 2px 3px;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
}
#MB_close:hover {
	background: transparent;
}

#MB_loading {
	padding: 1.5em;
	text-indent: -10000px;
	background: transparent url(/images/spinner.gif) 50% 0 no-repeat;
}

/* Color scheme */
#MB_window {
	background-color: #EFEFEF;
	color: #000;

	-webkit-box-shadow: 0 0 64px #000; 
	-moz-box-shadow: #000 0 0 64px; 
	box-shadow: 0 0 64px #000;
}

#MB_frame {
	padding-bottom: 4px;

	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;

	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;

	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

#MB_content { border-top: 1px solid #F9F9F9; }

#MB_header {
	background-color: #DDD;
	border-bottom: 1px solid #CCC;
}

#MB_caption { color: #000 }
#MB_close { color: #777 }
#MB_close:hover { color: #000 }


/* Alert message */
.MB_alert {
	margin: 10px 0;
	text-align: center;
}

a { color: #447CA2; }
/*a:visited { color: #009EE8; }
a:hover { color: #fff; background-color: #447CA2; }*/

.dz { color: #447CA2; font-size: 1.1em; }

.boxed > .header {
  background-color: #447CA2;
  color: #fff;
  font-weight: normal;
  padding: 0.25em 0.75em;
  height: 1.3em;  
}

#page_views {
  border-bottom: 2px solid #404040;
}

.poll .results_bar {
  background-color: #447CA2;
  height: 10px;
  margin-bottom: 10px;
}

.profile_icon img {
  width: 50px;
  height: 50px;
  border: 1px solid #404040;
}

.forums .forum {
  background-color: #404040;
  width: 45%;
  height: 110px;
  margin: 2px;
  padding: 7px;
  overflow: hidden;
  float: left;
}

.forums .forum, .account_settings > div {
  background-color: #404040;  
}

.forum_post {
  background-color: #404040;
  padding: 5px;
  margin: 2px 0;
  position: relative;
}

#main a:hover {
  background-color: transparent !important;
  color: #eee;
}

#admin #main a:hover { background-color: #447CA2 !important; }

.item .header {
  background-color: #404040;
  margin-bottom: 3px;
  padding: 3px;
}

.unread { background-color: #404040; }

.messages .header {
  background-color: #404040;
  min-height: 0;
  padding: 5px 10px;
  margin-bottom: 5px;
  position: relative;
}

table.message thead {
  background-color: #404040;
}

.comment, .user_update {
  background-color: #404040;
}

#contacts_list li {
  list-style-type: none;
  display: block;
  float: left;
  width: 45%;
  height: 35px;
  padding: 2px 5px;
  margin: 2px;
  background-color: #404040;
}

.network h3 {
  background-color: #404040;
  text-align: left;
  font-weight: normal;
  padding: 5px;
  margin-bottom: 10px;
}

form p.submit {
  border-top: 1px solid #447CA2 !important;
  background-color: #404040 !important;
}

#MB_frame form .submit, #admin form p.submit {
  background-color: #ddd !important;
}

fieldset legend {
  background-color: #447CA2;
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
  padding: 3px 10px;
  height: 1.3em;
  margin-left: -5px;
  margin-bottom: 10px;
  width: 95%;
}

.odd { background-color: #404040; }
#admin .odd { background-color: #eee; }
.even { background-color: #666; }
#admin .even { background-color: #ddd; }

/* Pagination */
.pagination {
	padding: 3px;
	margin: 5px 0;
}
.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #447CA2;
	text-decoration: none;
	color: #447CA2;
}
.pagination a:hover, .pagination a:active {
	border: 1px solid #447CA2;
	background-color: #404040;
	color: #404040;
}
.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #447CA2;
	font-weight: bold;
	background-color: #447CA2;
	color: #FFF;
}
.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #666;
	color: #666;
}

.event { margin-bottom: 15px; }

#site_nav {
  font-size: 0.9em;
}

#sidebar .grid .user {
  float: left !important;
  width: 50px !important;
  height: 50px !important;
  margin: 2px;
}

#sidebar .videos .video {
  float: left !important;
  clear: none;
}

#sidebar .videos .video, #sidebar .video img {
  width: 90px !important;
  height: auto !important;
}

#sidebar .videos .video p {
  display: none;
}

.light_background {
  background-color: #404040;
}

ul.holder { background-color: #fff; color: #404040; }
#datalist-auto { color: #404040; opacity: 1 !important; }

.settings p:hover { background-color: #404040; }

.dweezilla {
  font-family: 'Rockwell Extra Bold',serif;
  font-size: 1.2em;
  font-style: italic;
  font-weight: bold;
}

#admin .comment, #admin .user_update, #admin .forum_post, #admin .item .header {
  background-color: #ddd;
}