/*  
Theme Name: TIAS
Theme URI: http://wordpress.org/
Description: The brand new theme for Adam Spangler's blog, This Is American Soccer
Version: 2.0
Author: George Huff, We The Media
Author URI: http://www.wtmworldwide.com/

	TIAS 2.0
	 http://www.thisisamericansoccer.com/

	This theme was designed by Jeff Reynolds and built by George Huff,
	whose blogs you will find at http://www.eleven3.com/ and http://www.nekai.net, respectively


*/



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

	Site:		thisisamericansoccer.com

	Author:		George Huff, We The Media		[www.wtmworldwide.com]  

	Client:		Adam Spangler		[http://www.thisisamericansoccer.com/]
	
	Notes:		Redesign and Build
	
	Date:		8-16-07
				
				
	Listing Order:
	==============

	1 - Global
	2 - Layout
	3 - Main Content
	4 - Sidebar
	5 - Sub Content
	

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

/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/

body {
	background: #c2dfee url(images/bg_body.gif) left top repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4c4c4c;
	margin: 0;
	padding: 10px 0 0 0;
}

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

a {
	text-decoration:none;
	
}

a:hover {
	text-decoration:underline;
}

div.left, div.right {
	float: left;
}

.clear {clear:both;}

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

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/

.clearfix {display:block;}
/* End hide from IE Mac *//* end clearing */

/* replace */
.replace {text-indent:-10000px; display: block; width: 100%; height: 100%; outline: none;}

.replace * {text-indent:-10000px;display:block;background-repeat:no-repeat;background-position:left top;background-color:transparent;}
/*.replace a {text-indent:0;}*/
.replace a span {}
/* end replace */



/***********************************************************************
	2 - LAYOUT STYLES
************************************************************************/

div#container {
width: 960px;
padding: 0px 7px;
margin: 0 auto;
background: url(images/bg_container.png) left top repeat-y;
position: relative;
}

div#red_stripe {
background: url(images/red_stripe.gif) left top no-repeat;
position: absolute;
top: 0px;
right: 0px;
width: 61px;
height: 61px;
}

div#rough_patch {
background: url(images/bg_rough_patch.jpg) left top no-repeat;
height: 561px;
width: 960px;
position: absolute;
top: 0;
left: 7px;
z-index: 0;
}

div#background {
background: url(images/bg_content.jpg) 0px 408px repeat-y;
padding-left: 3px;
padding-top: 10px;
padding-bottom: 30px;
}

a#badge {
position: absolute;
top: 10px;
right: 27px;
width: 58px;
height: 31px;
background: url(images/badge_tias.png) left top no-repeat;
display: block;
z-index: 50;
cursor: pointer;
}

h1#logo {
width: 236px;
height: 147px;
background: url(images/logo_thisisamericansoccer.png) left top no-repeat;
position: absolute;
left: 667px;
top: 67px;
z-index: 20;
}

p.akpc_pop { display: none; }


/***********************************************************************
	3 - MAIN CONTENT STYLES
************************************************************************/

div#main_content {

background: url(images/bg_main_content_white.png) left top repeat-y;

position: relative;
z-index: 10;
width: 950px;
padding: 0 0 0 7px;
}

div#archive_header {
width: 630px;
padding: 10px 10px 0 10px;
background: url(images/bg_title.png);
float: left;
}

div#archive_header h2 {
color: #000;
font-size: 26px;
text-transform: uppercase;
letter-spacing: -2px;
}




/* Search Box */

div.dark_header {
border: 1px solid #000;
padding: 8px 10px 12px 10px;
background: #191919;
height: 57px;
}

