/*
Theme Name: cleanRoar
Theme URI: http://www.AmberPanther.com/contributions/cleanRoar
Description: A simple clean theme. Features a functional back-end with options to automatically add an Ad banner or Ad script in the sidebar.
Version: 9.10.23
Author: the AmberPanther team
Author URI: http://www.AmberPanther.com/
Tags: white, black,blue,three-columns,right-sidebar,fixed-width 

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	first release: v.9.10.08
	v.9.10.23 : compatibility with WordPress 2.8.5 verified, enhanced securities for back end.
*/

/* Meyer's CSS Reset  v1.0 | 20080212 
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: top;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* MAIN CSS */
body {
	background: #FFFFFF;
	color: #000000;
	font-size: 14px;  /* reduces the body text from the 16px default (common to most browsers and OS set-ups) down to the 12px. */
	font-family:Arial, Helvetica, sans-serif;
	}


a,a:visited {text-decoration: none;
	border: none;
      color: #000000;
	}
a:hover{text-decoration: none;color: #878787;}
a img{
	border: none;
}
img {padding: 0px}

.clear{
	clear: both;
}


/* Typography
--------------------------------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6{color: #000000;margin-bottom: 10px;}
h1{ font-size: 28px;}
h2{ font-size: 26px;}
h3{ font-size: 20px;}
h4{ font-size: 18px;}
h5{ font-size: 20px;}
h6{ font-size: 18px;}

/* layout elements
--------------------------------------------------------------------------------------- */ 

/* wrapper */

#wrapper{
      width:850px;
	  margin: 0 auto;
      padding:0;
	  background-color:#ffffff;
	  padding-top:20px;
	  padding-left:20px;
} 
#header{
      width:850px;
      margin: 0 auto 0px auto;
      font-size: 12px;
	  height:160px;
	  overflow:hidden;
      }
#container{
      width:850px;
      margin: 0 auto;
      padding:0;
      }
#content{
      width:550px;
      float:left;
      margin:5px 0 0 0;
      padding:0 5px;
      }
#content2{
      width:850px;
      float:left;
      margin:5px 0 0 0;
      padding:0 5px;
      }
#sidebar{
      width:200px;
      margin:5px 0 0 0;
      padding:0;
      float:right;
      }
#sidebar_sm{
      width:120px;
      float:left;
      margin:0 0 5px 5px;
      padding:0 4px 5px 4px;
      overflow: hidden;
      }
#sidebar_big{
      width:120px;
      float:right;
      margin:0 0 5px 5px;
      padding:0 5px 5px 0;
      overflow: hidden;
      }
#sidebar_top{
	width:341px;
	margin:0 5px 20px 5px;
	padding:0 5px 0px 4px;
	border-left: 1px solid #c0c0c0;
	}
#footer{
      width:300px;
      height:40px;
      margin: 5px auto 0 auto;
      clear:both;
      }                 

/*New Bits*/
#homepage_image {
	background: url(images/new_homepage/grind_logo.jpg) no-repeat;
	width:541px;
	height:282px;
	display:block;
	position:relative;
	top:0px;
}

#homepage_sale {
	background: url(images/homepage_sale.jpg) no-repeat;
	width:578px;
	height:758px;
	display:block;
	position:relative;
	top:30px;
}

#homepage_nav1 {
	background: url(images/new_homepage/blog_btn_on.jpg) no-repeat;
	width:89px;
	height:42px;
	display:block;
}

#homepage_nav1:hover {
	background: url(images/new_homepage/blog_btn_on.jpg) no-repeat;
	width:89px;
	height:42px;
	display:block;
}

#homepage_nav2 {
	background: url(images/new_homepage/store_btn_on.jpg) no-repeat;
	width:91px;
	height:42px;
	display:block;
}

#homepage_nav2:hover {
	background: url(images/new_homepage/store_btn_on.jpg) no-repeat;
	width:91px;
	height:42px;
	display:block;
}

#homepage_nav3 {
	background: url(images/new_homepage/gallery_btn_on.jpg) no-repeat;
	width:126px;
	height:42px;
	display:block;
}

#homepage_nav3:hover {
	background: url(images/new_homepage/gallery_btn_on.jpg) no-repeat;
	width:126px;
	height:42px;
	display:block;
}

#homepage_nav4 {
	background: url(images/new_homepage/about_btn_on.jpg) no-repeat;
	width:104px;
	height:42px;
	display:block;
}

