@charset "UTF-8";
/* CSS Document */

/* GLOBAL PROPERTIES ======================================================== */

* {
  margin: 		0;
	padding: 		0;
}

body { 
	background-color: 		rgb(242,105,37); 
	font-family:		Arial, Helvetica, sans-serif;
	font-size:		14px;
	color:			#333333;
}

html {min-width:980px;}

html, 
body {height:100%;}

/* DEFAULT STYLES ======================================================== */

a {
	color: 			rgb(242,105,37);
	text-decoration: 	none;
}

a:hover {
	color:			rgb(242,148,37);
	text-decoration: 	none;
}

h1 {
	text-align: 		left;
	font-size: 		2.0em;
	line-height: 		1.2em;
	color: 			rgb(242,105,37);
	font-weight: 		bold;
	padding: 		0 0 0 0;
	margin: 		0 0 20px 0;
}

h2 {
	font-size: 		1.7em;
	line-height:		1.1em;
	font-weight: 		bold;
	color: 			rgb(242,105,37);
	padding: 		0 0 0 0;
	margin: 		0 0 15px 0;
}

h3 {
	font-size: 		1.2em;
	padding: 		0;
	margin: 		0 0 15px 0;
	color: 			#333333;
}

p {
	margin: 		0 0 20px 0;
	padding: 		0;
	text-align: 		left;
}

img {
	border: 		none;
}

.thumbnail {
	border: 		1px solid #333333;
}

.smaller {
	font-size: 		0.8em;
}

/* extra top margin for headers preceded by other text-based elements */
p + h2, div + p + h2, ul + h2, ol + h2, dl + h2, table + h2, blockquote + h2, hr + h2, h3 + h2,
div + p + h3, ul + h3, ol + h3, dl + h3, table + h3, blockquote + h3, hr + h3, h4 + h3,
p + h4, ul + h4, ol + h4, dl + h4, table + h4, blockquote + h4, hr + h4, h5 + h4,
p + h5, ul + h5, ol + h5, dl + h5, table + h5, blockquote + h5, hr + h5, h6 + h5
p + h6, ul + h6, ol + h6, dl + h6, table + h6, blockquote + h6, hr + h6 {
	margin-top: 1.6em;
	}

/* GLOBAL CONTAINERS ======================================================== */

#wrap-header {
  background-color: #000000;
  display: 		block;
  overflow:   visible;
  padding:    0;
  margin:     0;
}

#logoblock {
  background: transparent url(/images/interface/bg-logobox.png) repeat left bottom;
  z-index: 20; 
  padding: 15px 15px; 
  width: 270px; 
  height: 110px; 
  position: absolute; 
  top: 0; 
  left: 0;
}

#menucontainer {
  z-index: 20;
  width: 960px;
  height: 520px;
  position: relative;
  margin: 0 auto;
  padding: 0;
}

#inside-menucontainer {
  z-index: 20;
  width: 960px;
  height: 220px;
  position: relative;
  margin: 0 auto;
  padding: 0;
}

.container {
	width:			960px;
	margin: 		0 auto;
	padding: 		0;
	display: 		block;
}

#wrap-main {
  	padding: 40px 0;
	background: #ffffff url(/images/interface/hor-shadow.png) no-repeat center top;
}

.twothird-column {
  	width:  	600px;
  	margin: 	0 40px 0 20px;
  	float: 		left;
	padding: 	0;
  	line-height:  	1.3em;
}

.third-column {
  	width:  	280px;
  	margin: 	0 40px 0 0;
	padding: 	0;
  	float: 		left;
  	line-height:	1.3em;
}

.third-column.first {
  margin-left: 15px;
}

.third-column.last {
  margin-right: 0;
}

#wrap-footer {
	background: 		transparent url(/images/interface/hor-shadow.png) no-repeat center top;
	display: 		block;
	min-height: 		16px;
	font-size: 		0.8em;
	padding: 		10px 10px 20px 10px;
	color: 			rgb(107,35,0);
}	

