/*
Theme Name: Farflung
Description: Farflung WordPress theme.
Version: 1.0
*/

body {
	margin:0;
	font:13px/15px Arial, Helvetica, sans-serif;
	color:#382a07;
	background:#576a57;
}
p {margin:0;}
form {
	margin:0;
	padding:0;
}
a {color:#1844e3;}
a:hover {text-decoration:none;}
#container {
	margin:0 auto;
	width:778px;
	overflow:hidden;
}
#header {
	width:793px;
	overflow:hidden;
	background:url(images/header-bg.jpg) no-repeat;
	background-color: #670b0b;
}
.header-holder {
	width:100%;
        height:94px;
	overflow:hidden;
}
#header h1 {
	width:330px;
	height:79px;
	margin:10px 25px 0 35px;
	float:left;
	display:inline; 
	overflow:hidden;
	text-indent:-9999px;
}
#header h1 a {
	width:100%;
	height:100%;
	overflow:hidden;
	display:block;
}
.contact {
	width:370px;
        height:59px;
	float:left;
	color:#fff;
	margin-top:15px;
	margin-bottom: 20px;
	text-align:center;
}
.contact strong {
	font:bold 24px/18px Verdana, Arial, Helvetica, sans-serif;
	display:block;
	color:#fff;
	margin-top: 15px;
        margin-bottom: 2px;
}
.contact a {
	color:#fff;
	font:18px/24px Verdana, Arial, Helvetica, sans-serif;
}
.contact a:hover {text-decoration:none;}






/*** ORG NAV STYLES

ul.navigation {
	width:773px;
	list-style:none;
	padding:0 0 0 20px;
	margin:8px -15px 10px 0;
	overflow:hidden;
}
ul.navigation li {
	display:inline;
	margin-right:11px;
	font:bold 14px/18px Arial, Helvetica, sans-serif;
}
ul.navigation li a {
	color:#fff;
	text-decoration:none;
}
ul.navigation li a:hover, ul.navigation li.current_page_item a {text-decoration:underline;}***/

#main {
	width:757px;
	overflow:hidden;
	padding:10px 0 23px 20px;
	background-color: #e7d7ac;
}

.photo-holder {
	width:441px;
	background:url(images/photo-holder-bg.gif) no-repeat;
	float:right;
	padding:16px 0 30px;
	margin-left:19px;
	text-align:center;
}
.photo-holder img {margin-bottom:2px;}
.photo-holder a {font-size:14px;}

#main h3 {
	font:bold 18px Arial, Helvetica, sans-serif;
	margin:0;
}
.main-content {
	width:736px;
	padding:0 22px 0 0;
	overflow:hidden;	
}
.main-content-right {
	width:290px;
	padding:22px 12px 30px 12px;
        float: right;
	overflow:hidden;
        background-color: #9F9063;		
}

.NewsUpdate {
	width:375px;
	padding:0 30px 100px 0;
	overflow:hidden;
}
.content{
	padding:0 0 0;
}
.content h2 a{
	color:#000;
	text-decoration:none;	
}
.content p, table {
	/*text-align:justify;*/
	text-align:left;
	margin-bottom:10px;
	padding-left:7px;
}
#main h1 {
	font:bold 26px/26px Arial, Helvetica, sans-serif;
	/*margin:0;*/
	margin:15px 0 15px 0;
}
#main h2 {
	font:bold 21px/21px Arial, Helvetica, sans-serif;
	/*margin:0;*/
	margin:15px 0 15px 0;
}
#main h4 {
	margin:0;
	font:bold 16px/18px Arial, Helvetica, sans-serif;
}
#main h5 {
	margin:0 0 5px 0;
	font:bold 21px/21px Arial, Helvetica, sans-serif;
}
#main h6 {
	margin:0 0 0 0;
}
.box-holder {
	width:100%;
	overflow:hidden;
	margin:-11px 0;
	padding:0;
	position:relative;
}
.box-holder {
	width:100%;
	overflow:hidden;
	margin-top:5px;
}

