/*___ layout.css: Positioning and Layout Styles ___*/

/*___ Section 1: Global Positioning/Layout Styles ___*/

html 
{
	position		: relative;
}

body 
{
    position        : relative;
    width           : 960px;
    margin          : 0 auto;
    overflow-y      : scroll;
    overflow-x      : visible;
}

h1 
{
}

h2 
{
}

h3 
{
    padding-top		: 20px;
	line-height		: 28px;
}

h4 
{
	line-height		: 24px;
}

h5 
{
	font-size		: 15px;
    padding         : 8px 0 2px 0;
}

h6 
{
}

p 
{
}

ul 
{
}

ol 
{
}

li 
{
}

strong 
{
}

em 
{
}

u 
{
}

a 
{
}

a:visited 
{
}

a:hover 
{
}

table 
{
}

tr 
{
}

th 
{
}

td 
{
}

img 
{
}

/*___ Section 2: Site-Specific Positioning/Layout Modules ___*/
.primary
{
    display         : inline-block;
    position        : relative;
    padding         : 265px 15px 0 15px;
    width           : 613px;
    min-height      : 150px;
    margin-right    : 17px;
    vertical-align  : top;
    z-index         : 1;
}

.secondary
{
    position        : relative;
    display         : inline-block;
    margin-left     : -4px;
    position        : relative;
    width           : 283px;
    padding         : 0 15px 80px 0;
    vertical-align  : top;
	line-height		: 16px;
    z-index         : 1;
}

.recentVideos hr
{
    display         : none;
}

body.home > img,
body.home > a
{
    display         : block;
    width           : 728px;
    padding         : 0 116px;
}

.fn,
.street-address,
.adr,
.email
{
	display			: block;
}

/*___ Section 3: Unique Element-Specific Position/Layout Styles ___*

/*___ DIV _________________________________________________________________*/
.header
{
    display         : inline-block;
    position        : absolute;
    width           : 660px;
    top             : 0;
    left            : 0;
    z-index         : 2;
}

a + .header,
img + .header
{
    top             : 90px;
}

.footer
{
    padding-top     : 420px;
}

.footer.splash
{
    padding-top     : 0;
}

.nav.main
{
    display         : block;
    position        : absolute;
    top             : 130px;
    left            : 340px;
    z-index         : 3;
}

a + .header + .nav.main,
img + .header + .nav.main
{
    top             : 200px;
}

.agenda
{
    display         : block;
    width           : 100%;
    padding         : 0 0 10px 0;
}

div.podcasts
{
    display         : none;
    width           : 83%;
    margin          : 0 15px;
    padding         : 0 10px 10px 10px;
    overflow        : hidden;
}

.podcasts.display
{
    display         : block;
}

.primary.home
{
    word-spacing    : -1em;
}

.primary.home * 
{
    word-spacing    : 0;
}

.recent
{
    width           : 46%;
    padding         : 0;
    display         : inline-block;
    word-spacing    : normal;
    vertical-align  : top;
    min-height      : 461px;
	margin			: 20px 0 0 0;
}

.recent.nelson
{
	margin-left		: 20px;
	padding-left	: 20px;	
}

.recent:first-child
{
    margin-left     : -8px;
}

.guest
{
	width			: 195px;
	float			: left;
	margin-right	: 15px;
}

.forumfeed
{
	width			: 403px;
	float			: left;
}

.trip
{
    width           : 133px;
    margin          : -5px 0 0 7px;
    padding         : 5px 5px 0 5px;
    display         : inline-block;
    word-spacing    : normal;
    vertical-align  : top;
    min-height      : 521px;
    overflow        : hidden;
}

.featured
{
    position        : absolute;
    bottom          : 42px;
    left            : 0;
    height          : 340px;
    width           : 930px;
    padding         : 10px 15px;
    z-index         : 2;
    overflow        : hidden;
}

.response
{
    width           : 240px;
    margin          : 0 0 10px 0;
}

.comment
{
	padding-bottom	: 10px;
	margin-bottom	: 10px;	
}

.reportheader
{
    position        : relative;
}

.maincontent
{
	display			: inline-block;
	width			: 300px;
}

.subcontent
{
	display			: inline-block;
	vertical-align	: top;	
	padding			: 0 0 0 8px;
	width			: 300px;
}

