@import url('../css/960.css');

html,
body { height: 100%; }

body
{
	background: url('../images/bg-body.jpg');
	color: #f5f5f5;
	font: 13px/1.38em "Helvetica", "Arial", sans-serif;
	text-shadow: 1px 1px 2px #20333a;
}

input,
textarea
{
	font: 1em/1em "Helvetica", "Arial", sans-serif;
	margin-right: 2px;
}

textarea { padding: 5px; }

small { font-size: .92em !important; }

a
{
	color: #97a7ad;
	text-decoration: none;
}

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

h3 a,
#footer a { text-decoration: none; }

a:hover { color: #fff; }

p { margin-bottom: .69em; }

/* Layout - Top */

#top
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -92px;
}

/* Formatting - Home */

#homepage h3,
#homepage h4,
#homepage h5
{
	color: #ffc579;
	font-size: 1.62em;
	line-height: .62em;
	text-transform: uppercase;
}

/* Homepage Header */

#homepageContainer
{
	background: #22353c url('../images/bg-homepage.jpg');
	border: 1px solid #30484b;
	height: 344px;
	margin-bottom: 20px;
	position: relative;
}

#prev,
#next
{
	height: 64px;
	position: absolute;
	top: 149px;
	width: 40px;
}


#prev { left: -10px; }
#next { right: -10px; }

	#prev a { background: url('../images/btn-previous.png'); }
	#next a { background: url('../images/btn-next.png'); }

	#prev a:hover { background: url('../images/btn-previous.png') no-repeat left -64px; }
	#next a:hover { background: url('../images/btn-next.png') no-repeat right -64px; }

	#prev a,
	#next a
	{
		display: block;
		height: 64px;
		text-indent: -9999em;
	}
	
#homepageSlider li
{
	height: 344px;
	width: 940px;
}

#homepageSlider li h2
{
	font-size: 1.8em;
	margin-bottom: 9px;
/*	padding-top: 80px;*/
}
	#hs1 h2,
	#hs6 h2
	{
		height: 0;
		text-indent: -9999em;
	}
	
	#hs3 table { height: 344px; }
		#hs3 table td
		{
			display: table-cell;
			vertical-align: middle;
		}
	
#homepageSlider li div p { font-size: 1em; }

#hs1 { background-image: url('../images/img-home-1.jpg'); }
#hs2 { background: url('../images/img-home-2.jpg') no-repeat top right; }
#hs3 { background: url('../images/img-home-3.jpg') no-repeat top right; }
#hs4 { background: url('../images/img-home-4.jpg') no-repeat top right; }
#hs5 { background: url('../images/img-home-5.jpg') no-repeat top right; }
#hs6 { background: url('../images/img-home-olympics-bronze.jpg') no-repeat top right; }

/* About J.R./Career Info - Home */

#aboutCareer
{
	background: url('../images/callout-jr.png');
	border: 1px solid #2a4347;
	font-size: .92em;
	height: 184px;
	line-height: 1.33em;
	margin-bottom: 20px;
	vertical-align: middle;
	width: 460px;
}

#aboutCareer h3 { margin: 28px 0 5px 18px; }
#aboutCareer p { margin-left: 18px; }

/* Media Gallery - Home */

#mediaGallery { margin-bottom: 20px; }

#mediaGallery h4
{
	margin: 20px 0 12px; 
	text-align: center;
}

/* Merchandise - Home */

#merchandise { margin-bottom: 20px; }

#merchandise h4
{
	margin: 20px 0 12px;
	text-align: center;
}

/* Sponsors - Home */

#sponsors { margin-bottom: 20px; }

#sponsors h5 { margin-bottom: 16px; }

#sponsors #leftColumn table { margin: 8px auto; }
#sponsors #leftColumn table td
{
	display: table-cell;
	padding: 0 8px;
	vertical-align: middle;
}

/* Agent Info - Home */

#agentInfo { margin-bottom: 20px; }

#agentInfo h5 { margin-bottom: 24px; }

#agentInfo p { margin-bottom: 16px; }

#agentInfo .name { font: 1.62em/1em Georgia, Times, serif; }

