/* 
Theme Name: rafting.com 2.3
Theme URI: http://www.Rafting.com
Version: 1.a
Description: A Content management system theme from <a href="http://www.Rafting.com">Rafting.com</a>
Author: Sam A. Russo
Author URI: http://SearchFriendlyWebDesign.com
*/
body {
	margin:0px;
	padding: 0px;
	background-image:url(img/bodyBg.jpg);
	background-repeat:repeat-x;
	font-size:100%;
	}
#page {
	width:1000px;
	margin: 0px auto;
	}
table tr td.header {
	background-image:url(img/top_header.gif);
	background-repeat:no-repeat;
	height:108px;
	vertical-align:top;
	}	
table tr td.nav {
	background-image:url(img/navBg.jpg);
	background-repeat:no-repeat;
	height:33px;
	vertical-align:top;
	border-left:1px solid #666666;
	border-right: 1px solid #666666;
	margin: 0px;
	}	
#headContain{
	width: 100%;
	vertical-align:top;
	margin-top: 25px;
	}
#headerLeft {
	float: left;
	width: 70%;
	}
#headerRight {
	float: right;
	width: 30%;
	margin: 0px;
	}
table tr td.body {
	vertical-align:top;
	background-color:#FFFFFF;
	border-left:1px solid #666666;
	border-right: 1px solid #666666;
    width:998px;
	}
table tr td.footer {
	vertical-align:middle;
	text-align:center;
	background-color:#FFFFFF;
	border-left:1px solid #666666;
	border-right: 1px solid #666666;
	margin:0px;
	}	
table tr td.bottom {
	background-image:url(img/bottomBg.jpg);
	background-repeat:no-repeat;
	height: 11px;
	background-color:#FFFFFF;
	margin:0px;
	}					
#search {
	background-image:url(img/searchBg2.jpg);
	background-repeat:no-repeat;
	height:44px;

	}	
#searchform {
	padding-top: 10px;
	vertical-align:middle;
	}	
#headerRight ul li {
	list-style:none;
	margin-left: -1em;
	}
img a {
border:0px;
}	
#breadcrumb {
	margin: 10px 15px 10px 15px;
	font-size:90%;
    }
#sideTopleft {
	float:left;
	vertical-align: top;
	margin: 0px;
}
#sideTopright {
	float: right;
	vertical-align:top;
	margin:0px;
	}	
.clearRight {
	float: right;
	font-size:12px;	
	clear:none;
	}		
#rss {
	width: 215px;
	vertical-align:top;
	clear:both;
	height: 105px;
	margin: 0px;
	font-family:Tahoma;
	font-size: 12px;
	}	

/*---Main Body Structure---*/
#content {
	float:left;
	width:620px;
	margin-left:15px;
	margin-top: 5px;
	padding: 10px;
	clear:both;
	font-size: 12px;
	}
#contentRiver {
	width: 958px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	margin-top: 5px;
	padding: 10px;
	clear:both;
	font-size: 12px;
	text-align: left;
	}	
#boxContain ul li, #contentRiver ul li, #content ul li {
	list-style-type:none;
	margin-left: -15px;
	margin-bottom:7px;
	}	
#sidebar {
	padding: 10px 5px 10px 5px;
	float:right;
	width:325px;
	margin-top: 20px;
	clear:right;
	vertical-align:top;
	}
#navigation {
	margin-left: 20px;
	padding-top: 3px;
	margin-top: 5px;
	font-size: 62.5%; /* Resets 1em to 10px */
	}
#navigation ul {
	display:inline;	
	height: 20px;
	}
#navigation li {	
	display:inline;
	padding: 0px 20px 0px 20px;
	border-right: 1px #ffffff solid;
	}
#navigation li a:link, #navigation li a:visited {
	color:#FFFFFF;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 1.5em;
	letter-spacing: 2px;
	text-decoration:none;
	}
#navigation li a:hover {
	text-decoration: underline;
	}
#footer ul li {
  	list-style: none;
        display: inline; 
        text-align: center;
        margin-top: 2px;
} 


	
/*---Typography---*/
#headContain h1 {
	font-family:"Courier New", Courier, monospace;
	font-size:350%;
	color:#cccccc;
	padding-left: 15px;
	margin-bottom:-17px;
	margin-top: -5px;
	letter-spacing: 3px;
	text-decoration: none;
	}
#headContain h1 a:link, #headContain h1 a:visited
	{
	color: #CCCCCC;
	text-decoration: none;
	}	
.tagline {
	font-family:"Courier New", Courier, monospace;
	font-size:15px;
	color:#FFFFFF;
	padding-left: 15px;
	font-weight:bold;
	margin-top: 0px
	}	
#content, #contentRiver, #sidebar{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	}
#content p {
	color:#000000;
	line-height: 1.5em;
	}	
h1, h1 a, h1 a:visited {
	font-size: 20px;
	font-weight:bold;
	color: #990000;
	text-decoration: none;
	}
#contentRiver h1, #content h1 {
        margin-bottom: -5px;
         }
h2 {
	font-size:14px;
	font-weight:bold;
	color:#006699;
	margin-bottom: -5px;
	}	
h2 a:link, h2 a:visited {
	color:#006699;
	text-decoration:none;
	}		
h3 	{
	font-size:12px;
	font-weight:bold;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: -10px;
    color: #000000;
}
h4 {font-size: 16px; color:#3399FF; margin: 0px; padding: 5px 0px 0px 0px;}
.bottomMargin {
	margin-bottom: 2px;
	}
.indent {
        margin-left: 10px;
        color: #000000;
}
p.postmetadata {
	font-size:10px
	}
#sidebar, #sidebar ul {
        font-size: 13px;
        text-decoration:none;
		list-style:none;
	
}
#sidebar a, sidebar a:visited {
	text-decoration:none;
	color:#003366;	}
