/*  

Theme Name: Guess Again

Theme URI: http://www.laout.org
Description: A video theme for Guess Again Web Series
Version: 1.0
Author: Andy Sammons
Author URI: http://www.tincanstudios.com


/******************************************



*   HTML Elements                         



******************************************/
* {
	margin:0;
	padding:0;
	}

body,html {
	min-height:101%;

	}

body {
	background: #000;
	color: #999;
	padding: 0 0 25px 0;
	}

body, select, input, textarea {
	font: 12px Arial, Verdana, Sans-Serif;
	line-height:1.5em;
	}
p {	



	margin: 15px 0;



	}



h3.underlinedh3{
	border-bottom:1px solid #999999;
	padding-bottom:5px;
	margin-bottom:15px;
}



a:link, a:visited {



	color: #ffffff;



	text-decoration:none



	}

a:hover, a:active {



	color:#999999;



	text-decoration:underline;



	}

hr {



	display: block;



	height:1px;



	background:#333;



	border:0;



	}
small {



	font-size: 0.9em;



	padding:3px 6px;



	}


/****** Images ****************************/

img, a:link img, a:visited img{border:1px solid #999; padding:1px;}



img.left,img.center,img.right,img.norm{ margin:5px 12px 5px 0; border:1px solid #999; padding:1px;}



img.left{ float:left; margin:0 12px 5px 0; }



img.center{ display:block; margin:0 auto 5px auto; }



img.right{ float:right; margin:0 0 5px 12px; }



img align left{ float:left; margin:0 12px 5px 0; }
/******************************************



*   General Structure                         



******************************************/
#headerWrapper{



	width: 100%;



	background: #141414 url(images/headerWrapperBG.jpg) no-repeat center 0;



	height: 106px;
	border-bottom: solid 1px #222222;
	padding: 9px 0 0;



}



#header{


	position:relative;
	width:880px;



	margin:0 auto;



}	
#metaWrapper{
margin: 0;
padding: 0;
text-align:right;
}
#metaWrapper a{
font-size: .8em;
color:#FFF;
}
#metaWrapper a:hover{
color:#CCCCCC;
}
#metaWrapper ul{
margin: 2px 0 0 0;
padding: 0;
}
#metaWrapper li{
display: inline;
list-style-type: none;
padding: 2px;

}



#navWrapper{



	width: 100%;



	background: url(images/backgrounds/navBG.jpg) repeat-x;



	



}



#navFixed{



	width:880px;



	margin: 0 auto;



}



#pageWrapper{

	padding: 15px 0;

	width: 100%;



	background: #141414;



}

#page { /*the main container*/



	width:880px;



	margin:0 auto;



	font-size:1em;



	padding: 0;



	}







#branding {/*where the logo sits*/

	position:absolute;
	top:0;
	left:0;
	width:800px;
	height:100px;
	background:url(images/backgrounds/bg_branding.png) no-repeat;
	}







.left {



	float:left;



	}







.right {



	float:right;



	}







#sidebar {/*you guessed it: it�s the sidebar container*/



	width: 205px;
	margin-top: 10px;


	float:right;



	}







#leftcol {/*the left homepage column carrying the "Featured Article" section*/



	width:275px;





	padding-right:44px;



	}







#leftcol, #rightcol {



	margin-top:10px;



	float:left



	}	



	



#rightcol {/*actually the column in the middle of the homepage (if the right column is the sidebar)*/



	width:275px;



	padding-left:18px;



	margin-top: -2px;



	text-align:left;



	}
/******************************************



*   Sidebar                         



******************************************/
.subnav li {/*.subnav is mainly the categories list*/



	list-style:none;



	}


.subnav li a:link, .subnav li a:visited {



	background: #fff;



	display:block;



	padding:4px 4px 4px 20px;



	border-bottom: 1px solid #999;



	}



		



.subnav li a:hover, .subnav li a:active {



	background: #F4F4EC;



	text-decoration:none;



	}


#sidelist li {



	list-style:none;



	}


.bullets li {



	margin:0 0 5px 15px;



	list-style:square;



	}


#sidelist .bullets li {



	list-style:square;



	margin-bottom:5px;

	margin-left:22px;



	}

#sidelist .children {



	background:#F4F4EC;



	}







#sidelist .children li {



	background: #F4F4EC;



	list-style: none;



	margin-left:15px;



	padding-left:15px;



	border-bottom:1px solid #fff;



	}



	