.hor-shadow {
  background: 		transparent url(/images/interface/hor-shadow.png) no-repeat center top;
	display: 			block;
	height: 		16px;
}

#wrap-footer a {
	color: 			rgb(107,35,0);
}

#wrap-footer a:hover {
	color: 			rgb(197,74,12);
}

#wrap-footer a:visited {
	color: 			rgb(107,35,0);
}

#wrap-footer a:active {
	color: 			rgb(242,148,37);
}

.copyright {
	float: 			right;
	width: 			550px;
	padding: 		0 0 20px 0;
	margin: 		20px 0 0 0;
	text-align: 		right;
}

.sitecredit {
	width: 			100px;
	float: 			right;
  padding: 		0 0 20px 0;
	margin: 		20px 0 0 0;  
	text-align: 		right;
}

#social-links {
	width: 			700px;
	float: 			left;
	text-align: 		left;
}

#social-footer ul {
	margin: 		0;
	padding: 		0;
}

#social-footer li {
	margin: 		0;
	padding: 		0;
	float: 			left;
	display: 		inline-block;
}

#social-footer li a {
	display: 		inline-block;
	margin-right: 		20px;
	padding-left: 		20px;
	line-height: 		16px;
	float: 			left;
	color: 			{brand_grey};
}

#social-footer li a:hover {
	color: 			{brand_grey_hover};
}

#social-footer li a.facebook {
	background: 		url(/images/interface/miniicon-facebook.png) no-repeat 0 0;
}

#social-footer li a.twitter {
	background: 		url(/images/interface/miniicon-twitter.png) no-repeat 0 0;
}

#social-footer li a.youtube {
	background:	 		url(/images/interface/miniicon-youtube.png) no-repeat 0 0;
}

#col-left-wide {
	width: 				685px;
	float: 				left;
	padding-bottom:			20px;
}

#col-left-wide ul {
	padding:			0 0 20px 0;
	margin:				0;
}

#col-left-wide li {
	padding:			0 0 10px 0;
	margin:				0 0 0 15px;
	list-style-type: 		disc;
}

#col-left-wide ol {
	padding:			0 0 10px 0;
	margin:				0 0 0 15px;
}

#col-right-narrow {
	background: 			url(/images/interface/bg-sidebargradient.jpg) repeat-x left top;
	min-height: 			450px;
	width: 				210px;
	float: 				right;
	padding-bottom:			20px;
}


/* MAIN NAVIGATION ======================================================== */


#menublock {
  z-index: 30;
  width: 960px;
  height: 60px;
  position: absolute;
  bottom: 0;
  left: 0;
}

#nav-main {
	margin: 			0 0 0 0;
	padding: 			0 0 0 0;
	width: 				960px;
	float: 				left;
	z-index: 			600;
	position: 			relative;
	display: 			block;
	}

#nav-main ul {
	margin: 			0 0 0 0;
	padding: 			0 0 0 0;
	z-index: 			700;
	}

#nav-main li {
	list-style-type: 		none;
	padding: 			0;
	margin: 			0;
	float: 				left;
	position: 			relative;
	}

#nav-main li a {
  color: 				#ffffff;
  display: 			inline-block;
  float: 				left;
  font-size: 			1.2em;
	font-weight: 			bold;
	text-align: 			center;
  padding:          0;
  margin:           0;
  height: 			60px;
	line-height: 			60px;
  text-decoration: 		none;
	border-right: 			1px solid rgb(253,157,63);
}

#nav-main li a.home { width: 75px; background: url(/images/interface/bg-menubox.png) no-repeat 0 0; }
#nav-main li a:hover.home { background-position: left -60px; }
#nav-main li a:active.home { background-position: left -120px; }
#nav-main li a.active-list-item.home { background-position: left -180px; }

