/*
Theme Name: The Sports Geeks 2
Theme URI: http://thesportsgeeks.com
Description: 
Version: 1.0
Author: Alex Chalupka
Author URI: http://alexchalupka.com
Tags: the sports geeks, blog, slider
*/

/*--------------- Theme Info ---------------- 
Colors:
		Light Gray BG: 		#717171
		Darker Border Gray: #363636
		Inner Element Gray: #4f4f4f
		Text Gray:			#cccccc
							#1d1d1d
		
Transparency: 
		Photoshop Black w/ 55% Fill
	Darker:
		2 Photoshop Black w/ 55% Fill Layers overlapped

-------------------------------------------*/


/* ----------- Reset and WP Junk ------------ */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.alignleft { float:left }
.alignright { float:right }
.wp-caption { 	background: #EEE;
				border: 1px solid #DDD;
				text-align:center;
				padding:10px; margin-top:5px; margin-bottom:5px;}
				
.aligncenter { margin:5px auto; }
.alignright { margin-left:5px; margin-right:0px;}
.alignleft{ margin-right:5px;margin-left:0px;}

/* --------------- Font Stuff --------------- */

/* --------------- Typography --------------- */

body{
		color: #333;
		}

h1{		font-size: 32px; 
		line-height: 32px;
		font-family: Arial, sans-serif; 
		font-weight:bold;
		margin: 12px 0;
		color:#222;
		}
h2 {		font-size: 28px; 
		font-family: Arial, sans-serif; 
		font-weight:bold;
		margin: 5px 0;
		color:#222;
		line-height:32px;
		}
		
h2 a{	text-decoration:none;
}
h2 a:hover{color:#236B03;
}
#col1 h2{margin-bottom:0px;}
#col1 h1{margin-bottom:4px;}

#col1 p.dateauth{	font-size:14px;
			font-weight:bold;
			margin-top: 0px;
}
#col1 p.dateauth a{color:#123E01; text-decoration:none;}
#col1 p.dateauth a:hover{text-decoration:underline;}

h3{		font-size: 18px; 
		font-family: Arial, sans-serif; 
		font-weight:bold;
		margin: 5px 0;
		color:#222;
		}

a{text-decoration:underline; color: #333;}
a:hover{text-decoration:none; color: #333;}
a:active{}

.more-link{	font-size: 14px; font-weight:bold;}

#single-post a, .archive-post p a{color:#123E01;}

/* ------------------ Body ------------------ */
html{ 		background:#44494F;}

body{		width:992px; 
			margin: 0 auto; 
			background:#fff; 
			font-family: Arial, sans-serif;
			font-size:13px;
			border-right: 5px solid #000; 
			border-left: 5px solid #000; 
			padding-bottom:1px;
			}
			
#full{		margin:6px 0px 0px 6px; 
			width:968px; 
			border: 1px solid #eee; 
			background:#fafafa; 
			padding:5px;
}

/* ----------------- Header ----------------- */
#header{	width:992px; 
			height:225px; 
			margin: 0; 
			position:relative; 
			top:0px;
			/*background: url('images/header.jpg');*/ 
			z-index:5000;
			}
.header-nba-athiest{	background: url('images/header-nba-athiest.jpg'); }
.default{		background: url('images/header.jpg'); }

#header-menu{	position:absolute; 
				bottom:0px;
				width:100%;
				height:40px; 
				background: url('images/transparent-bg.png');
				color:#fff;
				font-size: 18px;
				font-weight: bold;
				} 
				
#search{		float:right;
				margin: 8px 5px 0 0;
}
.button{padding:2px;}

		.menu	{width:170px; text-align:center; color:#fff; height:32px;
				 float:left; }
				
		.menu a{display:none; font-size: 14px; background: url('images/transparent-bg.png'); height:30px; padding-top:0px;
				font-weight:bold; color:#fff; line-height:30px; text-decoration:none;}
		.menu a:hover{background: url('images/transparent-bg1.png');}
		
		.top 	{height:40px; padding-top:0px; line-height:40px;}
		.top:hover{background: url('images/transparent-bg.png');}
		
		.menu:hover a{display: block;}	

		.menu:hover .top{background: url('images/transparent-bg.png');}
		
		.menu a.single{display:block; background:none; height:40px; line-height:40px; padding-top:0px; font-size: 18px; font-weight:bold;}
		.menu:hover a.single {display:block;}
				
/* ----------------- Slider ----------------- */

#featured{
			width:650px; 
			padding-right:329px; 
			position:relative; 
			top:6px;
			left:6px;
			height:326px; 
			 

}
#featured a{text-decoration:none;}

