/*
Theme Name: Timbers
Theme URI: http://nemohq.com
Description: JP DeVries, using Starkers nude them to build off of
Version: 1
Author: JP DeVries
Author URI: http://jpdevries.com
Tags: portland, soccer, mls
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/************************************************************************************
	GLOBAL STYLES
************************************************************************************/

body {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #e6e7e8;
}

@font-face {
font-family: HelveticaNeueLTStd-Md;
src: url('style/fonts/HelveticaNeueLTStd-Md.otf') format('opentype');
}

@font-face {
font-family: HelveticaNeueLTStd-Hv;
src: url('style/fonts/HelveticaNeueLTStd-Hv.otf') format('opentype');
}

table tr td {
	padding-right:30px;
	padding-bottom:6px;
}

a {
	text-decoration: none;
	color: #e6e7e8;
}

a:hover {
	color: #efdf00;
}

div#page div.page_post a.post-edit-link {
	padding: 4px 6px 4px 6px;
	background-color: black;
	margin-top: 4px;
	margin-bottom: 4px;
	display: inline-block;
	color: #efdf00;
}

.clr {
	clear: both;
}

body {
	text-align: center;
	background: black url(images/body_bg.jpg) no-repeat center top;
	/*-webkit-text-fill-color:#efdf00;*/
}

#header {
	height: 160px;
	width: 100%;
	position: relative;
	background: url(images/sprite_3.png) no-repeat 0 -630px;
	z-index: 910;
}

a#tickets {
	display: block;
	width: 418px;
	height: 416px;
	background: url(images/tickets.png) no-repeat;
	position: absolute;
	z-index: 960;
	left: 661px;
	top: 179px;
}

a#tickets:hover {
	background-position: 0 -421px;
}

#mls_comes_in {
	width: 465px;
	height: 75px;
	background: black url(images/sprite_3.png) no-repeat -55px -180px;
	float: right;
	margin-top: 45px;
	margin-bottom: 6px;
	margin-right: 10px;
}

a#join_banner {
	width: 465px;
	height: 69px;
	display: block;
	background: url(images/sprite_3.png) no-repeat -56px -478px;
	text-indent: -999em;
	margin-top: 10px;
}

div#social_media {
	width: 464px;
	margin-top: 10px;
}

div#social_media a {
	float: left;
	display: block;
	width: 232px;
	height: 82px;
	background: url(images/sprite_3.png) no-repeat -528px -6px;
}

/*div#social_media a#twitter {
	
}*/

div#social_media a#twitter:hover {
	background-position: -528px -177px;
}

div#social_media a#myspace {
	background-position: -760px -6px;
}

div#social_media a#myspace:hover {
	background-position: -760px -177px;
}

div#social_media a#youtube {
	background-position: -528px -88px;
}

div#social_media a#youtube:hover {
	background-position: -528px -259px;
}

div#social_media a#facebook {
	background-position: -760px -88px;
}

div#social_media a#facebook:hover {
	background-position: -760px -259px;
}

#footer {
	margin-left: 16px;
	font-size: 12px;
	font-weight: bold;
	color: black;
}

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

a#join_our_email {
	display: block;
	background: url(images/sprite_3.png) no-repeat -830px -496px;
	position: absolute;
	right: 0px;
	top: 12px;
	color: black;
	font-weight: bold;
	padding-right: 26px;
	/*font-family: HelveticaNeueLTStd-Md;*/
	font-family: HelveticaNeueLTStd-Hv;
	text-indent: -999em;
	font-size: 9pt;
	width: 130px;
}

/************************************************************************************
	COUNTDOWN STYLES
************************************************************************************/

#countdown, #countdown #overlay {
	width: 239px;
	height: 55px;
}

#countdown {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}

#countdown #overlay {
	position: absolute;
	background: url(images/sprite_3.png) no-repeat 0 -555px;
	top: 0;
}

#countdown ul {
	display: block;
	width: 239px;
	height: 55px;
}

#countdown ul li {
	height:55px;
	float: left;
	list-style-type: none;
	background: url(images/sprite_3.png) no-repeat;
}

#countdown ul li.digit {
	width:50px;
}

#countdown ul li#increment {
	width: 139px;
	background-position: -48px 55px;
	background-color: white;
}

/************************************************************************************
	MAIN NAV
************************************************************************************/

#main_nav {
	position: relative;	
	float: left;
	width: 940px;
	background-color: black;
	margin-left: 10px;
	font-size: 9pt;
	font-weight: bold;
	height: 30px;
	margin-top: 4px;
}