#nav-main li a.register { width: 100px; background: url(/images/interface/bg-menubox.png) no-repeat -76px 0; }
#nav-main li a:hover.register { background-position: center -60px; }
#nav-main li a:active.register { background-position: center -120px; }
#nav-main li a.active-list-item.register { background-position: center -180px; }

#nav-main li a.markers { width: 140px; background: url(/images/interface/bg-menubox.png) no-repeat -177px 0; }
#nav-main li a:hover.markers { background-position: center -60px; }
#nav-main li a:active.markers { background-position: center -120px; }
#nav-main li a.active-list-item.markers { background-position: center -180px; }

#nav-main li a.donate { width: 90px; background: url(/images/interface/bg-menubox.png) no-repeat -318px 0; }
#nav-main li a:hover.donate { background-position: center -60px; }
#nav-main li a:active.donate { background-position: center -120px; }
#nav-main li a.active-list-item.donate { background-position: center -180px; }

#nav-main li a.sponsor { width: 100px; background: url(/images/interface/bg-menubox.png) no-repeat -409px 0; }
#nav-main li a:hover.sponsor { background-position: center -60px; }
#nav-main li a:active.sponsor { background-position: center -120px; }
#nav-main li a.active-list-item.sponsor { background-position: center -180px; }

#nav-main li a.volunteer { width: 110px; background: url(/images/interface/bg-menubox.png) no-repeat -510px 0; }
#nav-main li a:hover.volunteer { background-position: center -60px; }
#nav-main li a:active.volunteer { background-position: center -120px; }
#nav-main li a.active-list-item.volunteer { background-position: center -180px; }

#nav-main li a.route { width: 80px; background: url(/images/interface/bg-menubox.png) no-repeat -621px 0; }
#nav-main li a:hover.route { background-position: center -60px; }
#nav-main li a:active.route { background-position: center -120px; }
#nav-main li a.active-list-item.route { background-position: center -180px; }

#nav-main li a.news { width: 75px; background: url(/images/interface/bg-menubox.png) no-repeat -702px 0; }
#nav-main li a:hover.news { background-position: center -60px; }
#nav-main li a:active.news { background-position: center -120px; }
#nav-main li a.active-list-item.news { background-position: center -180px; }

#nav-main li a.about { width: 80px; background: url(/images/interface/bg-menubox.png) no-repeat -777px 0;}
#nav-main li a:hover.about { background-position: center -60px; }
#nav-main li a:active.about { background-position: center -120px; }
#nav-main li a.active-list-item.about { background-position: center -180px; }

#nav-main li a.contact { width: 95px; background: url(/images/interface/bg-menubox.png) no-repeat right 0; border-right: none;}
#nav-main li a:hover.contact { background-position: right -60px; }
#nav-main li a:active.contact { background-position: right -120px; }
#nav-main li a.active-list-item.contact { background-position: right -180px; }


#nav-main li a:hover {
	color: 	#ffcc00;
  text-shadow: 1px 1px 3px rgb(197,74,12);
  outline: 		none; /* hide dotted outline in Firefox */
}

#nav-main li a:active {
    background-position: 	left bottom;
    text-shadow: 1px 1px 3px #333333;
    outline: 			none; /* hide dotted outline in Firefox */
}

#nav-main li a.active-list-item {
  color: 	#ffcc00;
  text-shadow: 1px 1px 3px #333333;
  outline: 			none; /* hide dotted outline in Firefox */
}


/* Submenu */



#nav-main li ul {
	display: 		none;
	position: 		absolute;
	left: 			0;
	line-height:		1.0em;
	background: 		#ffffff;
	font-size: 		0.9em;
	top: 			100%;
	padding: 		0 0 0 0;
	margin: 		0 0 0 0;
}

#nav-main li:hover > ul {
	display: 		block;
	margin: 		0;
	padding: 		0;
}

