/*  
Theme Name: WCR Light
Theme URI: http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/
Description: WCR Light is based heavily on "<a href="http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/">Arthemia</a>" by Michael Jubel Hutagalung. Major changes include team- and member-specific page templates, the use of Dynamic Content Gallery for the hero, and a highly-widgetized front page.
Version: 1.1
Author: Eamon Daly
Author URI: http://eamondaly.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

WCR Light alterations first released Mon Jan  4 19:16:38 PST 2010
*/

/*

The Fury Orange		#f67711
Double Crossers Gray	#c8c7c7
Manic Attackers Blue	#0d3692
Manic Attackers Yellow	#ffff00
Hell's Belles Red	#ed1c24

*/

/* HTML Elements */

* {
	margin: 0;
	padding: 0;
	}

body {
	font-size: 100%;
	line-height: 1.125em;
	font-family: Arial, Helvetica;
	background: #f1f1f1 url(images/white_gradient.png) repeat-x 0 0;
	color: #333;
	z-index: 1;
	}

p {	
	font-size: 0.875em;
	margin: 15px 0;
	}

a:link, a:visited {
	color: #27aece;
	text-decoration: none
	}

a:hover, a:active {
	color: #27aece;
	text-decoration: underline;
	}

a img {
	border: 0;
	}

img.alignright,
.alignright {
        float: right;
}

img.alignleft,
.alignleft {
        float: left;
}

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

code {
	font: 1.0em 'Courier New', Courier, Fixed;
	background: #ececec;
	}	

acronym, abbr, span.caps {	
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help;
	}			

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	padding: 10px 10px 0 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #eee;
	font: 1.0em Arial;
	line-height: 1.5em;
	margin: 10px 0px;
	}

/* Structure */

#head {
	width: 960px;
	margin: 0px auto;
	margin-top: 10px;
	padding: 0px;
	font-size: 1em;
	}

#page {
	width: 940px;
	margin: 0px auto;
	padding: 10px;
	font-size: 1em;
	background: #224290 url(images/blue_gradient.png) repeat-x 0 0;
	}

.left, .alignleft {
	float: left;
	}

.right, .alignright {
	float: right;
	}

/* Header Section */

#header_center {
	float: left;
	width: 150px;
	}

#header_left, #header_right {
	padding-top: 35px;
	float: left;
	width: 405px;
	text-align: center;
}

#header_left h2, #header_right h2 {
	font: bold 1.8em Arial, Helvetica;
	letter-spacing: 0em;
	text-transform: uppercase;
	}

#header_left p, #header_right p {
	font-size: 1.2em;
	margin-top: 0px;
}

/* Navigation Bar */

#navbar {
	margin: 0 auto;
	margin-top: 12px;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	z-index: 90;
	}

/* Dropdown Menus */		

#page-bar {
	width: 940px;
	padding: 0px 10px;
	background: transparent url(images/navbar.png) no-repeat top left;
	margin: 0 auto;
	margin-top: -7px;
	font-family: Arial Narrow;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	}

#page-bar a, #page-bar a:hover {
	display: block;
	color: white;
	text-decoration: none;
	padding: 10px 0px 10px 0px;
	}

#page-bar a:hover {
	background-color: black;
	}

#page-bar ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	}

#page-bar li {
	float: left;
	position: relative;
	list-style-type: none;
        margin: 0;
        padding: 0;
	background: #2c2c2c;
	width: 188px;
	cursor: pointer;
	}

#page-bar li ul {
	position: absolute;
	display: none;
	height: auto;
	background: #2c2c2c;
	left: 0;
	}

#page-bar li li {
	border-top: 1px solid white;
	margin: 0;
        padding: 0;
}

#page-bar li:hover ul {
	display: block;
	z-index: 100;
	}

/* Text */

h1 {
	font: 1.6em Arial;
	font-weight: bold;
	}

h2 {
	font: 1.4em Arial;
        letter-spacing: -0.1em;
	}

h3 {
	font: 1.2em Arial;
	margin-bottom: 3px;
	font-weight: bold;
	}

h4 {
	font: 1.0em Arial;
	}

h3.cat_title, h3.cat_title a {
	color: #333;
	letter-spacing: -0.05em;
	font-size: 0.85em;
	}

h3#respond {
	margin-top: 0px;
	padding-top: 20px;
	}

h3#comments {
	margin-top: 32px;
	padding-left: 0px;
	}

h3.authors {
	margin-top: 15px;
	}

/* Index Page */

#logo {
	width: 350px;
	}

#tagline {
	margin-top: 5px;
	font-size: 1em;
	color: #333;
	}

#top {
	padding: 0;
	}