#main_nav li {
	float: left;
	background-color: black;
	display: inline-block;
	padding: 0 20px 0 20px;
	margin: 8px 8px 0 8px;
	padding: 0 16px 0 16px;
	_margin:6px 8px 0 6px;
}

#main_nav li a {
	color: white;
	display: block;
	position: relative;
	letter-spacing: 0.5px;
	padding-left: 7px;
}

#main_nav li a:hover {
	color: #eedf00;
}

#main_nav li ul {
	display: none;
	position: absolute;
	/*z-index: 900;*/
	z-index: 970;
	background-color: black;
	padding-top: 7px;
	/*padding-bottom: 6px;*/
}

#main_nav li ul li {
	float: none;
	margin: 0;
	display:block;
	padding: 0;
}

#main_nav li ul li a {
	padding: 2px 7px 2px 7px;
}

#main_nav li ul li a {
	color: white;
	display: block;
}

#main_nav li ul li a:hover {
	color: black;
	background-color: #eedf00;
}

/* tickets & hospitality */
#main_nav li#main_nav_tickets {
	/*width: 182px;*/
	/*margin-left: 109px;*/
	margin-left:96px;
}

/* news & events */
#main_nav li#main_nav_news {
	width: 144px;
}

/* stadium */
#main_nav li#main_nav_stadium {
	width: 105px;
}

/* club */
#main_nav li#main_nav_club {
	width: 85px;
}

/* FAQ */
#main_nav li#main_nav_faq {
	
}

#header p, #logo {
	text-indent: -999em;
}

#logo {
	width: 120px;
	height: 200px;
	background: url(images/sprite_3.png) no-repeat -60px -270px;
	position: absolute;
	z-index: 950;
	left: 18px;
	display: block;
	text-align: -999em;
}

/************************************************************************************
	HOMEPAGE STYLES
************************************************************************************/

#page {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background: #8c8c8c url(images/page_bg.png) repeat-x;
	padding-bottom: 30px;
	font-size: 9pt;
}

#post_container {
	background-color: #000000;
	padding: 10px;
	height: 495px;
	position: relative;
	
}

div#left_col {
	float: left;
	margin-left: 10px;
	position:relative;
}

div#right_col {
	float: right;
	margin-right: 10px;
}

div.col {
	width: 465px;
}

/*#post_container, #photo_posts_container {

}*/

#photo_posts_container {
	
}

#post_container ul#pag_links {
	/*margin-top: 6px;*/
	/*margin-bottom: 2px;*/
	position:absolute;
	bottom:8px;
	width:446px;
}

#post_container ul#pag_links li {
	text-align: right;
	font-weight: bold;
	
	float:right;
	width:200px;
}

#post_container ul#pag_links li#new  {
	float:left;
	text-align:left;
}

#post_container .post {
	color: #e6e7e8;
	/*padding: 10px 6px 10px 10px;*/
	padding: 10px 6px 0 10px;
	background-color: #000000;
	height: 107px;
}

#post_container .post img.wp-post-image {
	display:none;
}

#post_container .post_over h2 a, #post_container .post_over p.more a {
	color: #eedf00;
}

#post_container .post:hover {
	background-color: #1a1a1a;
}

.post_over {
	background-color: #1a1a1a;
}

/*#post_container .post a {
	color: #e6e7e8;
}*/

#post_container .post p, #photo_posts_container div div.hover_desc p {
	line-height: 11pt;
}

#post_container .post p.date {
	font-size: 8.5pt;
	letter-spacing: .5px;
}

p.more {
	text-transform: capitalize;
	font-weight: bold;
	background: url(images/sprite_3.png) no-repeat -930px -456px;
	margin-top: 2px;
}

div.photo_post_over p.more {
	background: url(images/sprite_3.png) no-repeat -930px -475px;
}

div#page div.page_post p.more a:hover, div#page div.page_post .post_over p.more a, div#page div.page_post .photo_post_over p.more {
	background: url(images/sprite_3.png) no-repeat -930px -437px;
	/*color:yellow;*/
}

p.more a, ul#pag_links li a {
	display: block;
}

p.more {
	width:70px;
}

ul#pag_links li a {
	padding-right: 14px;
	background: url(images/sprite_3.png) no-repeat -774px -456px;
}

ul#pag_links li#new a {
	padding:0;
	padding-left:14px;
	background: url(images/sprite_3.png) no-repeat -1002px -456px;
}

ul#pag_links li a:hover {
	background: url(images/sprite_3.png) no-repeat -774px -475px;
}