#nav-main li ul li a {
	padding: 		8px 10px 8px 10px;
	margin:			0 0 0 0;
	width: 			170px;
	line-height:		1.2em;
	height:			auto;
	display: 		block;
	text-align:		left;
	color: 			#333333;
	font-weight: 		bold;
	background: 		#eeeeee url(/images/interface/bg-submain-off.jpg) repeat-x top center;
	border-right: 		1px solid #271910;
	border-left: 		1px solid #271910;
	border-bottom: 		1px solid #271910;

}

#nav-main li ul li a:hover {
	color: 			{brand_red};
	background: 		#e3e3e3 url(/images/interface/bg-submenu-over.jpg) repeat-x top center;
	text-decoration: 	none;
}

#nav-main li ul li a:visited {
	color: 			#333333;
	text-decoration: 	none;
}

#nav-main li ul li {
	_display:		inline; /* for IE6 */
}



/* SUBSUB Menu */

#nav-main li ul li ul {
	font-size: 		0.9em;
	display: 		none;
	margin: 		0;
}

#nav-main li ul li:hover ul {
	left: 			100%;
	top: 			0;
	margin: 		0;
	padding: 		0;

}

#nav-main li ul {}


/* @end MAIN NAVIGATION
--------------------------- */


/* INSIDE NAVIGATION ======================================================== */


#nav-inside {
	margin: 		0 0 0 0;
	padding: 		0 0 0 0;
	position: 		relative;
	display: 		block;
	}


#nav-inside {
	margin: 		0 0 0 0;
	padding: 		0 0 0 0;
	position: 		relative;
	display: 		block;
	}

#nav-inside ul {
	margin: 		0 0 0 0;
	padding: 		0 0 0 0;
	}

#nav-inside li {
	list-style-type: 		none;
	padding: 			0 0 0 0;
	margin: 			0 0 0 0;
	position: 			relative;
	}

#nav-inside li.last-item {
	border-bottom: 			#b2b1b1 solid 1px;
	}

#nav-inside li a {
    	color: 				#333333;
	background-color:		#e6e6e6;
    	display: 			block;
	font-weight: 			bold;
    	padding: 			8px 12px;
	border-top: 			#b2b1b1 solid 1px;
    	text-decoration: 		none;
	text-shadow: 			1px 1px 2px #ffffff;
}

#nav-inside li a:hover {
	background-color:		#e9e9e9;
    	color: 				{brand_red};
	text-shadow: 			1px 1px 3px #ffffff;
}

#nav-inside li a.active-list-item {
    	background-color: 		rgb(242,105,37);
    	color: 				#ffffff;
	text-shadow: 			1px 1px 3px rgb(197,74,12);
}


/* HERO SLIDESHOW NAVIGATION ======================================================== */


#heroslideshow {
	display: 		block;
	height: 		520px;
	padding: 		0;
	margin: 		0;
	text-align: 		left;
	position: 		relative;
  	background-color: 	#000000;
}
	
#inside-heroslideshow {
  	display: 		block;
	height: 		220px;
	padding: 		0;
	margin: 		0;
	text-align: 		left;
	position: 		relative;
  	background-color: 	#000000;
}

.heroslide .first {
  	display: 		block;
}

.heroslide {
  	display: 		none;
  	width: 			100%;
	height: 		520px;
	overflow: 		hidden;
	padding: 		0;
	margin: 		0;
  	position: 		relative;
	float: 			left;
}

.inside-heroslide .first {
  	display:		block;
}

.inside-heroslide {
	display:		none;
  	width:   		100%;
	height: 		220px;
	overflow: 		hidden;
	padding: 		0;
	margin: 		0;
  	position: 		relative;
	float: 			left;
}

.herocontainer {
 	position: relative;
 	height: 520px;
 	width: 960px;
 	margin: 0 auto;
 	padding: 0; 
}

.herotext {
  	position: absolute;
  	z-index: 80;
  	bottom: 80px;
  	left: 20px;
  	text-shadow: 1px 1px 3px #333333;
  	color: #ffffff;
}

