/*
Theme Name: Oregon Bedroll Custom Theme
Theme URI: http://www.lugraphics.com
Description: Oregon Bedroll's Website and Blogs
Version: 6.0 003 FIX TEST
Author: LX
Author URI: http://www.lugraphics.com
Date: March 2009
Tags: e-Commerce, bedrolls, harley davidson, camping, hotels, oregon, motorcycle

	  Created by Libby Unwin
	  LU Graphics, LLC
	  http://www.lugraphics.com
	  
	Colors used:
	(OLD)
	Dark blue: #26354a
	Dark blue shadow: #202e41
	Really dark blue: #060c17
	Sidebar blue: #2e425c
	Light blue: #64748b
	Orange: #ffa70e
	Brown: #a56500
	Dark Brown: #7f5613
	Tan Sidebar: #d9b78a
	Tan Shadow: #c79e6b

	(NEW)
	background: #687381
	sidebar: #deccb1
	content: #ede1cf
	orange: #e1921a
	brown: #2a1a06
	med blue: #414c5b
	dark blue: #262c35
*/


/*RESET*/
*					{ margin: 0; padding: 0; }
html				{ overflow=y: scroll; }
html, body			{ height: 100%; }
body				{ font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color: white; background: repeat-x; background-color: #687381; /*background-image:url("images/body_top.png");*/ }
ul					{ list-style: none inside; }
ol					{ list-style: decimal inside; }
a					{ outline: none; text-decoration: none; }
a img				{ border: none; }
img					{ vertical-align: middle; }
table				{ border-collapse: collapse; }


/*UTILITY*/
/*.floatLeft			{ float: left; }
.floatRight			{ float: right; }
.clear				{ clear: both; }
.alignleft 			{ float: left; }
.alignright 		{ float: right; }
.textleft 			{ text-align: left; }
.textright 			{ text-align: right; }
div.class a 		{ display:block; width:800px; height:190px; }*/

 /*
 7.17.09
 change UTILITY styles for quick fix to disallow images to be floated out of the box
 */

 /*UTILITY*/
 .floatLeft            { float: left; }
 .floatRight            { float: right; }
 .clear                { clear: both; }

 /*
 7.17.09
 commented out for quick layout fix where alignleft floats content outside the box model, alignright too for good measure
 .alignleft             { float: left; }
 .alignright         { float: right; }
 */

 .textleft             { text-align: left; }
 .textright             { text-align: right; }
 div.class a         { display:block; width:800px; height:190px; }

/*SEARCH FORM AND SUBMIT BUTTON*/
.searchboxtop						{ background-image: url(images/searchbox.png); float: left; background-repeat: no-repeat; width: 200px; height: 100px; }
#searchform #s 						{ padding-left: 2px; margin-bottom: 0px; margin-left: 25px; margin-top: 40px; border: none; background-color: #ede1cf; color: black; } /*this is the search form*/
#searchsubmit 						{ float: right; margin-right: 30px; margin-top: 5px;} /*this is the search button*/
#searchsubmitresult 				/*{ float: left; } this is the search button*/
#searchformresult  					{ text-align: left; width: 150px; padding: 5px; margin-bottom: 5px; margin-top: 10px; border: 1px solid #deccb1;}/*this is the search form area*/
#noresults							{ background: #deccb1; padding-left: 0px; margin-left: 25px; margin-top: 25px; font-weight: bold; }
.button								{ border: 1px solid #1a2739; background: #64748b; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: white; font-size: 10px;  } /*this is the search button*/
.button:hover						{ border: 1px solid #64748b; background: #1a2739; color: white; }
/*Be sure to edit searchform.php along with this.*/


/*COMMENTS*/
#comments_template 					{ margin-top:30px; margin-bottom: 30px; }
#comments_template input 			{ width: 170px; padding: 2px; margin: 10px 5px 0px 25px; }
#comments_template textarea 		{ width: 540px; padding: 2px; margin: 10px 25px 0 25px; }
#comments_template #submit 			{ margin: 5px 0px 25px 25px; float: right;  }
#comments							{ color: white; font-size: 16px; padding: 5px 5px 5px 20px; margin-left: 15px; margin-bottom: 5px; font-weight: bold; line-height: 25px; background-image: url(images/subhead3.png); background-repeat: no-repeat; vertical-align: middle; } 
.time_date a						{ color: black; font-size: 1em; }

#commentlist 						{ list-style: none; margin-top: 25px; }
ol#commentlist						{ /*margin-top: 20px;*/ }
ol#commentlist li					{ position: relative; padding-left: 15px; list-style: none; padding-bottom: 20px; margin-bottom: 10px; border-bottom: 2px solid #deccb1; }
/*ol#commentlist small a				{ color: black; line-height: 12px; }*/
/*.commententries li				{ margin-top: 10px;  margin-bottom: 10px; border-bottom: black solid 1px; }*/

.commentinfo small					{ color: black; vertical-align: middle; }
#commentlogin						{ color: black; margin-left: 25px; }
#commentlogin a						{ color: #687381; }

/*#the_comment						{ background-image: url(images/quotes.png); background-position: center; background-repeat: no-repeat; font-size: 1.2em; color: #2a1a06; margin-left: 15px; padding-bottom: 10px; height: 20px; }*/

 /*
 7.17.09
 change the_comment styles to allow comments to push the container element height
 */

 #the_comment {
    /*background-image: url(images/quotes.png); background-position: center; background-repeat: no-repeat;*/
    font-size: 1.2em;
    color: #2a1a06;
    margin-left: 15px;
    padding-bottom: 10px;
    /* =================
    7.17.09
    commented out height
    style to allow for
    greater than three
    line comments
    ==================== */
    /* = height: 20px; = */
    /* ================= */
    }

#comment_author						{ float: right; color: #414c5b; font-size: 10px; font-style: italic; margin-bottom: 10px; }
#comment_author a					{ color: #687381; }
.navigation							{ color: black; font-size: 1.2em; padding: 5px 5px 5px 0px; }

.forumentries						{ margin-top: 15px; padding-bottom: 15px; border-bottom: 2px solid #deccb1;}
.forumentries a						{ /*color: black;*/ }
.forumentries a:hover				{ /*color: #e1921a;*/ }
.forumentries p						{ color: black; font-size: 1.2em; line-height: 14px; margin-top: 25px; margin-bottom: 25px; margin-left: 25px; }
.forumentries form					{ color: black; font-size: 1.2em; line-height: 14px; margin-top: 15px; margin-bottom: 15px; margin-left: 25px; }
.forumentries img					{ border: none; background: none; /*padding: 0 10px 0 10px;*/ margin: 0 10px 10px 0; }

.lgheaderplain						{ color: white; padding: 5px 5px 5px 25px; margin-top: 0px; font-weight: bold; font-size: 1.8em; background-image: url(images/lgheader3.png); background-repeat: no-repeat; }
.lgheaderplain a					{ color: white; }
.lgheaderplain a:hover				{ color: #e1921a; }


/*STRUCTURE*/
#wrapper							{ width: 800px; margin: 0px auto -100px; min-height:100%; height: auto !important; height: 100%; /*color: red;*/}
/*The -px is part of the sticky footer.*/
#push								{ height: 0px; }
/*
OLD CONTAINERS
#content							{ width: 575px; float: left; background-color: #ede1cf; }
#container							{ padding: 0 0 0 0; overflow: visible; background-color: #ede1cf; }
#containerIE						{ padding: 0 0 0 0; overflow: visible; background-color: #ede1cf; margin-top: -2px; width: 100%; margin-bottom: -15px; }*/

/*NEW CONTAINERS 4-23-09*/
#content							{ width: 575px; float: left; background-color: #ede1cf; }
#container							{ width: 800px; background: #ede1cf url(images/background.gif) repeat-y; }
#containerIE						{ width: 800px; background: #ede1cf url(images/background.gif) repeat-y; }


/* clearfix ----------------------------------*/
.clearfix:after						{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix				 			{ display: inline-block; }
html[xmlns] .clearfix				{ display: block; }
* html .clearfix 					{ height: 1%; }


/*HEADER*/
#header								{  }
#headerIE							{ margin-bottom: 0px; }
.logo								{ display: block; width: 800px; height: 190px; background: url(images/header.png); }
img.headline						{ float: right; }
/*#header a							{  }
#header a:hover						{  }*/
/*<?php include (TEMPLATEPATH . '/searchform.php'); ?>*/

/*BUTTONS, LINKS*/
#buttons							{ width: 800px;
										}
#buttons li							{ display: inline;
										}
#links ul li						{ display: block;
										}
.button_hidden						{ display: none;
										}
.activebtn		{ display: block;
										width: 200px;
										height: 100px;
										}
.activelink		{ display: block;
										width: 200px;
										height: 16px; }

a.bedrolls_btn						{ display: block;
										width: 200px;
										height: 100px;
										background: url(images/bedrolls_btn.png);
										background-position: 0px 100px;
										}
a.bedrolls_btn:hover 				{ background-position: 0px 0px;
										}
img.bedrolls_btn_active				{ display: block;
										width: 200px;
										height: 100px;
										background: url(images/bedrolls_btn.png);
										background-position: 0px 0px;
										}

a.acc_btn							{ display: block;
										width: 200px;
										height: 100px;
										background: url(images/acc_btn.png);
										background-position: 0px 100px;
										}
a.acc_btn:hover 					{ background-position: 0px 0px;
										}
img.acc_btn_active					{ display: block;
										width: 200px;
										height: 100px;
										background: url(images/acc_btn.png);
										background-position: 0px 0px;
										}

a.usecare_btn						{ display: block;
										width: 200px;
										height: 100px;
										background: url(images/care_btn.png);
										background-position: 0px 100px;
										}
a.usecare_btn:hover 				{ background-position: 0px 0px;
										}
img.usecare_btn_active				{ display: block;
										width: 200px;
										height: 100px;
										background: url(images/care_btn.png);
										background-position: 0px 0px;
										}

a.ride_btn							{ display: block;
										width: 200px;
										height: 16px;
										background: url(images/ride_btn.png);
										}
a.ride_btn:hover 					{ background-position: 200px 0px;
										}
img.ride_btn_active					{ display: block;
										width: 200px;
										height: 16px;
										background: url(images/ride_btn.png);
										background-position: 200px 0px;
										}

a.prison_btn						{ display: block;
										width: 200px;
										height: 16px;
										background: url(images/prison_btn.png);
										}
a.prison_btn:hover 					{ background-position: 200px 0px;
										}
img.prison_btn_active				{ display: block;
										width: 200px;
										height: 16px;
										background: url(images/prison_btn.png);
										background-position: 200px 0px;
										}

a.aim_btn							{ display: block;
										width: 200px;
										height: 16px;
										background: url(images/aim_btn.png);
										}
a.aim_btn:hover 					{ background-position: 200px 0px;
										}
img.aim_btn_active					{ display: block;
										width: 200px;
										height: 16px;
										background: url(images/aim_btn.png);
										background-position: 200px 0px;
										}

a.freedom_btn						{ display: block;
										width: 200px;
										height: 16px;
										background: url(images/ftr_btn.png);
										}
a.freedom_btn:hover 				{ background-position: 200px 0px;
										}
img.freedom_btn_active				{ display: block;
										width: 200px;
										height: 16px;
										background: url(images/ftr_btn.png);
										background-position: 200px 0px;
										}


/*WIDGETS, SIDEBAR, MENU*/
/*OLD SIDEBAR
#sidebar							{ width: 200px;
										float: right;
										background-color: #deccb1;
										padding: 0 0px 5000px 0px;
										margin: 0 0 -5000px 0px;
										}*/
/*#sidebarIE 							{ padding: 0px;
										margin: 0px;
										}*/

/*NEW SIDEBAR 4-23-09*/
#sidebar							{ width: 200px;
										float: right;
										background-color: #deccb1;
										} 

#sidebar img						{ bottom-margin: -2px;
										padding: 0px;
										}