div.cart
{
	display			: inline-block;
	vertical-align	: top;
	width			: 187px;
	padding			: 5px;
}

.purchase
{
	clear			: both;
}

/*___ SPAN _________________________________________________________________*/
.radio,
.station
{
    display         : block;
	margin-bottom	: 5px;
}

.agenda h2 > span
{
    display         : block;
}

.date
{
    display         : block;
    margin-bottom   : 5px;
}

.recent h3 span
{
    margin-bottom   : -5px;
}

.trip h3 > span:first-child
{
    display         : block;
    margin-bottom   : 6px;
}

.trip span span
{
    margin-bottom   : -6px;
}

.featured p > span
{
    display         : block;
    width           : 100%;
    text-align      : center;
    padding-bottom  : 1em;
}

.featured h2 > span
{
    display         : block;
    padding-bottom  : 5px;
}

label span
{
    width           : 120px;
    display         : block;
}

.featuredTrips li > span
{
    display         : block;
}

textarea + span
{
    position        : absolute;
    width           : 90px;
    text-indent     : -7px;
}

.txtTitle + .required
{
    position        : absolute;
    margin-left     : 7px;
    width           : 88px;
}

label .help
{
    width           : auto;
}

.captcha
{
    display         : block;
    width           : auto;
}

span.long
{
	width			: auto;	
}

h4 .cufon
{
	height			: 24px !important;
}

.forumfeed .feedinfo
{
	font-size		: 11px;	
}

.tdName span
{
	display			: block;
}

span.price-outter
{
	display			: block;
	margin-bottom	: 13px;
}

/*___ H1 _________________________________________________________________*/
.header h1
{
    display         : inline-block;
    margin-top      : 13px;
    vertical-align  : top;
}

/*___ H2 _________________________________________________________________*/
.header h2
{
    display         : inline-block;
    vertical-align  : top;
    margin-top      : 12px;
}

.agenda h2
{
    margin          : 10px 0;
    padding         : 15px 0;
    text-align      : center;
}

.featured h2
{
    margin-left     : 465px;
    padding-bottom  : 10px;
}

/*___ H3 _________________________________________________________________*/
.primary h3
{
    margin-bottom   : 15px;
}

.videos h3
{
    margin-bottom   : 0;
}

h3.videos
{
	clear			: both;
}

.recent h3
{
	padding-top		: 5px;
    margin-bottom   : 7px;
}

.trip h3
{
    width           : 133px;
    margin-bottom   : 15px;
}

.newsletter h3
{
    padding-top		: 0;
}

/*___ H4 _________________________________________________________________*/
.primary h4
{
    padding			: 10px 0 2px 0;
    clear           : both;
}

.galleryListing h4
{
    display         : inline-block;
    vertical-align  : middle;
}

.section.reviews h4
{
    clear           : both;
}

.featuredTrips h4
{
    clear           : none;
    padding-top		: 0;
}

h4.feeds
{
	height			: 1.1em;
    clear           : both;
}

h4.guestBlog,
.forumfeed h4
{
	padding			: 10px 0 5px 0;
}

.recentVideos h4
{
	height			: 1.1em;
	padding			: 0 0 5px 0;	
}

.secondary h4
{
	line-height		: 18px;
}

.primary .product-list h4
{
	clear			: none;
}

/*___ H5 _________________________________________________________________*/
.podcast h5
{
    margin-left     : 15px;
}

.contact h5
{
	padding-bottom	: 0;
}

/*___ H6 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ P _________________________________________________________________*/
.primary p
{
    padding-bottom  : 10px;
}

.recent p
{
    padding-bottom  : 0;
}

.podcast p
{
    margin-left     : 15px;
}

#mc_embed_signup p
{
    width	    : 240px;	
}

.forumfeed p
{
	padding-bottom	: 0;
}

#taxInfo
{
	padding-bottom	: 0;
}

/*___ UL _________________________________________________________________*/
.agenda ul
{
    margin          : 0 10px;
}

.listen
{
    float           : right;
}

.primary .links
{
    padding         : 0;
    margin-bottom   : 8px;
	list-style-type	: none;
}

.primary ul
{
    list-style-type : circle;
    padding         : 0 30px;
}

.primary .twitter
{
    list-style-type : none;
    padding         : 0;
}

