/* @override 
	http://67.15.157.12/~wenatch9/wp-content/themes/wvsc/inc/css/main.css
	http://www.wenatcheevalleysports.com/wp-content/themes/wvsc/inc/css/main.css
*/

/*
	Wenatchee Valley Sports Council Style Sheet
*/

body{
	font-size: 62.5%;
	font-family: Helvetica, arial, sans-serif;
	background: white url(../../img/bg_tile.gif) top left repeat;
	color: #373737;
}

strong{
	font-weight: bold;
}

em{
	font-style: italic;
}

a,
a:link,
a:active,
a:visited{
	color: #4e3d69;
}

input,
textarea{
	font-family: Helvetica, arial, sans-serif;
	font-size: 1.2em;
}


img.alignleft{
	margin: 0 10px 10px 0;
}

/* -- Headers -- */

h1#logo{
	width: 142px;
	height: 87px;
	float: left;
	margin: 0px 0 0 17px;
}

h1#logo a{
	width: 142px;
	height: 87px;
	display: block;
	background: url(../../img/logo.png) top left no-repeat;
	text-indent: -9999px;
	float: left;
}

h2{
	font-size: 3.2em;
	color: #2f4381;
	margin: 0 0 10px 0;

}

h2 a,
h2 a:link,
h2 a:active,
h2 a:visited{
	color: #2f4381;
	text-decoration: none;
	font-weight: bold;
}

h3{
	font-size: 2.6em;
	color: #2f4381;
	margin: 0 0 15px 0;
	padding: 10px 0 0 0;
}

h4{
	font-size: 1.8em;
	font-weight: bold;
	color: #4E3D69;
}

/* -- Structure -- */

#center{
	width: 838px;
	margin: 0 auto;
}

#shine{
	width: 100%;
	height: 1241px;
	float: left;
	clear: both;
	position: absolute;
	background: url(../../img/shine.png) top center no-repeat;
	z-index: -5;
}

/* -- Header -- */

#header_container{
	float: left;
	clear: both;
	background: url(../../img/header_bg.png) bottom left no-repeat;
	height: 85px;
	width: 822px;
	margin: 20px 0 0 0;
	position: relative;
	z-index: 1;
}

/* -- Navigation -- */

#nav_container{
	float: right;
	width: 660px;
}

ul#nav{
	float: right;
	clear: both;
}

ul#nav li{
	float: left;
	background: url(../../img/menu_divider.png) bottom right no-repeat;
	padding: 0px 6px 3px 0;
	margin: 0 6px 0 0;
}

ul#nav li.last{
	background: none;
	margin-right: 0;
	padding-right: 0;
}

ul#nav li a{
	font-size: 1.4em;
	color: black;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}

ul#nav li ul{
	width: 144px;
	position: absolute;
	background: url(../../img/dropdown_bg.png) bottom left no-repeat;
	padding: 15px;
	padding-bottom: 10px;
	margin: 3px 0 0 -4px;
	border-top: 3px solid black;
	display: none;
	z-index: 10px;
}

ul#nav li ul li{
	background: none;
	float: left;
	clear: both;
	margin: 0 0 5px 0;
}

ul#nav li ul li a{
	font-size: 1em;
	font-weight: normal;
	line-height: 1.3em;
}

/* -- Search -- */

#search_container{
	float: right;
	clear: both;
	margin: 0 0 40px 0;
}

#search_container label{
	display: none;
}

#search_container input{
	border: 2px solid #6a6a6a;
	background: none;
	padding: 3px;
}

#search_container input#searchsubmit{
	padding: 0;
	background: url(../../img/search_icon.png) top left no-repeat;
	border: 0;
	width: 16px;
	height: 20px;
	text-indent: -9999px;
}

/* -- Content -- */

#content_container{
	float: left;
	clear: both;
/* 	background: url(../../img/content_bg.png) top right repeat-y; */
	background: url(../../img/content_bg_both.png) top right no-repeat;
	padding: 0 0 25px 0;
}

.home #content_container{
	background-position: -4px 15px;
}

#content{
	width: 582px;
/* 	background: url(../../img/content_bg.png) top left repeat; */
/* 	height: 600px; */
	float: left;
	margin: 0 0 0 -6px;
}

/* -- Front Page -- */

#front_big_image{
	float: left;
	clear: both;
	width: 564px;
	height: 308px;
	border: 3px solid black;
	margin: 10px 0 0 6px;
	position:relative;
	z-index: 0;
	background: #202834 url(../../img/loading.gif) no-repeat 50% 50%;
}