.otherplaces						{ border: none;
										margin: none;
										padding: none;
										vertical-align: text-top;
										}

#menu-bar							{ color: white;
										text-align: center;
										background-image: url(images/sm_sidebar.png);
										}
#menu-bar img						{ padding: none;
										display: block;
										}
#menu-bar ul						{ height: 30px;
										line-height: 30px;
										font-size: 10px;
										}
#menu-bar ul li						{ display: inline;
										text-transform: uppercase;
										}
#menu-bar a							{ color: white;
										}
#menu-bar a:hover					{ color: #e1921a;
										}
#menu-bar a:visited					{ color: none;
										}

#widgetIE							{ background-image:url(images/sidebar_inside.png);
										background-repeat:y;
										/*margin-bottom: 0px;
										margin-right: 0px;
										margin-left: 0px;
										*/} 
#widgetIE ul						{ list-style: none;
										padding-top: -15px;
										margin-left: 0px;
										margin-right: 0px;
										padding-left: 5px;
										padding-right: 5px;
										font-size: 1.3em;
										line-height: 20px;
										}
#widgetIE ul a						{ display: block;
										color: blue;
										font-size: 11px;
										}
#widgetIE ul li a:hover				{ color: #e1921a;
										}

.widgetinside form						{ padding: none;
										}