.primary .listen
{
    padding         : 6px 0 6px 35px;
    list-style-type : none;
}

.gallery ul
{
    width           : 613px;
    text-align      : center;
    list-style-type : none;
    padding         : 0;
}

.gear ul
{
    text-align      : right;
    list-style-type : none;
    padding         : 0;
}

.primary ul.recentVideos
{
    display         : inline-block;
    position        : relative;
    width           : 448px;
    margin-right    : 15px;
    list-style-type : none;
    padding         : 0;
}

ul.alternate
{
    list-style-type : none;
    padding         : 0;
}

.primary .featuredTrips
{
    list-style-type : none;
    padding         : 0;
}

.primary ul.categories
{
    list-style-type: none;
    padding        : 0;
}

ul.categoryItem
{
    list-style-type : none;
    padding-left    : 10px;
}

ul.menu.main
{
    width           : 320px;
}

.primary .reports
{
    padding         : 0;
    list-style-type : none;
}

.primary .image.list
{
    padding         : 0;
    list-style-type : none;
}

.pager.fishing
{
	padding			: 0;
	list-style-type : none;
	text-align		: right;		
}

.agenda .nav
{
    padding         : 0;
    margin          : 5px 5px 0 0;
    text-align      : right;
}

.primary .contact
{
	word-spacing	: -1em;
	padding			: 0;
	margin			: 0 0 0 -14px;
}

.primary .forumfeed ul
{
	list-style-type	: none;
	margin			: 0 0 20px 0;
	padding			: 0;
}

.primary .product-list
{
	list-style-type	: none;
	padding			: 0;
	display			: inline-block;
	vertical-align	: top;
	width			: 400px;
	margin-right	: 10px;
}

/*___ OL _________________________________________________________________*/

/*___ LI _________________________________________________________________*/
.main li
{
    display         : inline-block;
    width           : 144px;
    margin          : 1px 10px 1px 0;
}

.agenda li
{
    display         : block;
    padding         : 0 0 0 30px;
    margin          : 7px 0;
    min-height      : 24px;
}

.section.podcasts > ul > li
{
    padding         : 10px 0 0 35px;
    margin          : 0 0 10px 0;
    overflow        : hidden;
}

.listen li
{
    display         : inline-block;
    vertical-align  : top;
    margin-bottom   : 0;
}

.listen li:first-child
{
    padding-right   : 5px;
}

.secondary li
{
    margin-bottom   : 10px;
}

.links li
{
    margin-top      : 1px;
    margin-left     : 0;
	max-height		: 20px;
}

.links li:first-child
{
    margin-left     : 0;
}

.gallery li
{
    display         : inline-block;
    vertical-align  : middle;
    width           : 24%;
    margin          : 0 0 20px 0;
    text-align      : center;
}

.sponsors li
{
    display         : inline-block;
    vertical-align  : middle;
    text-align      : center;
    width           : 49%;
}

.gear > li
{
    position        : relative;
    margin          : 30px 0 10px 20px;
    padding         : 5px 10px 5px 150px;
}

.gear ul li
{
    display         : inline-block;
    margin          : 0 0 0 20px;
    padding         : 5px 0 5px 30px;
}

.recentVideos li
{
    position        : relative;
    min-height      : 100px;
	overflow		: hidden;
	margin-bottom	: 15px;
}

ul.alternate li
{
    display         : inline-block;
    vertical-align  : middle;
    min-width       : 24%;
    text-align      : center;
}

.featuredTrips li
{
    position        : relative;
    overflow        : hidden;
    padding-top     : 20px;
    margin-top      : 20px;
}

.featuredTrips li:first-child
{
    padding-top     : 0;
    margin-top      : 0;
}

.categories li
{
    float           : left;
    margin-right    : 30px;
    margin-bottom   : 20px;
}

.categoryItem li a
{
    display         : block;
}

.categories li
{
    width           : 45%;
}

.image.list li
{
    position        : relative;
    display         : inline-block;
    vertical-align  : middle;
    width           : 24%;
    margin-left     : 8px;
}

.image.list li:first-child
{
    margin-left     : 0;
}

.pager.fishing li
{
	display			: inline;
	padding			: 0;
	margin			: 0;	
}

.pager.fishing li:before
{
	content			: " | ";
}

