/* hax */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  zoom: 1;
}
.clear {
  clear: both;
}

body {
  background: #fffadb;
  font-family: "Lucida Grande";
  color: #3c230a;
  font-size: 77%;
}
p {
  line-height: 1.3;
}
h1 {
  font-size: 197%;
  font-weight: bold;
}
h2 {
  font-size: 152%;
  font-weight: bold;
}
h3 {
  font-size: 129%;
  font-weight: bold;
  margin-top: 10px;
  padding-bottom: 5px;
}
h4 {
  font-size: 114%;
  font-weight: bold;
}
h2, h3 {
  /*color: #000;
  padding-bottom: px;
  margin-bottom: 10px;
  border-bottom: 1px solid #dbcfad;*/
}
a, a:visited {
  color: #820707;
}
h1 a, h2 a, h3 a {
  text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
  text-decoration: underline;
}

.separator {
	clear: left;
	/*background: #ddd;
	//padding-top: 10px;
	//padding-bottom: 10px;
	//margin-bottom: 5px;*/

}
.separator .action_button {
	float: right;
}

strong {
  font-weight: bold;
}

fieldset, .success, .failure, .protected, .notice {
  border: 1px solid #dbcfad;
  background: #faf4d2;
}

.notice {
  margin: 5px 0px;
  padding: 3px;
}

/* Flash notices */

.success, .failure {
  padding: 5px;
  margin-bottom: 5px;
  font-weight: bold;
}

/* Main stuff */

#hd-wrap {
  background: #000;
  padding: 10px;
  padding-bottom: 0px;
}
#bd-wrap {
  padding-top: 10px;
  //background: url(/images/bg.gif) top left repeat-x;
}

#ft {
  margin-top: 10px;
border-top: 1px solid #dbcfad;
}

#hd h1 {
  float: left;
}
#hd h1 a, #hd h1 {
  color: #fff;
}

/* Site wide styles */

img.picture, a.picture img, .avatar {
  padding: 1px;
  border: 1px solid #bdb191;
}

.avatar, .large_image {
  float:left;
  margin-right: 10px;
}

.large_image .picture {
  margin-left: 0px !important;
}

/* Nav */

#nav {
  float: left;
  font-size: 114%;
  margin-left: 20px;
  margin-top: 60px;
}
#nav li {
  float: left;
  margin-right: 10px;
  background: #111;
  //border: 1px solid #212121;
  padding: 6px 9px;
}
#nav a {
  color: #fff;
  text-decoration: none;
}
#nav a:hover {
  text-decoration: underline;
}
#nav li.selected {
  background: #fffadb;
  border-top: 1px solid #fff;
}
#nav li.selected a {
  color: #352802;
  font-weight: bold;
}

#user_nav {
  float: right;
  font-size: 92%;
}
#user_nav li {
  float: left;
}
#user_nav li input {
  background: none;
  color: #fff;
  border: none;
  padding: 0px;
}
#user_nav a {
  color: #fff;
  text-decoration: none;
}
#user_nav a:hover {
}

#admin_nav {
  font-size: 92%;
}
#admin_nav li {
  float: right;
}
#admin_nav a {
  color: #fff;
  text-decoration: none;
}

#admin_nav li, #user_nav li {
  padding: 4px;
  margin-right: 10px;
  background: #111;
  border: 1px solid #222;
}

/* Forms */

fieldset {
  padding: 5px;
  margin-bottom: 5px;
  margin-top: 5px;
}
input, textarea {
  padding: 3px;
  border: 1px solid #dbcfad;
}
legend {
  font-weight: bold;
}
fieldset p {
  margin-bottom: 5px;
}
label {
  float: left;
  font-size: 0.9em;
  margin-top: 0.3em;
  padding-right: 1em;
  text-align: right;
  width: 8em;
}
label.with_control {
  width: 9.5em !important;
}

/* Tables */

table {
  width: 100%;
  border: 1px solid #ccc;
}
td, th {
  padding: 2px 3px;
}
th {
  background: #ddd;
  font-weight: bold;
  font-size: 92%;
}

/* News */

#hearfromyou h2 {
  font-size: 136%;
  border-bottom: none;
}

#hearfromyou label {
  display: block;
}

.recent_articles {
}
.recent_articles li {
	font-size: 92%;
	margin-bottom: 3px;
}

/* Events and groups */