#sidelist .children li a, #sidelist .children li a:visited {



	padding:2px 2px 2px 0px;



	border:0;



	background:#F4F4EC;



	color: #666;



	}







#sidelist .children li a:hover, #sidelist .children li a:active	{				



	color:#000;



	}







#sidelist .feed li{



	margin-bottom:5px;



	padding-left:20px;



	background:url(images/rss.gif) no-repeat;



	}







	



/******************************************



*   Headlines                         



******************************************/







.blogtitle, .blogtitle a {



	color: #000;



	font-size: 1.8em;



	font-family: Georgia, "Times New Roman", Times, serif;



	font-weight: regular;



	padding: 20px 0px 10px 0px;



	}







h1 {



	color: #999999;



	font-size: 1.8em;



	font-family: Georgia, "Times New Roman", Times, serif;



	font-weight: bold;



	margin: 0px 10px 0px 0px;



	padding: 20px 0px 0px 10px;



	}



	



h2 {



	color: #999999;



	font: 1.8em Georgia, "Times New Roman", Times, serif;



	padding: 0 0 3px 0;



	border-bottom:1px solid #999999;



	margin: 0 0 20px 0;



	}







h3 {



	font: 0.9em Arial, Helvetica, sans-serif;



	text-transform:uppercase;



	letter-spacing:0.3em;



	margin-bottom:4px;



	font-weight:bold;



	color:#999999;



	}







#sidebar h2, #sidebar h3 a {



	font: 0.9em Arial, Helvetica, sans-serif;



	letter-spacing:0.3em;



	text-transform:uppercase;



	margin-bottom:4px;



	font-weight:bold;



	color:#999999;



	}







#sidebar h3, #sidebar h2 {



	font-size:0.9em;






	border-bottom:1px solid #999;



	padding:0 0 5px 2px;



	margin:0 0 15px 0;



	color:#999999;



	}







h3#respond {



	font-size:1.1em;



	border-top:1px solid #666;



	margin-top:25px;



	padding-top:20px



	}







h3#comments {



	margin-top:32px



	}







h3 a:link, h3 a:visited {



	color: #666;;



	}







h4 {



	font-size:1.2em;



	margin-bottom:6px;



	}



	



	



	



/******************************************



*   Content                        



******************************************/







#content {



	width:650px;



	float:left



	}

#content p a{
	text-decoration: underline;
}
#content p a:hover{
	color: #c90103;
	text-decoration: underline;
}

#sidebar a{
	text-decoration: underline;
}
#sidebar a:hover{
	color: #c90103;
	text-decoration: underline;
}
li.recentcomments strong{
	color: #730000;
}
li.recentcomments strong a{
	color: #730000;
}



.description {



	font-size: 1.3em;



	font-weight: bold; 



	color:#999;



	}







/* Featured Articles formatting "leftcol" */







.feature {



	background: #222222 url(images/backgrounds/bg_featured.jpg) repeat-x;



	padding:15px;



	border: 1px solid #000000;



	}







.feature p, #rightcol p { margin:0;	}







#leftcol img, #rightcol img {



	padding:1px;



	border:1px solid #999;



	}







#leftcol .feature {	margin-bottom: 15px; }







/* Formating of the Leadstory stuff in the tabbed section */



			



#leadpic {



	float:left;



	margin: 0 18px 8px 0;



	padding:1px;



	border: 1px solid #999;



	}







.title, a.title  {



	font-family: Georgia, "Times New Roman", Times, serif;



	font-size:1.1em;



	font-weight:bold;



	color: #ffffff;



	letter-spacing:normal;



	}

a.title:hover  {
	color: #999999;
}

		



#lead p {



	margin-bottom:10px;



	}











/* Formating of "rightcol" which is the column in the homepage middle ;-) */







#rightcol img {



	float:left;



	margin:3px 10px 4px 0;



	}







#leftcol img {



	margin-bottom: 4px;



	display:block



	}



	



#rightcol .clearfloat {






	padding:12px 0;



	}	



	











/* Post Formatting */







.entry {



	padding-bottom:28px;



	



	text-align:justify;



	}



.entry img{



	padding:3px;



	border:1px solid #CCC;



	background: #FFF;



	margin: 0 8px 4px 0;



}







.post blockquote {



	color:#666;



	background:#F4F4EC;



	padding:6px 14px;



	margin:18px 35px;



	border-right:1px solid #DDD;



	border-bottom:1px solid #DDD;



	}	







.post ul li {



	list-style:square;



	margin-bottom:5px;



	



	margin-left:42px;



	}







