/* 
	JeffAndBethJones.com
	Created: 2010-06-09
	Author: AnthologyCreative.com | Justin Seiter
*/


/* TABLE OF CONTENTS
****************************************************************************************************
	LINKS
	HEADINGS
	LAYOUT
	MISC
	MAIN NAV
*/


/* LINKS
****************************************************************************************************/
a:link, a:visited {
	color: #00aeef;
	text-decoration: underline;
}

a:hover, a:active {
	color: #00aeef;
	text-decoration: underline;
}


/* MISC
****************************************************************************************************/

/* HEADINGS
****************************************************************************************************/
h1,h2,h3,h4,h5,h6 {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color:#333;
	text-transform: uppercase;
}

h1.camel,h2.camel,h3.camel,h4.camel,h5.camel,h6.camel {text-transform:capitalize;}

h1 {
	font-size:24px;
	line-height:28px;
}


/* LAYOUT
****************************************************************************************************/
body {
	font: 12px/1.5 Arial, "Helvetica Neue", Helvetica, sans-serif;
	min-width:960px;
	background:#fff;
	color: #6b6c6c;
}

#header {
	padding:20px 0 20px;
	float:left;
	width:940px;
	margin:0 10px;
}

#canvas {
	background: #242424;
	width:959px;
	border-right:1px solid #242424;
}

#canvas-home {
	background: #242424;
	width:960px;
}

#sidebar {
	margin:0 10px 0;
}

#content {
	background:#fff;
	border-top:1px solid #000;
	width:729px;
	padding:20px;
	float:left;
	display:inline;
	overflow:hidden;
}

/* HEADER
****************************************************************************************************/
#header-search {
	background: url('../images/search-header-bg.gif') no-repeat;
	width:220px;
	height:30px;
	position:relative;
	margin:3px 0 0;
	color:#fff;
	font-weight:bold;
	font-style:italic;
}

	#header-search input {
		background:none;
		border:0;
		width:180px;
		float:left;
		display:inline;
		position:relative;
		outline:none;
		padding:0 0 0 10px;
		margin:0;
		line-height:30px;
		height:30px;
		font-size:11px;
		color:#fff;
		font-weight:bold;
		font-style:italic;
	}
	
	#header-search input.icon {
		text-indent:-9999px;
		width:30px;
		height:30px;
		cursor:pointer;
		float:right;
		display:inline;
		margin:0;
		padding:0;
	}

	#header-search .label {
		position:relative;
		float:left;
	}

	#header-search label { 
		position: absolute; 
		top: -22px; 
		left: 10px; 
		text-indent:0;
		line-height:30px;
		height:30px;
		font-size:10px;
		font-style:italic;
		color:#111;
	}

		#header-search label.over-apply { 
			position: absolute; 
			top: 0px; 
			left: 10px; 
			text-indent:0;
			line-height:30px;
			height:30px;
			font-size:11px;
			color:#fff;
		}
		
	#header .announce {
		margin:3px 0 0 0;
		padding:0 10px 0 0;
		margin:3px 10px 0 0;
		border-right:1px solid #eee;
	}
	

/* CONTENT NODE STYLES
****************************************************************************************************/
.node ul {
	list-style:disc inside none;
}

.node li {
	margin:0 0 10px 30px;
}

.node img {
	padding:5px;
	border:1px solid #eee;
	background:#f6f6f6;
	margin:0 10px 10px;
}

.node a:link, .node a:visited {
	color: #00aeef !important;
	text-decoration: underline !important;
}

.node a:hover, .node a:active {
	color: #00aeef !important;
	text-decoration: underline !important;
}

.node h4 {
	color:#999;
}

/* MAIN NAVIGATION
****************************************************************************************************/
#main-nav {
	font: 14px/30px Arial, "Helvetica Neue", Helvetica, sans-serif;
	color:#fff;
	float:left;
	display:inline;
	height:30px;
	width:960px;
	background:url('../images/main-nav-bg.png') no-repeat;
	margin:0;
	text-shadow:0 1px 1px #333;
	position:relative;
	z-index:9999;
}

	#main-nav li {
		float:left;
		display:inline;
		width:192px;
		margin:0 auto;
		text-align:center;
		position:relative;
		cursor:pointer;
	}

	#main-nav a:link, #main-nav a:visited {
		color:#fff;
		text-decoration:none;
		padding:0;
		height:30px;
		display:block;
	}
	
	#main-nav a:hover, #main-nav a:active {
		color:#00aeef;
	}
	
	#main-nav a.sel {
		color:#00aeef;
	}

	/* Drop Down */
	#main-nav .main-nav-drop {
		background-color:#626466;
		position: absolute;
		display:none;
		top:30px;
		left:10px;
		padding:0;
		margin:0;
		z-index:501;
		font-size:12px;
		width:172px;
		text-transform: capitalize;
		-webkit-box-shadow:0 5px 20px rgba(0, 0, 0, 0.5);
		-moz-box-shadow:0 5px 20px rgba(0, 0, 0, 0.5);
		box-shadow:0 5px 20px rgba(0, 0, 0, 0.5);
	}

		#main-nav .main-nav-drop li {
			float:left;
			display:block;
			width:172px;
			margin:0;
			text-align:center;
		}

		#main-nav .main-nav-drop a:link, #main-nav .main-nav-drop a:visited {
			display: block;
			color: #fff;
			line-height:16px;
			padding:0;
			margin:0;
			height:auto;
			border-top:1px solid #4f4f4f;
			padding:10px 5px;
			font-weight:normal;
		}
	
		#main-nav .main-nav-drop a:hover, #main-nav .main-nav-drop a:active, #main-nav .main-nav-drop a.sel {
			background:#00aeef; 
			text-decoration: none;
			font-weight:bold;
		}
		
		