#front_big_image img {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}

a.more-link{
	background: #4e3d69;
	padding: 10px 10px 7px 10px;
	color: white;
	text-transform: uppercase;
	font-size: .7em;
	width: auto;
	font-weight: bold;
	text-decoration: none;
}

ul#front_posts_list{
	float: left;
	clear: both;
	margin: 25px 0 35px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #e8e8e8;
}

ul#front_posts_list li{
	width: 47%;
	float: left;
	margin: 0 15px 15px 0;
}

ul#front_posts_list h3{
	font-size: 2.6em;
	text-decoration: none;
}

ul#front_posts_list h3 a{
	text-decoration: none;
}

/* -- Post -- */

.post{
	float: left;
	clear: both;
	width: 524px;
	margin: 15px 0 0 31px;
}

#content .sp_events{
	float: left;
	clear: both;
}

.post p small{
	color: #9d9fa2;
	text-transform: uppercase;
	letter-spacing: .3em;
	margin: 0 0 15px 0;
	float: left;
	clear: both;
	width: 100%;
}

.entry{
	margin: 0 0 15px 0;
	float: left;
	clear: both;
	width: 100%;
}

.entry p{
	font-size: 1.4em;
	line-height: 1.8em;
	margin: 0 0 15px 0;
}


.entry ul{
	margin: 0 0 15px 0;
}

.entry ul li{
	font-size: 1.4em;
	line-height: 1.8em;
	margin: 0 0 15px 0;
	text-indent: 0;
}

p.postmetadata{
	border-top: 1px solid #dededf;
	font-size: 1.4em;
	color: #2f4381;
	padding: 20px 5px;
	float: left;
	clear: both;
	width: 99%;
}

/* -- Post Navigation -- */

.navigation{
	float: left;
	clear: both;
	width: 100%;
}

.navigation a{
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.1em;
	width: auto;
	line-height: 1.4em;
}

.navigation .alignleft,
.navigation .alignright{
	width: 45%;
}

.alignleft{
	float: left;
}

.alignright{
	float: right;
	text-align: right;
}

/* -- Comments -- */

#respond,
#comments{
	border-top: 1px solid #dededf;
	font-size: 1.4em;
	color: #2f4381;
	padding: 20px 0;
	float: left;
	clear: both;
}

#respond h3,
h3#comments{
	background: #4e3d69;
	padding: 10px 10px 7px 10px;
	color: white;
	text-transform: uppercase;
	font-size: 1.1em;
	width: auto;
	font-weight: bold;
	float: left;
	clear: both;
	margin: 0 0 10px 0;
}

ol.commentlist,
ol.commentlist li{
	float: left;
	clear: both;
	width: 100%;
	color: #777;
	line-height: 1.6em;
}

ol.commentlist li{
	border-bottom: 1px dotted #b1b1b1;
	padding: 10px 0;
	margin: 0 0 10px 0;
}

.children .even, .alt{
	border: 0;
}

.comment-author img{
	margin: 0 15px 0 0;
}

.comment-author{
	font-size: 1.3em;
}

.comment-author .fn,
.comment-author .fn a{
	color: #333;
	text-decoration: none;
}

.comment-author span.says{
	font-size: .8em;
	color: #999;
}

.comment-meta{
	font-size: .8em;
	margin: 5px 0 0 0;
	text-transform: uppercase;
}

.comment-meta a{
	color: #999;
	text-decoration: none;
}

#respond p{
	float: left;
	clear: both;
}

#respond form{
	float: left;
	clear: both;
	width: 100%;
}

#respond form input{
	border: 1px solid #e8e8e8;
	padding: 8px;
}

#respond form textarea{
	border: 1px solid #e8e8e8;
	padding: 8px;
	width: 420px;
	margin: 5px 0 0 5px;
}

#respond form label{
	font-size: .6em;
	width: 75px;
	float: left;
	margin: 20px 0 0 0;
}

#respond input#submit{
	background: url(../../img/comment_submit.jpg) top left no-repeat;
	height: 31px;
	width: 89px;
	text-indent: -9999px;
	float: right;
	clear: both;
	margin: 15px 0 0 0;
}

#respond .loggedin{
	margin: 0 0 10px 0;
	padding: 0;
}

/* -- Share -- */

div.shr-bookmarks{
	border-top: 1px solid #dededf;
	padding: 20px 0;
	margin: 0;
}

