/*
Theme Name: Breckenridge Rafting
Theme URI: http://binarym.com/
Description: The Wordpress theme!
Version: 1.0a
Author: Sarah Fulka/Matt McInvale
Author URI: http://binarym.com/
*/

/* GLOBAL WIDTHS AND STYLES: Body, main width definitions, sidebar widths */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #EEE;
	background: #2b4d22 url(images/bg.gif) repeat-y center top;
 }
	
.content {
	margin: 0 auto 0 auto;
	width: 800px;
	padding: 0; }
	
.header, .content_bottom { 
	width: 766px; }
	
.content_bottom {
	/*background: url(images/content_bottom.jpg);*/
	clear: both;
	height: 5px; 	}
	

/*typography*/

	
a:link {
	text-decoration: underline;
	font-weight: normal;
	color: #ffe955; }
	
a:visited {
	text-decoration: underline;
	font-weight: normal;
	color: #ffe955; }
	
a:hover {
	text-decoration: none;
	font-weight: normal;
	 }
	
h1 {
	font-size: 1.6em;
	margin-top: 0em;
	margin-bottom: 0em; }
	
h2 {
	font-size: 1.5em;
	margin: 0em 0em .2em 0em;
	padding: 0;
	font-weight: normal;	
	line-height: 1.4em;
	letter-spacing: .055em;
	color: #FFFFFF; 
	padding: 0; }
	
h3 {
	font-size: 1.4em;
	line-height: 1.4em;
	letter-spacing: .055em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	color: #98BD8F; }
	
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;	
	color: #98BD8F;}
	
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;	}
	
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;	}
	
img {
	border: 0;	}
	
ol, ul, li {
	font-size: 1.0em;
	line-height: 1.8em; 	}
	
p {
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 0em;	}
	
strong, b {
	font-weight: bold;	}
	
.smalltext {
	font-size: .8em;
	color: #666; }
	
	
/* MAIN ELEMENTS */

.header { 
	position: relative;
	height: 319px;
	background: url(images/header.jpg);
	padding:0;
	margin: 0 auto; }

.header div {
  position:absolute;
  top:180px;
  margin-left:20px;
  width:240px;
  font-weight:bold;
  font-size:.9em;
}
.header div h4 {
  display:inline;
  padding-right:5px;
  color:#ffe955;
  border-bottom:1px solid #ffe955;
}
.header div h4 a {
  color:#ffe955;
  text-decoration:none;
}
.header div p {
  margin:0 0 10px 0;
}
.header div p a {
  color:#fff;
  text-decoration:none;
}
.header form {
  float:right;
  margin:10px 10px 0 0;
}
.header form input#s {
  float:left;
  margin:2px 5px 0 0;
  padding:0;
  width:120px;
  border:1px solid #999999;
}
.header div.logo {
  position:absolute;
  top:10px;
  left:0;
}
.header div.logo a {
  height:130px;
  width:220px;
  display:block;
  position: absolute;
  text-indent: -1000em; 
  overflow:hidden; 
}
.header div.discounts {
	position:absolute;
	top:275px;
	left:0;
	margin-left: 530px;
}
.header div.discounts a {
	height:35px;
	width:224px;
	display:block;
	position: absolute;
	text-indent: -1000em; 
	overflow:hidden;
}	
.main {
	width: 766px;
	position: relative;
	padding: 1px 0 0 0px;
	margin: 0 auto;
	background: url(images/body.jpg) no-repeat; 
}
.blog {
	width: 480px;
	padding: 0px 0px 0px 30px;
	margin: 0px 0 0 0; }
	
.blog h1 {
  padding:120px 0 0 0;
}
	
/* SIDEBAR ITEMS */

.sidebar {
	position: relative;	
	float: right;}
	
.sidebar.right {
	width: 200px;
	margin: 80px 0 0 0;
	padding: 0 30px 0 0px; }

.sidebar p {
	margin: 0;
	padding: 0;
	color: #98BD8F;
	line-height: 1.8em; }

.sidebar ul {
	font-size: 1em;
	color: #98BD8F;
	padding: 0px 0px;
	margin: 5px 0 20px 0;
	list-style: none;
	text-transform: uppercase; }

.sidebar ul li  {
	font-size: 1em;
	border-bottom: 1px solid #FFE955;
	padding: 4px 0 0px 0; }
	
.sidebar ul li a:link, .sidebar ul li.current_page_item ul li a {
	color: #9EC395;
	text-decoration: none; }
	
	* html .sidebar ul li a:link, .sidebar ul li  a:visited, .sidebar ul li  a:hover {
		/*border-bottom: 1px solid #FFE955;*/
		padding: 4px 0 0px 0; }

.sidebar ul li a:visited {
	color: #A4CB9A;
	text-decoration: none; }
	
.sidebar ul li a:hover, .sidebar ul li.current_page_item a, .sidebar ul li.current_page_item ul li a:hover {
	color: #fff400;
	text-decoration: none;
}

.sidebar ul li ul {
  display:none;
  font-size:.8em;
  margin:2px 0 8px 15px;
}

.sidebar ul li ul li {
  border:0;
}
.sidebar ul li.current_page_item ul, .sidebar ul li.current_page_ancestor ul {
  display:block;
}

/* NAV */

.navContainer {
	position: relative;
	width: 766px;
	background: url(images/nav.jpg);
	height: 37px;
	padding: 0;
	margin: 0 auto; }

.nav {
	position: relative;
	padding: 8px 0px 0px 7px;
	margin: 0;
	line-height: normal;	}
	
.nav ul {
	margin: 0;
	padding: 0;
    list-style:none;   }
  
.nav li {
    font-size: .9em;

    float:left;
    max-width:85px;
    line-height:1.1em;

    padding: 0px 10px 0px 5px; 
    margin: 0;
    background: url(images/nav_tab.jpg) no-repeat right center; 
}

  
.nav li a:link, 
.nav li a:visited {
display:block;
	text-decoration: none;
	font-weight: bold;
	color: #003E93;
	background: url(images/nav_unselected.jpg) left 3px no-repeat;
	padding-left: 12px; }

/*	
.nav li a:visited {
	text-decoration: none;
	color: #003E93;	 }
	
	* html .nav li a:visited {
		background: url(images/nav_unselected.jpg) no-repeat left center;
		padding-left: 12px; }
*/	
	

.nav li a:hover, .nav li.current_page_item a:link, .nav li.current_page_item a:visited, .nav li.current_page_item a:hover, .nav li.current_page_ancestor a:link, .nav li.current_page_ancestor a:visited, .nav li.current_page_ancestor a:hover {
	color: #2B4D23;
	padding-left: 12px;
	font-weight: bold;
	background: url(images/nav_selected.jpg) left 3px no-repeat;
	text-decoration: none; }

  

	
/* FOOTER */

.footer {
	color: #89A981;
	margin: 0 auto;
	padding: 10px 0;
	border-top: 1px solid #6B8365;
	width: 696px;
	text-transform: uppercase; }
	
.footer a:link, .footer a:visited {
	color: #98BD8F;
	text-decoration: none;
	margin: 0 7px; }
	
.footer p {
	font-size: .8em;
	padding: 0;
	margin: 0; }

.footer p.left {
	float: left; }
	
.footer p.right {
	float: right; }
	
/* MISC */
div.clear {
	clear:both;
	width:1px;
	height:1px;
	overflow:hidden;
}

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

img.alignleft {
  float:left;
  margin:0 15px 10px 0;
}

#commentform textarea {
  width:400px;
}