.widgetinside ul li a				{  }

#widget								{ background-image:url(images/sidebar_inside.png);
										background-repeat:y;
										/*margin-bottom: 0px;
										margin-right: 0px;
										margin-left: 0px;
										color: black;*/ }
#widget ul							{ list-style: none;
										margin-left: 15px;
										margin-right: 15px;
										font-size: 1.3em;
										line-height: 18px;
										color: black;
										}
#widget ul a						{ /*display: block;*/ color: black;
										font-size: 11px;
										}
#widget ul li a:hover				{ color: #e1921a;
										}
#thumb								{ width: 62px;
										float: left;
										/*margin: 0 0 10px 25px;*/ }


/*TYPOGRAPHY*/
h1, h2								{ color: white;
										padding: 0 0 12px 0px;
										font-size: 2em;
										width: auto;
										}
h3 									{ color: white;
										}
h4									{ color: black;
										background-color: #26354a;
										padding: 10px;
										margin-top: 0px;
										font-size: 1.8em;
										width: auto;
										}
h4 a								{ color: black;
										}
h5 /*Product Names*/				{ color: white;
										padding: 5px 5px 5px 25px;
										margin-top: 0px;
										font-size: 1.8em;
										background-image: url(images/lgheader5.png);
										background-repeat: no-repeat;
										}