#homepage_nav4:hover {
	background: url(images/new_homepage/about_btn_on.jpg) no-repeat;
	width:104px;
	height:42px;
	display:block;
}

#homepage_nav5 {
	background: url(images/new_homepage/contact_btn_on.jpg) no-repeat;
	width:121px;
	height:42px;
	display:block;
}

#homepage_nav5:hover {
	background: url(images/new_homepage/contact_btn_on.jpg) no-repeat;
	width:121px;
	height:42px;
	display:block;
}

#main_nav1 {
	background: url(images/top_nav_home_btn_on.gif) no-repeat;
	width:79px;
	height:36px;
	display:block;
	position:relative;
}

#main_nav1:hover {
	background: url(images/top_nav_home_btn_off.gif) no-repeat;
	width:79px;
	height:36px;
	display:block;
	position:relative;
}

#main_nav2 {
	background: url(images/top_nav_blog_btn_on.gif) no-repeat;
	width:81px;
	height:36px;
	display:block;
	position:relative;
	top:-72px;
	left:170px;
}

#main_nav2:hover {
	background: url(images/top_nav_blog_btn_off.gif) no-repeat;
	width:81px;
	height:36px;
	display:block;
	position:relative;
	top:-72px;
	left:170px;
}

#main_nav3 {
	background: url(images/top_nav_store_btn_on.gif) no-repeat;
	width:92px;
	height:36px;
	display:block;
	position:relative;	
	top:-36px;
	left:79px;
}

#main_nav3:hover {
	background: url(images/top_nav_store_btn_off.gif) no-repeat;
	width:92px;
	height:36px;
	display:block;
	position:relative;
	top:-36px;
	left:79px;
}

#main_nav4 {
	background: url(images/top_nav_gallery_btn_on.gif) no-repeat;
	width:114px;
	height:36px;
	display:block;
	position:relative;
	top:-108px;
	left:252px;
}

#main_nav4:hover {
	background: url(images/top_nav_gallery_btn_off.gif) no-repeat;
	width:114px;
	height:36px;
	display:block;
	position:relative;
	top:-108px;
	left:252px;
}

#main_nav5 {
	background: url(images/top_nav_about_btn_on.gif) no-repeat;
	width:94px;
	height:36px;
	display:block;
	position:relative;
	top:-145px;
	left:366px;
}

#main_nav5:hover {
	background: url(images/top_nav_about_btn_off.gif) no-repeat;
	width:94px;
	height:36px;
	display:block;
	position:relative;
	top:-145px;
	left:366px;
}

#main_nav6 {
	background: url(images/top_nav_contact_btn_on.gif) no-repeat;
	width:118px;
	height:36px;
	display:block;
	position:relative;
	top:-181px;
	left:450px;
}

#main_nav6:hover {
	background: url(images/top_nav_contact_btn_off.gif) no-repeat;
	width:118px;
	height:36px;
	display:block;
	position:relative;
	top:-181px;
	left:450px;
}

#store_nav1  {
	background: url(images/left_nav_store_tees_on.gif) no-repeat;
	width:116px;
	height:30px;
	display:block;
}

#store_nav1:hover  {
	background: url(images/left_nav_store_tees_off.gif) no-repeat;
	width:116px;
	height:30px;
	display:block;
}

#store_nav2  {
	background: url(images/left_nav_store_jumpers_on.gif) no-repeat;
	width:116px;
	height:30px;
	display:block;
}

#store_nav2:hover  {
	background: url(images/left_nav_store_jumpers_off.gif) no-repeat;
	width:116px;
	height:30px;
	display:block;
}

#store_nav3  {
	background: url(images/left_nav_store_jackets_on.gif) no-repeat;
	width:116px;
	height:32px;
	display:block;
}

#store_nav3:hover  {
	background: url(images/left_nav_store_jackets_off.gif) no-repeat;
	width:116px;
	height:32px;
	display:block;
}

#store_nav4  {
	background: url(images/left_nav_store_accesories_on.gif) no-repeat;
	width:116px;
	height:30px;
	display:block;
}

#store_nav4:hover  {
	background: url(images/left_nav_store_accesories_off.gif) no-repeat;
	width:116px;
	height:30px;
	display:block;
}

#store_nav5  {
	background: url(images/left_nav_store_sale_on.gif) no-repeat;
	width:116px;
	height:32px;
	display:block;
}