#featured ul.ui-tabs-nav{ 	position:absolute; 
							top:0; 
							left:650px; 
							list-style:none; 
							padding:5px 0 0 0; 
							margin:0; 
							width:328px; 
							border: 1px solid #ccc; 
							height: 313px;
							background:#ddd; 
							}
							
#featured ul.ui-tabs-nav li{ 	padding:1px 0; 
							padding-left:15px;  
							font-size:11px; 
							color:#666; 
							}
							
#featured ul.ui-tabs-nav li img{ 	float:left; 
								margin:2px 5px; 
								background:#4f4f4f; 
								padding:2px; 
								border:1px solid #4f4f4f;
								}
								
								
#featured ul.ui-tabs-nav li span{ 	font-size:12px; 
								line-height:18px; 
								}
								
#featured li.ui-tabs-nav-item a{ 	display:block; 
								height:60px; 
								color:#000;  
								background:#ddd; 
								line-height:20px;
								}
								
#featured li.ui-tabs-nav-item a:hover{ background:#ccc; }

#featured li.ui-tabs-selected{ background:url('images/selected-item.gif') top left no-repeat;  }

#featured ul.ui-tabs-nav li.ui-tabs-selected a{ background:#bbb;}


#featured .ui-tabs-panel{ 	width:650px; 
							height:320px; 
							background:#999; 
							position:relative; 
							overflow: hidden;
							}

#featured .ui-tabs-panel .info{ 	position:absolute;
								width:100%;
								bottom:0; left:0; 
								background: url('images/transparent-bg1.png'); 
								padding-bottom:5px;
}
#featured .info h2{ 	font-size:20px; 
					color:#fff; 
					padding:5px; 
					margin:0;
					overflow:hidden; 
					}
					
#featured .info p{ 	margin:0 5px; 
					font-size:12px; 
					line-height:15px; 
					color:#f0f0f0;
					}
					
#featured .info a{	color:#fff; 
					text-decoration:underline;
					}
#featured .info h2 a {text-decoration:none;}
					
#featured .info a:hover{ text-decoration:none; }

#featured .ui-tabs-hide{ 
	display:none; 
}

/* ------------- Homepage Columns ----------- */
#columns{	width:978px; 
			margin:6px;
			border: 1px solid #ddd; 
			background:#eee;
			overflow:visible; 
			display:block; }
					

.thirdbox{ 	width:326px; 
			/*background:#ddd; 
			border: 3px solid #ccc; */
			color:#222;}

.thirdbox h2{text-align:center;}
			
			
#left{		float:left; margin-left:0px; }
#center{	float:left; margin-left:0px; }
#right{		float:left; margin-left:0px; }

.box-interior{	padding:5px;}

.recent-post{	margin-bottom:5px;
				}
.recent-title, .aktt_more_updates, .aktt_more_updates a, .aktt_more_updates a:visited{ font-size: 14px;
									color: #000; 
				}
.aktt_tweets .recent-post .recent-title a, .aktt_tweets .recent-post .recent-title a:visited{ text-decoration:underline;}

.aktt_tweets .recent-post .recent-title a:hover {text-decoration:none;}

.recent-date{	font-size: 12px;
				color: #444;
				}
.recent-title a,
.recent-title a:visited{		color: #000; 
							text-decoration: none;}
.recent-title a:hover{	text-decoration:underline;}

/* ------------------ Posts ----------------- */

#topad{		float:left; 
			margin:6px 0px 0px 6px; 
			width:615px; 
			border: 1px solid #eee; 
			background:#fafafa; 
			padding:5px;
			clear: none;
			}
			
#col1 {		float:left; 
			margin:6px 0px 0px 6px; 
			width:615px; 
			border: 1px solid #eee; 
			background:#fafafa; 
			padding:5px;
			}
			
#col1 p{	margin:10px 0;
	}
			

#prev-post{		position:relative;
				display:block;
				width:280px;
				float:left;
				top:0;
				text-align:left;
				font-size:12px;
				padding-bottom:20px;
				}

