/*  
Theme Name: Bernard Tomic
Theme URI: http://bernardtomic.com
Description: Bernard Tomic, A design done by Antonio C. Vong on 17/11/2009
Version: 1.0
Author: Antonio C. Vong, Tennis Australia
Author URI: http://antonio.cubic-square.com , http://www.tennis.com.au
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: 'Arial', Helvetica, sans-serif;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; outline:none;}

a{ border: none; outline:none;}

.float-left{
	float:left;
}

.float-right{
	float:right;
}


.text-blue{color:#0099ff;}
.text-green{color:#009966;}
.text-yellow{color:#ffff33;}
.text-orange{color:#ff6600;}
.text-red{color:#ff0033;}
.text-pink{color:#ff3366;}
.text-purple{color:#993399;}

.text-replace{
	text-indent:-9999px;
}
.text-replace a, .text-replace a:active, .text-replace a:link, .text-replace a:hover{
	display:block;
	width:100%;
	height:100%;
	border:0;
	outline:0;
}



/*--- Container - Wrappers ---*/

body{
	background:#000 url('images/body_bg.jpg') top left repeat-x;
	font-size:16px;
	line-height:100%;
	width:100%;
	height:100%;padding-bottom:10px;
}

#divContainer{
	background: url('images/masthead_bg.jpg') top center no-repeat;
	display:block;
	height:100%;
	width:100%;
	margin:0 auto;
}

#divContainer .layout-blocks{
	display:block;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	width:860px;
}

#divMasthead{
	height:170px;
}

#divSubMasthead{
	height:270px;
}

#divContent{
	height:auto;
}

#divSubContent{
	height:210px;
}

#divExtraContent{
	color:#fff;
	padding:10px 0 10px 0;
	height:auto;
}

#divFooter{
	color:#fff;
	height:150px;
}


/*--- Container -  ---*/

#divLogo{
	display:block;
	position:absolute;
	left:82px;
	top:0px;
	width:238px;
	height:63px;
}

#divSearch{
	display:block;
	position:absolute;
	right:10px;
	top:0px;
	width:290px;
	height:63px;
}

#frmSearch{
	position:absolute;
	top:20px;
	right:35px;
}

#frmSearch label{
	font-size:0.689em;
	position:absolute;
	top:2px;
	left:-40px;
	text-transform:uppercase;
}

#frmSearch input{
	background:transparent!important;
	color:#999;
	font-size:0.90em;
	border:0;
	border-right:1px solid #e3e3e3;
	outline:0;
	margin:4px 0 0 25px;
	padding-right:5px;
	height:17px;
	width:175px;
}

#frmSearch input:focus, #frmSearch input:hover, .search-state{
	color:#333;
}

#frmSearch #inputSearchSubmit{
	background:transparent!important;
	border:0;
	cursor:pointer;
	position:absolute;
	top:3px;
	right:-25px;
	height:20px;
	width:35px;
}



#divNav{
	display:block;
	position:absolute;
	right:0px;
	top:90px;
	width:680px;
	height:70px;
}

#divNav ul{
	display:block;
	width:680px;
}

#divNav li{
	color:#fff;
	clear:none;
	display:block;
	float:left;
	font-size:0.75em;
	margin:6px 10px 0 0;
	padding:5px;
	text-transform:uppercase;
	height:auto;
	width:auto;


	border-radius: 5px;
	
	-webkit-border-radius: 5px;
	
	-moz-border-radius: 5px;

}

#divNav li a, #divNav li a:active, #divNav li a:link, #divNav li a:visited{
	color:#fff;
	display:block!important;
	display:inline-block;/*ie6*/
	height:15px;
	text-decoration:none;

}

#divNav ul.subNav{
	 display:none;
	 visibility:visible;
}

#divNav li:hover, .navHover{
	background:#666;
	display:block;
	overflow:visible;
}


#divNav #current, .current_page_item{/* Current Page highlight state*/
	background:#333;
	height:55px;

	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright 0px;

}





/*--- sub masthead --- */

.sub-masthead-content-block{
	color:#fff;
	display:block;
	float:right;
	font-size:1em;
	overflow:hidden;
	line-height:1em;
	word-spacing:0.126em;
	position:relative;
	right:15px;
	height:255px;
	width:215px;
}