a.main-box {
	float:left;
	cursor:pointer;
	text-align:center;
	position:relative;
	margin-right:2px;
	/***text-decoration:none; ***/
	background:url(images/box-inner.jpg) no-repeat 100% 100%;
}
a.main-box span.heading {
	width:auto;	
	height:30px;
	display:table;
	position:relative;
	left:50%;
        color:#1844e3;
}

* html a.main-box span.heading {
	display:inline-block;
	left:0;
}
*+ html a.main-box span.heading {
	display:inline-block;
	left:0;
}
a.main-box span.heading span {
	vertical-align:middle;
	margin:0;
	display:table-cell;
}

a.main-box:hover span.heading strong {text-decoration: none;}

a.main-box span.heading strong {
	font:bold 17px Arial, Helvetica, sans-serif;
	margin-left:-50%;
	float:left;
	line-height:17px;
	position:relative;
        color:#1844e3;
        text-decoration: underline;
	/*** color:#382a07; ***/
	text-align:center;
}

* html a.main-box span.heading strong {
	float:none;
	margin:0;
}
*+ html a.main-box span.heading strong {
	float:none;
	margin:0;
}
.box{
	background:url(images/box-bg.jpg) no-repeat;
	padding-left:11px;
	display:block;
}
.box img {
	background:url(images/image-bg.jpg) repeat-x;
	padding:13px 0;
	display:block;
	margin-right:11px;
}
a .box img {border:none;}
.next .box img {
	padding:10px 0 11px;
}
#footer {
	width:698px;
	overflow:hidden;
	padding:0 38px 0 42px;
	font:bold 10px/12px Arial, Helvetica, sans-serif;
	color:#e7d7ac;
}
#footer a img {
	border:none;
	display:block;
}
a.banner-1 {
	float:left;
	margin:11px 20px 0 0;
}
a.banner-2 {
	float:right;
	margin-top:7px;
}
.footer-content {
	float:left;
	margin-top:14px;
	width:445px;
	text-align:center;
}
#footer ul {
	list-style:none;
	padding:0;
	margin:0;
	width:auto;
	overflow:hidden;
}
#footer ul li {
	display:inline;
	border-left:1px solid #e7d7ac;
	padding:0 2px 0 3px;
}
#footer ul li:first-child { 
	border-left: none; 
	padding-left: 0; 
}
#footer ul li a {
	color:#e7d7ac;
	text-decoration:none;
}
#footer ul li a:hover {text-decoration:underline;}
.comment{
	padding:15px;
}
.comment p {
	margin-bottom:5px;
}
.comment h3 {
	padding-bottom:5px;
}

.alignright {
	float:right;
	margin:0 0 15px 15px;
}

.aligleft {
	float:left;
	margin:0 0 15px 15px;
	margin:0 15px 15px 0;
}

#main #contentColumn {
	float: right;
	margin: 15px 10px 15px 25px;
	width:180px;
	/*background-color: rgb(255, 251, 240);*/
	background-color:#e6dcc1;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 10px;
	padding-left: 8px;
}

#main #contentColumn .arrowlistmenu{
width: 180px; /*width of menu*/
margin: 0 0 20px 0;
border-bottom:1px solid #900;
}

#main #contentColumn .arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

#main #contentColumn .arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

#main #contentColumn .arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

#main #contentColumn .arrowlistmenu ul li a{
color: #A70303;
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

#main #contentColumn .arrowlistmenu ul li a:visited{
color: #A70303;
}

#main #contentColumn .arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

/** Content columns contact form **/

#contentColumn #cformsform {
	width: 180px;
	margin: 0px;
	padding: 1px 0 0 0;
}
#contentColumn #cformsform ol {
	display:inline;
	list-style-type: none;
}
#contentColumn #cformsform li {
	margin-top:10px;
}
#contentColumn #cformsform input {
	width:145px;
}
#contentColumn #cformsform textarea {
	width:145px;
}