.herotext h1 {
  color: #ffffff;
  font-size: 3.0em; 
}

.herotext h1 strong {
  color: rgb(242,105,37);
}

.herotext p {
  font-size: 1.6em;
}

#hero-nav { z-index: 30; position: absolute; right: 25px; top: 0; padding: 0; display: block; }
#hero-nav a { margin: 0 ; color: #ffffff; padding: 0; width: 12px; height: 22px; display: inline-block; background: transparent url(/images/interface/bullets.png) no-repeat 0 0; text-indent: -9999px; }
#hero-nav a:hover { background-position: 0 -22px ; }
#hero-nav a.activeSlide { background-position: 0 -22px ; }
#hero-nav a:focus { outline: none; }

a.more-button-light {
	background: 		transparent url('/images/interface/button-a.png') no-repeat right -25px;
	color: 			#333333;
	display: 		inline-block;
	float: 			left;
	font-weight: 		bold;
	font-size: 		0.9em;
	height: 		25px;
	margin: 		0;
	padding-right: 		15px; /* sliding doors padding */
	text-decoration: 	none;
	text-shadow: 		1px 1px 3px #ffffff;
}

a.more-button-light span {
	background: 		transparent url('/images/interface/button-span.png') no-repeat left -25px;
	display: 		inline-block;
	height: 		25px;
	line-height: 		25px;
	padding: 		0 0 0 15px;
}

a.more-button-light:hover {
	background-position: 	right -50px;
	color: 			#ffffff;
	text-shadow: 		1px 1px 3px #333333;
	outline: 		none; /* hide dotted outline in Firefox */
}

a.more-button-light:hover span {
	background-position: 	left -50px;
}

a.more-button-light:active {
	background-position: 	right -25px;
	color: 			#333333;
	text-shadow: 		1px 1px 3px #ffffff;
	outline: 		none; /* hide dotted outline in Firefox */
}

a.more-button-light:active span {
	background-position: 	left -25px;
}

a.more-button-dark {
	background: 		transparent url('/images/interface/button-a.png') no-repeat top right;
	color: 			#ffffff;
	display: 		inline-block;
	float: 			left;
	font-weight: 		bold;
	font-size: 		0.9em;
	height: 		25px;
	margin: 		0;
	padding-right: 		15px; /* sliding doors padding */
	text-decoration: 	none;
	text-shadow: 		1px 1px 3px #000000;
}

a.more-button-dark span {
	background: 		transparent url('/images/interface/button-span.png') no-repeat left top;
	display: 		inline-block;
	height: 		25px;
	line-height: 		25px;
	padding: 		0 0 0 15px;
}

a.more-button-dark:hover {
	color: 			#ffffff;
	text-shadow:		1px 1px 3px #000000;
	background-position: 	right -50px;
	outline: 		none; /* hide dotted outline in Firefox */
}

a.more-button-dark:hover span {
	background-position: 	left -50px;
}

a.more-button-dark:active {
	background-position: 	right -25px;
	color: 			#333333;
	text-shadow:		1px 1px 3px #ffffff;
	outline: 		none; /* hide dotted outline in Firefox */
}

a.more-button-dark:active span {
	background-position: 	left -25px;
}


/* HOME NEWS ======================================================== */


.home-news-row {
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  border-bottom: #eeeeee 1px solid;  
}

.home-news-date {
  width: 80px;
  height: 80px;
  line-height: 80px;
  position: relative;
  float: left;
  background-color: rgb(242,105,37);
  text-align: center;
  font-size: 3.0em;
  font-weight: bold;
  color: #ffffff;  
}

.home-news-date .month {
 display: block;
 width: 80px;
 text-align: center;
 position: absolute;
 top: 10px;
 font-size: 11px;
 line-height: 12px;
}

.home-news-date .year {
 display: block;
 width: 80px;
 text-align: center;
 position: absolute;
 bottom: 10px;
 font-size: 11px;
 line-height: 12px;
}