.sub-masthead-content-block h2{
	font-size:1.75em;
	font-weight:bold;
	letter-spacing:-0.063em;
	line-height:1.75em;	
}

.sub-masthead-content-block p, .sub-content-block br{
	margin:0 0 0.938em 0;
}

.sub-masthead-content-block img{
	float:right;
	margin:1.875em 0 0 0;
}

.sub-home{
	background:url('images/sub_bg.jpg') top left no-repeat;
	display:block;
}

.sub-news{
	background:url('images/sub_bg_news.jpg') top center no-repeat;
	height:210px!important;
}

.sub-audio-video{
	background:#222 url('images/loader.gif') center no-repeat;
	display:block;
	height:540px!important;
	width:850px!important;
	padding-top:40px!important;
	margin-top:20px!important;
}

/* Content */

.content-left{
	display:block;
	float:left;
	overflow:hidden;
	position:relative;
	height:auto;
	width:550px;
}

.content-right{
	display:block;
	float:right;
	overflow:hidden;
	height:auto;
	width:300px;
}


.content-ad-block{
	background:#666;
	color:#999;
	display:block;	
	float:right;
	font-size:0.689em;
	width:300px;
	height:305px;
	text-align:center;
}

.content-ad-block a, .content-ad-block a:active, .content-ad-block a:link, .content-ad-block a:visited{
	color:#333;
	text-decoration:underline;
}


.content-side-panel{
	color:#fff;
	border-bottom:1px #ececec solid;
}

.content-side-panel h2, .content-side-panel a, .content-side-panel a:active, .content-side-panel a:link, .content-side-panel a:visited{
	color:#fff;
	font-size:1em;
	text-decoration:none;
}

.content-right li{
	display:block;
	clear:both;
	float:right;
	height:auto;
	width:300px;
}

#newsContainer{
	background:#000;
	display:block;
	clear:right;
	float:left;
	width:1120px;
	height:420px;
	overflow:hidden;
}

.news-set a, .news-set a:active, .news-set a:link, .news-set a:visited{
	color:#0099FF;
	text-decoration:none;
}

.news-set{
	clear:none;
	display:block;
	float:left;
	overflow:hidden;
	margin:0 10px 0 0;
	width:550px;
	height:410px;
}

.news-set li{
	background:#222222;
	clear:left;
	display:block;
	float:left;
	margin:0 0 10px 0;
	padding:0;
	width:550px;
	height:95px;
}

#ol-news-set-one li{
	border-bottom-top-right-radius: 10px;
	border-bottom-bottom-left-radius: 10px;
	
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;

	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;;
}

#ol-news-set-two li{
	border-bottom-top-left-radius: 10px;
	border-bottom-bottom-right-radius: 10px;
	
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomright: 10px
}

.news-set li:hover{
	background:#333333;
}

.news-set li div{
	color:#ccc;
	display:block;
	float:right;
	overflow:hidden;
	height:auto;
	width:415px;
}

.news-set li img{
	display:block;
	float:none;
	margin:0;
}

.news-set span.image{
	background: #222222 url('images/loader.gif') center center no-repeat;
	display:inline;
	width:114px;
	height:75px;
	clear:none;
	float:left;
	margin:10px 0 0 10px;
	padding:0;
}

.news-set h2, .news-set h2 a, .news-set h2 a:active, .news-set h2 a:link, .news-set h2 a:visited{
	color:#fff;
	font-size:1.125em;
	line-height:1.125em;
	margin:7px 0 0 0;
	font-weight:bold;
	text-decoration:none;
}

.news-set li p{
	font-size:0.814em;
	line-height:1.375em;
	margin:5px 8px 4px 0;
}

#newsController{
	background:#000;
	clear:left;
	display:block;
	height:20px;
	width:550px;
	vertical-align:top;
}

#newsController a, #newsController a:active, #newsController a:link, #newsController a:visited{
	border:none;
	color:#0099FF;
	font-size:0.814em;
	outline:none;
	text-decoration:none;
}

#newsSubscribe{
	float:left;
	padding:0 0 0 10px;
}

#newsMore{
	background:url(images/news-state.gif) right 0px no-repeat;
	float:right;
	padding:0 45px 0 0;
}