div.dark_header a { color: #cdaa59; font-weight: bold; margin-right: 10px; }

div.dark_header div.navigation { 

width: 328px; 
float: left;
padding-top: 10px;
 }

div.dark_header div.navigation a {  /* Glossy Button */ 
background: url(images/bg_nav_buttons.jpg) left top repeat-x;
height: 18px;
width: 113px;
border-top: 1px solid #454545;
border-left: 1px solid #262626;
border-right: 1px solid #262626;
border-bottom: 1px solid #141414;
display: block;
font-weight: normal !important;
text-align: center;
padding-top: 5px;
float: left; margin-right: 10px;
}

div.dark_header div.navigation a:active {
background: #fff; color: #454545; text-decoration: none;
}

div.dark_header h3 { color: #d1d1d1; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 15px; border-bottom: 1px solid #303030; padding-bottom: 7px;}


div.results_search_form { 
width: 280px; 
float: left;
padding-top: 10px;
}


div.results_search_form input.textfield {

padding-left: 10px;
height: 20px;
background: ccc;
width: 219px;
padding-top: 4px;
font-size: 11px;
color: #3d3d3d;
float: left;
display: block;
 }
 
div.results_search_form input.button { display: block; float: left; border-left: 1px solid #ccc;}



/* Begin Articles */

div.article {
width: 630px;
float: left;
padding: 10px; 
overflow: hidden;
}

div.header {
width: 630px;
position: relative;
background: #000;
z-index: 49;
}

div.title {
background: url(images/bg_title.png);
position: absolute;
bottom: 0px;
left: 0px;
width: 610px;
padding: 25px 10px 10px 10px;
z-index: 50;
}

div.title h2 {
width: 450px;
float: left;
color: #000;
font-size: 34px;
text-transform: lowercase;
letter-spacing: -3px;
position: relative;
z-index: 50;
}

div.title h2 a {
color: #000;
}

div.post_info {
width: 149px;
float: right;
text-align: right;
color: #000;
padding-top: 8px;
}

div.post_info a {
display: block;
padding-top: 2px;
color: #000;
text-transform: lowercase;
}

div.article_content {
padding: 33px 10px 0px 10px;
line-height: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;

}

div.article_content a {
font-weight: bold;
color: #000;
}

div.article_content p {
margin-bottom: 9px;
}

a.more-link { padding: 12px 0; display: block; }

p.signature {
background: url(images/bg_signature.gif) left top no-repeat;
padding-top: 25px;
padding-left: 100px;
height: 43px;
}



div.comment_count {
width: 260px;
float: left;
}

div.flair {
padding: 0px 0 0px 0;
width: 210px;
float: right;
}

div.digg {
background: url(images/icon_digg_hover.gif) left top no-repeat;
width: 46px;
height: 13px;
float: right;
margin-left: 10px;
}

div.digg a {
display: block; width: 100%; height: 100%; background: url(images/icon_digg.gif) left top no-repeat;
}

div.digg a:hover { background: none; }

div.delicious {
width: 91px;
height: 14px;
background: url(images/icon_delicious_hover.gif) left top no-repeat;
float: right;
position: relative;
}

div.delicious a {
display: block; width: 100%; height: 100%; background: url(images/icon_delicious.gif) left top no-repeat;
}

div.delicious a:hover { background: none; }



div#original_related_posts {
display: none;
}

div.categories {
float: right; 
width: 60px;
padding-left: 10px; 

}

div.categories li { width: 31px; height: 31px; list-style: none; margin: 0 auto; padding-bottom: 10px;}
div.categories li a { display: block; width: 31px; height: 31px; }

div.categories li.cat_15 { background: url(images/category_icon_white_club.gif) no-repeat; }
div.categories li.cat_14 { background: url(images/category_icon_white_news.gif) no-repeat; }
div.categories li.cat_13 { background: url(images/category_icon_white_frontlines.gif) no-repeat; }
div.categories li.cat_12 { background: url(images/category_icon_white_globe.gif) no-repeat; }
div.categories li.cat_11 { background: url(images/category_icon_white_athletes.gif) no-repeat; }
div.categories li.cat_10 { background: url(images/category_icon_white_barom.gif) no-repeat; }
div.categories li.cat_9 { background: url(images/category_icon_white_culture.gif) no-repeat; }
div.categories li.cat_8 { background: url(images/category_icon_white_vip.gif) no-repeat; }
div.categories li.cat_7 { background: url(images/category_icon_white_diary.gif) no-repeat; }
div.categories li.cat_6 { background: url(images/category_icon_white_wnt.gif) no-repeat; }
div.categories li.cat_5 { background: url(images/category_icon_white_mnt.gif) no-repeat; }
div.categories li.cat_3 { background: url(images/category_icon_white_general.gif) no-repeat; }




/* Comments */

div#comments {
border-top: 1px solid #dfdfdf;
margin: 0px 12px;
padding-top: 1px;
}

div.row {
padding: 20px 12px;
border-top: 1px solid #dfdfdf;
background: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 140%;
overflow: hidden;
}

div.grey {

background: #f3f3f3;
}

div.author {
background: #fffee5 !important;
}

div.row div.info {
width: 178px;
float: left;
}

div.row div.info a {
font-weight: bold;
color: #000;
}

div.row div.info p.first {
padding-bottom: 12px;
}

div.row div.comment_body {
width: 390px;
padding-left: 12px;
float: left;
color: #4c4c4c;

}

div.row div.comment_body p { margin-bottom: 8px; }

div#leave_a_comment {
border-top: 1px solid #dfdfdf;
padding-top: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #dfdfdf;
}