#featured {
	width: 610px;
	float: left;
	background: #fff;
	margin: 0;
	padding: 0;
	font-size: 1.05em;
	}

#featured h2 {
	letter-spacing: -.05em;
	}

#top #partners {
	height: 320px;
	width: 320px;
	float: left;
        background: #fff;
	margin-left: 10px;
	padding: 0;
	text-align: center;
	}

#top #partners h2 {
	display: none;
	}

#top #partners ul.blogroll {
        list-style: none;
        margin: 0 auto;
        padding: 0;
	text-align: center;
        }

#top #partners ul.blogroll li {
        list-style-type: none;
	display: inline;
        margin: 0 auto;
        padding: 0px 5px;
        cursor: pointer;
        }

#top #partners ul.blogroll img {
        width: 30px;
	height: 25px;
	}

#top #partners-list {
	font-size: .8em;
	}

#links_slideshow_4 {
	margin: 10px auto;
	}

#links_slideshow_4 div {
	display: none;
	}

#links_slideshow_4 img {
	width: 300px;
	height: 250px;
	}

#middle {
	width: 920px;
	background: #fff;
	float: right;
	padding: 10px;
	margin: 10px 0;
	}

#front-popular h3 {
	color: #fff;
	}

.category {
	width: 164px;
	float: left;
	border-top: 8px solid #333;
	margin: 0px;
	padding: 5px 10px 10px 10px;
	background: #fff;
	text-align: center;
	}

.category p {
	margin: 0;
	font: .7em Arial;
	text-align: center;
	}

#cat-1 {
	border-top: 8px solid #c8c7c7;
	}

#cat-2 {
	border-top: 8px solid #ed1c24;
	}

#cat-3 {
	border-top: 8px solid #000000;
	}

#cat-4 {
	border-top: 8px solid #ffff00;
	}

#cat-5 {
	border-top: 8px solid #f67711;
	}

.category span.cat_title {
	margin: 0;
	font-weight: bold;
	font-size: 1em;
	letter-spacing: -0.06em;
	text-transform: uppercase;
	text-align: center;
	}

.category a {
	color: #333;
	display: block;
	background: none;
	}

.category a:hover {
	background: none;
	color: #fff;
	text-decoration: none;
	}

#cat-1:hover, #cat-3:hover, #cat-5:hover {
	background: #333333;
	color: #fff;
	}

#cat-1:hover a, #cat-3:hover a, #cat-5:hover a {
	background: #333333;
	color: #fff;
}

#cat-2:hover, #cat-4:hover {
	background: #00aaec;
	color: #fff;
	}

#cat-2:hover a, #cat-4:hover a {
	background: #00aaec;
	color: #fff;
	}

#bottom {
	width: 940px;
	}

#front-list {
	width: 590px;
	background: #fff;
	padding: 10px;
	font-size: 1.05em;
	float: left;
	}

#archive {
	padding-top: 15px;
	font-size: 1.05em;
	}

#front-list blockquote {
	padding: 0px 10px 0 10px;
	}

#front-list .title, #archive .title {
	font-weight: bold;
	font: 1.4em Arial;
	letter-spacing: -0.06em;
	}

#front-list .clearfloat, #archive .clearfloat {
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
	}

#front-list .spoiler, #archive .spoiler {
	display: block;
	margin-top: 3px;
	}

#front-list p, #archive p {
	margin: 0px;
	padding: 0px;
	}

.author {
	font-size: 0.8em;
	font-weight: bold;
	}

.meta {
	font-size: 0.8em;
	font-weight: bold;
	color: #333;
	}

.meta a {
	font-weight: bold;
	color: #333;
	}

.read_more {
	font-size: 0.8em;
	line-height: 1.75em;
	}

/* Content Page */

#content {
	width: 590px;
	background: #fff;
	padding: 10px;
	font-size: 1.05em;
	float: left;
	min-height: 400px;
	}

#content .breadcrumbs, #content .breadcrumbs a {
	font-weight: bold;
	color: #333;
	}

#content h2.title {
	font: 2.0em Arial;
	font-weight: bold;
	letter-spacing: -0.06em;
	border-bottom: 1px solid #ddd;
	border-top: 3px solid #ddd;
	padding: 5px 0px;
	}

.post {
	font-size: 1.05em;
	}

.post p {
	margin-top: 0px;
	}

.post .clearfloat {
	border-bottom: 1px dotted #ccc;
	margin: 10px 0px;
	}

.post ul, .post ol, #front-list ul, #front-list ol {
	font-size: 0.875em;
	margin-bottom: 15px;
	}