/* SPONSOR SLIDER ======================================================== */


#sponsor-row {
margin-top: 40px;
  padding: 40px 0 0 0;
  border-top: 1px solid #eeeeee;  
	width: 960px;
}

#sponsorslideshow {
	display: block;
	padding: 0;
	margin: 0;
}

#sponsorslide {
	display: block:
	float: left;
}

.sponsors ul {
  margin: 0;
  padding: 0;
}

.sponsors li {
 list-style-type: none;
 margin: 0;
 padding: 0;
}

.sponsors li a {
 text-indent: -9999px;
 margin-right: 60px;
 padding: 0;
 height: 85px;
 display: block;
 float: left;
 background-position: center center;
 background-repeat: no-repeat;
}

.sponsors li a.last {
 margin-right: 0;
}

.sponsors li a.ccs {
 width: 120px;
 background-image: url(/images/interface/logo-ccs.png);
}

.sponsors li a.precision {
 width: 173px;
 background-image: url(/images/interface/logo-precision.png);
}

.sponsors li a.bedforddays {
 width: 117px;
 background-image: url(/images/interface/logo-bedforddays.png);
}

.sponsors li a.qbmarketing {
 width: 167px;
 background-image: url(/images/interface/logo-qbmarketing.png);
}

.sponsors li a.ketchup {
 width: 135px;
 background-image: url(/images/interface/logo-ketchup.png);
}

.sponsors li a.timouthit {
 width: 120px;
 background-image: url(/images/interface/logo-timouthit.png);
}

.sponsors li a.geoffregan {
 width: 120px;
 background-image: url(/images/interface/logo-geoffregan.jpg);
}


/* FORMS ======================================================== */


input {
	text-align: left;
	cursor: pointer;
	margin: 0 0 0 0;
	float: left;
}

input.text-input {
	-moz-border-radius: 4px; /* FF1+ */
	-webkit-border-radius: 4px; /* Saf3+, Chrome */
    	border-radius: 4px; /* Opera 10.5, IE 9 */
	height: 30px;
	width: 220px;
	line-height: 30px;
	font-size: 1.2em;
	color: #333333;
	background-color: #FFF;	
	border: 1px solid #333333;
	padding: 0 5px;
}

input:hover, button:hover, textarea:hover, select:hover,
input:focus, button:focus, textarea:focus, select:focus {
	-webkit-box-shadow: 0 0 10px rgb(242,105,37);
	-moz-box-shadow: 0 0 10px rgb(242,105,37);
	box-shadow: 0 0 10px rgb(242,105,37);
}

textarea.text-input {
	-moz-border-radius: 4px; /* FF1+ */
    	-webkit-border-radius: 4px; /* Saf3+, Chrome */
    	border-radius: 4px; /* Opera 10.5, IE 9 */
	height: 200px;
	width: 220px;
	line-height: 20px;
	font-size: 1.2em;
	color: #333333;
	background-color: #FFF;	
	border: 1px solid #333333;
	padding: 0 5px;
}

textarea.comments {
	-moz-border-radius: 4px; /* FF1+ */
    	-webkit-border-radius: 4px; /* Saf3+, Chrome */
    	border-radius: 4px; /* Opera 10.5, IE 9 */
	height: 80px;
	width: 220px;
	line-height: 16px;
	font-size: 1.2em;
	color: #333333;
	background-color: #FFF;	
	border: 1px solid #333333;
	padding: 0 5px;
}

select {
	-moz-border-radius: 4px; /* FF1+ */
    	-webkit-border-radius: 4px; /* Saf3+, Chrome */
    	border-radius: 4px; /* Opera 10.5, IE 9 */
	height: 30px;
	width: 220px;
	line-height: 20px;
	font-size: 1.2em;
	color: #333333;
	background-color: #FFF;	
	border: 1px solid #333333;
	padding: 0 5px;
}

label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }


