/**
Theme Name: HikoZine
Author URI: http://wpjunction.com
Version: 1.0
Author: hpa
Description: Magazine theme
*/f

/* -------------------f------------------- */

.clearfix:after { /* FF,O,etc. */
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}



.clearfix {
	display: inline-block; /* IE7xhtml*/
}

html[xmlns] .clearfix { /* O */
	display: block;
}

* html .clearfix {
	height: 1%; /* IE5-6 */
}

body {
	background:#000000 url(http://thundervalleyclassic.com/wp-content/uploads/2009/11/body-bg.jpg) 0 100%;
	font:normal 12px Trebuchet,Verdana,Tahoma;
         letter-spacing:-1px;
	color:#333333;
}

a {
	text-decoration:none;
	color:#6a4242;
}

a:hover { color:#ffffff; }

#body-in {
	background:transparent url(http://thundervalleyclassic.com/wp-content/uploads/2009/11/miniheaderbg.png)repeat-x 0 0;
	padding-top:28px;
         z-index: -25;
}


#wrapper {
	background:transparent;
	width:1000px;
	margin:0 auto;

}

#prewrap {
	background:transparent;
	width:1000px;
	margin:0 auto;
         height: 1px;
         position: relative;
         z-index: -1;
}

#linkbar{
        background: transparent url(http://thundervalleyclassic.com/wp-content/uploads/2009/11/tournament.png);
        height: 465px;
        width: 94px;
        position: absolute;
        left: 990px;
        top: 45px;
        z-index: -20;
	


}

#feature
{
         border: 5px;
         border-color: #222222;
}


/* header */
#header {
	background:transparent url(http://thundervalleyclassic.com/wp-content/uploads/2009/11/header-bg.png) no-repeat 0 0;
	height:200px;
         position: relative;
	width:100%;
	overflow:visible;
         z-index: 60;
}

#date-now {
	background:transparent;
	font-size:10px;
	color:#7b6e50;
	height:18px;
	line-height:18px;
	text-transform:uppercase;
	padding-left:25px;
	position:relative;
	left:568px;
	top:8px;
	z-index:2;
         align: right;

}

#branding {
	float:left;
	padding:18px;
	width:669px;
	height:65px;
	font-family:Tahoma,Arial,Verdana;
	position:relative;
	top:-18px;
	left:0;
	z-index:1;
}

#blog-title {
	display:block;
	font-size:48px;
	color:#f4b23a;
	height:50px;
	line-height:38px;
}

#blog-description {
	font-size:14px;
	font-weight:normal;
	color:#e3e3e3;
	text-transform:uppercase;
}

#top-search-wrap {
	float:right;
	width:272px;
	height:69px;
	padding:16px 10px;
	position:relative;
	text-transform:uppercase;
	font-size:14px;
	top:-18px;
	z-index:98;
}

#top-search-wrap label {
	display:block;
	height:33px;
}

#top-search-wrap input {
	background:none;
	border:none;
	margin-left:8px;
	width:257px;
	color:#FFFFFF;
        z-index: 99;
}

#page-menu {
	clear:both;
	position:relative;
	width:100%;
	overflow:hidden;
	height:42px;
	top:35px;
         margin-left: 15px;
}

#page-menu ul {
	display:block;
	height:42px;
	width:100%;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}

#page-menu ul#page-shadow {
	top:0px;
	left:0px;
	border:none;
}

#page-menu ul li {
	display:inline;
	
}

#page-menu a {
	background:transparent;
	display:block;
	float:left;
	height:42px;
	font-family: Helvetica; letter-spacing: -1px; font-size: 13pt;
	line-height:42px;
	color:#222222;
	padding:0 16px 0 14px;
}

#page-menu ul#page-shadow a {
	background:none;
	color:#dea12b;
}

#page-menu a:hover, #page-menu .current_page_item a {
	 color:#6a4242; 
          font-size:16pt;
}

/* container */
#container {
        height: 100%;
        overflow: auto;
        padding-right: 18px;
	border-left:0px solid #1b5182;
	border-right:0px solid #1b5182;
        background: url(http://thundervalleyclassic.com/wp-content/uploads/2009/11/contentbg.png);
        z-index: 10;
}

/* sidebar */
#sidebar {
	float:left;
	width:290px;
	padding:7px 0 0 7px;
}