.post ol li {



	margin-bottom:5px;



	



	margin-left:48px;



	}



ul.playerInfo 



{



	margin:0;



	list-style: none inside;



}







ul.playerInfo li



{
	margin:0;
	list-style: none inside;
}
ul.playerInfo ul li
{
	margin:0 0 0 8px;
	list-style: none inside;
}
ul.playerInfo ul ul li
{
	font-weight: normal;
	margin:0 0 0 16px;
	list-style: circle inside;
}

ul.teamInfo 
{
	margin:0;
	list-style: none inside;
}

ul.teamInfo li
{
	margin:0;
	list-style: none inside;
}
ul.teamInfo ul li
{
	margin:0 0 0 8px;
	list-style: none inside;



}



ul.teamInfo ul ul li



{



	margin:0 0 0 16px;



	list-style: none inside;



}



#tags {



	padding:3px;



	border-bottom:1px solid #DDD;



	border-top:1px solid #DDD;	



	}	



	



.postmetadata {



	font-size:0.9em;



	margin:0 0 10px 0;



	padding:5px 10px;



	background:#333333;



	border-top:1px solid #000000;	



	border-bottom:1px solid #000000;	



	}



				







/* Form Elements */







select {



	background:#f2f2f2;



	border:1px solid #9c9c9c;



	width:100%



	}



	







#searchform { 	padding:16px 5px 0 0; 	}







.button {



	padding: 1px;



	background:#333;



	color:#fff;



	border:none;



	}







.button:hover {



	background:#666;



	color:#FFF;



	text-decoration:none



	}







#commentform input {



	width: 170px;



	margin: 5px 5px 1px 0;



	}







#commentform textarea {



	width: 100%;



	margin-top:5px;



	}


/* Comments*/
.commentlist {
	padding-left:30px;
	}
.commentlist li {



	margin: 15px 0 3px;



	padding: 8px 15px 10px 15px;



	background:#000;



	border:1px solid #222222;



	}







.commentlist blockquote {



	color:#666;



	background:#000;



	padding:6px 14px;



	margin:18px 35px;



	border-right:1px solid #222222;



	border-bottom:1px solid #222222;



	}	







#commentform small {



	background:#000;



	font-weight:bold;



	padding:0;



	}
.commentmetadata {



	display: block;



	}
.commentlist small {



	background:#333333;



	border:1px solid #222222;



	}

/* Float Properties*/
.clearfloat:after {



	display:block;



	visibility:hidden;



	clear:both;



	height:0;



	content:".";



	}

.clearfloat {



	display:inline-block;



	}	
.clearfloat {



	display:block;



	}



.clear{



	clear:both;



	}


/******************************************



*   Footer                        



******************************************/



#footerWrapper{



	width: 100%;

	padding-bottom: 80px;
	border-top: solid 1px #222222;




}



#footer {



	margin: 0 auto;



	width: 900px;



	font-size:0.9em;



	text-align:center;



	padding-top:15px;



	color:#FFF;



	}


#footer a {



	color:#ededed;



	}

/*******************

ACCORDIAN

********************/

.accordion {

	width: 300px;

	border: solid 1px #E6E3D3;

	background: white;

}

.accordion h3 {

	background: #F4F4EC;

	padding: 4px;

	margin: 0;

	font: bold 100% Arial, Helvetica, sans-serif;

	border: solid 1px #E6E3D3;

	border-bottom: none;

	cursor: pointer;

}

.accordion h3:hover {

	background-color: #e3e2e2;

}

.accordion h3.active {

	background-position: right 5px;

}

.accordion p {

	line-height:1em;

}

.accordion ul li{

	list-style-image:none;

	list-style-position:inside;

	list-style-type:disc;

	margin: 2px 5px 2px 10px;

}

.dropDownSlider{
	padding: 8px;
}

/* Begin Calendar */

#wp-calendar {

	empty-cells: show;

	margin: 0;

	width: 250px;

	}



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

	}



#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

	}



#wp-calendar a {

	display: block;

	}



#wp-calendar caption {

	text-align: center;

	width: 100%;

	}



#wp-calendar td {

	background: #F4F4EC ; 

	color: #CCC;

	padding: 0;

	text-align: center;

	}



#wp-calendar td.pad { /* Doesn't work in IE */

	background-color: #fff; }

/* End Calendar */

/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em;}
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }



div.discography table{
	border-collapse: collapse; 
	border-spacing: 0;
}

