/* begin common styles */
*{margin:0; padding:0;}
body{
	text-align:center; 
	background:rgb(254,206,44) url(../images/bg-body.gif) left top repeat-x;
	font-size:76%;
	font-family:Tahoma, Arial, Helvetica, sans-serif;	
	color:#5a5c5e;
}
#wrapper{
	margin:0 auto; 
	padding:0 18px 20px 18px; 
	width:922px; 
	background:#fff; 
	text-align:left;
	position:relative;
}
ul{
	list-style:none;
}

.clear{
	clear:both;
}
#skiptocontent{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	padding:10px 0;
	text-indent:-200em;
}
#skiptocontent:hover{
	visibility:visible;
	background:#000;
	text-indent:0;
	text-align:center;
	color:rgb(254,206,44);
	text-decoration:none;
} 
a, a:visited{
	text-decoration:none;
	color:#b18f2e
}
a img{
	border:none;
}

.inactive{
	display:none;
}
/* end common styles */





/* begin main content */
#maincontent{
	width:616px; 
}
#masthead{
	height:280px; 
	background:url(../images/h2.jpg) left top no-repeat; 
	text-indent:-200em; 
	overflow:hidden;
}
#inset{
	background-color:#323232;
	margin-top:10px;
	padding:0 10px 10px 10px;
	height:250px
}
#inset h4{
	color:#fff;
	font:normal 1em/1em Tahoma, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #fff;
	text-transform:uppercase;
	padding:10px 0;
}
#inset #featuredposts{
	width:293px;
}
#inset #featuredposts li{
	color:#fff;
	margin:10px 0;
	font-weight:bold;
	font-size:1em;
	line-height:1.2em;
}
#inset #featuredposts li a{
	color:#fff;
}
#inset #featuredposts span.date{
	display:block;
	color:rgb(254,206,44);
	font-weight:normal;
}
#inset #meetshockers{
	width:293px;
	float:right;
}
#meetshockers ul{
	position:relative;
	height:80px;
	margin-top:20px;
}
#meetshockers li{
	font-size:.8em;
	color:#fff;
}
#meetshockers li.videoprofile{
	position:absolute;
	top:0;
	left:0;
}
#meetshockers .number{
	position:absolute;
	top:-2px;
	left:0;
	color:#fece2c;
	font-size:2em;
	display:block;
	float:left;
	line-height:1em;
	margin-left:105px;
	text-align:right;
	width:38px;
}
#meetshockers .number sup{
	vertical-align:top;
}
#meetshockers .name{
	color:#fece2c;
	line-height:1.2em;
	margin-left:148px;
}
#meetshockers .sport{
	color:#fece2c;
	line-height:1.2em;
	margin-left:148px;
}
#meetshockers .hometown{
	margin-left:148px;
	line-height:1.2em;
}

#maincontent h3{
	color:rgb(177,143,46);
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:6px;
}
#maincontent .entry h4{
	color:rgb(177,143,46);
	font-size:14px;
	line-height:24px;
	font-weight:bold;
	margin-top:24px;;
}
#maincontent h3 a{
	color:rgb(177,143,46);
}

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

#maincontent h2.pagetitle {
	font-size:12px;
	color:#999;
	font-weight:normal;
	margin-top:10px;
}

#maincontent .entry ul {
	list-style:outside;
	margin-left:14px;
	margin-bottom:10px;
}
#maincontent .entry ul li ul {
	list-style:circle;
	margin-bottom:0px;
}

.commentlist li {
	margin-left:20px;
}

.navigation {
	height:20px;
	margin-bottom:10px;
}

/* end maincontent */


/* begin sidebar */
#sidebar{
	float:right; 
	width:287px; 
}
#sidebar h1 a{
	display:block;
	height:160px;
	background:url(../images/sidebar-wsulogo.gif) left top no-repeat;
	text-indent:-200em;
	overflow:hidden;
}
#navcontainer #donate{
	float:right;
}
#navcontainer #buytickets{
	float:right;
}

/* ---------------------- begin main navigation -------------------------- */
#nav{
	text-transform:uppercase;
	text-align:right;
	float:left;
	width: 160px;
	background: #fff;
	list-style-type: none;
}
#nav span, #nav li li{
	font-size:.8em;
	border:none;
}
#nav span{
	padding: 3px 2px 3px 0;
	display:block;
	height:1.3em;
	letter-spacing:0.08em;
}
ul#nav, #nav ul, #nav li, #nav ul li, #nav span {
	display: block;
}
#nav li {
	position: relative;
	padding: 0;
	border-bottom:1px solid rgb(254,206,44);
}

#nav li.group{
	color:rgb(32,32,32);
}	

#nav li.group:hover {
	z-index: 10;
	background:rgb(254,206,44);
}
		
#nav li.group ul {
	position: absolute;
	display: none;
	right: 160px; /* all */
	top: -1px;
}
/*					
#nav li.group>ul { 
	left: 160px;
}
*/			
ul#nav li.group:hover ul.level2 {
	display: block;
	width: 100%;
	background-color:rgb(254,206,44);
	letter-spacing:.08em;
}