.widget {
	background-color:#333333;
	padding:6px;
	margin-bottom:7px;
        margin-left: 16px;
	border:1px solid #888888;
	position:relative;
	overflow:hidden;
	width:275px;
	color:#848484;
}

.widget-title {
	background:#6a4242 url(http://thundervalleyclassic.com/wp-content/uploads/2009/11/titlebg.jpg) repeat-x 0 0;
	 font-family: 'Arial'; letter-spacing: -1px; text-decoration: bold; text-transform: uppercase; font-size: 13pt;
	color:#ffffff;
	border:4px solid #333333;
	top:-6px;
	left:-7px;
	width:260px;
	line-height:30px;
	height:30px;
	overflow:hidden;
	position:relative;
	padding:0 10px;
}

.widget ul li {
	padding:8px 0;
	border-bottom:1px solid #6a4242;
	position:relative;
         overflow: hidden;
         height: 20px;
         line-height: 25px;
         background: url(http://thundervalleyclassic.com/wp-content/uploads/2009/11/libg.png) repeat-x;
}

.widget a { color:#ffffff; }

.widget a:hover { color:#59afc8; }

/* content */
#content {
	float:right;
	width:650px;
	padding:7px 7px 7px 0;
       padding-left: 8px;
                
 
 
}



#content table{
         border: 1px solid;
         background-color: #FFFFFF;
         color: #333333;
}


.breadcrumb{ 
         margin-bottom:3px;
         border-bottom: 1px dotted #6a4242;
         font-size: 8pt;
}

.pagetitle {
	margin-bottom:3px;
	color:#6a4242;
	font-weight:bold;
         font-family: 'Arial'; letter-spacing: 1px; text-decoration: bold; text-transform: uppercase; font-size: 16pt;
         background: transparent url(http://thundervalleyclassic.com/wp-content/uploads/2009/11/titlebg.png);
         height:41px;
         width: 600px;
         padding-top: 16px;
         padding-left: 50px;
}

.post .title, #p-404 {
	font-family: 'Arial'; letter-spacing: -2px; font-weight: bold; text-transform: uppercase; font-size: 24pt;
	margin-bottom:3px;
	color:#6a4242;
         background: transparent url(http://thundervalleyclassic.com/wp-content/uploads/2009/11/titlebg2.png);
         height:59px;
         width: 600px;
         padding-top: 15px;
         padding-left: 5px;
         overflow: hidden;

}

.post .meta {
	color:#444444;
	margin-bottom:10px;
         font-size: 8pt;
         text-transform: uppercase;
         padding-left: 10px;
         margin-bottom: 25px;

}

tr#trtitle{
        background-color: #6a4242;
        color: #222222;
}

#mini-post-wrap .odd { float:left; }

#mini-post-wrap .even { float:right; }

.mini-post {
	width:320px;
	margin-bottom:10px;
	overflow:hidden;
}

.mini-post .title {
	 font-family: 'Arial'; letter-spacing: -1px; text-decoration: bold; text-transform: uppercase; font-size: 12pt;
	height:20px;
	line-height:20px;
	overflow:hidden;
	border:none;
	padding:0;
	margin-bottom:6px;
}

.mini-post .title a{ color: #333333;}
.mini-post .title a:hover{ color: #6a4242;}
.mini-post .entry {
	height:145px;
	overflow:hidden;
	margin-bottom: 0px;
         clear: both;
}

.mini-post .entry2 {
	height:25px;
	overflow:hidden;
	margin-bottom:3px;
         clear: both;
         text-align: right;
         border-top: 1px dotted;
         font-size: 8pt;
}


.mini-post .meta {
	font:normal 11px Tahoma, Verdana;
	margin-bottom:3px;
}

.mini-post .date-post {
	background:#6a4242 /*url(images/mini-date-bg.gif) repeat-x 0 0*/;
	display:block;
	float:left;
	width:200px;
	line-height:27px;
	height:27px;
	color:#ffffff;
         letter-spacing: 0px;
	padding-left:10px;
}

.mini-post .read-more {
	background:#333333 /* url(images/mini-read-more-bg.gif) repeat-x 0 0*/;
	display:block;
	float:right;
         letter-spacing:0px;
	color:#ffffff;
	padding-left:10px;
	width:100px;
	height:27px;
	line-height:27px;
	border:0px solid #ffffff;
}
.mini-post a.title { color: #333333;}
.mini-post a.read-more:hover { color:#59afc8; }

.navigation .alignleft a, .navigation .alignright a {
	background:#6a4242 url(images/nav-button-bg.gif) repeat-x 0 0;
	display:block;
	float:left;
	font:normal 11px Verdana, Tahoma;
	color:#FFFFFF;
	height:27px;
	line-height:27px;
	padding:0 7px;
}

/* wp-pagenavi */
#wp-pagenavi-wrapper {
	background:#d08e19 url(images/pagenavi-bg.gif) repeat-x 0 0;
	height:36px;
	position:relative;
	padding:0 5px;
}
.wp-pagenavi {
	padding-top:12px;
	font:normal 11px Tahoma, Verdana, Arial;
}

.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span.extend {
	background-color:#0f365b !important;
	color:#ffffff !important;
	text-transform:uppercase;
	padding:4px 8px !important;
	border:1px solid #0c2e4d !important;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background-color:#1153a4 !important;
	border:1px solid #0c2e4d !important;
}

/* footer */
#footer {
	height:200px;
	background: transparent url(http://thundervalleyclassic.com/wp-content/uploads/2009/11/footerbg2.png);
	color:#ffffff;
	font-size:10px;
	line-height:40px;
	padding:0 15px;
        margin-bottom: 45px;
        clear: both;
}

#copyright {
	float:left;
}

#credit {
	float:right;
}

#footer a, #footer a:hover {
color: #FFFFFF;
}


/*----------------COMMENTS-------------------*/

#comments, #respond h3 {
	

	padding-bottom:5px;

	font-family: 'Arial Black'; letter-spacing: -1px; font-size: 12pt;
	
	color:#6a4242;

}