.pager.fishing li:first-child:before
{
	content			: "";	
}

.agenda .nav li
{
    position        : relative;
    display         : inline-block;
    padding         : 0 5px;
    margin          : 0;
}

.contact li
{
	display			: inline-block;
	vertical-align	: top;
	width			: 195px;
	padding			: 0;
	margin			: 0 0 0 14px;
	list-style-type	: none;
	word-spacing	: normal;
}

.subcontent li
{
	padding-bottom	: 10px;
}

.product-list li
{
	padding-bottom	: 15px;
	padding-top		: 15px;
	overflow		: hidden;
}

.product-list li:first-child
{
	padding-top		: 0;
}

/*___ STRONG _________________________________________________________________*/

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/
.main a,
.main a:visited,
.main a:hover
{
    display         : block;
    width           : 90%;
    padding         : 5px 0 5px 15px;
}


.agenda .podcasts,
.agenda .podcasts:visited,
.agenda .podcasts:hover
{
    display         : block;
    width           : 220px;
    padding         : 5px 0;
    margin          : 20px 0 0 40px;
}

.podcasts .podcasts,
.podcasts .podcasts:visited,
.podcasts .podcasts:hover
{
    float           : right;
    padding         : 1px 6px 3px 6px;
}

.recent > a,
.recent > a:visited,
.recent > a:hover
{
    display         : block;
}

.mms,
.mms:visited,
.mms:hover
{
    overflow        : hidden;
    margin          : 10px 0;
}

.trip a,
.trip a:visited,
.trip a:hover
{
    display         : block;
    margin          : 0 -5px;
    width           : 143px;
    text-align      : center;
}

.upload,
.upload:visited,
.upload:hover
{
    display         : inline-block;
    vertical-align  : top;
    margin-top      : 5px;
}

.details,
.details:visited,
.details:hover
{
    display         : block;
    position        : absolute;
    bottom          : 20px;
    right           : 10px;
}

.footer > a,
.footer > a:visited,
.footer > a:hover
{
    position        : absolute;
    bottom          : 20px;
    left            : 600px;
}

.gallery a:hover, 
.gallery a, 
.gallery a:visited 
{
    display         : block;
    max-height      : 100px;
    margin          : 0 auto;
    overflow        : hidden;
    position        : relative;
    width           : 100px;
}

.galleryListing a,
.galleryListing a:hover,
.galleryListing a:visited
{
    display         : block;
    padding         : 10px;
    margin          : 10px 0;
    overflow        : hidden;
}

.tripInfo,
.tripInfo:hover,
.tripInfo:visited
{
    position        : absolute;
    bottom          : 15px;
    right           : 15px;
}

.primary .twitter a
{
    display         : block;
}

.categoryItem a
{
    padding-left    : 30px;
    padding-top     : 30px;
    padding-bottom  : 0px;
}

.addReport
{
    position        : absolute;
    top             : -10px;
    right           : 10px;
    display         : block;
    width           : 80px;
    padding         : 5px 0 5px 30px;
}

.recent a[href*="ads"],
.recent a[href*="ads"]:hover,
.recent a[href*="ads"]:visited
{
    margin-top      : 10px;
    text-align      : center;
}

.ads a
{
    display         : inline-block;
    min-width       : 29.6%;
    text-align      : center;
    margin-top      : 5px;
}

.secondary a[href*="ads.theoutdoorline.com"]
{
    display         : block;
    margin          : 15px auto;
    width           : 250px;
}

.call
{
	display			: block;
	width			: 100%;
	height			: 83px;
	margin-bottom	: 10px;
	text-indent		: -9999em;
}

.text
{
	display			: block;
	width			: 100%;
	height			: 26px;
	text-indent		: -9999em;
}

.forumfeed a
{
	display			: block;
	padding			: 10px;
	margin-bottom	: 10px;
}

.cart .button
{
	display			: inline-block;
	width			: 47.8%;
	text-align		: center;
	margin			: 15px 0;
	font-weight		: bold;
}

.product-list .button
{
	display			: inline-block;
	width			: 100px;
	text-align		: center;
	margin			: 15px 0;
	font-weight		: bold;
}

.button:hover
{
	text-decoration	: none;
}

/*___ TABLE _________________________________________________________________*/