ul#pag_links li#new a:hover {
	background: url(images/sprite_3.png) no-repeat -1002px -475px;
}


#post_container div.post h2 {
	font-size: 16pt;
	line-height:18pt;
	font-weight: bold;
	margin-bottom: -7px;
	letter-spacing: .5px;
}

#photo_posts_container div {
	position: relative;
}

#photo_posts_container div.photo_post div.hover_desc {
	/*display: none;*/
	color:white;
	background-color: black;
	position:absolute;
	right: 10px;
	bottom: 10px;
	width: 200px;
	padding: 10px;
}

#photo_posts_container div.photo_post {
	margin-bottom: 10px;
	height: 165px;
}

div.photo_post_over div.hover_desc p.photo_hover_desc_title, div.photo_post_over div.hover_desc p.more {
	color: yellow;
}

#photo_posts_container div.photo_post div.hover_border, #photo_posts_container div.photo_post #rss_border {
	width: 445px;
	height: 145px;
	border: 10px solid yellow;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

#photo_posts_container div#rss_post {
	border: 10px solid #dadada;
	height:145px;
	background: black url(images/sprite_3.png) no-repeat -10px -1090px;
}

#photo_posts_container div#rss_post.photo_post_over {
	border: 10px solid yellow;
}

div#rss_post ul {
	padding-left:132px;
	padding-top:14px;
}

div#rss_post ul li {
	padding-bottom:4px;
	font-weight:bold;
}

#photo_posts_container div.photo_post #rss_border {
	
}

#photo_posts_container div.photo_post_over div.hover_border {
	display: block;
}

#hero {
	margin-left: 10px;
	margin-bottom: 10px;
	z-index: 1;
	width:940px;
	height:440px;
}

#photo_posts_container div.photo_post div.hover_desc a {
	/*color: white;*/
}

/************************************************************************************
	PAGE STYLES
************************************************************************************/


div#page div.page_post {
	/*margin-left: 10px;*/
	margin-left: 18px;
	padding-top: 30px;
	min-height: 300px;
	/*padding-right: 340px;*/
	color:black;
}

div#page div.page_post img {
	margin-right:10px;
	margin-top:4px;
}

div#page div.page_post p {
	margin-bottom:10px;
}

.page_child_post {
	width: 465px;
	height: 70px;
}

div#page div.page_post .page_child_post:hover {
	background-color:#eedf00;
}

div#page div.page_post .page_child_post p {
	padding-right: 6px;
	padding-left: 10px;
	line-height: 10pt;
	font-size: 9pt;
}

div#page div.page_post .page_child_post a {
	margin-left: 10px;
	padding-top: 6px;
}

div#page div.page_post h2, div#post_container div.post h2 {
	font-family: HelveticaNeueLTStd-Hv;
	font-weight: normal;
}

div#post_container div.post h2 {
	padding-bottom: 4px;
}

div#page div.page_post h4 {
	font-size: 10pt;
	font-weight: bold;
	/*float: left;
	width: 300px;*/
}

div#page div.page_post p, div#page div.page_post ul li {
	/*width: 530px;*/
	padding-right:300px;
	font-size: 10pt;
}

div#page div.page_post ul {
	margin-top: 6px;
	margin-bottom: 6px;
	padding-bottom: 6px;
}

.wp-caption {
	margin-right: 16px;
	margin-bottom: 10px;
}

div.dotted_line {
	border-bottom: 1px solid black;
	border-bottom-style: dotted;
	border-width: 2px;
	margin-bottom: 10px;
	margin-left: -8px;
}

div#page div.page_post h2, div#page div.page_post h3 {
	border-bottom: 1px solid black;
	border-bottom-style: dotted;
	border-width: 2px;
	margin-top: 6px;
	margin-bottom: 6px;
	padding-bottom: 6px;
	margin-left: -8px;
	display:block;
}

div#page div.page_post h2 {
	width:940px;
}

div#page div.page_post h2 p {
	font-size: 26pt;
	font-weight: bold;

	display: block;
	letter-spacing: -.5px;
	padding-bottom: 0;
	line-height: 28pt;
	margin: 0;
}

div#page div.page_post a {
	color: black;
	font-weight: bold;
}

div#page div.page_post h3 {
	width: 100%;
	display: block;
}

div#page div.page_post h3 p {
	font-size: 18pt;
	line-height: 19pt;
	/*font-family: HelveticaNeueLTStd-Md;*/
	font-weight: normal;
	width: 550px;
	
}

