/*  
Theme Name: Inside Tennis
Theme URI: http://www.insidetennis.com/
Description: New Theme
Version: 1.0
Author: JB
Author URI: http://www.insidetennis.com
*/

/* HTML Elements */

body, img, img a:link, img a:visited, p, h1, h2, h3, h4, h5, h6, ul, li {
	margin: 0;
	padding: 0;
	}

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

a:hover {
	text-decoration: underline;
	}
		
body {
	text-align: center;
	font-family: Helvetica, Ariel, sans-serif;
	font-size:.8em;
	background-color: #eee;
	}

img, img a:link, img a:visited {
	border: none;
	}

p {padding-bottom: 15px; line-height: 20px; letter-spacing:.1px;}

.contents p {
	padding: 0;
	line-height:normal
	}

h1, h2, h3, h4 {font-weight:normal; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; padding-bottom: 10px;}

h1 {font-size: 1em;}
	
h2 {font-size: 1.1em; color: #660000;  text-transform: uppercase; padding-bottom: 6px;}
.subscribe h2 {text-transform:none; color: #222233; margin-top: 10px; letter-spacing: 1px;}
.post h2 {font-size:1.7em; line-height:30px; color:#000066; text-transform:none;}
#buzz h2 {float: right; margin-right: 5px; color:#FFFFFF; font-size:.7em;}
.menu h2 {font-size: .9em; padding: 0;}

h3 {padding-bottom: 7px; line-height: 22px;color:#000066; }
h3 a:link, h3 a:visited {color:#000066;}
.firsties-article h3 {font-weight:bold; font-size:1.7em; line-height:29px;}
.firsties-photos h3 {font-weight:bold; font-size:1.5em; line-height:25px; color:#990000; padding-bottom:0px;}
.excerpt h3 {font-weight:bold; font-size: 1.35em;}
.element h3 {font-weight:bold; font-size: 1.2em; padding-bottom:2px; line-height:17px;}
#buzz h3 {font-size: 1.4em; padding-bottom: 7px;}
#buzz h3 a:link, #buzz h3 a:visited {color:#990000;}
.post h3 {font-size:1.8em; line-height:30px; color:#000066; border-top: #CCCCCC dotted 1px; clear:both; }
.contents h3 {font-weight: bold; padding-bottom: 3px;}

h4 {font-size: 1.2em; color:#222; line-height: 20px;}
.contents h4 {padding-top: 2px;}
#buzz h4 {font-size: .9em; line-height:13px; padding-bottom: 8px;}
.post h4 {	color:#015660;}

span { }
	
.small {font-size:.9em;}
.xsmall {font-size:.7em;}
.large {font-size: 1.8em}
.orange {color:#CC6600;}
.red {color:#990000;}
.black {color:#000;}
.grey {color:#888;}
.light {color:#999;}
.blink {text-decoration:blink;}
.caps {text-transform: uppercase;}
	
ul {padding-left: 10px;}
.feed ul {padding-left: 0px; list-style:none; color:#888}
	
li {padding-bottom: 5px;}
.feed li {padding-bottom: 10px;}
	
br {
    height:0;
    font-size: 1px;
    line-height: 10px;
	}

#wrapper {
	width: 980px;
	height: auto;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color:#FFFFFF;
	} 
	
	
/* 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 {
	padding: 4px;
	margin: 0 0 2px 7px;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

.logo {float:left; margin-left: 64px;  display:block;}
.logo_ad {float:left; margin-left: 27px;  display:block;}
.magazines {float:right; margin-right: 80px; }
.leaderboard {float:right; margin-right: 16px; margin-top: 20px; }

#firsties-wide {width:600px ;margin: 0 0 5px 15px; text-align:center;}
.firsties-wide, .firsties-wide-no {margin-bottom: 3px; width: 100%;}
#firsties-tall {width:250px; margin-right:10px; float:left; font-size:.65em; color:#999999;}
.firsties-tall, .firsties-tall-no {width: 250px; }
#image-tall {width:300px; margin-right:25px; float:left;}
.image-tall, .image-tall-no {width:300px; margin-bottom:4px;}
#image-wide {width:600px ;margin-bottom:10px;}
.image-wide, .image-wide-no {margin-bottom: 3px; width: 100%;}
#image-thumb {width:100px;  margin-right:25px; float:left;}

.thumb {float: left; margin-right: 8px; height:75px; margin-top:2px;}
.thumb-side {float:left; margin: 0 8px 10px 0; height:50px; }
.thumb-buzz {float:left; margin: 0 8px 5px 0; height:75px;}

.thumb, .thumb-side, .thumb-buzz, .firsties-wide,.firsties-tall, .image-tall, .image-wide {border: 1px solid #000000;}
.firsties-wide:hover, .firsties-tall:hover, .thumb:hover, .thumb-buzz:hover, .thumb-side:hover {border: 1px solid #CC6600;}

.thumb-no {float: left; margin-right: 8px; height:75px; margin-top:2px;}
.thumb-side-no {float:left; margin: 0 8px 10px 0; height:50px; }
.thumb-buzz-no {float:left; margin-right: 8px; height:50px;}

.bigcover {
	float: left;
	margin: 0 8px 120px 0;
	}
	
.photocredit {text-align:right; font-size:.65em; color:#999999;}
.gallery-credit {float:right; margin-right: 20px; margin-top:3px;  font-size:.65em; color:#999999;}

#gallery-main {width: 637px; border: 1px solid #000000; margin-bottom:20px;}
#gallery-sidebar {border: 1px solid #000000; background-color:#000000;}
#gallery-sidebar a:link, #gallery-sidebar a:visited {color:#FFFFFF;}
.gallery-author {float: right; font-size:.85em; margin-top: 5px; margin-bottom:7px; color:#999999;}
.gallery-author a:link, .gallery-author a:visited {color:#999999;}

	
/* Header */
.nav {
	background-color:#000000;
	padding-top: 8px;
	font-size: x-small;
	text-transform: uppercase;
	color: #cccccc;
	line-height:4px;
	height:10px;
	}
	
.nav li {
	margin: 0 10px 0 10px;
	list-style:none;
	}

.nav a, .nav a:visited {color: #ffffff;}
.nav a:hover {color: #FFFF00;text-decoration: none;	}
	
#header {
	width:980px;
	height: 130px;
	background-color:#eeeeee;
	}
	


/* Menu */
#menu {
	height: 25px;
	background-color:#660000;
	}
	
.menu2 {width: 530px; float: left;}

#menu a, #menu a:visited {color: #ffffff;}
#menu a:hover {color: #FFFF00;text-decoration: none;}

#menu-buttons {float: left; height: 20px; padding-top: 5px;}

.menu-search {float: right; height: 24px; padding-top: 1px;}

#menu-regions {
	height: 16px;
	width: 660px;
	padding-top: 4px;
	background-color:#cfcfcf;
	float:left;
	}

#menu-regions2 {
	height: 19px;
	width: 450px;
	padding-top: 6px;
	background-color:#cfcfcf;
	float:left;
	}
	
#menu-buzztop {
	background-image:url(images/buzz_01.png);
	height: 20px;
	width: 320px;
	float:left;
	}

.menu li, .menu ul {padding: 0; margin: 0; }
.menu li {float:left; list-style:none; padding-left: 25px}

.menuitem {
	float:left;
	}
	
.menuitem:hover .popup {
	display:block;
	position:absolute;
	}
	


.popup {
	width:130px;
	height:102px;
	padding: 3px 0 0 23px;
	background-image:url(images/regions.gif);
	background-repeat: no-repeat;
	font-size:.85em;
	color:#DDAAAA;
	display:none;
	line-height: 18px;
	top:172px;
	left: auto;
	}
	
.popup a:hover {
	color:#FFFF00;
	}

.popup a {
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	}	
	
#searchform {
	margin-top: 2px;
	margin-right: 15px;
	}
	
.searchbutton {
	margin-left: 5px;
	}
	

/* Body */
#featured {
	background-color:#CCCC99;
	border:1px solid #999966;
	height: 112px;
	}

.featured {
	float:left;
	margin: 5px 0 5px 18px;
	border:1px solid #000000;
	}
	
.featured:hover {
	border:1px solid #ffffff;
	}
	
.cover {
	border:1px solid #000000;
	}
	
.cover:hover {
	border:1px solid #0000FF;
	}


/* Structure */
#main {
	width: 640px;
	padding: 10px 5px 5px 15px;
	float: left;
	background-color:#FFFFFF;
	}

#buzz {
	width: 320px;
	height:232px;
	float: left;
	background-image:url(images/buzz_02.png);
	background-repeat: no-repeat;
	}

.buzz-date {margin: 5px 10px 0 0; }
.buzz-item {padding: 42px 20px 5px 18px;}

#side {
	width: 300px;
	padding: 10px 15px 5px 5px;
	float: left;
	height: auto;
	word-spacing: 1px;
	letter-spacing: .05px;
	background-color:#FFFFFF;
	}
	
#midbar {
	width: 160px;
	padding-left: 5px;
	float: right;
	}
	
#blackbackground {
	width: 100%;
	background-color:#000000;
	}


/* Main  */
#firsties {
	padding: 5px 5px 5px 0;
	margin-bottom: 15px;
	border-bottom: #CCCCCC dotted 1px;
	text-align:center;
	}

.firsties-article {padding-top:5px;}
	
.firsties-photos {	}
	
.excerpt {
	width: 470px;
	margin: 10px 5px 10px 0;
	border-bottom: #CCCCCC dotted 1px;
	}
.excerpt p {padding-bottom: 8px;}

.post {margin: 0 15px 0 15px;}
.post-author {font-size:.85em; margin-bottom:20px;}

.articletools-pic {margin: 9px 0 11px 0;}
.articletools-author {width: 120px;  margin: 15px 0 15px 30px; float: right;}

#eventlinks {width: 619px; height: 23px; background-color:#000000; background-image: url(images/event.gif) ;padding: 5px 10px 0 10px; color:#FFFFFF;	}
#eventlinks h2 {color:#FFFFFF; font-size: 1.3em; line-height:18px; }
#eventlinks a:link, #eventlinks a:visited, #eventlinks a:hover {color:#ffffff;}
#eventlinks ul {padding-top: 3px; float:right; list-style:none;}
#eventlinks li {margin-left:5px; float:right; color:#999999;}	

	
/* Elements */
.element {
	height: auto;
	width: 298px;
	font-size:.85em;
	line-height:normal;
	border: 1px solid #a4c2c2;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-bottom: 10px;	
	}

.element-mid {
	height: auto;
	width: 158px;
	font-size:.85em;
	line-height:normal;
	border: 1px solid #a4c2c2;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-bottom: 10px;	
	}
.newsletter ul {margin-left: 10px;}

.element-post {margin: 5px 0 5px 0; }

.category {padding: 7px 10px 0 10px;}
.blurb {padding: 7px 10px 10px 10px; font-size: 1.2em; line-height: 17px; letter-spacing: .5px; color:#000033;}
.linebreak {border-top:#CCCCCC dotted 1px; margin-bottom:5px; height:1px; width:100%;}
.linebreak2 {border-top:#CCCCCC dotted 1px; margin: 10px 0 10px 0; height:1px; width:100%;}

#subscribe {text-align:center; border: 1px solid #bbb; background-color: #f3f3f3;}
.subscribe {padding: 10px 5px 5px 5px;}
	
.advertisement {margin-bottom:10px; line-height:0;}

#tweet {padding: 5px;}
.twitter-name {color:#990000;font-weight:bold;}
.twitter-head {padding:5px 5px 0 5px;}
.twitter-1 {background-color:#ffffff;}
.twitter-2 {background-color:#f5fafa;}
.twitter-3 {background-color:#ebf5f5;}
.twitter-4 {background-color:#e1f0f0;}
.twitter-5 {background-color:#d7ebeb;}
.twitter-6 {background-color:#cde6e6;}
.twitter-7 {background-color:#c3e1e1;}

#feed {border: 1px solid #bbb; background-color: #f3f3f3;}
.feed {padding: 5px;}

#button {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color:#FFFFFF;
	line-height:0;
	border: 1px solid #000000;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
#button:hover {border: 1px solid #CC6600; color:#FFFF00;}

.livescores {
	display:block;
	width:290px;
	text-align:right;
	position: absolute;
	margin: 5px 0 0 0;
	line-height: normal;
	}
	
.currentissue {
	display:block;
	width:290px;
	position: absolute;
	margin: 79px 0 0 5px;
	line-height: 10px;
	}
	
	
	



/* Other */
.contents {
	padding-bottom: 15px;
}

.archives ul { margin: 0; padding: 0; }
.archives li {
	list-style:none;
	float:left;
	margin: 0 10px 0 0;
	}
	
.sidebox {
	float: right;
	width: 100px;
	padding: 10px;
	margin: 5px;
	border: 1px solid #666666;
	font-size:small;
	line-height:normal;
	}









#calendar {
	width: 198px;
	margin-right: 12px;
	float:left;
	}

#calendar h2, #calendar li {
	float:left;
	padding-right: 5px;
	}
	
#calendar li {
	color:#666666;
	}

.departments {
	margin: 0 10px 0 5px;
	padding: 10px 0 5px 0;
	font-size: .75em;
	}

.departments li {
	list-style:none;
	font-size:.85em;
	padding-bottom: 9px;
	}

.ad-rectangle {
	}
	
.ad-sidebar {
	margin: 0 10px 0 5px;
	padding: 15px 0 5px 0;
	}

.textbreaks {
	font-size: small;
	line-height:18px;
	}

.textbreaks br {
	line-height:25px;
	}

.bubble-top {
	background-image: url(images/bubble_top.gif);
	text-align:center;
	margin: 5px 7px 0 7px;
	height: 17px;
	}

.bubble {
	background-image: url(images/bubble_mid.gif);
	text-align:center;
	margin: 0 7px 0 7px;
	padding: 0 10px 0 10px;
	}
	
.bubble-bottom {
	background-image: url(images/bubble_bottom.gif);
	text-align:center;
	margin: 0 7px 5px 7px;
	height: 19px;
	}
	
#photocredit {
	height:11px;
	color:#666666;
	padding: 2px 5px 0 5px;
	}

#photocredit p {
	font-size:xx-small;
	line-height:normal;
	}
	
#sharebox {
	float:right;
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 11px;
	padding: 6px;
	margin: 6px;
	}
	
#comments li {
	margin: 0 0 10px 0;
	}
	
.navigation {
	margin: 20px 0 0 0;
	font-size: small;
	}
	
#footer {
	background-color:#000000;
	padding: 10px 0 5px 0;
	text-transform: uppercase;
	color: #cccccc;
	text-align: center;
	line-height:13px;
	font-weight:normal;
	}

#footer a, #footer a:visited {
	font-weight:normal;
	color: #ffffff;
	}

#footer a:hover {
	color: #FFFF00;
	text-decoration: none;
	}	
	

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* Comments */

.comment_author {
	margin: 0 0 4px 0;
	color: #333399;
	}
	
.comment_date {
	margin: 0 0 4px 0;
	float: right;
	font-size: x-small;
	font-style: normal;
	color: #666666;
	font-weight: normal;
	}
	
.avatar {
	float: left;
	margin: 0 5px 0 0;
	padding: 0 4px 0 0;
	}
	
#respond {
	margin-top: 10px;
	}
	
#respond p {
	padding-bottom: 3px;
	}

#comment {width:550px;}
.comment-header-text { margin:0; padding:0; float:left; }

ul.commentlist {margin: 10px 0 10px 0; } 
ul.commentlist li { background-color:#FFFFFF; margin:5px 0 10px 0; padding:10px; border:thin solid #999999; list-style:none;} 
ul.commentlist li.alt { } 
ul.commentlist li.bypostauthor {} 
ul.commentlist li.byuser {} 
ul.commentlist li.comment-author-admin {} 
ul.commentlist li.comment {} 
ul.commentlist li div.comment-author {} 
ul.commentlist li div.vcard {} 
ul.commentlist li div.vcard cite.fn {} 
ul.commentlist li div.vcard cite.fn a.url {} 
ul.commentlist li div.vcard img.avatar {} 
ul.commentlist li div.vcard img.avatar-32 {} 
ul.commentlist li div.vcard img.photo {} 
ul.commentlist li div.vcard span.says {} 
ul.commentlist li div.commentmetadata {} 
ul.commentlist li div.comment-meta {} 
ul.commentlist li div.comment-meta a {} 
ul.commentlist li p {} 
ul.commentlist li ul {} 
ul.commentlist li div.reply, ul.commentlist li div.reply a {
	color: #006600;
	text-align: right;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: .1px;
	word-spacing: .3px;
	} 
ul.commentlist li ul.children {} 
ul.commentlist li ul.children li {margin:5px 0 0 0; padding:5px; text-indent:0; border:thin solid #cccccc;} 
ul.commentlist li ul.children li.alt {} 
ul.commentlist li ul.children li.bypostauthor {} 
ul.commentlist li ul.children li.byuser {} 
ul.commentlist li ul.children li.comment {} 
ul.commentlist li ul.children li.comment-author-admin {} 
ul.commentlist li ul.children li.depth-2 {} 
ul.commentlist li ul.children li.depth-3 {} 
ul.commentlist li ul.children li.depth-4 {} 
ul.commentlist li ul.children li.depth-5 {} 
ul.commentlist li ul.children li.odd {} 
ul.commentlist li.even {} 
ul.commentlist li.odd {} 
ul.commentlist li.parent {} 
ul.commentlist li.pingback {} 
ul.commentlist li.thread-alt { } 
ul.commentlist li.thread-even {} 
ul.commentlist li.thread-odd {}  


/* Classes - floats */
	
.fl_left {float:left;}
	
.fl_right {float:right;}

.clearfloat {clear:both;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.clearleft {clear:left;}
.aligncenter {text-align:center;}