#store_nav5:hover  {
	background: url(images/left_nav_store_sale_off.gif) no-repeat;
	width:116px;
	height:32px;
	display:block;
}

#contact_nav1  {
	background: url(images/left_nav_contact_twitter_on.gif) no-repeat;
	width:163px;
	height:31px;
	display:block;
}

#contact_nav1:hover {
	background: url(images/left_nav_contact_twitter_off.gif) no-repeat;
	width:163px;
	height:31px;
	display:block;
}

#contact_nav2  {
	background: url(images/left_nav_contact_myspace_on.gif) no-repeat;
	width:163px;
	height:31px;
	display:block;
}

#contact_nav2:hover {
	background: url(images/left_nav_contact_myspace_off.gif) no-repeat;
	width:163px;
	height:31px;
	display:block;
}

#contact_nav3  {
	background: url(images/left_nav_contact_facebook_on.gif) no-repeat;
	width:163px;
	height:31px;
	display:block;
}

#contact_nav3:hover {
	background: url(images/left_nav_contact_facebook_off.gif) no-repeat;
	width:163px;
	height:31px;
	display:block;
}

#contact_nav4  {
	background: url(images/left_nav_contact_sales_on.gif) no-repeat;
	width:163px;
	height:31px;
	display:block;
}

#contact_nav4:hover {
	background: url(images/left_nav_contact_sales_off.gif) no-repeat;
	width:163px;
	height:31px;
	display:block;
}

#contact_nav5  {
	background: url(images/left_nav_contact_info_on.gif) no-repeat;
	width:163px;
	height:31px;
	display:block;
}

#contact_nav5:hover {
	background: url(images/left_nav_contact_info_off.gif) no-repeat;
	width:163px;
	height:31px;
	display:block;
}
	

#about_image {
	background: url(images/about_page_image.jpg) no-repeat;
	width:839px;
	height:643px;
	display:block;
}

#contact_image {
	background: url(images/contact_image.jpg) no-repeat;
	width:580px;
	height:452px;
	display:block;
}

#store_image {
	background: url(images/store_page_image.jpg) no-repeat;
	width:651px;
	height:403px;
	display:block;
}

#store_title {
	font-size:18px;
	padding-bottom:0px;
}

#store_btn {
	font-size:14px;
	color:#000000;
	position:relative;
	top:-10px;
}

#store_btn, a {
	color:#000;
}

#store_btn a:hover {
	color:#999;
}

/* header */  
#grind_logo{
	background: url(images/grind_logo_sml.jpg) no-repeat;
	width:200px;
	height:106px;
	display:block;
}
#header_left{
      float:left;
      margin-top: 20px;
	margin-left: 10px;
	}
#header_left h1 a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 36px;
	color: #000000;
	line-height: 45px;
	display: block;
	}
#header_left h1 a:hover{text-decoration:none}

#header_left p.description{
      font-family:Arial, Helvetica, sans-serif;
      font-weight:bold;
	color: #999;
	margin: 5px 0 10px 0;
      font-size:16px;
	}
#header_right{float:right;
      margin-top: 20px;
	margin-right: 10px;}
/* HEADER SEARCH*/
#search{clear:right;float:right;display:block;margin-bottom:10px;}
#searchform{
	width: 200px;
	height: 25px;
	border: 1px solid #c0c0c0;
	background-color: #f5f5f5;
	}
.searchinput{
	color: #666;
	font-size: 14px;
    font-family:Arial, Helvetica, sans-serif;
	width: 160px;
	border: 0;
	height:16px;
	line-height:16px;
      margin-left:5px;
	background-color: #f5f5f5;
	}
.button{
	background: #f5f5f5 url(images/lens.png) no-repeat;
	height: 25px;
	width: 25px;
	border: 0;
	cursor: pointer;
	}


/*HEADER SOCIAL*/
#social{
      clear:right;
      float:right;
      display:block;
      margin-bottom: 10px;
      padding:0 0 0 13px;
      height:30px;
      }
#social img{padding:0;margin-top:5px}


/* nav */
#navi_wrap{
      width:575px;
      height:36px;
	  float:right;
	  position:relative;
	  top:-10px;
	  margin-bottom:20px;
      }
                               
#navi_wrap ul.left{
	float: right;
	list-style-type: none;
	padding: 2px 0 0 10px;
	width: 550px;
	position:relative;
	top:-20px;
	}
.current_page_item{text-transform: uppercase;}
#navi_wrap ul li{
	position: relative;
	float: left;
	}
