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


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


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

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

input.button, input.secondButton,
a.button:link, a.button:visited,
button {
	color:#fff;
	cursor:pointer;
	height:auto;
	padding:3px 8px;
	width:auto;
	color:#fff;
	background:#00AFDB;
	cursor:pointer;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-weight:bold;
	border:1px solid #0096BC;
	text-decoration:none;
}


/* 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: url(../images/canvas-bg.png) repeat-y;
	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;
	min-height: 500px;
    height: auto !important;
    height: 500px;
}

/* 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:999;
}

	#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
****************************************************************************************************/
#sidebar h4 {
    color: #fff;
}

/* 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;
}

/* TABLES
****************************************************************************************************/
.crud {
	width:100%;
	text-align:left;
	border:1px solid #353535;
	background:#fff;
	border-collapse:separate;
	border-collapse:inherit;
	font-size:11px;
	-khtml-border-radius-topright: 5px;
	-khtml-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-box-shadow:0 0px 7px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0 0px 7px rgba(0, 0, 0, 0.1);
	box-shadow:0 0px 7px rgba(0, 0, 0, 0.1);
}

	.crud .controls-wrap {
		display:none;
		position:relative;
	}

	.crud-admin tr:hover .controls-wrap {display: block;}

	.crud-admin .controls {
		position:absolute;
		background:url(../images/controls-tab.png) no-repeat;
		top:-12px;
		left:-55px;
		width:55px;
		height:36px;
		z-index:999;
	}

		.crud .controls a {
			width:20px;
			height:20px;
			display:inline-block;
			text-indent:-9999px;
			float:left;
			border:none;
		}

	table.text-center th, table.text-center td { text-align:center; }

	.crud img {
		vertical-align:top;
	}

		.crud tr.alt td {
			background-color: #f2f0ec;
		}

	.crud td {
		padding: 10px;
		font-weight:bold;
		vertical-align:top;
		white-space:nowrap;
		border-top:1px solid #ddd;
	}

	.crud td.wrap {white-space: normal;}

	.crud th {
		padding: 5px 10px;
		color: #fff	;
		font: 11px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
		border-bottom: 1px solid #444;
		font-weight:bold;
		vertical-align:top;
		background-color:#353535;
		text-shadow:1px 1px 0 #111;
	}

	.crud th.checkbox, .crud tr.checkbox {width:20px;}

	.crud .title {
		font-size:13px;
	}

		.crud .title a {
			text-decoration:none;
		}

	.crud p {
		margin-bottom:5px;
	}

	.crud .crud-button {
		-khtml-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background:#70815F;
		color:#FDFFD2;
		padding:3px 6px;
		margin:3px;
	}

	.crud td.add  {
		background:#fdf7f4;
		border-top:1px dashed #cf6123
	}

	.crud tr:hover td.add  {
		background:#fbede5;
	}

	.crud tr td.sel  {
		background:#5C483A;
		color:#fff;
	}



/* BOXY TWEAKS
****************************************************************************************************/
.boxy-jabj {
	padding-bottom:0 !important;
	background:url('../images/vfc-arrow-large.jpg') no-repeat 270px 80px;
}

/* 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;
		}