.post ul li, #front-list ul li {	
	list-style: square;
	margin-left: 30px;
	}

.post ol li, #front-list ol li {	
	list-style: decimal;
	margin-left: 30px;
	}

.post ol li ul li, #front-list ol li ul li {	
	list-style: square;
	margin-left: 20px;
	}

/*
.post img, .post a img, #front-list img, #archive img {
	border: 1px solid #ccc;
	margin: 0 10px 5px 0;
	padding: 2px;
	}
*/

.post .ads {
	margin-top: 10px;
	}

.entry {
	margin-top: 20px;
	}

#tools {
	width: 590px;
	height: 25px;
	font-size: 0.95em;
	}

#tools a:hover {
	background: none;
	}

.sociable_tagline {
	margin-bottom: .2em;
	}

.navigation {
	padding: 5px 0px;
	text-align: Center;
	}

/* Sidebar */

#sidebar {
	width: 320px;
	float: right;
	margin: 0px 0px 0px 0px;
	}

.sidebar-full {
	width: 300px;
	padding: 10px;
	background: #fff;
	margin-top: 10px;
	margin-bottom: 0px;
	}

.sidebar-narrow {
	width: 135px;
	padding: 10px;
	float: left;
	background: #fff;
	}

#sidebar-middle {
	margin-top: 10px;
	}

#sidebar-left {
	margin-right: 10px;
	}

#sidebar div:first-child {
	margin-top: 0px !important;
	}

#sidebar-left table, #sidebar-right table { margin: 0px auto 1em auto; width: 100%; border-collapse: collapse }
#sidebar-left .bout, #sidebar-right .bout { text-align: center }
#sidebar-left .score, #sidebar-right .score { border: 1px solid black; font-size: 14pt; width: 40px; height: 40px; }
#sidebar-left .winner, #sidebar-right .winner { background-color: #FFFFCC }
#sidebar-left .versus, #sidebar-right .versus { font-size: 18pt; }

#sidebar-left td {
	font-size: 0.8em;
	}

#sidebar-right td {
	font-size: 0.8em;
	}

#sidebar h3 {
	font: 1.1em Arial;
	font-weight: bold;
	background: #2c2c2c;
	color: #fff;
	margin: 0px 0px 10px 0px;
	padding: 3px 10px;
	text-transform: uppercase;
	text-align: center;
	}

#sidebar li {
	list-style: none;
	border-bottom: 1px dotted #ccc;
	display: block;
	padding: 2px 0px 2px 13px;
	background: url(images/sub.png) no-repeat 0 0px;
	}

#sidebar li ul li:last-child{
	list-style: none;
	border-bottom: 0px dotted #ccc;
	display: block;
	padding: 2px 0px 0px 13px;
	background: url(images/sub.png) no-repeat 0 0px;
	}

/* Form Elements */

select {
	border: 1px solid #333;
	width: 200px
	}
	
.field {
	padding: 2px;
	border: 1px solid #333;
	background: #fff;
	font-size: 1.0em;
	}

#s {
	padding: 1px;
	font-size: 1.0em;
	width: 200px;
	}
	
#searchsubmit {
	padding-left: 5px;
	}

#commentform input {
	width: 140px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 99%;
	margin-top: 5px;
	}

/* Comments */

.commentlist cite {
	font-style: normal;
	margin-bottom: 4px;
	display: block;
	}	

.commentlist blockquote {
	background: #ededed;
	}
			
.commentlist li {
	padding: 10px 0px 10px 0px;
	list-style: none;
	margin-bottom: 3px;
	}

.commentlist li li {
	background: none;
	border: none;
	list-style: square;
	margin: 3px 0 3px 20px;
	padding: 3px 0;
	}

.commenttext {
	padding: 10px 10px 0px 10px;
	background: #f2f2f2;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width: 495px;
	float: right
	}
		
.commentlist cite strong {
	font-size: 1.1em;
	}
	
li.my_comment {
	background: #fff;
	border: none;
	}

li.my_comment cite strong {
	font-size: 1.3em;
	color: #313228;
	}
	
#commentform small {
	background: #fff;
	font-weight: bold;
	padding: 0;
	}
	
.commentmetadata {
	color: #4d4d4d;
	display: block;
	margin-top: 3px;
	text-align: right;
	font-size: 0.9em;
	}

.commentmetadata a, .commentmetadata a:visited {
	color: #959382;
	}
	
.commentlist small {
	background: #e9e9e9;
	}

.avatar {
	border: 1px solid #bbb;
	margin: 0px 10px 0px 0px;
	float: left;
	padding: 2px;
	width: 55px;
	height: 55px;
	}	

#comment {
	width: 590px;
	background: #fff;
	}