#navi_wrap ul.left li a{
	float: left;
	overflow: hidden;
	font-size: 13px;
	line-height: 18px;
	margin: 0 10px 0 10px;
	padding: 8px 4px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	}
#navi_wrap ul.left li a:hover{
      text-decoration:none;
	}
#navi_wrap ul.left li ul{
      z-index:999;
	display: none;
	position: absolute;
	left: 0;
	width: 125px;
	margin-top: 33px;
	padding: 0 3px;
	height: auto;
	text-transform: none;
	}
#navi_wrap ul.left li ul li{
	width: 125px;
	overflow: hidden;
	}
#navi_wrap ul.left li ul li a{
	font-size: 12px;
	padding: 3px 6px;
	margin: 0 2px;
      }

/* content */
.post{
	color: #000000;
	line-height: 22px;
	margin-bottom: 20px;
	}
#commentwrap{
	margin-bottom: 20px;
}
.postsingle{
	color: #000000;
	line-height: 22px;
	margin-bottom: 20px;
      border:none;}

.sticky{background-color: #f5f5f5;
		border: 1px solid #c0c0c0;}
.title{	}
.title h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 30px;
      margin-bottom:10px;
      width:580px;
	color:#000000;
	}
.singletitle h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #000000;
	line-height: 28px;
      margin-bottom:5px;
	padding: 10px;
      width:580px;
	}
.singletitle h2 a{color: #3366cc;}
.singletitle h2 a:hover{color: #003399;}        
.dateline {
	font-size: 11px;
      line-height: 14px;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 10px 0px;
	}
.postmeta {
	font-size: 11px;
      line-height: 14px;
	font-weight: bold;
	padding: 5px 0px 0px 0px;
	margin: 5px 0px 5px 0px;
	border-top: 1px dotted #999999;
	}
.entry{
	padding: 0;
	font-size: 13px;
      overflow: hidden;
      
	}
.entry p{
	margin-bottom: 20px;
	}      
.navigation{
	padding:10px;
	font-size: 14px;
      font-weight: bold;
	} 
.navigation .left{
	float: left;
	}
.navigation .right{
	float: right;
	} 
.no_result{padding: 0 20px 20px 20px;} 
.entry ul,.entry ol{
	padding-bottom: 24px;
	margin-left: 40px;
	margin-right: 40px;
	}
.entry ul{
	list-style-type: disc;
	}
.entry ol{
	list-style-type: decimal;
	}
.entry ul li,.entry ol li{
	padding: 1px 0;
	list-style: inside;
	}    
.entry blockquote {
	font-style: italic;
	margin: 0px 25px 15px 25px;
	padding: 0px 25px 0px 10px;
	}
.entry blockquote p {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	}
.entry table{
	color: #000000;
	}
.entry table td,.entry table th{
	padding: 0px 0px;
	}   

/* SIDEBARS */
#sidebar_big ul{margin:5px 5px 10px 0;}
#sidebar_big ul li h2{			
			font-size: 16px;
			line-height: 18px;
			color: #000000;
			padding: 5px 10px 0 10px;
			font-weight: bold;
			}
#sidebar_big ul li ul{
			margin:0 0 20px 10px;
                  list-style-type: none;
			color: #000000;
			line-height: 16px;
                  font-size:12px;
                  font-family:Arial, Helvetica, sans-serif;
                  font-weight:bold;

			}
#sidebar_big ul li ul li ul{margin:0 0 0 10px;}

#sidebar_big ul li ul li{}
#sidebar_big ul li ul li:hover{
				/*background-color: #D7E6F0;*/
				}
#sidebar_big ul li ul li a{
				display: inline;
				color: #000000;
				line-height: 14px;
				text-decoration: none;
                        
				}
#sidebar_big ul li ul li a:hover{
				color: #878787;
                        text-decoration: underline;
				}
#sidebar_big ul li ul li ul li{background:transparent url(images/arrow.gif) no-repeat ;padding-left:10px }
#sidebar_big ul li ul li,#sidebar_big ul li ul li ul li,#sidebar_big ul li ul li ul li ul li{text-transform: none;}
#sidebar_big ul .current-cat{text-transform: uppercase;}




#sidebar_sm ul{margin:5px 0 10px 0;}
#sidebar_sm ul li h2{			
			font-size: 16px;
			line-height: 16px;
			color: #000000;
			padding: 5px 5px 0 5px;
			font-weight: bold;
                  font-family:Arial, Helvetica, sans-serif;
			}