#agentInfo .address
{
	color: #858585;
	font: 1.23em/1.31em Georgia, Times, serif;
}

#agentInfo .contactInfo { font-size: 1.23em; }

/* Header */

#header h1
{
	height: 0;
	text-indent: -9999em;
}

/* Navigation */

#header ul
{
	background: transparent url('../images/nav.png') no-repeat top left;
	margin: 21px 0 20px 68px;
	width: 100%;
}

#header ul,
#header ul li,
#header ul li a
{
	float: left;
	height: 34px;
	line-height: 34px;
}

#header ul li a
{
	display: block;
	text-indent: -9999em;
}

#btn-1 a { width: 88px; }
#btn-2 a { width: 104px; }
#btn-3 a { width: 130px; }
#btn-4 a { width: 103px; }
#btn-5 a { width: 140px; }
#btn-6 a { width: 105px; }
/*#btn-7 a { width: 119px; }*/
/*#btn-8 a { width: 151px; }*/
#btn-8 a { width: 145px; }

#btn-1 a:hover { background: transparent url('../images/nav.png') no-repeat left -34px; }
#btn-2 a:hover { background: transparent url('../images/nav.png') no-repeat -88px -34px; }
#btn-3 a:hover { background: transparent url('../images/nav.png') no-repeat -192px -34px; }
#btn-4 a:hover { background: transparent url('../images/nav.png') no-repeat -322px -34px; }
#btn-5 a:hover { background: transparent url('../images/nav.png') no-repeat -425px -34px; }
#btn-6 a:hover { background: transparent url('../images/nav.png') no-repeat -565px -34px; }
/*#btn-7 a:hover { background: transparent url('../images/nav.png') no-repeat -670px -34px; }*/
/*#btn-8 a:hover { background: transparent url('../images/nav.png') no-repeat -789px -34px; }*/
#btn-8 a:hover { background: transparent url('../images/nav.png') no-repeat -670px -34px; }

body#homepage #btn-1 a { background: transparent url('../images/nav.png') no-repeat left -68px; }
body#about-jr #btn-2 a { background: transparent url('../images/nav.png') no-repeat -88px -68px; }
body#career-info #btn-3 a { background: transparent url('../images/nav.png') no-repeat -192px -68px; }
body#home #btn-4 a { background: transparent url('../images/nav.png') no-repeat -322px -68px; }
body#media-gallery #btn-5 a { background: transparent url('../images/nav.png') no-repeat -425px -68px; }
body#sponsors #btn-6 a { background: transparent url('../images/nav.png') no-repeat -565px -68px; }
/*body#just-rocks #btn-7 a { background: transparent url('../images/nav.png') no-repeat -670px -68px; }*/
/*body#contact-info #btn-8 a { background: transparent url('../images/nav.png') no-repeat -789px -68px; }*/
body#contact-info #btn-8 a { background: transparent url('../images/nav.png') no-repeat -670px -68px; }

/* Layout - Page Header */

#pageHeader { margin-bottom: 20px; }

/* Layout - Left Column */