div#leave_a_comment h2 {
letter-spacing: -1px;
font-size: 18px;
color: #000;t
font-family: Arial, Helvetica, sans-serif;
padding-bottom: 6px;
}

div#leave_a_comment h2 span { color: #b0b0b0; }

div#leave_a_comment label { display: block; padding: 6px 0; }

span.orange {
color: #f7941d !important;
font-weight: bold;
}

div#commenter_info {
width: 190px;
float: left;
}

div#commenter_info input.textfield {
width: 184px;
border: 1px solid #dfdfdf;
padding: 2px 3px;
font-size: 11px;
color: #333333;
}

div#commenter_info input.textfield:focus, div#comment textarea:focus {
background: #FFFFCC;
}

div#comment {
width: 400px;
float: left;
padding-left: 12px;

}

div#subscribe_to_comments {
float: right; width: 404px; position: relative; bottom: 22px;
}

div#comment textarea {
border: 1px solid #dfdfdf;
width: 394px;
padding: 2px 3px;
margin-bottom: 12px;
font-size: 11px;
color: #333333;
font-family:Arial, Helvetica, sans-serif;
line-height: 120%;
height: 65px;
}

/* The Tube */

div#youtube_container {
text-align: center;
background: #191919;
padding: 20px 0px;
color: #fff;
}

div#youtube_container h2 { text-transform: uppercase; padding-bottom: 10px; }

ul#player_thumbs {
padding-top: 20px;
padding-left: 10px;
}

ul#player_thumbs li {
float: left;
list-style: none;
padding-right: 10px;
padding-bottom: 10px;
}

ul#player_thumbs li img {
width: 145px;
}

/***********************************************************************
	4 - SIDEBAR CONTENT STYLES
************************************************************************/

div#sidebar_content {
width: 300px;
float: right;
position: relative;
z-index: 11;
padding-top: 231px;
color: #e8dbc6;
}

div#sidebar_content a {
color: #fff;
font-weight: bold;
}



div#sidebar_content ul {
list-style: none;
}




/* NAVIGATION */

ul#navigation { height: 67px; position: relative; width: 140px; float: left; }
ul#navigation li { float: left; height: 21px;  }
ul#navigation li a { display: block; float: left; height: 21px; outline: none;}

a#link_media { background: url(images/nav_off_media.gif) no-repeat; width: 45px;}
a#link_friends { background: url(images/nav_off_friends.gif) no-repeat; width: 51px;}
a#link_categories { background: url(images/nav_off_categories.gif) no-repeat; width: 76px; }
a#link_contact { background: url(images/nav_off_contact.gif) no-repeat; width: 56px; }
a#link_designated { background: url(images/nav_off_dp.gif) no-repeat; width: 134px; }

li#media_li { padding-right: 9px; }
li#categories_li { padding-right: 8px; }

/* BIO */

div#bio {
color: #e8dbc6;
float: right;  
padding: 24px 20px 9px 20px;
width: 120px;
}

div#bio strong {
color: #fff;
}

/* PANEL FUNCTIONALITY */