#sidebar_sm ul li ul{
			list-style-type: none;
			color: #000000;
			line-height: 16px;
                  margin-left:10px;
                  font-size:12px;
                  font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
			}
#sidebar_sm ul li ul li{padding: 2px 5px 2px 2px;
				}
#sidebar_sm ul li ul li:hover{}
#sidebar_sm ul li ul li a{
				display: inline;
				color: #3366cc;
				line-height: 14px;
				text-decoration: none;
				}
#sidebar_sm ul li ul li a:hover{
				color: #003399;
				}
#sidebar_sm .adbanner a img{padding:0;margin:0}
.adbanner{margin-bottom:15px;}

      
/* footer */

#copyright{position:relative;font-size:11px; margin:0 0 0 10px;padding:15px 0 0 0;float:left}
#credit{position:relative;font-size:11px; margin:0 10px 0 0;padding:15px 0 0 0;float:right}
#credit img{margin:-5px 0 0 0; padding:0}


/*comments */
#commenttitle h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #000000;
	line-height: 22px;
      margin-bottom:5px;
      }
.commentnumber h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #000000;
	line-height: 18px;
      margin-bottom:30px;
      float:left;
      }
.your_response a{
	float: right;
	font-size: 14px;
	color:#3366cc;
	font-weight: normal;
	}
.your_response a:hover{color: #003399}
ol.commentlist{
	font-size: 13px;
	color: #000000;
	overflow: hidden;
      line-height:16px;
	}
ol.commentlist li.even{
		margin-bottom: 15px;
		background-color: #f5f5f5;
		border: 1px solid #c0c0c0;
		padding: 20px 20px 15px 20px;
		}
ol.commentlist li.odd{
		margin-bottom: 15px;
		background-color: #f9f9f9;
		border: 1px solid #c0c0c0;
		padding: 20px 20px 15px 20px;
		}

ol.commentlist li ul{
			list-style-type: none;
			margin-left: 60px;
			margin-top: 6px;
			}
.commentlist img{padding:0;}                  
#respond{
	background-color: #f9f9f9;
	border: 1px solid #c0c0c0;
	color: #000000;
	padding: 15px 20px;
	margin-top: 15px;
	}
#respond h3{
	font-size: 16px;
	color: #000000;
	line-height: 24px;
	font-weight: normal;
	float: left;
	display: inline;/* fix double margin */
	} 
.respond_top{margin-bottom: 10px}      
.cancel-comment-reply{
	float: right;
	display: inline;/* fix double margin */
	padding-top: 6px;
	}
.cancel-comment-reply a{
	font-size: 12px;
	color: #3366cc;
	text-decoration: none;
			}
.cancel-comment-reply a:hover{
	color: #003399;
      text-decoration: underline;
	}      
#respond p, .nocomments{
	color: #000000;
	margin-bottom: 10px;
	}       
/*CONTACT FORM*/	
.valid .text_input, .valid .text_area{border:1px solid #00ff00;} 
.error .text_input, .error .text_area{border:1px solid #ff0000;}
.ajax_alert .text_input, .ajax_alert .text_area{border:1px solid #ffff00;}
#send,#submit{
	border:1px solid #c0c0c0;
	background-color:#f5f5f5;
	cursor:pointer;
	color:#000000;
      font-family:Arial, Helvetica, sans-serif;
      font-weight:bold;
	}
#send:hover,#submit:hover{
	
	color:#003399;
	}
.text_input, .text_area{
padding:5px;
font-size:14px;
}
#send,#submit{
padding:4px 20px;
}
.hidden{
	display:none;
	}
.postpaginate{
	width:100%;
	text-align:center;
	font-size:14px
	}

	
/* --BOXES */
.sbox_L{
	float:left;
	width:150px;
	height:150px;
	margin-bottom:20px;
	margin-left:10px;
	background-color:#f5f5f5;
	}
.sbox_R{
	float:right;
	width:150px;
	height:150px;
	margin-bottom:20px;
	margin-right:8px;
	background-color:#f5f5f5;
	}
.boxbottom{margin-bottom:0px}
.sbox_L img, .sbox_R img{margin:0;padding:0}
      
/*general*/
.px10{height:10px}

/* WordPress specific */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


/* end of this stylesheet
-------------------------------------------------------------------------------------- */