/* BILLBOARDS
****************************************************************************************************/
#billboard {
	position:relative;
	margin:0 0 10px 0;
	float:left;
	display:inline;
}

#billboard-items {
	width:760px;
	height:428px;
	background: url('../images/billboard-bg.png') no-repeat top center;
    overflow:hidden;
	float:left;
	display:inline;
}

	#billboard-items div {
		display:none;
		width:760px;
		height:428px;
	}
	
.billboard-cheek-left, .billboard-cheek-right {
	position:absolute;
	bottom:0;
}

	.billboard-cheek-left {left:0;}
	
	.billboard-cheek-right {right:0;}
	
.billboard-nav {
	position:absolute;
	bottom:-20px;
	left:0;
	width:auto;
	padding:0;
	height:10px;
	display:inline;
	overflow:hidden;
}

	.billboard-nav a {
		float:left;
		display:inline-block;
		margin:0 5px 0 0;
		display:inline;
		cursor:pointer;
		height:10px;
		width:10px;
		line-height:10px;
		background: url('../images/billboard-nav-controls.gif') 0px 10px;
	}

		.billboard-nav a.current {
			background: url('../images/billboard-nav-controls.gif') 0 0;
		}
		

/* MAIN PAGE BUCKETS
****************************************************************************************************/
.main-buckets {
	float:left;
	display:inline;
}

	.main-buckets img {
		margin:2px 5px;
	}
		
/* SIDEBAR ELEMENTS
****************************************************************************************************/
/* Navigation */
.sidebar-nav {
/*	background: #3e3c3d url('../images/sidebar-nav-cap-bottom.png') no-repeat bottom left;*/
	margin:10px 0 0 0;
	text-shadow:1px 1px 1px #222;
	width:160px;
	float:left;
	overflow:hidden;
	height:230px;
}

	.sidebar-nav li {
		margin:0;
		padding:0;
		float:left;
		width:160px;
	}
	
	.sidebar-nav a:link, .sidebar-nav a:visited {
		color:#fff;
		text-decoration:none;
		float:left;
		display:inline-block;
		width:140px;
		padding:10px 0;
		margin:0 10px;
		text-align:center;
	}
	
	.sidebar-nav a:hover, .sidebar-nav a:active, .sidebar-nav a.sel {
		color:#00aeef;
	}
	
.twitter-bubble-wrap {
	position:relative;
	float:left;
	display:inline;
}
	
.twitter-bubble {
	background: url('../images/twitter-bubble-bg.gif') no-repeat;
	width:140px;
	height:120px;
	float:left;
	display:inline;
	font-size:12px;
	line-height:14px;
	padding:10px;
	color:#111;
	overflow:hidden;
}

	.twitter-bubble img {
		margin:0px 5px 0px 0;
		border:1px solid #6f6f6f;
		width:26px;
		height:26px;
		/*position:absolute;
				top:-20px;*/
	}
	
	.twitter-bubble a:link, .twitter-bubble a:visited {
		color:#f6f6f6;
		word-wrap: break-word;
		-ms-word-wrap: break-word;
	}
	
	.twitter-bubble a:hover, .twitter-bubble a:active {
		color:#fff;
	}

.twitter-bubble-author {
	font-size:14px;
	line-height:16px;
	height:16px;
	font-weight:bold;
	width:120px;
	color:#fff;
	margin:0 0 0 30px;
}
	
	.twitter-bubble-author img {
		margin:0 0 0 4px;
	}


/* PAGE LISTINGS
****************************************************************************************************/
ul.page {
	list-style:none;
}

	ul.page li {
		margin:0 0 10px 0;
		padding:0 0 10px 0;
		border-bottom:1px solid #eee;
		float:left;
		width:729px;
	}
	
	ul.page a.more {
		white-space: nowrap;
	}
	
	ul.page li.event {
		background: url('../images/icons/calendar.png') no-repeat 0 5px;
	}
	
		ul.page li.event h3 { padding:0 0 0 24px; }


/* EVENTS
****************************************************************************************************/
.calendar-date-stamp {
	background: url('../images/icons/calendar-large.png') no-repeat top left;
	width:83px;
	height:80px;
	float:left;
}

	.calendar-date-stamp .month {
		color:#fff;
		text-transform: uppercase;
		font-size:14px;
		line-height:18px;
		text-align:right;
		margin:0 14px 0px 0;
	}

	.calendar-date-stamp .day {
		color:#4f4f4f;
		text-align:right;
		font-size:24px;
		line-height:24px;
		margin:7px 14px 0 0;
	}
	
	.calendar-date-stamp .year {
		color:#4f4f4f;
		text-align:right;
		margin:2px 14px 0 0;
	}

.event-heading {
	margin:0 0 0 90px;
}

	.event-heading h4 {
		color:#999;
	}

.event-location {
	border:1px dashed #c7c7c7;
	margin:0 0 20px 0;
	padding:5px 10px;
	background:#eee;
	line-height:24px;
	width:619px;
}

.event-details {
	float:left;
	display:inline;
	margin:10px 0 20px 90px;
}


/* FOOTER
****************************************************************************************************/
#footer {
	margin:10px 10px 40px;
	float:left;
	display:inline;
	width:940px;
}

	#footer .contact {
		text-align:right;
	}
	
		#footer .contact a:link, #footer .contact a:visited {
			color:#6B6C6C;
		}