*, html { margin: 0; padding: 0; }
body { background: #000 url(images/body_bg.jpg) center top no-repeat; color: #666; font-family: Arial, Tahoma, sans-serif; font-size: 80%; line-height: 1.5; }

p, h1, h2, h3, h4, ul, ol { padding: 0.5em 0 0.35em; }
a { color: #1A3E79; text-decoration: none; }
a:hover { color: #006699; border-bottom: 1px dotted #069; }
a:active, :focus { outline: none; }
a img { border: none; }
strong { color: #333; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.alignright { float: right; margin-left: 10px; }
.alignleft { float: left; margin-right: 10px; }

/*layout and main backgrounds*/
#wrapper { width: 980px; margin: 0 auto; }
#header { position: absolute; }
#container { background: #fff url(images/grunge-top.jpg) left top no-repeat; margin-top: 138px; position: absolute; overflow: hidden; }
#container-inner { width: 980px; background: transparent url(images/grunge-bottom.jpg) left bottom no-repeat; }

#content { padding: 0 20px 20px; overflow: hidden; min-height: 350px; }
/*--*/

/*header stuff (above the white container)*/
h1.logo { padding: 0; width: 450px; height: 130px; float: left; text-indent: -9999px; }
h1.logo a { display: block; width: 450px; height: 130px; }
h1.logo a:hover { border: none; }

#header ul { list-style-type: none; overflow: hidden; }

.socialicons { width: 200px; float: left; margin-left: 345px; margin-top: 33px; }
.socialicons ul li { float: left; width: 25px; height: 25px; margin-left: 19px; border: none; }
.socialicons ul li a { display: block; width: 25px; height: 25px; text-indent: -9999px; }

.topnav { width: 450px; float: left; margin-left: 88px; margin-top: 10px; }
.topnav ul li { float: left; height: 20px; border: none; margin-right: 20px; }
.topnav ul li a { display: block; height: 20px; text-indent: -9999px; }
.topnav ul li a:hover { border: none; }
.topnav ul li.crew, .topnav ul li.crew a { width: 160px; }
.topnav ul li.cause, .topnav ul li.cause a { width: 100px; }
.topnav ul li.contact, .topnav ul li.contact a { width: 110px; }
/*--*/

/*main nav*/
ul.mainmenu { list-style-type: none; overflow: hidden; }
ul.mainmenu li { float: left; }
ul.mainmenu li a { display: block; padding: 0 20px; font-family: Courier New; font-size: 22px; font-weight: bold; text-transform: uppercase; color: #000; text-align: center; background: url(images/nav_border.gif) right center no-repeat; }
ul.mainmenu li.gallery a { background: none; }
ul.mainmenu li:hover a { border: none; color: #006699; }
ul.mainmenu li ul { display: none; }
ul.mainmenu li:hover ul { display: block; position: absolute; list-style-type: none; padding: 0; z-index: 500; background: #fff; width: 160px; }
ul.mainmenu li:hover ul li { float: none; }
ul.mainmenu li:hover ul li a { display: block; font-size: 14px; text-align: left; background-image: none; }
ul.mainmenu li:hover ul li:hover a { font-size: 14px; text-align: left; background: #006699; color: #fff; }

/*--*/

/*footer items*/
#footer { padding: 30px 0 10px; text-align: center; line-height: 1; }
ul.footnav { list-style-type: none; overflow: hidden; padding-left: 100px; }
ul.footnav li { float: left; margin: 0 10px; }
/*--*/

#tribe-frame-wrapper { background: url(images/tribe_frame.gif) left top no-repeat; width: 887px; height: 442px; padding: 26px 30px 30px; }
#tribeimage-container { width: 882px; height: 434px; }
#tribenav-container { width: 520px; position: absolute; margin-top: -200px; background: url(images/tape-tribe.png) right top no-repeat; height: 75px; padding-top: 80px; }
#expeditionnav-container { width: 520px; position: absolute; margin-top: -200px; background: url(images/tape-expedition.png) right top no-repeat; height: 75px; padding-top: 80px; }
#content ul.tribenav { list-style-type: none; overflow: hidden; padding-left: 20px; margin: 0; }
ul.tribenav li { float: left; margin-right: 10px; }
ul.tribenav li a { display: block; padding: 0 5px; color: #fff; font-family: Georgia; }
ul.tribenav li a:hover { border: none; background: #006699; }

.floatwrap { margin: 10px 0; overflow: hidden; padding: 0 20px; }
.videowrapper {  width: 400px; float: left; }
.homevideo { background: url(images/vid-frame.gif) left top no-repeat; padding: 18px 0 0 14px; width: 351px; height: 214px; }
a#video-archive { display: block; background: url(images/video-archive.gif) left top no-repeat; width: 174px; height: 31px; text-indent: -9999px; }
a#video-archive:hover { border: none; }

.mapwrapper { width: 450px; float: right; }
#content ul.destinations { overflow: hidden; list-style-type: none; padding-left: 30px; margin: 0; }
ul.destinations li { float: left; width: 115px; margin-right: 25px; }
ul.destinations li a { color: #000; }
ul.destinations li a:hover { color: #006699; }


.floatwrap h3.subheadline { font-size: 18px; color: #0066CC; background: url(images/blue_grunge_line.gif) left bottom repeat-x; margin-bottom: 5px; }
h3.subheadline { font-size: 17px; font-weight: normal; color: #204E9B; background: url(images/blue_grunge_line.gif) left bottom repeat-x; margin-bottom: 5px; font-family: Georgia; padding: 15px 0 0; }

#journal { background: url(images/paper_1.png) left top no-repeat; width: 261px; height: 254px; float: left; padding: 14px; line-height: 1.3; }
#journal h4.introText { background: url(images/journal-title.png) center top no-repeat; width: 261px; height: 63px; margin: 0 auto; text-indent: -9999px; }
#journal p.text { font-size: 11px; color: #663300; text-align: center; padding: 0px 10px 5px; }
#journal p.text strong { font-size: 13px; color: #0066CC; }
#journal input[type='text'] { width: 190px; border: 1px solid #006699; padding: 2px; margin-left: 30px; }
#journal input[type='submit'] { background: url(images/submit.gif) left top no-repeat; width: 79px; height: 25px; border: none; margin-right: 20px; cursor: pointer; }

#comics { background: url(images/comics.png) center top no-repeat; width: 309px; height: 282px; float: left; }
#comics h3 { display: none; }
#comics a.readmore { display: block; background: url(images/readmore.png) left top no-repeat; width: 86px; height: 14px; position: absolute; margin: 250px 0 0 30px; text-indent: -9999px; }
#comics a.readmore:hover { border: none; }

#adventure { background: url(images/paper_1.png) left top no-repeat; width: 251px; height: 254px; float: left; padding: 14px 19px; line-height: 1.3; }
#adventure h4.findadv { text-indent: -9999px; background: url(images/findadv.gif) left top no-repeat; }
#adventure input[type='submit'] { background: url(images/find-a-trip.png) left top no-repeat; width: 243px; height: 94px; border: none; cursor: pointer; margin-top: 20px; }

h2 { font-family: Georgia; font-weight: normal; font-size: 18px; color: #204E9B; }
h2.headline { font-size: 22px; font-family: Georgia; font-weight: normal; color: #000; background: url(images/water.png) left 20px no-repeat; padding-bottom: 30px; }
h3.headline, h3.headline a { font-size: 16px; font-family: Georgia; font-weight: normal; color: #0066CC; }
h3.headline span a { font-size: 11px; font-family: Arial; color: #999999; }
h2.headline span { font-size: 14px; font-family: Arial; color: #0066CC; }
h3.headline a:hover { color: #006699; }
h4 { color: #006699; }

/*small.theTime { position: absolute; margin-top: -10px; color: #999; }*/
.titles { overflow: hidden; margin-bottom: 10px; }
small.theMonth { color: #fff; float: left; width: 49px; height: 47px; background: url('images/calendar.png') left top no-repeat; text-align: center; font-size: 12px; font-weight: bold; padding-top: 13px; line-height: 1; margin-right: 15px; margin-left: 5px; }
small.theMonth span.theDay { display: block; font-size: 2.8em; color: #000; }
.postmetadata { font-size: 0.85em; padding-left: 5px; clear: both; }
textarea#comment { width: 545px; }
form#commentform { margin-left: 35px; padding: 10px 20px; background: #e6e6e6; }
li.comment { padding: 10px 20px; background: #F7F7F7; margin: 10px 0;  }
img.avatar { float: left; width: 32px; height: 32px; margin-right: 10px; }
cite.fn a { color: #7cab41; font-weight: bold; text-decoration: none; font-style: normal; }
.commentmetadata a { font-size: 0.9em; text-decoration: none; color: #999; }
.says { display: none; }
ol.commentlist { list-style-type: none; margin-left: 0; }
ol.commentlist li p { font-size: 0.95em;}
#content ul, #content ol { margin-left: 35px; }

h2.itineraryTitle { background: url(images/itinerary_head.png) left top no-repeat; height: 178px; padding-top: 35px; font-size: 28px; color: #0066CC; font-family: Georgia; font-weight: normal; margin-top: 10px; }
#post-566 h2.itineraryTitle { background: url(images/itinerary_head_2.png) left top no-repeat; height: 178px; padding-top: 35px; font-size: 28px; color: #0066CC; font-family: Georgia; font-weight: normal; margin-top: 10px; }
.rightbox { float: right; margin-left: 10px; background: url(images/paper_back.png) left 90px no-repeat; width: 314px; height: 800px; padding: 0 25px 0 25px; font-size: 11px; }
.rightbox h3.subheadline { font-size: 16px; }
.rightbox a:hover { border: none; }
.iti-left { float: left; width: 560px; }


/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption {	border: 1px solid #ddd;	text-align: center;	background-color: #f3f3f3;	padding-top: 4px;	margin: 10px;	-moz-border-radius: 3px;	-khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px; }
.wp-caption img {	margin: 0;	padding: 0;	border: 0 none;}
.wp-caption p.wp-caption-text {	font-size: 11px;	line-height: 17px;	padding: 0 4px 5px;	margin: 0;}
.wp-caption a:hover { border-bottom: none; }
/* End captions */

.thumbnail a:link, .thumbnail a:visited {display:block; float:left; padding:5px; background:#e2e2e2 url(images/video_thumb.jpg) center center no-repeat; width:150px; height:150px; margin:5px 5px 0 0;}
.adventure-store .thumbnail a:link, .adventure-store .thumbnail a:visited { background-image: none; width:100px; height:100px; }
.thumbnail a:hover, .thumbnail a:active {background-color:#C4C4C4; border: none;}

.post { overflow: hidden; }
.adventure-store .post { padding: 0; background-image: none; margin: 10px 0; 	-moz-border-radius: 5px;	-khtml-border-radius: 5px;	-webkit-border-radius: 5px;	border-radius: 5px; border: 1px solid #C4C4C4;  }
.prints-post { overflow: hidden; width: 125px; float: left; margin: 10px !important; }
.prints-post-wide { overflow: hidden; width: 250px; float: left; margin: 10px !important; }
.fp-list { overflow: hidden; }
.fp-item { overflow: hidden; width: 115px; float: left; margin: 10px !important; height: 180px; background: #E8F8FF !important; }

.content-left { width: 720px; float: left; }
#sidebar { width: 200px; float: right; padding-top: 20px; }
#sidebar-top { background: url(images/paper_back_top.png) left top no-repeat; height: 20px; }
#sidebar-bottom { background: url(images/paper_back_bottom.png) left top no-repeat; height: 34px; }
#sidebar-mid { background: url(images/paper_back_mid.png) left top repeat-y; overflow: hidden; }
.widget { width: 170px; float: left; padding: 0 15px 15px; line-height: 1.5; font-size: 0.85em; margin: 0 0 10px; }
.crew-widget .textwidget { width: 160px; margin-left: 17px; }
.widget h3.subheadline { padding-top: 0; }
#content .widget ul { margin-left: 10px; list-style-type: none; }
.widget ul li { padding: 5px 0 0; }
.widget ul li .url { font-weight: bold; }

#causenav { background: url('images/causenav.png') left top repeat-x; overflow: hidden; height: 60px; }
ul#causemenu { list-style-type: none; overflow: hidden; font-size: 12px; width: 662px; float: right; margin: 0 0 20px; padding: 0; }
ul#causemenu li { float: left; /*border-right: 1px solid #006699; border-left: 1px solid #006699;*/ width: 132px; background: url('images/tab.jpg') center top no-repeat; height: 30px; }
ul#causemenu li ul, ul#causemenu li:hover ul li ul  { display: none; }
ul#causemenu li+li { border-left: none; }
ul#causemenu li a { display: block; height: 20px; padding: 10px 0 0; text-align: center; color: #fff; }
ul#causemenu li:hover, ul#causemenu li.current_page_item { background-image: url('images/tab-on.jpg'); }
ul#causemenu li:hover a { border-bottom: none; }
ul#causemenu li:hover ul { display: block; width: 115px; position: absolute; list-style-type: none; margin: 0; padding: 0; border: 0px solid #666666; border-top: none; }
ul#causemenu li:hover ul li { float: none; border: none; margin: 0; padding: 0; background: none; height: 25px; }
ul#causemenu li:hover ul li a { display: block; text-align: left; background: #006699; font-size: 11px; height: 22px; padding: 3px 0 0 3px; }
ul#causemenu li:hover ul li:hover a { background: #1A3E79; }

.cause-widget { font-size: 11px; }
.cause-widget strong.counter { background: #006699; color: #fff; padding: 1px 3px; }
.cause-widget p  { padding-left: 10px; }
.cause-widget ul { margin-left: 0px; }
.cause-widget .textwidget { margin-left: -5px; }

.wpcf7-form p { clear: both; }
.wpcf7-form p br { display: none; }
.wpcf7-form p span.label, .wpcf7-form p label { width: 150px; float: left; }
.wpcf7-form p input[type='text'] { width: 250px; }

.clear { clear: both; }

.hidden { display: none; }
#donateForm { background: #000; color: #fff; padding: 20px; font-size: 0.9em; width: 500px; height: 400px; font-style: normal; }
#donateForm p { padding: 0.5em 0 0.35em 0; }

.videobox { padding: 0 5px 10px; background: #F3F3F3; border: 1px solid #C4C4C4; }
.tribequote { overflow: hidden; clear: both; display: block; margin: 10px 0; }
.tribequote h3 { font-weight: normal; font-family: Georgia; color: #006699; border-bottom: 1px dotted #006699; }
.tribequote img { border: 1px solid #006699; background: #C4C4C4; padding: 3px; }

h1.headline a { color: #0066CC; font-family: Georgia; font-weight: normal; padding: 0; }
.post { overflow: hidden; margin: 0 0 30px 0; background: url('images/blogbg-.png') left 7px repeat-x; }
.post-inner { background: url('images/blogbg_reverse-.png') left bottom repeat-x; padding: 0 5px; }

#message_box {
       position: absolute; top: 0; right: 0; z-index: 10; background:#ff5; padding:5px; border:1px solid #CCCCCC; text-align:center; font-weight:bold; width:400px; font-size: 12px; color: #000; }
.post-cause { background: url('images/ohf-logo.png') 0px -5px no-repeat; padding-top: 5px; }

.adventure-store .post { padding: 10px 20px; }
span.price { font-size: 14px; color: #c00; }
a.buy_link {	border: 1px solid #ddd;	text-align: center;	background-color: #f3f3f3;	padding: 2px 5px; margin: 5px; font-size: 11px;	-moz-border-radius: 3px;	-khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px; }
a.buy_link:hover { color: #fff; background: #006699; }
p.nohover a:hover { border-bottom: none; }

.iti-list { clear: both; -moz-border-radius: 5px;	-khtml-border-radius: 5px;	-webkit-border-radius: 5px;	border-radius: 5px; border: 1px solid #C4C4C4; background: #F3F3F3; margin-top: 20px; }
.iti-list h3 { margin: 0 15px; padding-left: 10px;}
.iti-list ul { list-style-type: none; margin-left: 25px; overflow: hidden; }
.iti-list ul li { width: 285px; float: left; margin-right: 10px; font-size: 11px; padding: 5px 0; }
.iti-list ul li a { font-weight: bold; }

#expLeft { width: 231px; float: left; }
#expRight { width: 230px; float: right; }
#what-the-tribe-says { width: 191px; float: left; height: 409px; padding: 50px 20px 20px; }

#content-mid { width: 439px; float: left; }