h5 a /*Product Names*/				{ color: white;
										}
h6	/*Subheads on static pages*/	{ color: black;
										font-size: 1.6em;
										margin: 10px 0 0 25px;
										}

#subhead1 /*Product subheads*/		{ color: white;
										font-size: 16px;
										padding: 5px 5px 5px 15px;
										margin-left: 15px;
										margin-bottom: 5px;
										font-weight: bold;
										line-height: 25px;
										background-image: url(images/subhead1.png);
										background-repeat: no-repeat;
										vertical-align: middle;
										}
#subhead1 a							{ color: white;
										}
#subhead1 a:hover					{ color: #e1921a;
										}

#subhead2 		 					{ color: white;
										font-size: 16px;
										padding: 5px 5px 5px 15px;
										margin-left: 15px;
										margin-bottom: 5px;
										font-weight: bold;
										line-height: 25px;
										background-image: url(images/subhead2.png);
										background-repeat: no-repeat;
										vertical-align: middle;
										}
#subhead2 a							{ color: white;
										}
#subhead2 a:hover					{ color: #e1921a;
										}

#subhead3 							{ color: white;
										font-size: 16px;
										padding: 5px 5px 5px 15px;
										margin-left: 15px;
										margin-bottom: 5px;
										font-weight: bold;
										line-height: 25px;
										background-image: url(images/subhead3.png);
										background-repeat: no-repeat;
										vertical-align: middle;
										}
#subhead3 a							{ color: white;
										} 
#subhead3 a:hover					{ color: #e1921a;
										}

#subhead4 							{ color: white;
										font-size: 16px;
										padding: 5px 5px 5px 15px;
										margin-left: 15px;
										margin-bottom: 5px;
										font-weight: bold;
										line-height: 25px;
										background-image: url(images/subhead4.png);
										background-repeat: no-repeat;
										vertical-align: middle;
										}
#subhead4 a							{ color: white;
										}
#subhead4 a:hover					{ color: #e1921a;
										}

#subhead5 							{ color: white;
										font-size: 16px;
										padding: 5px 5px 5px 15px;
										margin-left: 15px;
										margin-bottom: 5px;
										font-weight: bold;
										line-height: 25px;
										background-image: url(images/subhead5.png);
										background-repeat: no-repeat;
										vertical-align: middle;
										}
#subhead5 a							{ color: white;
										}
#subhead5 a:hover					{ color: #e1921a;
										}

#lgheader1 							{ color: white;
										padding: 5px 5px 5px 25px;
										margin-top: 0px;
										font-weight: bold;
										font-size: 1.8em;
										background-image: url(images/lgheader1.png);
										background-repeat: no-repeat;
										}
#lgheader1 a 						{ color: white;
										}
#lgheader1 a:hover					{ color: #e1921a;
										}

#lgheader2 							{ color: white;
										padding: 5px 5px 5px 25px;
										margin-top: 0px;
										font-weight: bold;
										font-size: 1.8em;
										background-image: url(images/lgheader2.png);
										background-repeat: no-repeat;
										}
#lgheader2 a 						{ color: white;
										}