/* Footer */

#front-popular {
	font-size: 0.8em;
	line-height: 1.5em;
	color: #fff;
	width: 940px;
	background: #2c2c2c url(images/bottombar.png) bottom no-repeat;
	margin: 0 auto;
	padding: 10px;
	}

#footer_widgets {
	color: #AAA;
}

#footer_widgets ul {
	font-size: 0.9em;
}

#footer_widgets a:link, #footer_widgets a:visited {
        color: #fff;
        }

#footer_widgets a:hover, #footer_widgets a:active {
        color: #fff;
        }

#footer_left, #footer_center, #footer_right {
	float: left;
	padding: 0px;
	margin: 0px 10px 0px 10px;
	}

#footer_left, #footer_right {
	width: 300px;
	}

#footer_center {
	width: 280px
	}

#footer_left h3, #footer_center h3, #footer_right h3 {
	border-bottom: 1px solid #fff;
	margin-bottom: .2em;
        padding-top: 1em;
	text-transform: uppercase;
	}

#footer_left h3:first-child, #footer_center h3:first-child, #footer_right h3:first-child {
        padding-top: 0;
	}

#footer_left h3 a, #footer_center h3 a, #footer_right h3 a {
	color: #fff !important;
	}

#footer_left ul li, #footer_center ul li, #footer_right ul li {
	list-style: none;
}

#footer {
	margin: 0 auto;
	width: 960px;
	font-size: 0.6em;
	padding-top: 2em;
	padding-bottom: 10em;
        text-align: center;
        }

#newtagcloud a {
        padding-right: .5em;
        white-space: nowrap;
        }

#sitemap {
        width: 960px;
        margin: 1em auto;
        clear: both;
        font-size: .8em;
        }

#sitemap a, #sitemap a:hover {
        display: block;
        text-decoration: none;
        }

#sitemap a:hover {
        }

#sitemap ul {
        position: relative;
        list-style: none;
        margin: 0;
        }

#sitemap li {
        float: left;
        position: relative;
        list-style-type: none;
        margin: 0;
        padding: 0px 15px 0px 15px;
        width: 130px;
        cursor: pointer;
        font-weight: bold;
        }

#sitemap li ul {
        border-top: 1px dotted #2c2c2c;
        height: auto;
        left: 0;
        }

#sitemap li li {
        font-weight: normal;
        border: none;
        margin: 0;
        padding: 0;
        }

.widget {
	padding-bottom: 10px;
	}

/* Specific Widgets */

#footer_left li {
	border-bottom: 1px dotted #666;
	}

#footer_right li {
	border-bottom: 1px dotted #666;
	}

#footer_right .time-meta, #footer_right .from-meta {
        display: none;
	}

#footer_right .in-reply-to-meta {
	display: none;
	}

#ics-calendar-widget li {
        background: none;
        border-bottom: 1px dotted #CCCCCC;
        display: block;
        list-style: none outside none;
        padding: 0;
        padding-bottom: .5em;
        margin-bottom: .5em;
        }

#ics-calendar-widget .location,
#ics-calendar-widget .description {
        font-size: .8em;
        }

#ics-calendar-widget .description a {
        font-weight: bold;
        }

/* Team and Member List Page Templates */

#member #member_gallery {
        margin: 0px 0px 10px 10px;
        float: right;
        width: 250px;
        text-align: center;
        }

#member #member_flickr_pics {
        display: block;
        padding-top: 4px;
        }

#member .flickr img {
        height: 75px;
        width: 75px;
        padding: 4px;
        }

#member .tagline {
	color: #333333;
	font-weight: bold;
	font-size: 1.1em;
        }

#member .member_posts li {
        margin-left: 1em;
	}

#member div.team_history_details {
        font-size: .8em;
        margin-bottom: 1em;
        }

#member div.member_role {
        font-weight: bold;
        }

#member table.stats {
        text-align: right;
        font-size: .8em;
        border-collapse: collapse;
        margin: .5em 0 .5em 0;
        width: 330px;
        }

#member table.stats a {
        color: black;
        }

#member table.stats .bout_name {
        text-align: left;
        border-right: 1px solid black;
        }

#member table.stats .member_derby_name {
        text-align: left;
        }

#member table.stats .member_number {
        text-align: center;
        border-right: 1px solid black;
        }

#member table.stats_overview .minors,
#member table.stats_overview .assists,
#member table.stats_overview .lead_jam,
#member table.stats_overview .grand_slams {
        border-left: 1px solid black;
        }

#member table.stats_jammer .lead,
#member table.stats_jammer .grand_slams {
        border-left: 1px solid black;
        }