/*___ TR _________________________________________________________________*/

/*___ TH _________________________________________________________________*/

/*___ TD _________________________________________________________________*/
.cart td
{
	vertical-align	: top;
	padding			: 10px 0;	
}

.cart .tdName
{
	padding			: 10px 2px;
	line-height		: 17px;
}

.cart .tdPrice
{
	text-align		: right;
}

/*___ IMG _________________________________________________________________*/
.mms img
{
    float           : left;
    margin          : 3px 3px 0 0;
}

.featured img
{
    float           : left;
    margin-right    : 20px;
}

.recent img
{
	float			: left;
	margin			: 0 5px 10px 0;
}

img[style*="left"]
{
    margin          : 0 10px 10px 0;
}

img[style*="right"]
{
    margin          : 0 0 10px 10px;
}

.gallery img 
{
    display         : block;
    height          : auto;
    margin          : 0 auto 0 -35px;
    position        : relative;
    width           : 170px;
}

.galleryListing img
{
    display         : inline-block;
    vertical-align  : middle;
    margin-right    : 5px;
}

.gear img
{
    position        : absolute;
    top             : -20px;
    left            : -20px;
}

.section.reviews img
{
    float           : left;
    margin          : 0 20px 20px 0;
}

.recentVideos img
{
    float			: left;
    width           : 130px;
	height			: auto;
	margin			: 0 10px 0 0;
}

.featuredTrips img
{
    width           : 220px;
    height          : auto;
    float           : left;
    margin-right    : 15px;
}

.categories img
{
    width           : 120px;
}

.image.list img
{
    width           : 100%;
}

label img
{
    float           : left;
    margin-right    : 20px;
}

.links img
{
	display			: inline-block;
	vertical-align	: top;
	float			: none;
	margin			: 0;	
}

.product-list img
{
	max-width		: 150px;
	height			: auto;
	float			: left;
	margin-right	: 15px;	
}

/*___ FORM _________________________________________________________________*/
.newsletter,
.answer
{
    display         : block;
    padding         : 20px;
    margin          : 20px 0 0 0;
}

.answer
{
	margin-top		: 5px;
	padding			: 10px;	
}

/*___ INPUT _________________________________________________________________*/
input[type="text"],
input[type="password"]
{
    width           : 200px;
    padding         : 2px 1px;
    margin-right    : 5px;
}

input[type="button"], 
input[type="submit"] 
{
    cursor          : pointer;
    display         : block;
    height          : 26px;
    margin          : 5px 0;
    width           : 144px;
}

input[type="button"].lbBrowse, 
input[type="submit"].lbBrowse
{
    display         : inline-block;
    width           : 80px;
}

input[type="button"].delete, 
input[type="submit"].delete
{
    position        : absolute;
    top             : 0;
    right           : 3px;
    display         : block;
    width           : 20px;
    height          : 20px;
    padding-bottom  : 5px;
}

input[type="text"].txtTitle
{
    width           : 500px;
}

label.image input
{
    display         : inline-block;
    vertical-align  : middle;
}

.answer label input[type="text"],
.answer label input[type="file"]
{
	width			: 98%;
}

.cart input[type="text"],
.product-list input[type="text"]
{
	width			: 20px;
	padding			: 1px;
	text-align		: center;
}

/*___ LABEL _________________________________________________________________*/
label
{
    display         : block;
    margin          : 7px 0;
    width           : 400px;
    clear           : both;
}

label.image
{
    display         : inline-block;
    width           : 400px;
}

.answer label
{
	margin-top		: 0;	
	display			: block;
	width			: auto;
}

/*___ TEXTAREA _________________________________________________________________*/
textarea
{
    display         : inline-block;
    vertical-align  : top;
    margin-right    : 10px;
    width           : 500px;
    height          : 200px;
}

/*___ BLOCKQUOTE _________________________________________________________________*/
.recent blockquote
{
    display         : block;
    clear           : right;
}

/*___ CITE _________________________________________________________________*/
.footer cite
{
    position        : absolute;
    bottom          : 5px;   
    left            : 220px; 
}

.footer cite:first-child
{
    left            : 140px;
    bottom          : 20px;    
}

.reports cite
{
    padding-bottom  : 1em;
}

/*___Group/Section/Class_________________________________________________________________*/