input.button {
	background-color:     rgb(242,105,37);
  color:          #ffffff;
  text-shadow:    1px 1px 3px rgb(197,74,12);
	border: 				1px solid #e6e6e6;
	height: 				42px;
	width: 					110px;
  text-align:     center;
  line-height:    42px
	display: 				block;
	float: 					left;
  font-size:      1.5em;
  }

input.button:hover { 
	background-color: 		rgb(242,148,37);
  color: #ffffff;
  text-shadow: 1px 1px 3px rgb(197,74,12);
	}

input.button:active { 
	background-color: 		#666666;
  color: #ffffff;
  text-shadow: #000000;
	}

/* CATEGORY NAVIGATION ======================================================== */

#nav-categories ul {
	margin: 0;
	padding: 0;
}

#nav-categories li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#nav-categories li a {
	display: block;
	padding: 5px 0;
	margin: 0 0;
	border-bottom: 1px solid #e1e1e1;
}

#nav-categories li a.last {
	border-bottom: none;
}



/* SOCIAL NETWORKING TABS ======================================================== */


/* navigation */
	#nav-social {
		height:53px;	
		width:280px;
	}
	
	#nav-social ul {	
		width:280px;
		margin:0 auto;	
	}
	
	#nav-social li {	
		float:left;
		width:60px;
		height: 53px;
		background:#eeeeee;
		border-right: #ffffff 1px solid;
		list-style-type:none;
		text-align:center;
		margin-top:0px;
	}
	
	#nav-social a {
		color:#333333;
		display:block;
		padding:0;
		position:relative;
		word-spacing:-2px;
		font-size:11px;		
		text-decoration:none;
	}	
	
	#nav-social a.current {background:url(/images/interface/down_large.jpg);}
	
	#nav-social img {
		margin:0;
		padding: 13px 17px 13px 16px;		
		display:block;
	}
	
	#nav-social strong {
		display:block;		
		font-size:13px;
	}
	
	/* panes */
	#panes {
		background:#fff url(/images/interface/h300_reverse.png) repeat scroll 0 0;
		padding: 0;
		margin: 0;
		width:280px;	
		height:300px;
		
		/* must be relative so the individual panes can be absolutely positioned */
		position:relative;
	}
	
	/* crossfading effect needs absolute positioning from the elements */
	#panes div {
		display:none;		
		position:absolute;
		top:20px;
		left:20px;
		font-size:13px;
		color:#444;	
		width:240px; 
		padding-bottom: 20px;
	}
	
	.overlay {
		display:none;
		width:500px;
		padding:20px;
	}


/* NEXT-PREVIOUS LINKING ======================================================== */

#next-prev-links {

}

.next-entry {
width: 300px;
float: right;
text-align: right;
}

.prev-entry {
width: 300px;
float: left;
text-align: left;
}


/* BLOG STYLES ======================================================== */


#blog-cats span, #blog-types span {
	font-size: 				0.8em;
	color: 					#666666;
	}

#blog-cats, #blog-types {
	margin: 				0 0 30px 0;
	padding: 				0 0 0 0;
	display: 				block;
	}

#blog-cats ul, #blog-types ul {
	margin: 				0 0 0 0;
	padding: 				0 0 0 0;
	}

#blog-cats li {
	list-style-type: 			disc;
	padding: 				0 0 0 0;
	margin: 				0 0 0 16px;
	}

#blog-types li {
	list-style-type: 			none;
	height: 				20px;
	line-height: 				20px;
	padding: 				0 0 0 20px;
	margin: 				0 0 0 0;
	}

#blog-types li.article {
	background: 				url() no-repeat left center;
	}

#blog-types li.link {
	background: 				url() no-repeat left center;
	}

#blog-types li.photo {
	background: 				url() no-repeat left center;
	}

#blog-types li.faq {
	background: 				url() no-repeat left center;
	}

#blog-types li.quote {
	background: 				url() no-repeat left center;
	}