/* Side Bar */

#kytevideo-bernardtomic{
	background:#444;
	display:block;
}

#divRanking.content-side-panel{
	color:#fff;
	border-top:1px #ececec solid;
	border-bottom:1px #ececec solid;
	float:right;
	margin:10px 0 0 0;
	width:300px;
}


#divRanking.content-side-panel div{
	float:right;
	width:175px;
	text-align:center;
}

#divRanking #rankingLogo{
	background:url('http://www.bernardtomic.com/wp-content/uploads/2009/11/atp-world-tour2.png') 30px 10px no-repeat;
	clear:none;
	float:left;
	display:block;
	width:125px;
	height:85px;
}

#divRanking.content-side-panel h2{
	font-size:2em;
	font-weight:bold;
	line-height:1em;
	margin:0 0 5px 0;
	padding:0;
	text-transform:uppercase;
}

#divRanking.content-side-panel h3{
	font-size:1.25em;
	font-weight:bold;
	line-height:0.85em;
	margin:5px 0 0 0;
	padding:0;
	text-transform:uppercase;
}

#divRanking.content-side-panel em{
	font-size:0.75em;
	font-style:normal;
	line-height:1.55em;
	margin:0;
}

/* Sub Content */

#divSubContent{
	background:url('images/sub_content.jpg') center center no-repeat;
}

#divSubContent ul{
	display:block;
	width:860px;
	height:210px;
	overflow:hidden;
}
#divSubContent li{
	clear:none;
	display:block;
	float:left;
	margin:45px 0 0 0;
	padding:0;
	width:280px;
	height:165px;
}

#divSubContent li.spacer{
	width:10px;
}

#divSubContent li p{
	display:block;
	color:#333;
	font-size:0.814em;
	height:65px;
	overflow:hidden;
}

#divSubContent li strong{
	font-weight:bold;
}

#divSubContent li a, #divSubContent li a:active, #divSubContent li a:visited, #divSubContent li a:link, #divSubContent li a:hover{
	clear:left;
	color:#fff;
	display:block;
	font-size:0.814em;
	text-align:right;
	text-decoration:none;
}

#divSubContent div.about-bernard{
	clear:right;
	display:block;
	margin:20px 15px 0 115px;
	text-align:left;
	height:70px;
	width:140px;
}

#divSubContent div.latest-results{
	clear:right;
	margin:20px 8px 0 95px;
	text-align:left;
	height:70px;
	width:170px;
}

#divSubContent div.playing-schedule{
	clear:right;
	margin:20px 5px 0 100px;
	text-align:right;
	height:70px;
	width:170px;
}

#divSubContent .playing-schedule h6{
	color:#999;
	clear:none;
	font-size:2.125em;
	font-weight:bold;
	letter-spacing:-0.063em;
	line-height:0.875em;
	margin:0 0 0 10px;
	text-transform:uppercase;
}

#divSubContent .playing-schedule p{
	height:35px;
}

/*--- Extra Content ---*/

/*--- Footer ---*/

#divSponsors{
	display:block;
	height:50px;
	width:540px;
}

#divCopyright{
	border-top:1px solid #fff;
	display:block;
	font-size:0.689em;
	line-height:40px;
	margin:10px 0 0 0;
	overflow:visible;
	padding:10px 0 0px 0;
	vertical-align:middle;
}

#divCopyright a, #divCopyright a:link, #divCopyright a:active, #divCopyright a:visited{
	color:#fff;
	text-decoration:none;
}


#divCopyright a:hover{
	color:#fff;
	text-decoration:underline;
}

#divFooterNav a, #divFooterNav a:link, #divFooterNav a:active, #divFooterNav a:visited{
	margin:0 20px 0 0;
}

/* wordpress specific */
#sidebar{
	color:#fff;
	font-size:0.814em;
}


/* Individual Pages - might seperate */
.post{
	background:#222;
	border:1px #444 solid;
	color:#fff;
	font-size:1em;
	padding:15px;
}

.post a, .post a:link, .post a:active, .post a:visited, .post a:hover{
	color:#0099FF;
	text-decoration:none;
}