#leftColumn
{
	border-right: 1px solid #2a4347;
	min-height: 600px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#leftColumn h2
{
	font-size: 1.85em;
	line-height: .75em;
	margin-bottom: 40px;
}

#leftColumn h3
{
	font-size: 1.5em;
	line-height: normal;
	margin-bottom: 7px;
}

#leftColumn blockquote
{
	font: 1.23em/1.31em Georgia, Times, serif;
	margin-bottom: 9px;
}

#leftColumn p
{
	display: block;
	margin: 0 20px 9px 0;
}

#leftColumn .sponsors_premier,
#leftColumn .sponsors
{
	color: #f5f5f5;
	font-size: .92em;
}

#leftColumn .sponsors .desc { min-height: 100px; }
#leftColumn .sponsors .desc em
{
	font-weight: bold;
	font-style: normal;
}

#leftColumn .sponsors_premier strong,
#leftColumn .sponsors strong
{
	color: #ccc;
	font: 1.23em "Helvetica", "Arial", sans-serif;
}

#leftColumn .sponsors_premier span,
#leftColumn .sponsors span
{
	color: #fd9d23;
	font: normal 1.23em Georgia, Times, serif;
}

#leftColumn .sponsors_premier
{
	border-top: 1px dotted #2a4347;
	border-bottom: 1px dotted #2a4347;
	margin: 0 20px 20px 0;
	padding: 20px 0;
}

#leftColumn .sponsors_premier img
{
	float: left;
	margin: 0 20px 10px 0;
}

#leftColumn .sponsors img
{
	display: block;
	padding: 12px 0 24px;
}

#leftColumn #agentInfo h2
{
	font-size: 1.23em;
	margin: 0 0 20px;
	text-transform: uppercase;
}

.borderTB
{
	border-top: 1px dotted #2a4347;
	border-bottom: 1px dotted #2a4347;
	margin: 20px 20px 20px 0;
	padding: 20px 0 15px;
}

/* About J.R. */

body#about-jr #leftColumn img { border: 1px solid #ccc; }
body#about-jr #leftColumn img:hover { border: 1px solid #2a4347; }

/* Career Info */

body#career-info #leftColumn img
{
	border: 1px solid #ccc;
	float: left;
	margin: 0 10px 10px 0;
}
body#career-info #leftColumn img:hover { border: 1px solid #2a4347; }

body#career-info #leftColumn p
{
	border-bottom: 1px dotted #2a4347;
	clear: both;
	color: #f5f5f5;
	padding-bottom: 20px;
}

body#career-info #leftColumn p.last { border-bottom: none; }

body#career-info #leftColumn p strong
{
	color: #fd9d23;
	display: block;
	font: 1.38em/1.38em Georgia, Times, serif;
	margin-bottom: 3px;
}

body#career-info #leftColumn p strong span
{
	color: #ccc;
	display: block;
	font: .68em/1.5em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

/* Media Gallery */

.gallery-item
{
	margin: 20px 20px 0 0 !important;
	width: auto !important;
}

.gridContainer
{
	margin: 20px 0 0;
	width: 100%;
}
.gridContainer,
.gridContainer li { float: left; }

.gridContainer li
{
	margin-bottom: 40px;
	padding-right: 20px;
	width: 180px;
	font: .85em/1.36em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

.gridContainer li strong
{
	color: #fd9d23;
	display: block;
	font: 1.18em/1.36em Georgia, Times, serif;
}

.gridContainer li a img { border: 1px solid #ccc; }
.gridContainer li a img:hover { border: 1px solid #2a4347; }

/* Layout - Right Column */

#rightColumn
{
	color: #97a7ad;
	font: .85em/1.27em "Helvetica", "Arial", sans-serif;
	margin-bottom: 20px;
}

#rightColumn a
{
	color: #97a7ad;
	text-decoration: none;
}

#rightColumn a:hover { color: #f5f5f5; }

#rightColumn h6
{
	font-size: 1.23em;
	margin-bottom: 9px;
	text-transform: uppercase;
}

#rightColumn ul { margin-bottom: 15px; }

#rightColumn ul.sbList li
{
	border-bottom: 1px dotted #2a4347;
	padding: 3px 0;
}
	#rightColumn ul.sbList li a { text-decoration: none; }

body#about-jr #rightColumn table,
body#career-info #rightColumn table
{
	border-collapse: collapse;
	line-height: 1.4em;
	margin-bottom: 20px;
}
body#about-jr #rightColumn table th,
body#career-info #rightColumn table th
{
	background-color: #243a3f;
	border-top: 1px dotted #2a4347;
	color: #ccc;
	letter-spacing: 2pt;
	text-transform: uppercase;
}
body#about-jr #rightColumn table th,
body#about-jr #rightColumn table td,
body#career-info #rightColumn table th,
body#career-info #rightColumn table td
{
	color: #f5f5f5;
	padding: 5px 0;
	border-bottom: 1px dotted #2a4347;
}

body#about-jr #rightColumn table td.tbl-hdr,
body#career-info #rightColumn table td.tbl-hdr
{
	color: #97a7ad;
	padding-right: 6px;
	width: 92px;
}

/* Footer */

#push,
#footer { height: 92px; }

#footer
{
	background: url('../images/bg-footer.png') repeat-x;
	font-size: .92em;
	line-height: normal;
	margin: 0 auto;
	width: 100%;
}

	#actualFooter { text-shadow: 1px 1px 2px #243241; }

	#actualFooter a { color: #a4aeba; }
	#actualFooter a:hover { color: #ff9300; text-decoration: none; }

	#actualFooter p
	{
		color: #f5f5f5;
		margin: 0 0 3px 6px;
		padding-top: 12px;
	}
	
	#actualFooter ul { margin-bottom: 3px; }
	
	#actualFooter ul,
	#actualFooter li
	{
		float: left;
		height: 16px;
		line-height: 16px;
		position: relative;
	}
	#actualFooter li
	{
		padding: 1px 6px;
		border-right: 1px solid #5f7185;
	}
	
	#actualFooter li.last { border-right: none; }
	#actualFooter li.last-item
	{
		border-right: none;
		font-size: .83em;
		line-height: 20px;
		margin-left: 268px;
	}
		
	#actualFooter img
	{
		position: relative;
		top: 18px;
	}

/* WordPress - Entry Heading */

.hentry h3 { margin-bottom: 3px !important;}
.hentry small
{
	color: #ccc;
	display: block;
	font: 75% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	margin-bottom: 2em;
}

/* WordPress - Post Meta Data */

.postmetadata
{
	background-color: #243a3f;
	border-top: 1px solid #2a4347;
	border-bottom: 1px solid #2a4347;
	color: #666;
	font-size: .85em;
	margin-bottom: 24px !important;
	padding: 3px 0;
}
	.postmetadata span { padding-left: 6px; }

	.postmetadata a
	{
		color: #ccc;
		text-decoration: none;
	}
	.postmetadata a:hover { color: #fd9d23; }

/* WordPress - Single Post Bottom Nav */

#singlePostBottomNav
{
	padding: 10px 0;
	font: 1.1em/1.23em "Helvetica", "Arial", sans-serif;
	padding-top: 12px;
	position: relative;
}
#singlePostBottomNav a { text-decoration: none; }
#singlePostBottomNav div { position: absolute; }
#singlePostBottomNav div#spbnLeft { left: 0; }
#singlePostBottomNav div#spbnRight { right: 20px; }

/* WordPress - Navigation (Older/Newer Entries) */

.navigation a { text-decoration: none; }
.navigation .alignright { margin-right: 20px; }

/* WordPress - Comments */

p#comments
{
	background-color: #e19129;
	border-top: 1px solid #2a4347;
	color: #f5f5f5;
	font: 1.23em/1.31em Georgia, Times, serif;
	margin-bottom: 0;
	margin-top: 34px;
	padding: 9px 0;
	text-shadow: 1px 1px #c77f21;
}
	p#comments span { padding-left: 9px; }

.commentlist
{
	margin-right: 20px;
	padding-bottom: 9px;
}

.comment-author
{
	font-size: 1.2em;
	font-weight: bold;
	text-transform: normal;
	margin-bottom: 9px;
}

.comment-body
{
	padding: 5px 0 5px 20px;
	border-top: 1px dotted #2a4347;
	width: 580px;
}
	.comment-body p { font: .9em/1.2em "Helvetica", Arial, sans-serif; }

.comment-author a,
.commentmetadata a
{
	color: #ccc;
	font-size: .92em;
	text-decoration: none;
}
.comment-author a:hover,
.commentmetadata a:hover { color: #fd9d23; }
.comment-author img { display: none; }
.comment-author-admin div { background-color: #243a3f !important; }

#respond
{
	color: #ccc;
	margin-top: 44px;
}
#respond h4
{
	font-size: 1.2em;
	margin-bottom: 8px;
}
#respond p.small { font-size: .82em !important; }
#respond textarea { width: 590px; }
	
/* WordPress - Image Alignment */

.alignleft
{
	float: left;
	margin: 0 10px 5px 0;
}

.aligncenter { text-align: center; }

.alignright
{
	float: right;
	margin: 0 0 5px 10px;
}

/* Countdown */

#countdownWidget { text-align: center; }

.defaultCountdown_home { margin: 125px 0 0 22px; }
.defaultCountdown_inside { margin: 0 0 20px 28px; }
.defaultCountdown_inside .jr_labs { color: #f5f5f5 !important; }
.defaultCountdown_inside .jr_numbs { text-align: center !important; }

#jr_timer
{ 
	height: 55px; 
	position: relative;
	text-shadow: none;
	width: 300px;
}

#jr_vals,
#jr_labels
{
	clear: both;
	margin: 0px auto;
	width: 100%;
}

.jr_numbs
{
	color: #f5f5f5;
	font-size: 2.15em;
	text-shadow: 1px 1px 1px #030303;
}

#jr_y
{
	background:  url('../images/countdown/2digit.png') no-repeat;
	float: left;
	height: 35px;
	letter-spacing: 8px;
	line-height: 32px;
	padding: 0px 0px 0px 3px;
	margin: 1px;
	width: 48px;
}
#jr_d
{
	background:  url('../images/countdown/3digit.png') no-repeat;
	float: left;
	height: 35px;
	letter-spacing: 8px;
	line-height: 32px;
	padding: 0px 0px 0px 3px;
	margin: 1px;
	width: 71px;
}
#jr_h
{
	background: url('../images/countdown/2digit.png') no-repeat;
	float: left;
	height: 35px;
	letter-spacing: 8px;
	line-height: 32px;
	padding: 0px 0px 0px 3px;
	margin: 1px;
	width: 48px;
}
#jr_m
{
	background:  url('../images/countdown/2digit.png') no-repeat;
	float: left;
	height: 35px;
	letter-spacing: 8px;
	line-height: 32px;
	padding: 0px 0px 0px 3px;
	margin: 1px;
	width: 47px;
}
#jr_s
{
	background:  url('../images/countdown/2digit-nc.png') no-repeat;
	float: left;
	height: 35px;
	letter-spacing: 8px;
	line-height: 32px;
	padding: 0px 0px 0px 3px;
	margin: 1px;
	width: 42px;
}

.jr_labs
{
	color: #111;
	font-size: .77em;
	text-align: center;
	text-transform: uppercase;
}
#jr_yl
{
	float: left;
	height: 15px;
	width: 51px;
}
#jr_dl
{
	float: left;
	height: 15px;
	width: 74px;
}
#jr_hl
{
	float: left;
	height: 15px;
	width: 54px;
}
#jr_ml
{
	float: left;
	height: 15px;	
	width: 55px;
}
#jr_sl
{
	float: left;
	height: 15px;
	width: 46px;
}

#defaultCountdown { width: 300px; height: 55px; text-align: center; }

/* Classes */

a.button
{
    background: transparent url('../images/bg-button-a.png') no-repeat scroll top right;
    color: #ffc579;
    display: block;
    float: left;
    font: bold 1em "Helvetica", "Arial", sans-serif;
	font-weight: bold !important;
    height: 34px;
    margin-right: 6px;
    padding-right: 39px; /* sliding doors padding */
    text-decoration: none;
}

a.button span
{
    background: transparent url('../images/bg-button-span.png') no-repeat;
    display: block;
    line-height: 22px;
    padding: 6px 0 6px 18px;
}

a.button:hover
{
    background-position: bottom right;
    color: #fb9d23;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span
{
    background-position: bottom left;
    padding: 6px 0 6px 18px; /* push text down 1px */
}

.photo
{
	background-color: #243a3f;
	border: 1px solid #2a4347;
	margin: 0 0 10px;
	text-align: center;
}

.box
{
	background-color: #243a3f;
	border: 1px solid #2a4347;
	color: #f5f5f5;
	margin: 10px 0;
	text-align: center;
}

.center { text-align: center; }

.spacer { margin: 25px 0; }

.schedule
{
	border-top: 1px solid #2a4347;
	margin: 18px 20px 9px 0 !important;
}
.schedule th { text-transform: uppercase; }
.schedule th,
.schedule td
{
	padding: 3px 5px;
	border-bottom: 1px dotted #2a4347;
}
.important { color: orange; }
.green { color: #33de60; }