.commentlist {
	padding-left:25px;
}

.navigation, #respond {
}

.comment, .trackback, .pingback {
	clear:both; 
	margin-bottom:5px;
	list-style:decimal;
}

.commentlist li .avatar { 
	float: left;
	border: 1px solid #333333;
	padding: 2px;
	background: #6a4242;
	margin-right:5px;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
}

.commentlist p {
         background: transparent url(http://thundervalleyclassic.com/wp-content/uploads/2009/11/comment.png) 0 0 no-repeat;
         
         padding-top: 45px;
         padding-left: 20px;
         padding-bottom: 25px;
         padding-right: 15px;
	clear:both;
         /*height: 66px;*/
         width: 500px;
         overflow: auto;
         font-size: 12px;
	line-height: 1.5em;
}

.comment-meta{ font-size: 10px;}

#commentform input, #commentform textarea {

	color:#222222;
	font-family: Arial; font-size: 8pt;
	border:0px solid #ffffff;
	padding:5px;
         
}

#commentform input{ background: transparent url(http://thundervalleyclassic.com/wp-content/uploads/2009/11/commentinput.png); color: #ffffff; width: 235px; height: 21px; padding-left: 10px;
         padding-top: 8px;}

#commentform textarea {background: transparent url(http://thundervalleyclassic.com/wp-content/uploads/2009/11/commenttext.png); width: 545px; height: 107px; padding-left: 20px;
         padding-top: 18px; oveflow:hidden; color:#ffffff;}

#commentform p {
	margin-bottom:10px;
}

#commentform #submit {
	background: transparent url(http://thundervalleyclassic.com/wp-content/uploads/2009/11/sendbtn.png); width: 200px; height: 55px; border: 0px; align: center; font-family: Arial Black; letter-spacing: -1px; text-transform: uppercase; font-size: 12pt; color: #FFFFFF;
}

#commentform #submit:hover{background: transparent url(http://thundervalleyclassic.com/wp-content/uploads/2009/11/sendbtnhover.png);}


#submitbtn{background: transparent url(http://thundervalleyclassic.com/wp-content/uploads/2009/11/sendbtn.png); width: 200px; height: 55px; border: 0px; align: center; font-family: Arial Black; letter-spacing: -1px; text-transform: uppercase; font-size: 19pt; color: #FFFFFF;}

#submitbtn:hover{background: transparent url(http://thundervalleyclassic.com/wp-content/uploads/2009/11/sendbtnhover.png);}

#submitbtndiv{width: 100%; text-align: center;}