div#panel_container {
position: relative;
width: 300px;

overflow: hidden;
}

div.panels {
position: relative;
width: 1800px;
}

div.panel {
width: 300px;
position: absolute;
top: 0;
}

div#panel_one { width: 300px; position: relative; }
div#panel_two { left: 300px; }
div#panel_three { left: 600px; }
div#panel_four { left: 900px; }
div#panel_five { left: 1200px; }
div#panel_six { left: 1500px; }


/* DIFFERENT SIDEBAR BUCKETS */

div.bucket {
background: url(images/bg_sidebar_h3.png) repeat-x;
padding-top: 2px;
}

div.bucket h3 {
background: url(images/bg_sidebar_h3.png);
width: 120px;
height: 13px;
float: left;
font-size: 12px;
font-weight: bold;
color: #fff;
padding-left: 20px;
padding-top: 7px;
}

div.bucket ul { padding-top: 0px; padding-bottom: 3px; }

div.bucket li {
padding-top: 7px;
}

div#sidebar_content div.content {
float: right;  
padding: 9px 20px;
width: 120px;
}

div#related_articles div.content{
padding: 3px 20px 6px 20px;
}

/* Sidebar Categories */
div#categories ul {
width: 260px;
padding: 25px 20px;
}

div#categories li {
width: 86px; 
float: left;
padding-top: 10px;
}
div#categories li a {
padding-top: 38px;
display: block;
text-align: center;
}

div#categories li a:hover { color: #efefef; text-decoration: none; }

div#categories li.cat_13 a { background: url(images/category_icon_wPng_club.png) center top no-repeat; }
div#categories li.cat_12 a { background: url(images/category_icon_wPng_news.png) center top no-repeat; }
div#categories li.cat_11 a { background: url(images/category_icon_wPng_frontlines.png) center top no-repeat; }
div#categories li.cat_10 a { background: url(images/category_icon_wPng_globe.png) center top no-repeat; }
div#categories li.cat_9 a { background: url(images/category_icon_wPng_athletes.png) center top no-repeat; }
div#categories li.cat_8 a { background: url(images/category_icon_wPng_barom.png) center top no-repeat; }
div#categories li.cat_7 a { background: url(images/category_icon_wPng_culture.png) center top no-repeat; }
div#categories li.cat_6 a { background: url(images/category_icon_wPng_vip.png) center top no-repeat; }
div#categories li.cat_5 a { background: url(images/category_icon_wPng_diary.png) center top no-repeat; }
div#categories li.cat_4 a { background: url(images/category_icon_wPng_wnt.png) center top no-repeat; }
div#categories li.cat_3 a { background: url(images/category_icon_wPng_mnt.png) center top no-repeat; }
div#categories li.cat_1 a { background: url(images/category_icon_wPng_general.png) center top no-repeat; }

div#categories li.cat_13 a:hover { background: url(images/category_icon_wPng_club.png) center 2px no-repeat; }
div#categories li.cat_12 a:hover { background: url(images/category_icon_wPng_news.png) center 2px no-repeat; }
div#categories li.cat_11 a:hover { background: url(images/category_icon_wPng_frontlines.png) center 2px no-repeat; }
div#categories li.cat_10 a:hover { background: url(images/category_icon_wPng_globe.png) center 2px no-repeat; }
div#categories li.cat_9 a:hover { background: url(images/category_icon_wPng_athletes.png) center 2px no-repeat; }
div#categories li.cat_8 a:hover { background: url(images/category_icon_wPng_barom.png) center 2px no-repeat; }
div#categories li.cat_7 a:hover { background: url(images/category_icon_wPng_culture.png) center 2px no-repeat; }
div#categories li.cat_6 a:hover { background: url(images/category_icon_wPng_vip.png) center 2px no-repeat; }
div#categories li.cat_5 a:hover { background: url(images/category_icon_wPng_diary.png) center 2px no-repeat; }
div#categories li.cat_4 a:hover { background: url(images/category_icon_wPng_wnt.png) center 2px no-repeat; }
div#categories li.cat_3 a:hover { background: url(images/category_icon_wPng_mnt.png) center 2px no-repeat; }
div#categories li.cat_1 a:hover { background: url(images/category_icon_wPng_general.png) center 2px no-repeat; }