#member table.stats_assists .assists {
        border-left: 1px solid black;
        }

#member table.stats_attacks .attacks {
        border-left: 1px solid black;
        }

#member table.stats tr {
        border: 1px solid #FFF;
        }

#member table.stats th {
        cursor: help;
        background: #F1F1F1 url(images/white_gradient.png) repeat-x scroll 0 0;
        padding: 0px .4em 0px .4em;
        }

#member table.stats td {
        padding: 0px .4em 0px .4em;
        }

.team ul {
        width: 100%;
        padding: 0;
        margin: 0;
        }

.team ul li {
        float: left;
        width: 33%;
        list-style-image: none !important;
        list-style-position: outside !important;
        list-style-type: none !important;
        padding: 0;
        margin: 0;
	font-size: .875em;
        line-height: 1.2em;
        }

.team ul li img {
	border: 1px solid #ccc;
	margin: 0 5px 5px 0;
        padding: 2px;
        float: left;
        height: 75px;
        width: 50px;
        }

.team hr { clear: left }

/*
.team .activemembers ul li {
        height: 75px;
	}
*/

.team div.team_history_details {
        font-size: .8em;
        margin-bottom: 1em;
        }

.team table.stats {
        text-align: right;
        font-size: .8em;
        border-collapse: collapse;
        margin: .5em 0 .5em 0;
        }

.team table.stats a {
        color: black;
        }

.team table.stats .bout_name {
        text-align: left;
        border-right: 1px solid black;
        }

.team table.stats .member_derby_name {
        text-align: left;
        }

.team table.stats .member_number {
        text-align: center;
        border-right: 1px solid black;
        }

.team table.stats_overview .minors,
.team table.stats_overview .assists,
.team table.stats_overview .lead,
.team table.stats_overview .grand_slams {
        border-left: 1px solid black;
        }

.team table.stats tr {
        border: 1px solid #FFF;
        }

.team table.stats th {
        cursor: help;
        background: #F1F1F1 url(images/white_gradient.png) repeat-x scroll 0 0;
        padding: 0px .4em 0px .4em;
        }

.team table.stats td {
        padding: 0px .4em 0px .4em;
        }

.team table.stats .leader {
        color: red;
        }

/* Partner List Page Template */

#post_1088 #partners ul {
        list-style: none;
        }

#post_1088 #partners li {
        list-style-type: none;
        float: left;
        }

#post_1088 #partners ul ul {
        clear: both;
        }

#post_1088 #partners ul.blogroll li {
	text-align: center;
	padding: 10px;
	}

#post_1088 #partners h2 {
	margin-left: 0;
	padding: 0;
        }

#post_1088 #partners #linkcat-101 img {
	width: 275px;
	}

#post_1088 #partners #linkcat-104 a {
        display: block;
        width: 95px;
        }

/* Merch List Page Template */

#post_1267 #merch ul {
        list-style: none;
        }

#post_1267 #merch li {
        list-style-type: none;
        float: left;
        border: 4px solid #ccc;
        text-align: center;
        margin: 4px;
        padding: 10px;
        }

#post_1267 #merch li a {
        display: block;
        font-size: .8em;
        font-weight: bold;
        width: 150px;
        height: 190px;
        margin: 8px 4px 4px 4px;
        }

#post_1267 #merch ul ul {
        clear: both;
        }

/* Global */

.googlemap {
        margin-bottom: 1em;
        }

th.title {
        border: 1px solid #FFF;
        padding: .4em !important;
        background: #000 !important;
        color: #FFF !important;
        text-align: left;
        text-transform: uppercase;
        }

.highlight {
        background-color: #FFC;
        }

.zebra-gray {
        background-color: #EEE;
        }

.zebra-white {
        background-color: #FFF;
        }

/* Float Properties */

.clearfloat:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfloat {
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html .clearfloat {
	height: 1%;
	}

*+html .clearfloat {
	height: 1%;
	}

.clearfloat {
	display: block;
	}

/* Make panels even in height */

#bottom { overflow: hidden }
#front-list, #content { margin-bottom: -2000px; padding-bottom: 2010px; }
#sidebar-bottom-c { display: block; margin-bottom: -2000px; padding-bottom: 2010px; }

#sidebar-middle { overflow: hidden }
#sidebar-left { margin-bottom: -2000px; padding-bottom: 2010px; }
#sidebar-right { margin-bottom: -2000px; padding-bottom: 2010px; }

/* Plugin overrides */

.withArrows a.open:hover { background: url('images/read-more.png') no-repeat center center !important; }

* html .withArrows a.open:hover { background: url('images/read-more.png') no-repeat center center !important; }