/* 
Theme Name: Ramah Outdoor Adventures
Description: This custom theme was designed & developed by J.S. Rum & Company, LLC for Ramah Outdoor Adventures.
Author: J.S. Rum & Company, LLC
Author URI: http://www.jsrum.com
Version: 1.0

*/

/*### Colors ###
Blue - #1469b0
Gold - #f8b139
  ###  ###   ###   */
/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
* {margin: 0; padding: 0;}

/* Page Layout */
html{height:100%; overflow-y: scroll; background-color: #225469;}
body{height: 100%; width: 100%;}
#bg{background-image: url("images/bodybg.jpg"); /*background-attachment: fixed; */background-position: fixed bottom left; background-repeat: repeat;}
#logo{width: 500px; height: auto; margin: 0px auto; padding-left: 10px; z-index:100; position: relative; left: -260px;}
#wrapper{width: 902px; margin: 0px auto;}
#topnav{margin-top: -30px; float: right; clear: both; height: 10px; position: relative; z-index:300;}
#topnav li{display: inline; list-style: none;}
#topnav a{text-decoration: none;  color: #fff; font-weight: bold; margin-right: 10px;}
#topnav a:hover{color: #f8b139;}
#header{width: 100%; height: 204px; margin-top: -211px;}
.ie7 #header{margin-top: -203px;}
	.hhome{background-image: url("images/headers/head.jpg"); background-repeat: no-repeat;}
	.habout{background-image: url("images/headers/about.jpg"); background-repeat: no-repeat;}
	.hcampers{background-image: url("images/headers/campers3.jpg"); background-repeat: no-repeat;}
	.hcampers2{background-image: url("images/headers/campers2.jpg"); background-repeat: no-repeat;}	
	.hstaff{background-image: url("images/headers/staff.jpg"); background-repeat: no-repeat;}
	.hdev{background-image: url("images/headers/developers.jpg"); background-repeat: no-repeat;}
	.hcontact{background-image: url("images/headers/contact.jpg"); background-repeat: no-repeat;}
	.hmedia{background-image: url("images/headers/media.jpg"); background-repeat: no-repeat;}
	.hinvest{background-image: url("images/headers/invest.jpg"); background-repeat: no-repeat;}
	.hdefault{background-image: url("images/headers/header-default.jpg"); background-repeat: no-repeat;}
#container{background-image: url("images/bg.png"); background-repeat: repeat-y;}
.indexintro{color: #fff; width: 480px; position: relative; top: 35px; right: 40px; line-height: 120%;}
.ie7 .indexintro{right: 0px; top: 35px; line-height: 100%;}
.pagenavigation{position: relative; z-index: 200;  width:600px; float: right;}
.ie7 .pagenavigation{width: 200px;}
#discussionwrap{padding: 0 11px  1px 10px;}


.leftcolumn{width: 615px; float: left; margin-left: 10px; padding:10px;}
.leftcolumn p, .leftcolumn ul, .leftcolumn ol{font-size:120%;}
.leftcolumn img{margin: 10px;}

#sidebar{width: 220px; float: right; padding: 0 10px}
	#sidebar ul {list-style: none;}
	.sidebar li{list-style: none;}
#sidebar-blog{width: 220px; float: right; padding: 0 10px}
	#sidebar-blog ul {list-style: none;}
	.sidebar-blog li{list-style: none; margin: 10px 0;}
#sidebar-wiki{width: 220px; float: right; padding: 0 10px}
	#sidebar-wiki ul {list-style: none;}
	.sidebar-wiki li{list-style: none; margin: 10px 0;}
#footer{clear:both; height: 896px; background-image: url("images/foot.png"); background-repeat: no-repeat; padding-top:25px;}
	.footxt{width: 455px; color: #fff; font-size: 10px;}
	#footer a{color: #f8b139; margin: 0 0 0 10px;}
	#footer a:hover{color:#ddd;}

#indexbg{margin-left: 8px;}

/*General Elements*/
.fright{float: right;}
.fleft{float:left;}
.clear {clear:both;}

/*Wordpress Custom*/
h2.widgettitle{display: none;}
.widget{margin-top: 10px;}
.widget li{list-style: none;}
.widget_archive{margin-top: 40px;}
.widget_cmeta, .widget_subpages{font-size: 125%;}
.widget_subpages{border-top: 1px solid #ccc; margin-top: 20px; padding-top: 10px;}
#sub-page-menu ul li{margin: 10px 0;}
/*#sub-page-menu ul li:first-child{font-size: 16px; font-weight: bold;}*/
#sub-page-menu h2.widgettitle{display: inline; font-size: 14px; font-weight: bold;}
/* typography */
body {font-size:75%;color:#fff;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
table caption{color: #222;}
table {font-size:120%;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
.alignright{float:right; margin:10px 0 10px 10px;}
.alignleft {float:left;margin:10px 10px 10px 0;padding:0;}
.searchterm1 a:link{color: #fff;}
.searchterm1 {padding: 2px; color: #FECF55;}


a:link, a:visited {color:#f8b139;}
a:hover{color:#fff;}

blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}

.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/*Image Map (Home Page)*/
#homeimageholder{width:902px; margin:0; height: 493px; padding: 0; overflow: hidden;}
#map{float: left; margin-left: 10px; width: 882px; height: 496px; background-image: url("images/homebg.jpg"); background-repeat: no-repeat;}
#map li{width: 1px;height: 1px;list-style: none;}
#map li a{text-indent: -9999px; position: relative;	display: block; background-image: url("images/clickable.gif"); background-repeat: repeat;}
#map1{float: left; margin-left: 10px; width: 882px; height: 496px; background-image: url("images/homebg_joli.jpg"); background-repeat: no-repeat;}
#map1 li{width: 1px;height: 1px;list-style: none;}
#map1 li a{text-indent: -9999px; position: relative;	display: block; background-image: url("images/clickable.gif"); background-repeat: repeat;}
#ro{left: 0; width: 310px; height: 273px; }
#cp{left: 314px; width: 275px; height: 214px;}
#db{left: 0; top: 273px; width: 313px; height: 218px;}
#ir{left: 314px; height: 278px; top: 212px; width: 275px;}
/*#si{left: 590px; width: 290px; height: 330px; }*/
#si{left: 590px; width: 290px; height: 493px; }
#fo{left: 590px; top: 329px; width: 290px; height: 163px; }

/*RECENT POSTS (HOME PAGE)*/
.recentposts{width: 293px; height: 159px; margin-right: 10px;top: -180px; float: right; border-top:1px solid #fff; border-left:1px solid #fff; background-color: #4A95BB; position: relative; overflow: hidden;}
	.recentposts h6{color:#fff; text-transform: uppercase; font-weight: normal; font-size: 13px;  background-color: #1469b0; padding:5px 10px;}
	.recentposts li{background-image: url("images/starbullet.png");background-position: 11px 12px; background-repeat: no-repeat; text-indent: 25px; padding: 10px 15px 0 15px; font-size: 12px; list-style:none;}
	.ie7 .recentposts li{text-indent: 10px;}
	.recentposts li a:link, .recentposts li a:visited, .recentposts li a:active{color: #FFF; text-decoration: none; font-weight: 600; font-size: 10px;}
	.recentposts li a:hover{color: #f8b139;}

/* forms */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:100px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/*Navigation*/
#suckerfishnav {font-size:12px; font-weight:bold; width: 540px; padding-top: 14px;}
#suckerfishnav, #suckerfishnav ul {float:right; list-style:none; line-height:20px; padding:0; margin:17px 0 0 0;}
#suckerfishnav a {display:block; color:#fff; text-decoration:none; padding:0px 16px 0 0;}
#suckerfishnav li {float:left; padding:0; margin-right:4em;} /*Primary lvl*/
#suckerfishnav ul {position:absolute; left:-999em; height:auto; width:200px; font-weight:normal; margin:0; line-height:1; border:0; border-top:1px solid #fff;}
#suckerfishnav li li {width:199px; border-bottom:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff; font-weight:bold; font-family:verdana,sans-serif;}
#suckerfishnav li li a {padding:5px 10px; width:200px; font-size:13px; color:#fff;}
#suckerfishnav li ul ul {margin:-22px 0 0 100px;}
#suckerfishnav li li:hover {background:#1469b0;}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {color:#f8b139;} /*secondary rollovers*/
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#f8b139;} /*primary nav rollovers*/
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {color:#fff;}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {left:-999em;}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {left:auto; background:#003f7A;}
.ie7 #suckerfishnav li:hover ul,.ie7 #suckerfishnav li li:hover ul,.ie7 #suckerfishnav li li li:hover ul,.ie7 #suckerfishnav li li li li:hover ul, .ie7 #suckerfishnav li.sfhover ul, .ie7 #suckerfishnav li li.sfhover ul, .ie7 #suckerfishnav li li li.sfhover ul, .ie7 #suckerfishnav li li li li.sfhover ul {left:auto; margin-left: -100px;margin-top:14px;background:#003f7A;}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {background:transparent;}