* {margin:0;padding:0}
.clear { clear: both; }

h1 { margin: 15px 0; font-size: 26px; font-weight: normal; }
h2 { font-size: 20px; margin: 15px 0; font-weight: normal;}
h3 { font-size: 18px; margin: 10px 0; font-weight: normal;}
h4 { font-size: 16px; margin: 10px 0; font-weight: normal;}
hr {height: 1px; border: 0; }
p { margin: 15px 0;}
a img { border: none; }

body {
	font-size: 12px;
	font-family: 'Lucida Grande',sans-serif;
	padding:0;
}

#container {
  width: 970px;
  margin: 0 auto;
}

#container-inner { 
	padding:0 16px; 
}

#header {
  position: relative;
  height:124px;
}

#header h1 {
  padding: 10px 0;
  font-size: 30px;    
}

#header h1 a:link, #header h1 a:active, #header h1 a:hover, #header h1 a:visited {
  text-decoration: none;
}

#main {  
  width: 65%;
  float: left;    
}

.no-sidebar #main {  
  width: 100%;
  float: none;    
}


#main .pagination {
/*  padding: 15px 0;  */
	display:inline-table;
}

#sidebar {
  width: 30%;
  float: right;      
}

#main h3,
#sidebar h3 {  
  padding: 10px 15px;
  margin: 0;
  font-size: 13px;
}

#sidebar .block {
  margin-bottom: 20px;
  padding-bottom: 10px;
}

#sidebar ul.navigation li a:link, #sidebar ul.navigation li a:visited {
  display: block;
  padding: 0;
}

#sidebar .block .sidebar-block, #sidebar .notice {
  padding:10px;
}

#main .block {
  margin-bottom: 0;
}

#main .block .content {
  padding: 0 15px;  
  margin: 0 15px;
}

#main .main p.first {
  margin-top: 0;
}

#user-navigation {
  position: absolute;
  top: 10px;
  right: 20px;  
}

#user-navigation ul, #sidebar ul.navigation {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#user-navigation ul li {
  float: left;  
}

#user-navigation ul li {
  margin-left: 10px;
}

#user-navigation ul li a:link, #user-navigation ul li a:visited, #user-navigation ul li a:hover, #user-navigation ul li a:active {
  text-decoration: none;
}

#footer {
  padding: 20px;
}

/* pagination */

.pagination a, .pagination span {
  padding: 2px 5px;
  display: block;
  float: left;
  margin-right: 5px; 
}

.pagination span.current {
  font-weight: bold;  
  border-width: 1px;
  border-style: solid;
}

.pagination a {
  text-decoration: none;
  border-width: 1px;
  border-style: solid;
}

/* tables */
.table {
  width: 100%;
  border-collapse: collapse;  
}

.table th {
  padding: 10px;
  font-weight: bold;
  text-align: left;
}

.table th a.toggle {
  display: block;
  width: 12px;
  height: 12px;
}

.table th.first {
  width: 30px;
  text-align: center;
}

.table td {
  padding: 10px;
}

/* forms */

input.checkbox {
  margin: 0;
  padding: 0;
}

.form .group {
  margin-bottom: 15px;
}

.form .column {
  width: 48%;
}

.form .column.left {
  float: left;
}

.form .column.right {
  float: right;
}

.form label {
	float:left;
	font-size:12px;
	width:120px;
}
.form label.title, .form input.text, .form textarea {
  font-size: 1.2em;
  padding: 1px 0;
  margin: 0;
}

.form input.checkbox, .form input.radio {
  margin-right: 5px;
}

.form label.checkbox, .form label.radio {
  line-height: 1.5em;
}

.form label.title {
  display: block;
  padding-bottom: 2px;  
  font-weight: bold;
}

.form input.text, .form textarea.textarea {
  width: 100%;
  border-width: 1px;
  border-style: solid;
}

/* lists */

ul.list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul.list li {
  clear: left;
  padding-bottom: 5px;
}

ul.list li .left {
  float: left;  
}

ul.list li .left.date,
ul.list li .date-left {  
  padding: 0 10px;
}

ul.list li .left .avatar {
  width: 50px;
  height: 50px;
}