#blog-types li.video {
	background: 				url() no-repeat left center;
	}

#blog-types li.article {
	background: 				url() no-repeat left center;
	}

#blog-cats li a, #blog-types li a {
    	color: 					{brand_red};
	font-size: 				1.0em;
    	text-decoration: 			none;
}

#blog-cats li a:hover, #blog-types li a:hover {
    	color: 					{brand_red_hover};
}

#blog-cats li a:active, #blog-types li a:active {
    	color: 					{brand_red};
}

#blog-menu li a:visited, #blog-types li a:visited {
    	color: 					#333333;
}

.blog-video-credit {
	font-size: 				        0.8em;
	background-color: 			  #e1e1e1;
	padding: 				          3px 5px;
	margin: 				          0 0 10px 0;
}

.blog-video-player {
	margin: 				0;
	padding: 				0;
}

.blog-quote-text {
	background: 				transparent url(/images/interface/bg-quote.png) no-repeat left top;
	margin: 				0;
	padding: 				20px 20px 0 20px;
	font-size: 				0.9em;
}

.blog-quote-credit {
	background: 				transparent url(/images/interface/bg-quote-bottom.png) no-repeat left top;
	min-height: 				35px;
	padding: 				25px 0 0 90px;
	margin: 				0 0 10px 0;
	font-size: 				0.8em;
	line-height: 				1.0em;
	text-align: 				left;
}

.blog-post-main.link a.postlink {
	text-decoration:			none;
        }

.blog-post-main.link a.postlink span{
	background: 				url(/images/interface/link-arrow.png) no-repeat left top;	
	width:					40px;
	height:					40px;	
	display:				block;
	position:				absolute;
	right:					0;
	top:					30%;
	margin-top:				0;
	opacity: 				.7;
	-moz-opacity: 				0.7;
        }

.blog-post-main.link a.postlink:hover span{
	opacity: 				1;
	-moz-opacity: 				1;
        }

        .post.link .vialink{
        	margin-left:			20px;
        }

.social-sidebar {
	width: 80px;
	float: left;
}

.social-buttons {
	margin-top: 15px;
}

.hj_social_bookmarks ul {
	margin: 				0;
	padding: 				0;
}

.hj_social_bookmarks li {
	list-style-type: 			none;
	float: 					left;
	margin: 				0 5px 0 0;
	padding: 				0;
}




/* INTERIOR FORMATS ======================================================== */


.col-left-wide {
	width: 				675px;
	float: 				left;
}

.col-right-narrow {
	width: 				225px;
	float: 				right;
}

.col-right-narrow h3 {
	color: 				#333333;
	margin-bottom: 			10px;
}

.col-right-wide {
	width: 				675px;
	float: 				right;
}

.col-right-wide ul, .col-left-wide ul {
	margin: 			0 0 0 0;
	padding: 			0 0 0 0;
	}

.col-right-wide li, .col-left-wide {
	list-style-type: 		disc;
	padding: 			0 0 0 0;
	margin: 			0 0 0 16px;
	}

.col-right-wide blockquote {
	padding: 0;
	text-align: 			center;
	margin: 			0;
	color: 				#ffffff;
	font-size: 			1.3em;
	line-height: 			1.4em;
	background: 			transparent url(/images/interface/bg-quote2.png) no-repeat left top;
	}

.col-right-wide blockquote p {
	padding: 			15px 15px 0 15px;
	margin: 			0;
	}

.col-right-wide blockquote:after {
	content: 			"";
	width: 				675px;
	height: 			17px;
	display: 			block;
	padding: 			0;
	margin: 			0 0 20px 0;
	background: 			transparent url(/images/interface/bg-quote-bottom2.png) no-repeat left top;
	}

.col-left-narrow {
	width: 				242px;
	float: 				left;
}

img.left {
	float: 				left;
	margin: 			0 25px 25px 0;
}

img.right {
	float: 				right;
	margin: 			0 0 25px 25px;
}