.post h1{
	color:#fff;
	border-bottom:1px #444444 solid;
	font-size:3em;
	letter-spacing:-3px;
	line-height:1.125em;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	font-weight:bold;
	text-decoration:none;
}

.post h2, .post h2 a, .post h2 a:active, .post h2 a:link, .post h2 a:visited{
	color:#fff;
	font-size:1.125em;
	line-height:1.125em;
	margin:7px 0 0 0;
	font-weight:bold;
	text-decoration:none;
}

.post p{
	clear:left;
	font-size:0.875em;
	line-height:1.375em;
	margin:0 0 15px 0;
}

.post .wp-caption{
	background:#444444;
	border:1px #555555 solid;
	padding:10px 2px 10px 10px;
	margin:0px;
	display:block;
	width:auto;
}

.post .wp-caption img{
	float:none;
	margin:0px;
	padding:0px;
	text-align:center;
}

.post p.wp-caption-text{
	clear:both;
	font-size:0.613em;
	margin:0px;
	padding:0px;
	vertical-align:middle;
	text-align:left;
}

.post img.size-medium{
	margin:0px;
	padding:0px;
	border:#666666 solid 1px;
	text-align:center;
}

.post .alignnone{
	clear:both;
	float:none;
	margin:10px 0 25px 0px;
}

.post .alignright{
	clear:none;
	float:right;
	margin:10px 0 25px 10px;
}

.post .alignleft{
	clear:none;
	float:left;
	margin:10px 10px 25px 0px;
}


.post-tagsSection{
	color:#666;
	font-size:0.738em;
	border-top:1px #444444 solid;
	padding:10px 0 0 0;
}

.post-tagsSection a, .post-tagsSection a:active, .post-tagsSection a:link, .post-tagsSection a:visited{ 
	color:#666;
	text-decoration:none;
}

.post .postmetadata{
	color:#666;
	border-top:1px #444444 solid;
	font-size:0.738em;
	padding:10px 0 0 0;
}

.postmetadata a, .postmetadata a:active, .postmetadata a:link, .postmetadata a:visited{
	color:#999;
	text-decoration:none;
}


/* RESULTS & SCHEDULE */
.resultsScheduleContainer{
	border-bottom:1px #444 solid;
	display:block;
	font-size:100%;
	height:auto;
	width:515px;
	clear:right;
	margin:0 0 30px 0;
	padding:0 0 30px 0;
	overflow:hidden;
}

.resultsScheduleDate{
	color:#006666;
	display:block;
	float:left;
	margin:0;
	padding:0;
	text-align:center;
	height:auto;
	width:115px;
	overflow:hidden;
}

.resultsScheduleDate .year{
	color:#444444;
	font-size:3em;
	font-weight:bold;
	letter-spacing:-3px;
	line-height:1.125em;
	margin:0;
	padding:0;
}

.resultsScheduleDate .month{
	font-size:3.4375em;
	font-weight:bold;
	letter-spacing:-3px;
	line-height:0.6em;
	text-transform:uppercase;
	margin:0;
	padding:0;
}

.resultsScheduleDate .day{
	font-size:6.125em;
	font-weight:bold;
	letter-spacing:-3px;
	line-height:0.875em;
	margin:0;
	padding:0;
}

.resultsScheduleInfo{
	color:#999;
	display:block;
	float:right;
	font-size:0.875em;
	text-align:left;
	height:auto;
	width:390px;
}

.resultsScheduleInfo .title{
	color:#fff;
	font-size:1.125em;
	font-weight:bold;
	line-height:1.125em;
}

.resultsScheduleInfo .info{
	display:block;
	clear:left;
	margin:10px 0 0 0;
}

/* Related Links */
.related-links{
	clear: both;
	color: #333;
	display: block;
	font-size: 11px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 20px auto 20px auto;
top:10px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 860px;
}

.related-links ul{
	border-top:1px solid #333;
	padding-top: 10px;
}

.related-links ul li{
	display: block;
	clear: none;
	float: left;
	list-style-type: square;
	margin-right: 80px;
}

.related-links ul li a, .related-links ul li a:active, .related-links ul li a:link, .related-links ul li a:visited{
	color: #555;
	font-size: 10px;
	text-decoration: none;
}

.related-links ul li a:hover{
	color: #ccc;
}