.event, .group {
  margin-bottom: 20px;
}
.event p, .event h3, .event h4, .group p, .group h3, .group h4 {
  margin-left: 80px;
}
.showcased p, .showcased h3 {
  margin-left: 0px;
}
.event .picture, .group .picture {
  float: left;
  width: 70px;
}

.event_or_group .datetime {
  margin-bottom: 7px;
}
#attendance_buttons {
  float: right;
  width: 200px;
}
#attendance_buttons input {
  float: right;
}

.showcased .picture {
  width: 370px;
}
.datetime, .group .stats {
  font-size: 92%;
  font-weight: bold;
  margin-top: 2px;
  padding-left: 18px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-top: 1px solid #dbcfad;
  background: url(/images/cal.gif) 0px 4px no-repeat;
}

p.policy {
  float: right;
  font-size: 90%;
  font-weight: bold;
}

/* Members */

.details {
  padding-top: 5px;
}
.company {
  clear: left;
}
.company li, .protected li {
  margin-top: 3px;
}
.protected {
  clear: left;
  padding: 5px;
  margin-top: 10px;
}
.protected .notice {
  color: #9e8a51;
  font-size: 92%;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
}
.protected h4 {
  margin-top: 5px;
}
.admins_only {
  border: 1px solid red;
}

#members_search label {
  width: auto;
  float: none;
}

/* Admin members list */

#users {
  margin-bottom: 5px;
}

#quicklists input {
  float: left;
  margin-right: 5px;
}

#action_buttons {
  clear: left;
}
#action_buttons input {
  float: left;
  margin-right: 5px;
}
#secondary_buttons input {
  float: right !important;
}

/* Users list */

.user {
}

/* Front page post */

.post {
  margin-bottom: 20px;
}
.post p {
  //margin-bottom: 0.5em;
}
.post h3, .post p, .post .picture {
  margin-left: 60px;
}

.post .datetime {
  float: left;
  color: #333;
  width: 50px;
  text-align: center;
  padding: 5px 0px;
  font-size: 92%;
  margin-top: 3px;
  border: 1px solid #dbcfad;
  background: #faf4d2;
}

.post .datetime .day {
  font-size: 122%;
  font-weight: bold;
}
.post .author {
  font-size: 92%;
  margin-top: 0.2em;
  margin-bottom: 0.3em;
  padding-bottom: 4px;
  border-bottom: 1px solid #dbcfad;
}
.attendicator {
	float: right;
	width: 150px;
}
.comment_list {
	width: 180px;
	float:right;
}
.event_plain .info{
	width: 180px;
	float:left;
}
.event_plain .body {
	margin-left: 200px;
}
.event_plain .datetime {
  float: none;
  width: auto;
}

.friend_list li {
	width: 22%;
  margin-right: 2%;
	float:left;
  text-align: center;
  font-size: 85%;
}
.friend_list li .picture {
}

.subscription_status_active { background-color: #00FF00; color:#000000 ;}
.subscription_status_purgatory { background-color:#FFFF00 ; color:#000000 ;}
.subscription_status_wishful { background-color:#00FFFF ; color:#000000 ;}
.subscription_status_refused { background-color:#FF0000 ; color: #000000;}
.subscription_status_departed { background-color:#000000 ; color:#FFFFFF ;}
.subscription_status_unknown { background-color:#555555 ; color:#FFFFFF ;}


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

.event_month_tabs {
  margin-bottom: 5px;
}
.event_month_tab {
	float:left;
	margin-right:8px;
  border: 1px solid #dbcfad;
  background: #fbf6e8;
  padding: 3px;

}
.event_month_tabs a {
  text-decoration: none;
}
.event_month_tabs .active {
  font-weight: bold;
}



.post div.buttons {
}
div.buttons {
  margin-top: 5px;
  margin-bottom: 5px;
  zoom: 1;
}
div.buttons:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

div.buttons input {
  float: left;
  color: #43402c;
  font-weight: bold;
  padding: 2px;
  margin-right: 5px;
  border: 1px solid #aca371;
  background: #d9d1a3;
}

.comment p {
margin-left: 64px
}

p.interest {
	width: 170px;
	float: left;
}
p.interest label {
	width: 130px;
}
/* Bookings page */

.bookings_picture {
	padding: 1px;
	border: 1px solid #bdb191;
	margin-bottom: 5px;
}
.bookins_primarycol {
	margin-right: 4%;
}
.bookins_col {
	width: 45%;
	float: left;
	margin-bottom: 15px;
}