.wpcf7-validates-as-required{ padding-left: 15px; padding-top: 15px; color: #111111; font-size: 14pt; border: 0px; width: 260px; height: 55px; background: transparent url(http://thundervalleyclassic.com/wp-content/uploads/2009/11/emailinput.png) 0 0 no-repeat; overflow: hidden;}

.your-name input:focus{background:transparent url(http://thundervalleyclassic.com/wp-content/uploads/2009/11/emailinputhover.png)0 0 no-repeat;}

#sidebar textarea{ background: transparent url(http://thundervalleyclassic.com/wp-content/uploads/2009/11/textinput.png) 0 0 no-repeat; color: #111111; padding-left: 15px; padding-right: 20px; padding-top: 15px; font-size: 9pt; border: 0px; font-family: Arial; width: 245px; height: 200px; overflow: hidden;}


/*------- GLIDE --------*/





#image-gallery-wrapper {
	margin:0 auto;
	width:100%;
	position:relative;
	padding:8px 0 0;
}

#image-gallery {
	margin:0 auto;
}

.stepcarousel{
position:relative; /*leave this value alone*/
overflow:scroll; /*leave this value alone*/
width:925px; /*Width of Carousel Viewer itself*/
height:178px; /*Height should enough to fit largest content's height*/
margin:0 auto;
}

.stepcarousel .belt{
position:absolute; /*leave this value alone*/
left:0;
top:0;
}

.stepcarousel .panel{
background-color:#333333;
border:1px solid #222222;
float:left; /*leave this value alone*/
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-right:11px ; /*margin around each panel*/
width:205px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:160px;
padding:8px;
}

.stepcarousel .panel:hover{
background-color: #6a4242;

}

.stepcarousel .panel p{
text-align:left; /*leave this value alone*/
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:5px 5px ; /*margin around each panel*/

}

.stepcarousel .panel h2{
text-align:left; /*leave this value alone*/
height:20px;
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:2px 5px ; /*margin around each panel*/
font-size:16px;
font-weight:bold;
text-align:center;
font-family:Georgia,century gothic,Arial,verdana, sans-serif;
}

.stepcarousel .panel img{
float:left; /*leave this value alone*/
margin:0; /*margin around each panel*/
padding:0;
}

#image-gallery-wrapper .prev, #image-gallery-wrapper .next {
	background:url(http://thundervalleyclassic.com/wp-content/uploads/2009/11/slidingbutton.png) no-repeat;
	display:block;
	position:absolute;
	top:87px;
	height:17px;
	text-indent:-9999px;
	width:12px;
}

#image-gallery-wrapper .prev {
	background-position:0 0;
	left:12px;
}

#image-gallery-wrapper .next {
	background-position:100% 0;
	right:12px;
}


/*------------------------------- MENU -------------------- */

.menu {width:1000px; height:32px; padding-left: 10px; top: 23px; position:relative; z-index:100; font-family:'Arial', sans-serif; text-transform: uppercase;}

/* hack to correct IE5.5 faulty box model */
* html .menu {width:1000px; w\idth:1000px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; z-index: 90;}
.menu ul ul {width:125px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:125px;position:relative;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:8pt;text-decoration:bold; color:#FFFFFF; letter-spacing: 2px; width:125px; height:30px; background: transparent url(http://thundervalleyclassic.com/wp-content/uploads/2009/11/navbg.png); padding-left:0px; line-height:30px; text-align: center;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited { font-size: 10pt; text-align: left;font-family: Trebuchet; background: #222222; 
 }

/* style the second level hover */
.menu ul ul a.drop:hover{background: #444444;}
.menu ul ul :hover > a.drop {background: #444444;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {font-family: 'Arial'; font-size: 8pt; background: #222222;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#888888;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0; width:149px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:170px; top:-1px; width:190px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-170px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background: #222222; text-align: left; font-family:'Arial'; font-size: 8pt; letter-spacing: 0px; text-transform: none; color:#ffffff; height:auto; line-height:1em; padding:5px 10px; width:150px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover{color:#59afc8; background:transparent url(http://thundervalleyclassic.com/wp-content/uploads/2009/11/navbghover.png);}
.menu ul ul a:hover{color:#6a4242; background: #444444;}

.menu :hover > a {color:#59afc8; background:transparent url(http://thundervalleyclassic.com/wp-content/uploads/2009/11/navbghover.png);}

.menu ul ul :hover > a{color:#6a4242; background: #444444;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
  background: white;
}