div#page div.page_post h2 p, div#page div.page_post h3 p {
	margin-left: 8px;
	display:block; /* added post launch to try and fix ie background center issue */
}

div#page div.page_post h3 p, div#page div.page_post ul li {
	list-style-type:disc;
	list-style-position: outside;
}

div#page div.page_post ul {
	margin-left: 10px;
}

/* BLOG PAGE */

div#page div#blog_page {


}

div#page div#blog_page h2#blog_title {
	height:162px;
	text-align:-99999em;
	width:960px;
	
	background: black url(images/sprite_3.png) no-repeat 0 -837px;
	padding:0;
	margin:0;
	margin-left:-18px;
	display:block;
}

div#page div#blog_page p {
	margin-bottom:0;
}

div#page div#blog_page {
	padding-top:8px;
}

div#page div#blog_page div#blog_post_container div.post h2, div#page div#blog_page div#blog_post_container div.post h3 {
	margin:0;
	padding:0;
	margin-bottom:-3px;
	/*line-height:18pt;*/
}

div#page div#blog_page div#blog_post_container div.post {
	padding-bottom:10px;
	padding-top:8px;
	padding-left:12px;
}

div#page div#blog_page div#blog_post_container div.post p {
	line-height:11pt;
}

div#page div#blog_page div#blog_post_container div.post p.more {
	display:block;
	width:70px;
}

div#page div#blog_page div#blog_post_container div.post p.date {
	font-size:9pt;
	font-weight:bold;
}

/*div#page div#blog_page h2#blog_title p {
	color:#efdf00;
	font-size:50pt;
	line-height:32pt;
	letter-spacing:-5px;
	position:absolute;
	top:85px;
	left:8px;
}*/

div#blog_post_container {
	width:592px;
	float:left;
}

div #blog_right_col {
	width:228px;
	width:208px;
	padding-left:8px;
	/*position:absolute;
		top:610px;
		right:0;*/
		float:right;
	
	color:black;
	margin-top:237px;
	background: transparent url(images/sprite_3.png) no-repeat -1002px 0;
	margin-right:10px;
	#position:absolute;
	#top:350px;
	#left:730px;
	/*border-top:1px dotted black;*/
}

/*div #blog_right_col h3, div #blog_right_col p, div #blog_right_col ul {
	margin-left:8px;
}*/

div #blog_right_col a {
	color:black;
}

div #blog_right_col a:hover {
	text-decoration:underline;
}

div#page div#blog_page {
	min-height:0;
}

div#page div#blog_page ul#pag_links li a {
	background:none;
	padding:none;
}

.wp-pagenavi span.pages {
	display:none;
}

div #blog_right_col h3 {
	font-size:10pt;
	display:block;
	padding-top:10px;
}

div #blog_right_col div.right_col_sec {
	border-top:1px dotted black;
	margin-left:8px;
}

div#page div#blog_page div#blog_post_container ul#pag_links li {
	list-style-type:none;
}

div #blog_right_col div.right_col_sec:first-of-type {
	margin-top:16px;
}

div #blog_right_col ul, div #blog_right_col p#tags {
	padding-bottom:8px;
}

div #blog_right_col ul li, div #blog_right_col p#tags {
	line-height:13pt;
}

/*div #blog_right_col ul, div #blog_right_col p#tags, div #blog_right_col h3#recent_entries {
	border-top:1px dotted black;
}*/

div#blog_post_container p.more {
	/*background: none;*/
	background-position:-930px -437px;
}

div#blog_post_container p.more a:hover,  .post_over p.more a, .photo_post_over p.more {
	/*background: none;*/

}

div#page div.page_post div#blog_post_container div.post {
	border-bottom:1px dotted black;
	padding-top:6px;
}

div#page div.page_post div#blog_post_container div.post p.date {
	margin:0;
}

div#page div.page_post div#blog_post_container h2, div#page div#blog_post_container div.page_post div#blog_post_container h3 {
	border-bottom:none;
}

div#page div.page_post div#blog_post_container p, div#page div.page_post div#blog_post_container ul li {
	padding-right:0;
}

div#blog_post_container div.post h2 {
	font-size:18pt;
	line-height:20pt;
	width:100%;
}

div.wp-pagenavi {
	margin-top:6px;
}

/* plugin overrides */
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:hover, .wp-pagenavi a:active, .wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend  {
	padding: 0; 
	margin:0;
	text-decoration:none;
	border: none;
	color: black;
	background:none;
}

.wp-pagenavi a {
	padding:0 2px 0 2px !important;
}

/* end plugin overrides */