div#twitter {
color: #e8dbc6;
}

div#twitter div.content {
padding: 9px 20px;
}

div.full ul {
padding-top: 20px; 
}

div.half { width: 130px !important; }

div.thumbs {
padding: 9px 8px 9px 20px !important;
}

div.thumbs li {
float: left;
padding-right: 10px;
padding-bottom: 10px;

}

div.thumbs a {
border: 1px solid #dccbb1;
display: block;
width: 53px;
}

div.thumbs a:hover { border: 1px solid #fff; }

div.thumbs img {
width: 53px;

}

div#contact p { padding-bottom: 10px; }

div#contact input.textfield, div#contact textarea {
width: 114px;
background: url(images/bg_title.png);
margin-bottom: 3px;
padding: 5px 3px;
font-size: 10px;
}

div#contact textarea {
height: 150px;
font-family: Arial, Helvetica, sans-serif;
}

div#contact input.button { background: #000; color: #fff; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 114px; padding: 5px 3px; }


div#friends div.full a {  padding-left: 10px; width: 128px; display: block; border: 1px solid #fff; background: #fff; color: #000; margin-right: 10px; float: left; margin-bottom: 10px; }
div#friends div.full a:hover { background: #000; color: #fff; text-decoration: none; border: 1px solid #000;}
div#friends div.full { padding-top: 30px; }

/* Designated Players */

div#designated { position: relative;}
div#designated_players { position: absolute; left: 28px; height: 34px; background: url(images/logo_designated_players.gif) left top no-repeat; width: 85px; height: 88px; }


/***********************************************************************
	5 - SUB CONTENT STYLES
************************************************************************/

div#sub_content {
background: url(images/bg_main_content_grey.png) left top repeat-y;
padding: 15px 0 20px 7px;
position: relative;
width: 950px;

}

div#sub_content div.botcap {
background: url(images/botcap_main_content.png) left top no-repeat;
width: 664px;
height: 22px;
position: absolute;
bottom: -22px;
left: 0px;
}

div#sub_content ul { list-style: none; }

div#sub_content div {
padding-left: 20px;
float: left;
width: 189px;
}

div#sub_content a {
color: #8d8d8d;
}

div#sub_content h3 {
font-size: 18px;
color: #333;
text-transform: lowercase;
padding-bottom: 3px;
border-bottom: 1px solid #fff;

}

div#recent_comments ul li {
padding: 8px 0px;
border-top: 1px solid #dbdbdb;
}

div#recent_comments span {
display: block;
padding-top: 3px;
}

div#editors_choice {
padding-right: 23px;
}

div#editors_choice ul li, div#recent_articles ul li {
padding-top: 7px;
}

div#feeds_footer {
padding-left: 0px !important;
}

div#search_feeds {
width: 300px !important;
padding-left: 0 !important;
}

div#search_feeds h3 {
color: #fff;
padding-left: 20px;
border-bottom: none;
padding-bottom: 10px;
}

div#search_feeds input.textfield {
padding-left: 20px;
height: 20px;
background: url(images/bg_title.png);
width: 210px;
display: block;
float: left;
position: relative;
z-index: 12;
padding-top: 4px;
font-size: 11px;
color: #544d3e;
}

div#search_feeds input.button {
width: 50px;
display: block;
float: left;
height: 24px;
}

div#search_feeds ul {
padding-left: 20px;
padding-top: 20px;
}

div#search_feeds ul li {
list-style: none;
float: left;
padding: 1px 17px 3px 23px;
background: url(images/icon_rss.gif) left top no-repeat;
}

div#search_feeds ul li a {
color: #fff;
}

div#footer {
padding-left: 90px !important;
width: 190px !important;
color: #e8dbc6;

padding-top: 20px;
position: relative;
top: 30px;
}

div#footer p {
padding-bottom: 7px;
}

p#nike {
background: url(images/logo_nike_footer.gif) 140px 15px no-repeat;
}

div#footer a {
color: #e8dbc6;
}