div.discography td{
	border: 1px solid #DADADA;
	font-size: 12px;
	padding: 2px 4px;
}
div.discography .r0{
	background: #FFF;
}
div.discography .r1{
	background: #F8F8F8;
}
.year{
	clear: both;
	margin: 0 0 10px 0;
}
.roster{
	float: left;
	width: 250px;
	margin: 0 20px 0 0;
}
.results{
	float: left;
	width: 335px;
	margin: 0;
}
.playerSelect{
	float: left;
	width: 290px;
	margin: 0 15px 0 0;
}
.teamSelect{
	float: left;
	width: 290px;
	margin: 0;
}
.scroller{
	border: solid 1px #CCCCCC;
	padding: 5px;
	width: 278px;
	height: 300px;
	overflow : auto;
}
ul.teamImageList{
	list-style-type: none;
}
ul.teamImageList li{
	text-align: center;
	line-height: 1;
	float: left;
	margin: 0 5px 5px 0;
	display: inline;
	list-style-type: none;
}
ul.teamImageList li img{
	margin-bottom: 3px;
}

/*******
CALENDAR
********/

    .calnk a:hover {
         background-position:0 0;
         text-decoration:none;  
         color:#000000;
         border-bottom:1px dotted #000000;
         }
    .calnk a:visited {
         text-decoration:none;
         color:#000000;
         border-bottom:1px dotted #000000;
        }
    .calnk a {
        text-decoration:none; 
        color:#000000; 
        border-bottom:1px dotted #000000;
        }
    .calnk a span { 
        display:none; 
        }
    .calnk a:hover span {
        color:#333333; 
        background:#F6F79B; 
        display:block;
        position:absolute; 
        margin-top:1px; 
        padding:5px; 
        width:150px; 
        z-index:100;
        }
     .calendar-table {
        border:none;
        width:100%;
     }
     .calendar-heading {
        height:25px;
        text-align:center;
        border:1px solid #CCCCCC;
        background: #F4F4EC;
     }
     .calendar-next {
        width:25%;
        text-align:center;
     }
     .calendar-prev {
        width:25%;
        text-align:center;
     }
     .calendar-month {
        width:50%;
        text-align:center;
        font-weight:bold;
     }
     .normal-day-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #CCCCCC;
        background-color:#F4F4EC;
     }
     .weekend-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #CCCCCC;
        background-color:#F4F4EC;
        color:#840000;
     }
     .day-with-date {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #DFE6DE;
     }
     .no-events {

     }
     .day-without-date {
        width:60px;
        height:60px;
        border:1px solid #E9F0E8;
     }
     span.weekend {
        color:#840000;
     }
     .current-day {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #CCCCCC;
        background-color:#F4F4EC;
     }
     span.event {
        font-size:0.75em;
     }
     .kjo-link {
        font-size:0.75em;
        text-align:center;
     }
     .event-title {
        text-align:center;
        font-weight:bold;
        font-size:1.2em;
     }
     .event-title-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .event-content-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .calendar-date-switcher {
        height:25px;
        text-align:center;
        border:1px solid #CCCCCC;
           
  }
     .calendar-date-switcher form {
        margin:0;
        padding:0;
     }
     .calendar-date-switcher input {
        border:1px #D6DED5 solid;
     }
     .calendar-date-switcher select {
        border:1px #D6DED5 solid;
     }
     .cat-key {
        width:100%;
        margin-top:10px;
        padding:5px;
        border:1px solid #D6DED5;
     }

/* 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 {
	margin: 0 0 2px 7px;
	display: inline;
	}

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

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */
#videoAreaWrapper{
	text-align: center;
	width: 100%;
	padding: 30px 0;
	margin: 0;
	background: url(../images/backgrounds/bg_leadarticle.jpg) repeat-x #000!important; /* declare background color for container to avoid distorted fonts in IE while fading */
	border-bottom: solid 1px #222222;

}
#videoArea{
	width: 880px;
	margin: 0 auto;

}
#videoArea p{
	text-align: center;
	color: #999999;
	width: 640px;
	padding: 0;
	margin: 0 auto;

}
#video{
	margin: 0 auto 10px;
	width: 640px;
	border: solid 1px #333333;
	padding: 4px;
	background: #111111;
	text-align: center;
}
h2#videoName{
	border: none;
}
h2#videoName a{
	color: white;
	text-align: center;
		
}
div.video-thumb{
	float: left;
	margin: 0 8px 16px 0;
	border: solid 1px #999999;
	padding: 1px;
	text-align: center;
	font-size: 10px;
}