#nav a {
	text-decoration: none;
	width: 100%; /* IE */
	text-decoration:none;
}

#nav li>a { 
	width: auto;
}

#nav li a.submenu {
	background-color:rgb(254,206,44);
	display: block;
	padding:4px 0;
	color:#5a5c5e;
	padding-right:4px;
}
#nav a:link, #nav a:visited {
	color:rgb(32,32,32);
}
#nav li ul li a:hover{
	background-color:rgb(75,62,1);
	color:#fff;
}
/* ---------------------- end main navigation -------------------------- */

/* ---------------------- begin secondary nav -------------------------- */

#maincontent #secondarynav {
	height:30px;
	background-color:#D6D6D6;
	font-size: 9px;
	padding:4px 4px 2px 8px;
}

#maincontent #secondarynav span {
	float:left;
	color:#777;
	margin-top:2px;
}

#maincontent #secondarynav #siblings {
	display:block;
	height:30px;
	width:500px;
	margin:0;
	float:left;
}
#maincontent #secondarynav #siblings li {
	float: left;
	padding:0px 8px;
	line-height:6px;
	margin-top:5px;
	border-right: solid #777 1px;

}
#maincontent #secondarynav #siblings li + li {

}
#maincontent #secondarynav #siblings li a {
	color:#777;
}
#maincontent #secondarynav #siblings li a:hover {
	color:#000;
}
#maincontent #secondarynav #siblings li.current_page_item a {
	color:#999;
}
#maincontent #secondarynav #siblings li.last_sibling {
	border:none;
}

/* ---------------------- end secondary nav ----------------------------- */


/* ---------------------- begin sidebar events -------------------------- */
#eventswrap{
	background:#d2d2d2 url(../images/sidebar-bg_calendar.gif) left top repeat-x;
	border:1px solid rgb(254,206,44);
	margin-top:10px;
	padding-top:10px;
	padding-bottom:10px;
}
/* begin events tabs */
#eventstabs{
	margin-bottom:20px;
	height:1.5em;
}
#eventstabs li{
	float:left;
	margin-right:4px;
}
#eventstabs a{
	display:block;
	color:#b18f2e;
	padding:3px 0;
	background:#fee17e;
	text-align:center;
}
#eventstabs a.active{
	background:#ffd651;
}
#eventstabs #linkwp-calendar{
	width:67px;
	margin-left:7px;
}
#eventstabs #linkheadlines{
	width:70px;
}
#eventstabs #linkcategories{
	width:78px;
}
#eventstabs #linklinks{
	width:45px;
}
/* end events tabs */
/* begin events calendar */
#wp-calendar{
	clear:left;
}
#wp-calendar table{
	width:254px;
	margin:0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
}
#wp-calendar .cal{
	text-align:center;
}
#wp-calendar caption a{
	font-size:1em;
	text-transform:uppercase;
	font-weight:bold;
	display:block;
	margin-bottom:6px;
	color:#5a5c5e;
}
#wp-calendar thead{
	background:#4b3e01;
	color:#fff;
}
#wp-calendar th{
	padding:4px;
}
#wp-calendar .cal td{	
	padding:3px;
	color:#b18f2e;
	background:#fff
}

#wp-calendar .cal .event{
	background:#fece2c;
}
#wp-calendar .event a{
	color:#b18f2e;
}
#wp-calendar .cal #today{
	background:#b18f2e;
	color:#fff;
}
    /* end events calendar */
#eventswrap #headlines, #eventswrap #categories, #eventswrap #links{
	padding:0 16px;
	font-size:.9em;
}
#eventswrap li{
	padding-bottom:5px;
	line-height:1.2em;
	color:rgb(75,62,1);
}
#eventswrap #headlines a, #eventswrap #categories a, #eventswrap #links a{
	color:rgb(75,62,1);
}
#eventswrap li ul{
	padding-top:2px;
	margin-left:15px;
}
#eventswrap li li{
	padding-bottom:0px;
}
#eventswrap span.date{
	display:block;
	color:#000;
	font-weight:bold;
}


/* ---------------------- end sidebar events -------------------------- */

#sidebar #about{
	background:rgb(75,62,1);
	border:1px solid rgb(254,206,44);
	padding:17px;
	margin-top:10px;
}
#sidebar #about h4{
	color:rgb(254,206,44);
	font-size:1.1em;
	line-height:1.4em;
	font-weight:normal;
	padding-left:27px;
	margin-bottom:5px;
	background:url(../images/sidebar-about.gif) left center no-repeat;
}
#sidebar #about p{
	font-size:.8em;
	line-height:1.6em;
	color:#fff;
}
/* end sidebar */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	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) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Footer */
#footer {
	background-color:#4B3E01;
	width:922px;
	margin:0 auto 10px auto;
	padding:12px 18px 4px 18px; 
	height:34px;
	text-transform:uppercase;
	font-size:10px;
	color:#FFF;
}
#footer p {
	float:right;
	margin:6px 0 0 0;

}
#footer ul {
	margin-top:6px;
}
#footer ul li {
	float:left;
	margin-right:20px;
}
#footer a, #footer ul li a:visited{
	color:#FFF;
}