ul.list li .item {
  margin-left: 80px;
}

ul.list li .date.day {
  padding: 10px;
}

ul.list li .date .day {
  display: block;
}

ul.list li .item .avatar {
  float: left;
  margin: 0 5px 5px 0;
  width: 30px;
  height: 30px;
}

form.inplaceeditor-form {
	display:inline;
}

ul.responses {
	list-style:none;
}

li.response-text {
	/* border-top:1px solid #DDDDDD;*/
	margin:0 0 1.5em;
/*	padding:1em;*/
}

.last-post {
	font-size:8pt;
	padding:0.6em;
}

/* ---- Ians Button ---- */

a.button { font-size:13px; height:31px; display:inline-block; background-image:url(/images/buttonleft.gif); background-position:top left; text-decoration:none; }
a.button span { font-size:13px; color:#676767; font-weight:bold; height:23px; padding:8px 10px 0 32px; display:inline-block; background-image:url(/images/buttonright.gif); background-position:top right; background-repeat:no-repeat; }
a.button:hover { background-image:url(/images/buttonlefthover.gif); }
a.button:hover span { background-image:url(/images/buttonrighthover.gif); color:#363636; }

/* ---- Sub menus ---- */

#sub-menu { padding-bottom:4px;padding-top:0; padding-left:5px; height:25px; }
#sub-menu ul { padding:0; margin:0; list-style-type:none; }
#sub-menu li { display:inline; }
#sub-menu a { display:inline-block; padding:7px 8px 0 8px; height:22px; margin-right:4px; color:#abbed7; text-decoration:none; font-size:13px; }
#sub-menu a:hover { color:#FFF; }
#sub-menu .on a { color:#FFFFFF; background-image:url(/images/2010/feb/site-sub-marker.gif); background-repeat:no-repeat; background-position:bottom center; }
#sub-menu li.last { border-style:none; }

.odd td { background-color:#EEE; padding:0.25em; }
.even td { background-color:#F8F8F8; padding:0.25em; }
#ft { margin:0 auto; padding:16px 0; text-align:left; }
#ft a { color:#44E; }
#ft .block h2 { background-image:none; border-bottom-style:none; color:#1d4f80; font-size:9pt;font-weight:bold; padding:0; }
#ft .block li { padding:2px 0; }
#ft .block a {  font-size:8pt;color:#666; }
#ft .block a:hover { color:#1d4f80; }
#ft #links p { color:#999;text-align:center;margin:2px 0; font-size:10px; line-height:1.5em; }
#ft #links p a.boxstuff { color:#ed9b0b; text-decoration:none; }
#ft #links .padded a {  color:#999; }
#ft #links .padded a:hover { color:#1d4f80; }

ul.foot {  padding:0; margin:0 }
ul.foot li { list-style-type:none; list-style-image:none; list-style-position:outside; }

p.logo_help { margin:0; font-style:italic; color:#888; font-size:12px; }

/* ---- DATA LISTS (for use in admin/edit mode only) ---- */
.data-list { list-style-type:none; }
.data-list.with-1-column li { padding-right:210px; }
.data-list li { padding:2px 3px; background-color:#EEE; position:relative; }
.data-list li.odd { background-color:#E2E2E2; }
.data-list .column-1 { position:absolute; top:2px; right:3px; width:160px; text-align:right; }
.data-list .column-2 { position:absolute; top:2px; right:163px; width:160px; text-align:right; }
.data-list .column-3 { position:absolute; top:2px; right:323px; width:140px; text-align:right; }
.data-list .column-1.wide { width:50%; }
.data-list .column-1 select { font-size:10px; }

.product_content { padding:0 15px;list-style:none;padding-top:30px}

.form_edit { padding-left:140px; margin:20px 0; text-align:left; }
.form_edit .element { position:relative; margin:6px 0; }
.form_edit label { width:130px; position:absolute; top:2px; left:-140px; text-align:right; }
.form_edit label.reset { width:auto; position:static; top:0; left:0; text-align:left; }
.form_edit .default { position:static; }
.form_edit .help { color:#888; font-size:8pt; }
.form_edit .required { color:#F00; }

.message-block {
	text-align:left;
	padding:4px 8px 4px 26px;
	margin:1.5em 0 1em 0;
	background-color:#CCC;
	background-repeat:no-repeat;
	background-position:4px 6px;
	border-top:1px solid #888;
	border-bottom:1px solid #888;
}

.list.left-align.member .message-block p { margin:0; } /* -- hack -- */

.message-block p.first { font-weight:bold; margin-bottom:0.5em; }
.message-block p.last { font-style:italic; margin-top:0.5em; }

.message-block.information {
	background-color:#d3e6fe;
	background-image:url(/images/famfamfam/silk/information.gif);
	border-color:#92c3fe;
}

.message-block.errors {
	background-color:#f4e0e2;
	background-image:url(/images/famfamfam/silk/error.gif);
	border-color:#c37779;
}

.message-block.create {
	background-color:#e3ffd0;
	background-image:url(/images/famfamfam/silk/add.gif);
	border-color:#a1d87c;
}

.message-block.contact {
	background-color:#e3ffd0;
	background-image:url(/images/famfamfam/silk/email.gif);
	border-color:#a1d87c;
}

.message-block.notices {
	background-color:#e3ffd0;
	background-image:url(/images/famfamfam/silk/error.gif);
	border-color:#a1d87c;
}

.message-block.notices.bad {
	background-color:#fec9b8;
	background-image:url(/images/famfamfam/silk/exclamation.gif);
	border-color:#f69679;
}

.message-block.admin {
	background-color:#fec9b8;
	background-image:url(/images/famfamfam/silk/lock.gif);
	border-color:#f69679;
}

/* ---- Sign Up page Explanation text --- */

ul.explain { list-style-type:none; padding:0; margin:0; }
ul.explain li { list-style-type:none; padding-left:85px; margin-bottom:1em; background-position:top left; background-repeat:no-repeat; min-height:55px; height:auto !important; height:55px; }
#explain-md { background-image:url(/images/layout/help-compass.gif); }
#explain-crew { background-image:url(/images/layout/help-crew.gif); }
#explain-yacht { background-image:url(/images/layout/help-yacht.gif); }
#explain-pennant { background-image:url(/images/layout/help-pennant.gif); }
#explain-event { background-image:url(/images/layout/help-event.gif); }
#explain-write { background-image:url(/images/layout/help-write.gif); }
#explain-anchor { background-image:url(/images/layout/help-anchor.gif); }
#explain-photo { background-image:url(/images/layout/help-photo.gif); }
#explain-compass { background-image:url(/images/layout/help-compass.gif); }

/* -------- File Uploader -------- */
#yui_file_uploader { width: 100%; margin-bottom: 20px;}
#yui_file_uploader .uploader_button_container {float:right;}
#yui_file_uploader .uploader_button_overlay { position: absolute; z-index: 2; }
#yui_file_uploader .uploader_select_button { z-index:1 }
#yui_file_uploader .uploader_buttons { height: 2em; }
#yui_file_uploader .upload_button {float:right; padding-left: 5px;}
#yui_file_uploader .upload_button a:hover { color: #5A86C1; }

#yui_file_uploader .filenames { width: 100%; margin-bottom: 5px;}
#yui_file_uploader .filenames th { font-weight: bold;}
#yui_file_uploader .filenames .f_name { text-align: left; }
#yui_file_uploader .filenames .f_size { text-align: center; padding: 2px 5px; width: 50px; }
#yui_file_uploader .filenames .f_progress { text-align: right; width: 200px; }

	/* YUI Uploader Progressbars */
#yui_file_uploader .progressbars { width:200px; }
#yui_file_uploader .yui3-progressbar { margin-bottom:3px; border: 2px solid #c4c4c4; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; }
#yui_file_uploader .yui3-progressbar .yui3-progressbar-content { background-color:#fff; position:relative; }
#yui_file_uploader .yui3-progressbar .yui3-progressbar-label { position: absolute; top:1px; left:3px; font-size:11px; font-family:Arial,Helvetica,sans-serif; }
#yui_file_uploader .yui3-progressbar .yui3-progressbar-slider { background-color:#D9E6F5; height: 15px; line-height: 29px; width: 0; }