div.shr-bookmarks-bg-shr {
	background: url(../../img/share_bg.jpg) no-repeat 0 10px !important;
	padding: 10px 0 10px 85px !important;
	float: left;
	clear: both; 
}

/* -- Latest -- */

#latest{
	width: 600px;
	height: 64px;
	background: url(../../img/latest_tab.png) top left no-repeat;
	margin: -5px 0 0 -8px;
	color: white;
	font-size: 1.2em;
	float: left;
	clear: both;
	position: relative;
	z-index: 10px;
}

#latest p{
	width: 500px;
	float: right;
	margin: 7px 10px 0 0;
	line-height: 1.4em;
}

#latest a{
	color: white;
}

/* -- Sidebar -- */

#sidebar_container{
	width: 256px;
	float: left;
	margin: 0 0 0 -5px;
}

#rotate_image{
	width: 256px;
	height: 350px;
	background-position: bottom left no-repeat;
	position: relative;
	z-index: -1;
}

#sidebar{
	width: 256px;
/* 	background: url(../../img/sidebar_bg.png) top left repeat; */
	float: left;
}

.side_item{
	float: left;
	clear: both;
	width: 213px;
	margin: 10px 0 45px 24px;
}

#sidebar h2{
	float: left;
	clear: both;
	display: block;
	height: 58px;
	text-indent: -9999px;
	margin: -15px 0 0 -6px;
	width: 100%;
}

#sidebar h2.events{
	background: url(../../img/tag_events.png) top left no-repeat;
	margin-top: -35px;
}

#sidebar h2.connected{
	background: url(../../img/tag_connected.png) top left no-repeat;
}

#sidebar h2.weather{
	background: url(../../img/tag_weather.png) top left no-repeat;
}

#sidebar h2.poll{
	background: url(../../img/tag_poll.png) top left no-repeat;
}

#sidebar h2.partner{
	background: url(../../img/tag_partner.png) top left no-repeat;
}

/* -- Events PAGE -- */

h4.event {
	font-size: 12px;
	line-height: 1 em;
	color: #4e3d69;
	text-transform: uppercase;	
	float: left;
	padding-top: 5px;
	margin-right: 5px;
}


#content ul.wplc_event_list li p strong {
	color: #585858;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.6em;
}

#content ul.wplc_event_list li p.description {
	color: #797979;
}

/* -- Events -- */

#calendar_grid{
	width: 542px;
	float: left;
	clear: both;
}

#calendar_grid table{
	width: 542px;
}



.tec-calendar td {
	height: 110px; /*change this to 80px to keep calendar roughly square.
This is the height of the rows, you can of course make it whatever you like.
It does expand automatically if there are more entries.*/
}

.tec-calendar td a {font-size:91.7%;} /* You need to make the font smaller
so single words do not stretch the cells. 70% seems to work*/

.tec-calendar hr {
	border:0 none !important;
	display:block;
	height:1px;
	background-color:#E7E7E7;
	margin:0 9px;/**make it a little less as you have shrunk the cells, I used 4px*/
}


.wplc_event_list li{
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 10px 0;
}

#sidebar .wplc_event_list p{
	color: #7d7d7d;
	text-transform: uppercase;
	letter-spacing: .3em;
	font-size: 1em;
}

.wplc_event_list strong{
	color: #2f4381;
	font-weight: bold;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0em;
	font-size: 1.6em;
	line-height: 1.6em;
	float: left;
	clear: both;
}


.wplc_event_list a{
	color: #2f4381;
	text-decoration: none;
	line-height: 1.3em;
}

p.see_all,{
	float: left;
	clear: both;
	width: 100%;
	margin: 15px 0;
}

p.see_all a,
.navlink a{
	background: #4e3d69;
	padding: 10px 10px 7px 10px;
	color: white;
	text-transform: uppercase;
	font-size: 1.2em;
	width: auto;
	font-weight: bold;
	float: left;
	clear: both;
	text-decoration: none;
}

.navlink.next a{
	float: right;
}

.entry ul.wplc_event_list{
	padding: 0;
	text-indent: 0;
	font-size: .7em;
}

/*

	Events Calendar

*/

#tec-content{
	float: left;
	clear: both;
}

.upcoming{
	margin-bottom: 15px;
}

.upcoming p{
    color: #7D7D7D;
    font-size: 1em;
    letter-spacing: 0.3em;
    text-transform: uppercase;
}

.upcoming strong{
    color: #2F4381;
    line-height: 1.3em;
    text-decoration: none;
    
    
    clear: both;
    color: #2F4381;
    float: left;
    font-size: 1.6em;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.5em;
    text-decoration: none;
    text-transform: none;
    
}