#lgheader2 a:hover					{ color: #e1921a;
										}
 
#lgheader3 							{ color: white;
										padding: 5px 5px 5px 25px;
										margin-top: 0px;
										font-weight: bold;
										font-size: 1.8em;
										background-image: url(images/lgheader3.png);
										background-repeat: no-repeat;
										}
#lgheader3 a 						{ color: white;
										}
#lgheader3 a:hover					{ color: #e1921a;
										}

#lgheader4 							{ color: white;
										padding: 5px 5px 5px 25px;
										margin-top: 0px;
										font-weight: bold;
										font-size: 1.8em;
										background-image: url(images/lgheader4.png);
										background-repeat: no-repeat;
										}
#lgheader4 a 						{ color: white;
										}
#lgheader4 a:hover					{ color: #e1921a;
										}

#lgheader6 							{ color: white;
										padding: 5px 5px 5px 25px;
										margin-top: 0px;
										font-weight: bold;
										font-size: 1.8em;
										background-image: url(images/lgheader6.png);
										background-repeat: no-repeat;
										}
#lgheader6 a 						{ color: white;
										}
#lgheader6 a:hover					{ color: #e1921a;
										}

/*POSTS*/  
.entries							{ padding-top: 15px;
										padding-bottom: 15px;
										}
.entries a							{ /*color: black;*/ }
.entries a:hover					{ /*color: #e1921a;*/ }
.entries h5							{ color: white;
										}
.entries h5 a						{ color: white;
										}
.entries h5 a:hover					{ color: #e1921a;
										}
.entries p							{ color: black;
										font-size: 1.2em;
										line-height: 14px;
										margin-top: 15px;
										margin-bottom: 15px;
										margin-left: 25px;
										}
.entries form						{ color: black;
										font-size: 1.2em;
										line-height: 14px;
										margin-top: 15px;
										margin-bottom: 15px;
										margin-left: 25px;
										}
.entries img						{ border: none;
										background: none;
										/*padding: 0 10px 0 10px;*/ margin: 0 10px 10px 0;
										}
.flashmovie							{ margin: 15px 0px 25px 25px;
										}
.backto            			        { float: right;
										color: black;
										margin-left: 25px;
										}
.backto a                           { color: black;
										text-decoration: underline;
										}
.backto a:hover                     { color: black;
										background: #e1921a;
										}
.imagebrowse						{ margin: 25px;
										color: black;
										font-size: 1em;
										}
.imagebrowse img					{ border: solid #2a1a06 2px;
										margin: 5px;
										background-color: none;
										}
.imagebrowse img:hover				{ border: solid #e1921a 2px;
										background-color: none;}
.more-link 							{ color: #2a1a06;
										font-size: 14px;
										font-weight: bold;
										padding: none;
										border-bottom: 1px solid #2a1a06;
										}
a.more-link							{ color: #2a1a06;
										}
a.more-link:hover					{ background-color: #e1921a;
										}


/*ADD TO CART*/
#addtocart							{ width: 550px;
										color: white;
										margin: 15px 0px 25px 5px;
										}
#addtocart img						{ padding: 0;
										border: none;
										}
#cart_btn							{ position: relative;
										width: 90px;
										height: 20px;
										}
.cartinfo							{ color: red;
										}
/*.cart_btn							{ background-image: url(images/addtocart_btn.png);
										}
.cart_btn:hover						{ background-image: url(images/addtocart_btn_over.png);
										}*/


/*PAGES*/
.pages								{ border-top: solid 4px #ffa70e;
										}
.pages h5							{ color: white;
										background: #a56500;}
.pages h5 a							{ color: white;
										}
.pages h5 a:link					{ color: white;
										}
.pages h5 a:hover					{ color: #ffa70e;
										}
.pages a:link						{ color: white;
										}
.pages a:hover						{ color: #26354a;
										}
.pages p							{ color: white;
										font-size: 1.2em;
										line-height: 14px;
										margin: 15px 0px 25px 25px;
										}
.pages img							{ margin: 2px 0 10px 0;
										}


/*FOOTER*/
#footer								{ /*width: 800px;
										*/color: white;
										text-align: center;
										background-image: url(images/footer.png);
										/*line-height: 18px;
										*/font-size: 10px;
										padding: 10px;
										}
#footer a							{ color: white;
										/*height: 50px;*/ }
#footer a:hover						{ color: #e1921a;
										}
/*#footer-inside						{ width: 800px;
										margin: 0 auto;
										}*/