html, body { 
	padding: 0; height: 100%;  margin: 0 auto; 
}
body { background: url(/media/theme/grad-back.png) top center repeat-y; }
#body { 
	min-width: 1000px; 
	max-width: 1280px; 
	margin: 0 auto; 
	/* IE 6 Hack to make a min-width work */
	width: expression(
		document.documentElement.clientWidth > 1024?(
			document.documentElement.clientWidth < 1280?"100%":"1280px"
		):"1000px"
	);
	min-height: 100%;  _height: 100%;
	background: url("/media/theme/bluenavbar.jpg") top left repeat-y;
/* 	border: 1px solid black; border-width: 0 1px;  */
}
body, table, td { font-size: 13px; font-family: "Helvetica", sans-serif; line-height: 1.4; }
/* #body { background: white; } */
a img { border: 0; }

* html img, * html input.image {  behavior: url("/scripts/pngbehavior.htc"); } /* make IE6 support 32-bit PNG images */

.clear { clear: both; }

.formtable { width: 80%; margin: 1em auto; border-spacing: 0; }
.content-right .formtable { width: 100%; }
/* apply this background to Yahoo tabs as well */
.yui-skin-sam .yui-navset .yui-nav .selected a, .yui-skin-sam .yui-navset .yui-nav .selected a:focus, .yui-skin-sam .yui-navset .yui-nav .selected a:hover, 
.formtable thead.formtable { background: #264E91 url(/media/theme/aaw-blue-grad.gif) bottom left repeat-x !important; }

/* fix this Yahoo background color to match */ 
.yui-skin-sam .yui-navset .yui-nav, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav {  border-bottom-color: #16325A !important; }

.formtable thead.formtable th { 
	font-weight: bold;
	text-align: left; 
	border-bottom: 1px solid #264E91; 
	padding: 3px; 
	font-size: 105%;
	color: white;
}
.formtable thead th .topbutton { float: right; white-space: nowrap; }
.formtable thead th .topbutton div.formfield { display: inline; }
.formtable thead th .topbutton input.button { font-size: 100%; vertical-align: bottom;  }
.formtable thead th .topbutton div { margin: 0; }

th { text-align: left; }
td { vertical-align: top; }

.formtable thead.formtable th.name { text-align: right; }
.formtable td.left, .formtable td.right { width: 50%; vertical-align: top; }
.formfield { display: block; margin-bottom: 0.33em; }
.formlabel { display: block; font-weight: bold; color: #3A3A3A; }
.formlabel .formnote { display: block; font-size: 75%; color: #666; }
.formlabel .required { font-size: 80%; color: red; }

table.report { position: relative; border-spacing: 0; margin: 1em auto; border-collapse: collapse; }
table.report thead, table.report caption { background: #CBD3B6; }
table.report thead div, table.report caption div { position: relative; }
table.report caption { position: relative; margin: 0 auto; text-align: left; font-weight: bold; margin-bottom: -1em; }
table.report thead .name, table.report caption .name { position: absolute; top: 0; right: 0; }
table.report th { text-align: left; }
table.report tbody .even { background: #FFF; }
table.report tbody .odd { background: #DDE9C3; }
table.report td, table.report th { padding: 1px 3px; vertical-align: top;  }
table.report td :first-child, table.report th :first-child { margin-top: 0; }

table.formtable .tfoot, table.report .tfoot  { background: #264E91 url(/media/theme/aaw-blue-grad.gif) bottom left repeat-x; }
table.formtable .tfoot td { padding: 2px; }
table.report .tfoot .button, table.formtable .tfoot .button { /*text-align: right;*/ }

#search .formfield, #search .formlabel  { display: inline; }

a:link { color: #3E5867; }
a:visited { color: #5E7887; }
a:hover {  }

h3, h4, h5, h6 { font-size: 15px; margin-bottom: 3px; padding: 0; margin-top: 0px; }
h4 { font-size: 11px; }
h5 { font-size: 11px; }
h3 a, h4 a, h5 a, h6 a { text-decoration: none; }

#header { 
	background: url("/media/theme/header-back.jpg") #CBD3B6 top left repeat-x; position: relative;
}
#header-inner { 
	background: url("/media/theme/header-left.jpg") top left no-repeat; 
	height: 99px;
	margin: 0;
	position: relative;
}
#header h1 { margin: 0; }
#header h2 { display: none; }
#header img { vertical-align: bottom; }
#header h1 img { position: relative; left: 3px; top: 3px; }
/* #header-end { height: 5px; background: url("/media/theme/blackline.gif") top left no-repeat; overflow: hidden; margin-top: -5px; top: 3px; position: relative; }  */
#header #searchheretext { position: absolute; top: 5px; left: 9%; padding-left: 131px; margin: 0;}

form#index-login { position: absolute; bottom: 1em; right: 3px; font-size: 90%; margin: 0; }
form#index-login .formfield { display: block; text-align: right; margin: 3px 0; }
form#index-login .formlabel { display: inline; }
form#index-login .formnote { display: none; }
form#index-login label { font-weight: bold; }
form#index-login span.button { text-align: center; padding-right: 60px; }
form input.button { font-size: 110%; }
form .tfoot td.button { text-align: right; } form .tfoot td.button .formfield { display: inline; }
form span.checkbox { display: block; }

#body-container { background: url("/media/theme/bluenavbar.jpg") top left repeat-y; } 




#content { margin-left: 135px; padding-top: 1px; margin-right: 3px; }
#content-inner { float: left; width: 100%; /*margin-left: -5px;*/ }
#content-inner-inner { margin-right: 245px;  }

.content-left { float: left; width: 100%; }
.content-left-inner { margin-right: 263px; }
.content-right { float: right; width: 250px; margin-left: -250px;  zoom: 1; }

#aside { float:left; width: 240px; margin-left: -240px; zoom: 1; }

.noads #aside { float: none; display: none; }
.noads #content-inner-inner { margin-right: 0; }

@media print {
	#aside { float: none; display: none; }
	#content-inner-inner { margin-right: 0; }
	#index-search { display: none; }
	#body { min-width: auto; }
	#content { background: white;  }
}

#footer { clear: both; border-top: 1px solid #AAA; width: 100%; position: relative;  }
#copyright { text-align: center; }

#navigation { float: left; width: 135px; background: url(/media/theme/nav-top.jpg) top left no-repeat; }
#navigation-container {  color: white; width: 120px; background: url(/media/theme/nav-top-back.jpg) #16325A left top no-repeat; margin-top: 38px;  }
#navigation-container-inner { padding: 0 0 5px 0; margin: 0; }
#navigation h3 { color: #DDD; }
.navigation-menu-list { margin: 0; padding: 0; padding-left: 3px; list-style: none; }
.navigation-menu-list li a { display: block; font-weight: bold; color: white; padding: 0.25em 3px; text-decoration: none; }
.navigation-menu-list ul { margin: 0; padding: 0; padding-left: 8px; list-style: none; }
.navigation-menu-list ul li a { font-weight: normal; padding-top: 0; padding-bottom: 0; }
.navigation-menu-list .navigation-category-list { margin: 0; padding: 0 0 0.25em 0.5em; list-style: none; }
.navigation-menu-list .navigation-category-list li a { display: block; font-weight: normal; color: white; padding: 0; text-decoration: none; }
.navigation-menu-list li a:visited { color: white; }


h3.menu-head { clear: both; }
.menu-left { float: left; margin-bottom: 1em; clear: left; width: 49%; }
.menu-right { float: right; margin-bottom: 1em; clear: right; width: 49%; }
.menu-right h4, .menu-left h4 { font-size: 110%; border-bottom: 1px solid #AAA; }
.menu-right ol, .menu-left ol { margin: 0.25em 0; padding-left: 2em; }

.breadcrumb { font-size: 90%; margin: 1em 0; }

.category-list { }
.category-list-container h4 { font-size: 110%; margin: 0 0 0.25em 0; border-bottom: 1px solid #AAA; padding: 0; }
.category-list-container p { margin-top: 0; }

div.error { text-align: center; font-weight: bold; color: white; background-color: #900; border: 1px solid black; margin: 0.5em 0; padding: 0.1em; }
div.confirmation { text-align: center; font-weight: bold; color: white; background-color: #060;  border: 1px solid black; margin: 0.5em 0; padding: 0.1em; }
div.warning { text-align: center; font-weight: bold; color: black; background-color: #FFFFCC;  border: 1px solid black; margin: 0.5em 0; padding: 0.1em; }

div.error a, div.confirmation a { 
	color: white;
}

#admin-nav { border-bottom: 1px solid #3E5867; padding: 0 0.5em 0 0; }
#admin-nav-left { float: left; padding: 0.5em 0; }
#admin-nav-right { float: right; padding: 0.5em 0; }

/*.datepicker { background: white; border: 1px solid black; border-collapse: collapse; width: 250px;  }
.datepicker thead { background: #DDD; }
.datepicker td, .datepicker th { border: 1px solid black; width: 42px; }
.datepicker td.offmonth { background: #E3E3E3; }
.datepicker td.today, .todayLink { background: #CCD; }
.datepicker td.selected { background: #DDA; }
.datepicker .captionLeft, .datepicker .captionMid { border-right-color: #DDD; background: #DDD;  }
.datepicker .captionRight, .datepicker .captionMid  { border-left-color: #DDD; background: #DDD; }
.datepicker .captionMid { text-align: center; }
.datepicker .captionRight { text-align: right; }*/

.post-summary { 
	margin: 1em 0; 
	padding: 2px; 
	border-width: 1px 0 0 0;
	border-style: dotted;
	border-color: #BBB; 
}
.post-summary h4 { margin: 0; }
.post-summary img { float: right; border: 1px solid; margin: 5px; }

.post { text-align: justify; }

div.blogphotolist { float: left; width: 80px; cursor: pointer; }
div.blogphotolist .selected, div#photolist .selected  { background: #DFDFDF; }
div.blogphotolist .selected img, div#photolist .selected img { border: 1px solid blue; }
div.blogphotolist .blogphotocontent { padding: 5px 0; text-align: center; }
div.blogphotolist img { border: 1px solid; }
span.blogphotolisttitle, .blogphoto .phototitle { display: block; font-size: 9px; }
.blogphoto { text-align: center; }


#photofieldsets div.photofieldset { display: none; position: relative; }
#photofieldsets div.selected { display: block; }
#photofieldsets .photothumb { float: right; border: 1px solid black; }

div.blogphotoodd, div.blogphotoeven { width: 150px; text-align: center; margin: 5px; }
div.blogphotoodd { float: right; }
div.blogphotoeven { float: left; }
div.blogphotoodd span, div.blogphotoeven span { display: block; }
div.blogphotoodd img, div.blogphotoeven img { border: 1px solid; }

/*div.post img {  display: block; margin: 1em auto; border: 1px solid black; }
div.photos-post h4 { margin-top: 0; }
div.photos-post { border: 1px solid; margin: 1em 0; padding: 1px; }
div.photos-post h4 { margin-top: 0; }
div.photo-post { width: 49%; text-align: center; float: left; margin: 5px 0; font-size: 9px;  }
div.photo-post img { border: 1px solid black; display: block; margin: 0 auto; }*/

/* div.post, div.post-summary { background: #EEE; } */
img.post-photo {  display: block; margin: 1em auto; border: 1px solid black; }
div.photos-post h4 { margin-top: 0; }
div.photos-post { 
	margin: 1em 0; padding: 1px; zoom: 1; /* IE hack to fix broken borders */ 
	border: 3px double; 
	border-color: #BBB #777 #777 #BBB; 
}
div.photos-post h4 { margin-top: 0; }
div.photo-post {  text-align: center;  margin: 5px 0; font-size: 9px; width: 117px; float: left;  }
div.photo-post img { border: 1px solid black; display: block; margin: 0 auto; }


#gallery-photo-title { text-align: center; font-size: 15px; }
img.gallery-photo { display: block; margin: 0 auto; border: 1px solid black; }

div.gallery-photo { float: left; width: 50%; text-align: center; font-size: 10px; }
div.gallery-photo img { border: 1px solid; margin: 0 auto; display: block;  }
div.gallery-photo-inner { border: 1px solid #DDD; border-width: 0; padding: 0.5em; margin: 0.5em;  } 

.inactive { background: #CCC !important; }
.inactive-note { font-style: italic; font-weight: bold; }

#runtime-info { color: white; font-size: 8px; }

/** 
 * Specific code for the forms on the home page
 */
#home-form form td, #home-form form th, #home-form form input { 
	font-size: 12px !important; 
}
#home-form form .tfoot, #home-form form .tfoot { 
	background: transparent; 
}
#home-form form .tfoot input.button, #home-form form .tfoot .yui-submit-button, #home-form form .tfoot input.button, #home-form form .tfoot .yui-submit-button { 
	float: none;
}

.user-icon { float: left; margin: 0 0.5em 0.5em 0; border: 1px solid black; }

/* Profile page styles */
	#profile-icon img { border: 1px solid; }
	#profile-icon {
		float: left; width: 210px; 
	}
	#profile-description { margin-left: 210px; }
		
	table#profile-adventures { width: 100%; }
	.profile-photo { float: left; width: 50%; text-align: center; }
	.profile-photo img { border: 1px solid; }
	#profile-adventures .post-summary { margin-top: 0; border-top: 0; }
	#profile-adventures .profile-adventure, #users-list .users-list-item { background: white; border: 1px solid #CDD5DF; margin: 5px 0; padding: 5px; }
	#profile-adventures tbody tr { border-bottom: 5px solid #EdF5FF; }
/* end profile page styles */

/* editor width */
textarea#textarea_body { width: 100%; }

.prev-next { margin: 0.75em 0; background: #B6CAA2 url(/media/theme/prev-next-back.jpg) top left repeat-x; clear: both; zoom: 1 }
.prev { float: left;  padding: 0.25em 2px; } 
.next { float: right;  padding: 0.25em 2px; }
.prev-next a { color: #2E3357; }

.post-comment, .photo-comment  { border: 1px solid #CDD5DF; padding: 5px; background: white; margin: 1em 0; }

.gallerythumbs {  }
.gallerythumbs img { padding: px; margin: 3px; background: black; vertical-align: bottom; }
.gallerythumbs img.selected { background: #16325A; padding: 3px; }

#reader-comments { margin: 1em 0; font-size: 110%; border-bottom: 1px solid black; }

img.button { margin: 1px; cursor: pointer; } 

.help-tool { cursor: help; vertical-align: bottom; }
span.help-tool { border-bottom: 1px dotted;  }
.rotate-left .first-child { padding-left: 10px; background: url(/media/theme/rotate-left-icon.png) left center no-repeat }
.rotate-right .first-child { padding-left: 10px; background: url(/media/theme/rotate-right-icon.png) left center no-repeat }

/* talk box styles */
div.talk-box { position: relative; margin: 1em 0;}
div.talk-box .nw { position: absolute; top: 0; left: 0; width: 11px; height: 8px; background: url(/media/theme/rounded-box/aaw-box-nw.gif) top left no-repeat; }
div.talk-box .ne { position: absolute; top: 0; right: 0; width: 11px; height: 8px; background: url(/media/theme/rounded-box/aaw-box-ne.gif) top left no-repeat; }
div.talk-box .sw { position: absolute; bottom: 0; left: 0; width: 11px; height: 8px; background: url(/media/theme/rounded-box/aaw-box-sw.gif) top left no-repeat; }
div.talk-box .se { position: absolute; bottom: 0; right: 0; width: 11px; height: 8px; background: url(/media/theme/rounded-box/aaw-box-se.gif) top left no-repeat; }
div.talk-box .n { display: block; margin: 0; height: 8px; background: url(/media/theme/rounded-box/aaw-box-n.gif) top left repeat-x; }
div.talk-box .s { display: block; margin: 0; height: 8px; background: url(/media/theme/rounded-box/aaw-box-s.gif) top left repeat-x; }
div.talk-box .c { background-color: #D4D4D4; padding: 1px 3px; }
/* end talk box styles */

/* badges */
span.beta { font-size: 80%; position: relative; top: -0.25em }
/* end badges */