.upcoming strong a{
    color: #2F4381;
    text-decoration: none;
}

.side_item .dig-in{
	display: none;
}

.sp_events .back{
	display: none;
}

.side_item .submit_event{
	float: left;
	clear: both;
	margin-top: 15px;
}

#submit_event{
	float: right;
	margin-right: 18px;
}

#submit_event a{
	background: #4e3d69;
	padding: 10px 10px 7px 10px;
	color: white;
	text-transform: uppercase;
	font-size: 1.2em;
	width: auto;
	font-weight: bold;
	float: left;
	clear: both;
	text-decoration: none;
}

/* -- Connected -- */

ul#connected li{
	border-bottom: 1px solid #cfcfcf;
	float: left;
	clear: both;
	width: 100%;
}

ul#connected li.facebook{ background: url(../../img/icons/facebook_32.png) center left no-repeat; }
ul#connected li.youtube{ background: url(../../img/icons/youtube_32.png) center left no-repeat; }
ul#connected li.twitter{ background: url(../../img/icons/twitter_32.png) center left no-repeat; }
ul#connected li.flickr{ background: url(../../img/icons/flickr_32.png) center left no-repeat; }
ul#connected li.rss{ background: url(../../img/icons/rss_32.png) center left no-repeat; }
ul#connected li.email{ background: url(../../img/icons/email_32.png) center left no-repeat; border: 0;}
ul#connected li.subscribe{ border: 0;}

ul#connected li a{
	color: #3b3b3b;
	font-size: 1.2em;
	text-decoration: none;
	display: block;
	height: 32px;
	text-indent: 40px;
	line-height: 2.9em;
	margin: 10px 0;
}

ul#connected li.subscribe input{
	border: 1px solid #9d9fa2;
	float: left;
	clear: both;
	width: 199px;
	padding: 9px 7px 7px 7px;
	font-size: 1.4em;
}

ul#connected li.subscribe input#subscribe{
	width: 88px;
	height: 27px;
	padding: 0;
	border: 0;
	background: url(../../img/subscribe_button.png) top left no-repeat;
	text-indent: -9999px;
	margin: 15px 0 0 0;
}

/* -- Polls -- */

.wp-polls{
	text-align: left;
}

.wp-polls p{
	float: left;
	clear: both;
	width: 100%;
	text-align: left;
	margin: 5px 0;
}

.wp-polls p strong{
	color: #2f4381;
	float: left;
	font-size: 1.5em;
	float: left;
	clear: both;
	width: 100%;
	text-align: left;
	margin: 0 0 10px 0;
}

ul.wp-polls-ul,
ul.wp-polls-ul li{
	float: left;
	clear: both;
	width: 100%;
}

ul.wp-polls-ul li{
	margin: 5px 0;
	font-size: 1.2em;
}

ul.wp-polls-ul li input{
	margin: 0 10px 0 0;
}

.wp-polls input.Buttons{
	text-indent: -9999px;
	float: left;
	clear: both;
	width: 57px;
	height: 27px;
	background: url(../../img/vote_button.png) top left no-repeat;
	margin: 10px 0;
}

/* -- Footer -- */

#footer_container{
	float: left;
	clear: both;
	background: url(../../img/footer_bg.png) top left repeat-y;
	height: 200px;
	margin: 0 0 0 -6px;
	width: 832px;
	color: #9d9fa2;
	font-size: 1.2em;
	line-height: 1.8em;
	padding: 25px 0px 0 5px;
}

#footer_container a{
	color: white;
}

#footer_container h3{
	font-size: 1.5em;
	color: white;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
}

.footer_item{
	width: 225px;
	float: left;
	margin: 0 25px;
}

/* -- Easy Contact -- */

label {
	font-size: 1.4em;
	line-height: 1.8em;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 15px;
}


form.contact-form div.form-input {
	margin-bottom: 15px;
}




/* -- Our Teams -- */

#our_teams{
	width: 849px;
	height: 51px;
	background: url(../../img/our_teams_bg.png) top left no-repeat;
	float: left;
	clear: both;
	margin: -40px 0 20px -13px;
}

#our_teams ul{
	float: left;
	clear: both;
	width: 100%;
}

#our_teams ul li{
	float: left;
	margin: 3px 15px 0 0;
}

#our_teams h3{
	margin: 3px 0 0 15px;
}

div#content.tec-event.widecolumn {
	width: 525px;
	padding-left: 35px;
}