#next-post{		position:relative;
				display:block;
				width:280px;
				float:right;
				top:0;
				text-align:right;
				font-size:12px;
				padding-bottom:20px;
				}
				
#single-post{	position:relative;
				display:block;
				clear: both;
				line-height:20px;
			}
				
#tags, #tags a{	font-size:11px;
				color:#777;
			}
#tags{			

}

			
.social-networks{ width:100%;}		

/* ----------------- Lists ------------------ */	

#col ul{ }
#col1 ul li{ list-style-type:disc;
			list-style-position:inside;
			margin-left:10px;
			padding-top:4px;}

#col ol{}
#col1 ol li{ list-style-type:decimal;
		list-style-position:inside;
			margin-left:10px;
			padding-top:4px;}
			
/* ---------------- Comments ---------------- */

textarea#comment{		width:613px;
				}

/* ----------------- Sidebar ---------------- */

#sidebar{	float:right; 
			margin: 6px 6px 0px 0px;  
			width:335px; 
			border: 1px solid #ddd; 
			background:#eee; 
			padding:5px;
			color:#000;
		}
.inner{		width: 325px;
			padding:0 5px;
}
		
#icons{		width:335px;
			height:61px;
			position:relative;
			display:block;
		}
a#i1{position:absolute; display:block;left:0px; top:0px; width:61px; height:61px; background-position: 0px 0px; background-image: url('images/tsgicons.gif');}
a#i2{position:absolute; display:block;left:69px; top:0px; width:61px; height:61px; background-position: -69px 0px; background-image: url('images/tsgicons.gif');}
a#i3{position:absolute; display:block;left:137px; top:0px; width:61px; height:61px; background-position: -137px 0px; background-image: url('images/tsgicons.gif');}
a#i4{position:absolute; display:block;left:206px; top:0px; width:61px; height:61px; background-position: -206px 0px; background-image: url('images/tsgicons.gif');}
a#i5{position:absolute; display:block;left:275px; top:0px; width:60px; height:61px; background-position: -275px 0px; background-image: url('images/tsgicons.gif');}

hr.sb{margin: 10px auto; width: 90%;}

.halfleft{	width:160px; float:left;}
.halfright{	width:160px; float:right;}
.halfleft, .halfright{padding-bottom:5px;}

/* ------------------ Footer ---------------- */
.clearing{height: 0; clear: both;}

#footer{ 	width:968px; 
			position:relative; 
			background:#fff;
			margin: 6px 6px 5px 6px; 
			border: 1px solid #ddd; 
			background:#eee; 
			padding:5px;
			/*border-bottom: 5px solid #717171;*/
			}
			
#footerads{	margin: 0 auto;
			height: 15px;
			margin-top:20px;
}

#footer p{text-align:center;
		 margin: 0 auto;}

/* ------------------ Power Rankings Nav ---------------- */		 
.ranking-nav{	font-size:12px;
				text-align:center;
				border: 1px solid #ddd;
				margin:5px auto;
				background: #eee;
				}
				
.ranking-nav-title{	text-transform:uppercase;
					font-weight:bold;
					margin-right:10px;
					}

/* --------------- Power Rankings Table --------------- */

table.pr{background:#fff; border: 1px solid #aaa;}

table.pr tr {padding:10px 0;}

table.pr tr:first-child {background:#ddd; font-size:12px; line-height:16px; font-weight:bold;text-align:center;}
table.pr tr:nth-child(even) {background: #fff;}
table.pr tr:nth-child(2n+3) {background: #eee;}

table.pr #ranking{ width:80px; font-size:20px; font-weight:bold; text-align:center; color:#000;}
table.pr #team{ width:100px; text-align:center;}
table.pr #commentary{}
table.pr td {padding: 5px 3px;}


/* --------------- TSG Network Links --------------- */

.network-link{    height:50px; width:300px; 
                  display:block; clear:both; text-indent:-9999px; 
                  background: url('images/300BW.gif');
		overflow:hidden;
		}

#tsg{background-position: -300px -150px;}
#atdb{background-position: -300px -100px;}
#bark{background-position: -300px 0px;}
#inst{background-position: -300px -50px;}

#tsg:hover{background-position:0px -150px;}
#atdb:hover{background-position:0px -100px;}
#bark:hover{background-position:0px 0px;}
#inst:hover{background-position:0px -50px;}