#contentColumn #cformsform fieldset {
	border:none;
}

#contentColumn #cformsform .cf-fs1 legend{
font: bold 14px Arial;
color: Black;
/*background: black url(images/titlebar.png) repeat-x center left;*/
margin: 0 0 0px 0; /*bottom spacing between header and rest of content*/
/*padding: 4px 0 4px 10px; header text is indented 10px*/
}


#contentColumn div.failure{
	background-color:#D9828C;
	padding: 4px 6px;
	margin:5px;
	border: dashed 1px #731C1C;
	font-weight:bold;
}

#contentColumn div.success{
	background-color:#09BF3C;
	padding: 4px 6px;
	margin:5px;
	border: dashed 1px #1C7335;
	color:#FFF;
}






/** Content contact form **/

#cforms2form {
	width:180px;
	background-color: rgb(255, 251, 240);
	width: 500px;
	margin: 15px;
	padding: 10px;
	float:right;
	border: dashed 1px #900;
}
#cforms2form ol {
	display:inline;
	list-style-type: none;
}
#cforms2form li {
	margin-top:10px;
}

#cforms2form label { position: absolute; text-align:right; width:130px; }

#cforms2form input, #cforms2form textarea {
	width:215px;
	margin-left: 140px;
}


#cforms2form fieldset {
	border:none;
}

#cforms2form .cf-fs1 legend{
font: bold 14px Arial;
color: Black;
/*background: black url(images/titlebar.png) repeat-x center left;*/
margin: 0 0 0px 0; /*bottom spacing between header and rest of content*/
/*padding: 4px 0 4px 10px; header text is indented 10px*/
}


div.failure{
	background-color:#D9828C;
	padding: 4px 6px;
	margin:5px;
	border: dashed 1px #731C1C;
	font-weight:bold;
}

div.success{
	background-color:#09BF3C;
	padding: 4px 6px;
	margin:5px;
	border: dashed 1px #1C7335;
	color:#FFF;
}




/**** RIVER ADVENTURE COLUMN AND PAGE STYLES ***/
#main .main-content .content #riverAdvenColumn{
	float: right;
	width:420px;
	margin-left: 20px;
	margin-bottom: 15px;
	padding-bottom:0px;
	text-align: center;
	/*background-color: rgb(255, 251, 240);*/
	background-color: #e6dcc1;
	border:#684e0d dotted 1px;
}

table.riverAdvenBlock
{
        background-color: #e6dcc1;
	border:#d0bb82 dotted 1px; 
}

#main .main-content .content #riverAdvenColumn h2{
	margin-bottom:0px;	
}

#main .main-content .content #riverAdvenColumn h3{
	font-size:16px;
	margin-top:0px;
}

table.riverAdvenBlock h2{
	margin-bottom:0px;
}

table.riverAdvenBlock h3{
	font-size:16px;
	margin-top:0px;
}

h3.riverAdvenBlock {
	font-size:16px;
	margin-top:0px;
}


#main .main-content .content #riverAdvenColumn table{
	font: 14px;
	text-align: center;
}

table.riverAdvenBlock {
	font: 14px;
	text-align: center;
}

ul.notes {
	margin-top:-5px;
	padding-left:25px;
	padding-top:0;
  
}
.printlink {
  display:block;
  background: url(http://www.farflungoutdoorcenter.com/wp-content/themes/farflung/images/printer-icon.gif) left no-repeat;
  padding-left: 30px;
  height:25px;
  padding-top:6px;
}

/*** Added by Phil ***/
#picright{
       width: 250px;
       float: right;
       height: 100%;
       position: relative;
       margin-left: 10px;
        text-align: right;
}

#picrightwide{
       width: 350px;
       float: right;
       height: 100%;
       position: relative;
       margin-left: 10px;
        text-align: right;
}


#contentleft{
      float: left:
      position: relative;
     width: 100%;
}

#blockquote{
	background-color: ffffff;
font: italic Georgia;

}