#sidebar a:hover {
    text-decoration:underline;
    color: 990000;
}

#sidebar ul li {
	margin-left: -8px;
	}
#sidebar p, #sidebar li, #sidebar ul, #sidebar ol {
	font-size: 12px;
}
#sidebar ul li {
        margin-left: -1em;
		list-style-image:url(img/arrow_A_ver1.gif);
}
#sidebar ul li li{
        font-size:1em;
        margin-left: -2.5em;
		}
#footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
.description {
	font-size: 12px;
	text-align: left;	
	}
a:link, a:visited, a:active {
	color:#003399;
	text-decoration:underline;
	}
a:hover {
	color:#666600;
	text-decoration:underline;
	}	
#sidebar h2 {
	background:url(img/h2bg.jpg) repeat-x #006699 top;
	height: 25px;
	width: 100%;
	color: #333333;
	font-size:16px;
	padding-left: 5px;
	padding-top: 2px;
	margin-bottom: -5px;
	}	
h2.border {
	border-bottom: 1px solid #006699;
	width:435px;
	}	
hr {
	border-top: 1px dotted #cccccc;
	border-bottom: 0;
	border-right: 0;
	border-left: 0;
	margin: 25px 0px;
}	
.homeBox  {
	vertical-align:top;
	margin: 10px 0px;
	border-left: 1px dashed #333333;
	border-right: 1px dashed #333333;
	border-bottom: 1px dashed #333333;
	width: 419px;
	height:auto;
	padding: 2px 7px;
	}
/*--Round Corners ad boxes--*/
.roundcont {
	width: 100%;
	background-color: #e6e6e6;
	color: #000;
    align:center;
    margin-top:5px;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url('img/tr.gif') no-repeat top right; 
}

.roundbottom {
	background: url('img/br.gif') no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}
table tr td.left {
	vertical-align:top;
	width: 60%;
	text-align:left;
	}
table tr td.right {
	vertical-align:top;
	width: 40%;
	}

/*-- Homepage Styles ---*/
table tr td.home {
	font-size: 95%;
	width:16.5%;
	vertical-align: top;
        border: dotted 1px #333333;
}
table tr td.home3 {
	font-size: 100%;
	width:20%;
	vertical-align: top;
	text-align: left;
}
.boxContain {
	width: 100%;
	background-color: #cccccc;
	color: #000;
    align:center;
	margin: 0px;
    margin-top:5px;
	}
.boxContain p {
	margin: 0 10px;
}

.boxTop { 
	background: url('img/box_topR.gif') no-repeat top right;
	background-color: #006699;
	height:20px;
}

.boxBottom {
	background: url('img/box_bottomR.gif') no-repeat top right;
	background-color:#cccccc;
	height:15px;
}
.textBox {
	padding: 10px 5px;
	}	
a img {
	border: 0px;
}
h3.sidebar {
	padding-left: 10px;
	padding-top: 2px;
	color:#FFFFFF; 
	margin:0px; 
	text-align:left;
	}
/*-- The Blog --*/
.blogContain {
	padding: 10px;
	margin: 2px;
	background-color: #ededed;
	border: 1px solid #cccccc;	
}	
.poststamp {
	font-size:10px;
	color:#999999;
	padding-top: 2px;
	}

#commmentContainer ul {
	list-style:none;
	margin-left: -20px;
	margin-right:5px;
	}
#commmentContainer li {
	margin-left: -10px;
	padding:5px;
	}		
a.h3:link, a.h3:visited {
	color:#990000;
	}		
img.comment {
	margin: 0px;
	border: 0px;
	vertical-align:middle;
	}		
/*-- Misc --*/
.alignLeft {
	float: left;
	}
.alignRight {
	float: right;
	}
#nextPrev {
	width: 100%;
	margin: 25px 0px;
	clear:both;
	}
/*      Using 'class="alignright"' on an image will (who would've
        thought?!) align the image to the right. And using 'class="centered',
        will of course center the image. This is much better than using
        align="center", being much more futureproof (and valid) */

p img {
        padding: 2px 2px 2px 2px;
        margin: 0px 8px 10px 8px;
        max-width: 100%;
        }
img.centered {
        display: block;
        margin-left: auto;
        margin-right: auto;
        }

img.alignright {
        margin-left: 1em;
	}

img.alignleft {
        margin-right: 1em;
        }	
		.alignright {
        float: right;
        }

.alignleft {
        float: left
        }
/*-- NEW ROUNDED CORNERS --*/
.roundedcornr_box {
	background: url(img/roundedcornr_tl.png) no-repeat top left;
}
.roundedcornr_top {
	background: url(img/roundedcornr_tr.png) no-repeat top right;
}
.roundedcornr_bottom {
	background: url(img/roundedcornr_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom div {
	background: url(img/roundedcornr_br.png) no-repeat bottom right;
}
.roundedcornr_content {
	background: url(img/roundedcornr_r.png) top right repeat-y;
}

.roundedcornr_top div,.roundedcornr_top,
.roundedcornr_bottom div, .roundedcornr_bottom {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content {
	margin-top: -8px;
}
.roundedcornr_bottom {
	margin-top: -15px;
}
.roundedcornr_content { padding: 2px 15px 10px 15px;}	

/*-- NEW Homepage top section --*/
#contentTop {width:900px; padding: 5px 10px; margin: 0px;}
.contentTopLeft {float: left; width: 50%;}
.contentTopRight {float: right; width: 50%;}