/* 
	Theme Name: Dancing Man
	Description: Dancing Man theme
	Author: i-am-andy
	Author URI: http://www.i-am-andy.co.uk/
	Date: December 2012
==================================================================================================
	
	1. GLOBAL RESETS
	2. TYPOGRAPHY
	3. LINK STYLES
	4. MAIN STRUCTURE
	5. THE FOUNDATION GRID - From Foundation Framework
	6. INNER ELEMEMTS
	7. LISTS
	8. TABLES
	9. CSS3 BUTTONS - From Foundation Framework
	10. MAIN NAVIGATION
	11. SIDEBAR SUB NAVIGATION
	12. MISC STYLES
	13. IMAGE REPLACEMENT HEADINGS
	14. IMAGE REPLACEMENT BUTTONS
	15. FORMS
	16. PRINT STYLES
	17. MOBILE STYLES
	18. IE STYLES

*/

/*==================================================================================================

	1. GLOBAL RESETS
	
 ====================================================================================================*/
 
 
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:inherit; vertical-align:baseline; } html, body {height: 100%; width: 100%; } table { border-collapse:separate; border-spacing:0; } /* Prevents sub and sup affecting line-height in all browsers - gist.github.com/413930 */ sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sup {top:-.5em;} sub {bottom:-.25em;} caption, th, td { text-align:left; font-weight:normal; } table, td, th { vertical-align: top; } blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { quotes:"" ""; } a img { border:none; } /* || Reset all margins/padding => */ * { margin:0; padding:0; } /* || Gets rid of outlined links in Firefox => */ a {outline: none;} a:hover,a:active { outline:0; } /* || No boders on images and displays them as block level elements in IE6 => */img {border:0;	padding: 0;	margin: 0;	display: block;	} br {clear:both; line-height:10px;	} div#content br {clear: none;	line-height:10px;}	ul { margin: 0; padding: 0;	list-style-type: none; } ul li { margin: 0;	padding: 0;	list-style: none; }	/* || HTML 5 Resets taken from normalize.css 17-01-2012- http://github.com/necolas/normalize.css => */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{display:block;}audio, canvas, video{display:inline;zoom:1;}audio:not([controls]),[hidden]{display:none;} /* || Form Resets taken from normalize.css 17-01-2012- http://github.com/necolas/normalize.css => */ legend{border:0;white-space:normal;margin-left:-7px;padding:0;} button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0;} button,input{line-height:normal;} button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;overflow:visible;} input[type=checkbox],input[type=radio]{box-sizing:border-box;height:13px;width:13px;padding:0;} input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;} textarea{overflow:auto;vertical-align:top;} input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;} form, input, textarea, label, select, fieldset { margin: 0; padding: 0; } input { border: none; border: 0px solid #FFFFFF; vertical-align: top; overflow: visible; }


/*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 { border: 1px solid green; }*/


/*==================================================================================================

	2. TYPOGRAPHY
	
 ====================================================================================================*/
 
body, button, input, select, textarea {
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;	
	color: #392417;
	}


	.align_right { text-align: right; }
	.align_left { text-align: left;	}
	.align_centre, .align_centre p { text-align: center;	}

	.white { color: #fff !important; }
	.brown { color: #fff; }

	.italic { font-style: italic; }
	.bold { font-weight: bold; }


p {
	padding: 0 0 15px 0;
	text-align: left;
	font-size: 14px;	
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;	
	}
	
	.small {
	font-size: 12px;
	line-height: 14px;
	}

	.large {
	font-size: 18px;
	line-height: 20px;
	}		
		
	p.subheader_text { width: 760px; margin: 0 auto; font-size: 14px;  }

	footer p {
	font-size: 11px;
	line-height: 14px;
	clear: both;
	margin: 0;
	color: #635b50;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	}
	
	.school_bell_text {
	font-family: 'Schoolbell', Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 18px;
	font-weight: 400;
	padding: 0 0 5px 0;
	color: #000;
	}

	.price { 
	font-size: 18px;
	font-family: Georgia, Times, serif;
	font-style: italic;
	font-weight: bold;
	text-align: right;
	}

	.price .small {
	font-size: 14px;
	line-height: 14px;
	}

	.bowlby { font-family: 'Bowlby One SC', Arial, Helvetica, sans-serif; }

	.georgia {
	font-family: Georgia, Times, serif;
	}	


/*--------------- HEADINGS --------------- */




.fontstyles {
	font-family: 'Love Ya Like A Sister', cursive;
	font-family: 'Bowlby One SC', cursive;
	font-family: 'Crete Round', serif;
	font-family: 'Schoolbell', cursive;	
	}


h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-weight: bold;
	}
	
h1 {
	padding: 0 0 15px 0;
	font-size: 24px;
	line-height: 26px;
	}
	
	h1.homepage_small_heading {
	font-family: 'Bowlby One SC', Arial, Helvetica, sans-serif;
	font-size: 75px;
	font-weight: 400;
	line-height: 65px;
	text-align: center;
	letter-spacing: -1px;
	color: #fff;
	padding: 0 0 25px 0;
	margin: 0;
	text-shadow: 1px 5px 2px rgba(0, 0, 0, 0.5);
	}

	h1.large_heading {
	font-family: 'Bowlby One SC', Arial, Helvetica, sans-serif;
	font-size: 95px;
	font-weight: 400;
	line-height: 65px;
	margin: 0;
	letter-spacing: -1px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	padding: 0 0 25px 0;
	text-shadow: 1px 5px 2px rgba(0, 0, 0, 0.5);
	}

	h1.blog_article_title {
	color: #2b2213;
	font-size: 50px;
	line-height: 54px;
	font-weight: 400;
	padding: 0 0 20px 0;
	font-family: 'Schoolbell', cursive;		
	}
	
h2 {
	color: #2b2213;
	font-family: 'Crete Round', Arial, Helvetica, sans-serif;
	font-size: 36px;
	line-height: 40px;
	font-weight: 400;
	padding: 0 0 20px 0;
	}	

	h2.featured_post{
	color: #fff;
	font-size: 60px;
	line-height: 62px;
	font-weight: 400;
	padding: 0 0 20px 0;
	font-family: 'Schoolbell', cursive;		
	text-shadow: 1px 5px 2px rgba(0, 0, 0, 0.5);
	}	

	h2.blog_article_heading {
	color: #fff;
	font-size: 36px;
	line-height: 40px;
	font-weight: 400;
	padding: 0 0 20px 0;
	font-family: 'Schoolbell', cursive;		
	}	

	h2.large_heading_home {
	font-family: 'Bowlby One SC', Arial, Helvetica, sans-serif;
	font-size: 120px;
	font-weight: 400;
	line-height: 65px;
	margin: 0;
	letter-spacing: -1px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	padding: 0 0 33px 0;
	text-shadow: 1px 5px 2px rgba(0, 0, 0, 0.5);
	}

	h2.menu_heading {
	font-family: 'Bowlby One SC', Arial, Helvetica, sans-serif;
	font-size: 40px;
	line-height: 42px;
	font-weight: 400;
	padding: 0 0 10px 0;
	background: url(/wp-content/themes/dancingman/furniture/images/backgrounds/menu_title_bg.png) no-repeat center 10px;
	}

	h2.music_heading {
	font-family: 'Bowlby One SC', Arial, Helvetica, sans-serif;
	font-size: 40px;
	line-height: 42px;
	font-weight: 400;
	padding: 0 0 10px 0;
	}


h3 {
	font-size: 24px;
	padding: 0 0 10px 0;
	line-height: 30px;
	font-weight: 400;
	font-family: 'Crete Round', Arial, Helvetica, sans-serif;	
	}

		h3.subheader {
		font-size: 29px;
		line-height: 33px;
		width: 800px; 
		margin: 0 auto; 	
		font-family: 'Schoolbell', cursive;
		}

	
h4 {
	font-size: 28px;
	line-height: 36px;
	padding: 0 0 10px 0;
	font-weight: 400;
	color: #452e23;
	font-family: 'Crete Round', Arial, Helvetica, sans-serif;	
	}

h5 {
	font-size: 20px;
	padding: 0 0 10px 0;
	line-height: 24px;
	font-weight: 400;
	font-family: 'Crete Round', Arial, Helvetica, sans-serif;	
	}
	
	h5.box_title {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;  
	padding: 22px 0 0 0;
	color: #998870;
	font-family: 'Schoolbell', cursive;	
	font-size: 23px;
	line-height: 28px;
	font-weight: 400;
	}

h6 {
	padding: 0 0 15px 0;
	font-size: 18px;
	line-height: 20px;
	font-weight: 400;
	font-family: 'Crete Round', Arial, Helvetica, sans-serif;		
	}

/*--------------- OTHER TEXT STYLES --------------- */	
			
strong, .bold {
	font-weight:bold;
	color: #111111;
	}
	
em {
	font-style:italic;
	display:inline;
	}

blockquote {
	margin: 0;
	padding: 0;
	border: none;
	}

	blockquote cite {
	margin: 5px 0 0;
	display: block;
	}
	
	div#content blockquote {
	float: left;
	color: #333333;
	margin:0;
	padding:24px;
	text-align:justify;	
	}

hr {
	border: 0;
	color: #cfd0d4;
	background-color: #cfd0d4;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	margin: 6px 0 10px 0 ;
	padding: 0;
	}

/*==================================================================================================

     3. LINK STYLES
	 
================================================================================================== */	
	
a { color: #2b2213;	text-decoration: underline; }

	a:hover { color: #000000; text-decoration: underline; }
	
a.brown_link { color: #3f3120; text-decoration: none;}

	a.brown_link:hover { color: #000000; text-decoration: none; }
	
a.white_link { color: #fff;	text-decoration: none;}

	a.white_link:hover { color: #fff; text-decoration: none; }	

h5.box_title a { color: #644a24; text-decoration: none;}

	h5.box_title a:hover { color: #3f3120; text-decoration: none; }
	
a.black_link, .black_link a { color: #2b2115;	text-decoration: none;}

	a.black_link:hover, .black_link a:hover { color: #000; text-decoration: none; }		
	
footer a { color: #635b50; text-decoration: none; }

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

/*==================================================================================================

	4. MAIN STRUCTURE
	
==================================================================================================*/	

/*body { background: url(furniture/images/backgrounds/background_repeater.jpg) #000 center top repeat-y; }*/

body { background: url(/wp-content/themes/dancingman/furniture/images/backgrounds/background_repeater_square.jpg) #000 repeat 0 0; }

.homepage_bg { background: url(/wp-content/themes/dancingman/furniture/images/backgrounds/wood_bg_home.jpg) no-repeat center top; }

/*.home .footer_bg { float: left; width: 100%; height: 100%;
padding: 0 0 30px 0; background: url(/wp-content/themes/dancingman/furniture/images/backgrounds/dancing_man_footer.png) no-repeat right bottom; }
*/
.subpage_bg { background: url(/wp-content/themes/dancingman/furniture/images/backgrounds/wood_bg_subpage.jpg) no-repeat center top; }

body.category-blog .subpage_bg { background: url(/wp-content/themes/dancingman/furniture/images/backgrounds/wood_bg_blog.jpg) no-repeat center top; }

body.category-blog.paged .subpage_bg,
body.single .subpage_bg { background: url(/wp-content/themes/dancingman/furniture/images/backgrounds/wood_bg_blog_paged.jpg) no-repeat center top; }

body.single-beers .subpage_bg { background: url(/wp-content/themes/dancingman/furniture/images/backgrounds/wood_bg_subpage.jpg) no-repeat center top; }


header {
	height: 180px;
	z-index: 60;
	/*background-color: #FFCC33;*/
	}

	body.home header {
	height: 160px;
	z-index: 60;
	/*background-color: #FFCC33;*/
	}
	
	nav {
	width: 100%;
	height: 60px;
	position: absolute;
	top: 55px;
	left: 0px;
	z-index: 40;
	}

.page_wrapper {
	width: 100%;
	height: 100%;
	float: left;
	}

.sub_header { height: 234px; }

.sub_header_home { height: 370px; }

.content_container {
	z-index: 60;
	min-height: 530px;
	top: -15px;
	}

	.home .content_container {
	min-height: 580px;
	}
	

	body.category-blog.paged .content_container,
	body.single .content_container {
		margin: 40px 0 0 0;
	}
	
		
	div#content {
	position: relative;
	z-index: 40;
	}

	#sidebar {
	/*background: #99CC33;*/
	position: relative;
	z-index: 50;	
	}

	
	.footer_bg { 
	float: left;
	width: 100%;
	height: 100%;
	padding: 0 0 30px 0;
	}	

footer.row {
	height: 77px;
	z-index: 100;
	padding: 20px 0 50px 0;
	}
	
	body.home footer.row {
	padding: 40px 0 50px 0;
	}
	

/*==================================================================================================

	5. THE FOUNDATION GRID - Copied from Foundation - Jan 2012 - v2.1.4 http://foundation.zurb.com
	
==================================================================================================*/	

/* ----- ADD BY ATELIER------ ADDED STYLES TO BE ABLE TO FLOAT SIDEBAR LEFT AND CONTENT RIGHT */

	.columns.no_margin { margin-left: 0; }
	.columns.margin { margin-left: 4.4%; }
	
/* ----- ADD BY ATELIER ENDS------ */

	.container { width: 100%; }
	.row.fixed { width: 980px; }
	.row { width: 100%; max-width: 980px; margin: 0 auto; clear: both; position: relative; }
	.row .row { min-width: 0; }
	.column, .columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	 }
	.column:first-child, .columns:first-child { margin-left: 0; }
	.columns.event_listing { margin-left: 0; margin-right: 4.4%; }
	.columns.event_listing:nth-child(3n) { margin-left: 0; margin-right: 0; }

	.columns.extras  { margin-left: 0!important; margin-right: 4.4%; }
	.columns.extras:nth-child(2n)  { margin-left: 0; margin-right: 0; }

/*	--------------------------------------------------
	Columns
	-------------------------------------------------- */

	.row .one.columns 		{ width: 4.3%; }
	.row .two.columns 		{ width: 13%; }
	.row .three.columns 	{ width: 21.68%; }
	.row .four.columns 		{ width: 30.37%; }
	.row .five.columns 		{ width: 39.1%; }
	.row .six.columns 		{ width: 47.8%; }
	.row .seven.columns 	{ width: 56.5%; }
	.row .eight.columns 	{ width: 65.2%; }
	.row .nine.columns 		{ width: 73.9%; }
	.row .ten.columns 		{ width: 82.6%; }
	.row .eleven.columns 	{ width: 91.3%; }
	.row .twelve.columns 	{ width: 100%; }
	
	.row .centered { float: none; margin: 0 auto; }
	
/*	--------------------------------------------------
	Grid Misc Styles
	-------------------------------------------------- */

	img { max-width: 100%; height: auto; }
	#map img, img.indicator {  max-width: none; height: auto; width: auto; }
	img { -ms-interpolation-mode: bicubic; }
	#map_canvas img, .map_canvas img { 	max-width: none!important; }
	
	/* Nicolas Gallagher's micro clearfix */
	.row { *zoom: 1; }
	.row.content_container:before, .row.content_container:after { content: normal; }
	.row:before, .row:after { content: ""; display: table; }
	.row:after { clear: both; }


/*	--------------------------------------------------
	ATELIER POSITIONING - MARGIN PADDING ETC
	-------------------------------------------------- */

/*---------- POSITIONING ---------**/

	.float_right { float:right;	}
	.float_left { float:left; }
	.clear { clear:both; }
	.centre { margin: 0 auto; max-width: 980px; }
	
	.z_index_top { z-index: 9999; }
	
	
/*---------- POSITIONING ---------**/

	.width_590 { width: 590px; }
	.width_two_columns { width: 50%; float: left; }
	.percent_40 { width: 40%; }


	.height_70 { height: 70px; }
	.height_80 { height: 80px; }
	.height_100 { height: 100px; }
	.height_120 { height: 120px; }
	.height_140 { height: 140px; }
	.height_250 { height: 250px; }
	.height_280 { height: 280px; }
	.height_300 { height: 300px; }
	.height_320 { height: 320px; }
	.height_370 { height: 370px; }
	.height_400 { height: 400px; }
			
/*---------- MARGINS ---------**/

	.margin_none { margin: 0 0 0 0!important; }

	.margin_top_5 { margin-top: 5px; }
	.margin_top_10 { margin-top: 10px; }
	.margin_top_20 { margin-top: 20px; }
	.margin_top_30 { margin-top: 30px; }
	.margin_top_40 { margin-top: 40px; }
	.margin_top_50 { margin-top: 50px; }
	.margin_top_300 { margin-top: 200px; }
	.margin_top_340 { margin-top: 340px; }
	.margin_top_360 { margin-top: 360px; }
	.margin_top_380 { margin-top: 380px; }
	.margin_top_410 { margin-top: 410px; }

	.margin_bottom_10 { margin-bottom: 10px; }
	.margin_bottom_15 { margin-bottom: 15px; }
	.margin_bottom_20 { margin-bottom: 20px; }
	.margin_bottom_30 { margin-bottom: 30px; }
	
	.margin_left_10	{ margin-left:10px;}
	.margin_left_15	{ margin-left:15px;}
	.margin_left_20  { margin-left: 20px; }
	.margin_left_314  { margin-left: 314px; }
	
	.margin_right_10 { margin-right: 10px; }
	.margin_right_20 { margin-right: 20px; }
	.margin_right_30 { margin-right: 30px; }
	

/*---------- PADDING ---------**/

	.padding_none { padding: 0 0 0 0!important; }
	.padding_40 { padding: 40px 40px; }
	
	.padding_top_5 { padding-top: 5px; }
	.padding_top_10 { padding-top: 10px; }
	.padding_top_15 { padding-top: 15px; }
	.padding_top_20 { padding-top: 20px; }
	.padding_top_25 { padding-top: 25px; }
	.padding_top_30 { padding-top: 30px; }
	.padding_top_40 { padding-top: 40px; }
	.padding_top_60 { padding-top: 60px; }
	.padding_top_70 { padding-top: 70px; }
	.padding_top_80 { padding-top: 80px; }
	.padding_top_100 { padding-top: 100px; }
	
	.padding_bottom_none { padding-bottom: 0px; }
	.padding_bottom_5 { padding-bottom: 5px; }
	.padding_bottom_10 { padding-bottom: 10px; }
	.padding_bottom_15 { padding-bottom: 15px; }
	.padding_bottom_20 { padding-bottom: 20px; }
	.padding_bottom_25 { padding-bottom: 25px; }
	.padding_bottom_30 { padding-bottom: 30px; }
	.padding_bottom_40 { padding-bottom: 40px; }
	.padding_bottom_60 { padding-bottom: 60px; }

	.padding_top_15_bottom_15 { padding-top: 15px; padding-bottom: 15px; }
	
	.padding_left_10 { padding-left: 10px; }
	.padding_left_15 { padding-left: 15px; }
	.padding_left_20 { padding-left: 20px; }
	.padding_left_30 { padding-left: 30px; }
	.padding_left_40 { padding-left: 40px; }
	
	.padding_right_10 { padding-right: 10px; }
	.padding_right_20 { padding-right: 20px; }
	.padding_right_30 { padding-right: 30px; }
	
	.padding_left_60_right_60 { padding-right: 60px; padding-left: 60px; }
	.padding_left_50_right_50 { padding-right: 50px; padding-left: 50px; }
	.padding_left_30_right_30 { padding-right: 30px; padding-left: 30px; }
	.padding_left_20_right_20 { padding-right: 20px; padding-left: 20px; }
	.padding_left_15_right_15 { padding-right: 15px; padding-left: 15px; }


/*---------- PANELS ---------**/
	
	.border_right_1px { border-right: 1px solid #fff; }
	
	.border_top_1px { border-top: 1px solid #CCCCCC; }

	.border_1px { border: 1px solid #CCCCCC; }
	
	.border_top_1px_dark { border-top: 1px solid #202020; }
		
	.border_bottom_brown_1px { border-bottom: 1px solid #9e8775; }
	

	
	.border_right_1px { border-right: 1px solid #E7E7E7; }
	
	.border_top_1px { border-top: 1px solid #E7E7E7; }
	
	.border_bottom_1px { background: url(/wp-content/themes/dancingman/furniture/images/backgrounds/blog_line.png) no-repeat -290px bottom; }
	
	.border_bottom_5px { border-bottom: 5px solid #71c6d0; }

	.border_bottom_zig_zag { background: url(/wp-content/themes/dancingman/furniture/images/backgrounds/zig_zag.png) repeat-x 0 bottom; }
	

/*	--------------------------------------------------
	Panels
	-------------------------------------------------- */
	
	div.panel {
	padding: 20px;
	background: #efefef;
	margin: 0 0 20px 0;
	}


	.small_box_top {
	background: url(/wp-content/themes/dancingman/furniture/images/backgrounds/small_box_top.png)  no-repeat 1px 0;
	height: 76px;
	}

	.small_box_middle {
	background: url(/wp-content/themes/dancingman/furniture/images/backgrounds/small_box_repeat.png) repeat-y 0 0;
	}

	.small_box_bottom {
	background: url(/wp-content/themes/dancingman/furniture/images/backgrounds/small_box_bottom.png) no-repeat 1px 0;
	height: 76px;
	}



	.big_box_top {
	background: url(/wp-content/themes/dancingman/furniture/images/backgrounds/big_box_top.png)  no-repeat 0 0;
	height: 76px;
	}

	.big_box_middle {
	background: url(/wp-content/themes/dancingman/furniture/images/backgrounds/big_box_middle.png) repeat-y 0 0;
	}

	.big_box_bottom {
	background: url(/wp-content/themes/dancingman/furniture/images/backgrounds/big_box_bottom.png) no-repeat 0 0;
	height: 76px;
	}



	

/*==================================================================================================

	6. INNER ELEMEMTS
	
==================================================================================================*/

.frame_container {
	float: left;
	position: relative;
	z-index: 1;
	width: 100%;	
	}

span.large_frame {
	width: 486px;
	height: 375px;
	position: absolute;
	top: -18px;
	left: -22px;
	z-index: 800;
	overflow: hidden;
	text-indent: -999px;
	background: url(/wp-content/themes/dancingman/furniture/images/backgrounds/large_picture_frame.png) no-repeat 0 0;
	}

a.picture_frame {
	width: 320px;
	height: 250px;
	position: absolute;
	top: -15px;
	left: -7px;
	z-index: 800;
	overflow: hidden;
	text-indent: -999px;
	background: url(/wp-content/themes/dancingman/furniture/images/sitewide/sitewide_sprite.png) no-repeat -14px -105px;
	}
	
	span.picture {
	display: block;
	float: left;
	height: 190px;
	padding: 20px 0 0 20px;		
	}
	
	span.black img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%);
    filter: url(/wp-content/themes/dancingman/furniture/images/sitewide/greyscale.svg#greyscale);
    filter: gray;
    -webkit-filter: grayscale(1);
    }
	

/*---------------------------- NEWS STYLES ----------------------------*/

.news_article_container {
	float: left;
	width: 100%;
	padding: 40px 0 40px 0;
	background: url(/wp-content/themes/dancingman/furniture/images/backgrounds/blog_line.png) no-repeat 35px bottom;
	}

	body.single .news_article_container {
		min-height: 350px;
	}

	.news_article_container:first-child { padding: 0 0 40px 0; }
	
	p.news_month {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 0;
    text-align: center;
	background: #435F71;
	}

	p.news_day {
    color: #666666;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
    line-height: 26px;
    padding: 6px 0 10px 0;
    text-align: center;
	border: 1px solid #e2e2e2;
	}
	
#map {
    height: 380px;
	width: 100%;
    margin: 0 0 10px;
	}	
	
/*==================================================================================================

	7. LISTS 
	
==================================================================================================*/

ul.main_nav {
	font-family: 'Love Ya Like A Sister', cursive;
	font-size: 25px;
	font-weight: 400;
	text-shadow: 1px 1px 2px #000;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
	ul.main_nav li {
	float: left;
	margin: 0;
	padding: 0 42px 0 0;
	list-style-type: none;
	}
	
	ul.main_nav li:last-child {
	padding: 0;
	}
	
	ul.main_nav li.space {
	padding: 0 40px 0 355px;
	}
	
	ul.main_nav li a {
	float: left;
	display: block;
	color: #FFF;
	padding: 0 0 15px 0;
	text-decoration: none;
	}
	
	ul.main_nav li a:hover,
	body.page-id-328 ul.main_nav li a.food,
	body.page-id-365 ul.main_nav li a.music,	
	body.page-id-20 ul.main_nav li a.about,
	body.page-id-6 ul.main_nav li a.brewery,
	body.category-blog ul.main_nav li a.blog,
	body.page-id-8 ul.main_nav li a.contact   {
	text-decoration: none;
	font-weight: 400;
	background:url(/wp-content/themes/dancingman/furniture/images/sitewide/sitewide_sprite.png) no-repeat 0 28px;
	}
	

div#content ul {
	margin: 0;
	padding: 5px 0 10px 20px;
	list-style-type: disc;
	}
	
	div#content ul li {
	margin: 0;
	padding: 0 0 7px 0;
	list-style-type: disc;
	}

ul.news_feature li {
	padding: 15px 0 0 0;
	}
	
div#sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	}
	
	div#sidebar ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

div#content ol {
	padding: 5px 0 10px 22px;
	margin: 0;
	}
	
	div#content ol li {
	margin: 0;
	padding: 0 0 10px 0;
	}

/*==================================================================================================

	8. TABLES
	
 ====================================================================================================*/
 
div#content table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 20px 0;
	}
	
	div#content table th {
	padding: 7px 15px;
	font-weight: bold;
	color: #FFFFFF;
	background: #000000;
	border-right: 1px solid #FFFFFF;
	}
	
	div#content table td {
	padding: 7px 15px;
	border-bottom: 1px solid #CCCCCC;
	}

div#content table.menu_list {
	margin: 0 auto;
	}

div#content table.menu_list td {
	padding: 10px 0px;
	border-top: 2px dotted #392417;
	/*-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;  
	box-sizing: border-box;      	*/
	}


div#content table.menu_list td.extras_title {
	width: 300px;
	}

div#content table.menu_list td.extra_price {
	width: 160px;
	}

/* ----- MUSIC TABLE --------*/


div#content table.music_list {	margin: 0 auto; }

div#content table.music_list tr:nth-child(odd) { background-color: rgba(187, 165, 143, 0.5); }

div#content table.music_list td {
	padding: 15px 15px;
	border: none;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;  
	box-sizing: border-box;
	}

div#content table.music_list td.date { 
	padding: 15px 15px 15px 160px!important;
	font-size: 18px;
	line-height: 20px;
	font-weight: 400;
	font-family: 'Crete Round', Arial, Helvetica, sans-serif;
	}


/* ----- OPENING TIMES TABLE --------*/

div#content table.opening_times tr:nth-child(odd) { background-color: rgba(187, 165, 143, 0.5); }

div#content table.opening_times td {
	padding: 10px 50px;
	border: none;
	font-size: 15px;
	text-align: center;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;  
	box-sizing: border-box;
	}

div#content table.opening_times td:nth-child(2) {
	border-right: 2px dotted #4c3a29; 	
	}

div#content table.opening_times th {
	padding: 13px 50px;
	border: none;
	font-size: 15px;
	text-align: center;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;  
	box-sizing: border-box;
	background: #4c3a29;
	border-right: 2px dotted #d1baa2;
	font-family: 'Crete Round', Arial, Helvetica, sans-serif;	
	}

div#content table.opening_times td.day {
	text-align: right;
	font-weight: bold;
	border-right: 2px dotted #4c3a29;
	font-family: 'Crete Round', Arial, Helvetica, sans-serif;	
	}

/*==================================================================================================

	9. CSS3 BUTTONS - Copied from Foundation - Jan 2012 - v2.1.4 http://foundation.zurb.com
	
==================================================================================================*/

.button {
	background: #000;
	display: inline-block;
	text-align: center;
	padding: 9px 34px 11px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	position: relative;
	cursor: pointer;
	border: none;
	}
	
  	/* Don't use native buttons on iOS */
	input[type=submit].button { -webkit-appearance: none; }
	
	.button.nice { 
	background: #000 url(/wp-content/themes/dancingman/furniture/images/buttons/button-gloss.png) repeat-x 0 -34px;
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.28);
	background: #000 url (/wp-content/themes/dancingman/furniture/images/buttons/button-gloss.png) repeat-x 0 -34px, -moz-linear-gradient(top, rgba(255,255,255,.4) 0%, transparent 100%);
	background: #000 url (/wp-content/themes/dancingman/furniture/images/buttons/button-gloss.png) repeat-x 0 -34px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.4)), color-stop(100%,transparent));
	border: 1px solid #0593dc;
	-webkit-transition: background-color .15s ease-in-out;
	-moz-transition: background-color .15s ease-in-out;
	-o-transition: background-color .15s ease-in-out;
	}

	.button.radius {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
	
	.button.round {
	-moz-border-radius: 1000px;
	-webkit-border-radius: 1000px;
	border-radius: 1000px;
	}

	.button.full-width {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
	}

	.button.left-align {
	text-align: left;
	text-indent: 12px;
	}
	
	/* Sizes ---------- */
	.small.button 			{ font-size: 11px; padding: 8px 20px 10px; width: auto; }
	.medium.button 			{ font-size: 13px; width: auto; }
	.large.button 			{ font-size: 18px; padding: 11px 48px 13px; width: auto; }

	/* Nice Sizes ---------- */
	.nice.small.button 		{ background-position: 0 -36px; }
	.nice.large.button 		{ background-position: 0 -30px; }

	/* Colors ---------- */
	.blue.button			{ background-color: #000;  }
	.red.button				{ background-color: #e91c21; }
	.white.button			{ background-color: #e9e9e9; color: #333; }
	.black.button			{ background-color: #141414; }
	
	/* Nice Colors ---------- */
	.nice.blue.button		{ border: 1px solid #000;  }
	.nice.red.button		{ border: 1px solid #b90b0b;  }
	.nice.white.button		{ border: 1px solid #cacaca; text-shadow: none !important; }
	.nice.black.button		{ border: 1px solid #000; }
	
	/* Hovers ---------- */
	.button:hover, .button:focus 				{ background-color: #0192dd; color: #fff; }
	.blue.button:hover, .blue.button:focus		{ background-color: #0192dd; 	}
	.red.button:hover, .red.button:focus 		{ background-color: #d01217; 	}
	.white.button:hover, .white.button:focus	{ background-color: #dadada; color: #333; }
	.black.button:hover, .black.button:focus	{ background-color: #000; }
	
	/* Disabled ---------- */
	.button.disabled, .button[disabled] { opacity: 0.6; cursor: default; }



/*==================================================================================================

	12. MISC STYLES
	
==================================================================================================*/

.skip-link { position: absolute; top: -200px; left: 0px; width: 10px; height: 10px; z-index: 100; }

div#content img.alignright, div#content img.wp-post-image {
		float: right;
		margin: 10px 0 10px 10px;	
	}
	
div#content span.picture img.wp-post-image {
		float: none;
		margin: 0;	
	}	
	
div#content div.secondary_column img.wp-post-image { 
	float: left;
	margin: 0;
	max-width: 500px;
	position:relative; 
	left: -50px;
	top: 15px;
	}	

div.ngg-galleryoverview {
	padding: 20px 0 0 0;
	margin: 0;	
	}

.inline_block { display: inline-block; }

/*-----------  Copied from Foundation - Jan 2012 - v2.1.4 http://foundation.zurb.com -----------------*/

/* Hide for both screenreaders and browsers: css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal. www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements in most situations.   nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }	



/*==================================================================================================

	13. IMAGE REPLACEMENT HEADINGS
	
==================================================================================================*/

	/* {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
	border: none;
	}*/
	
/*------------- IMAGE REPLACEMENT SIZES & POSITION -----------------*/
	
	
/*==================================================================================================

	14. IMAGE REPLACEMENT BUTTONS
	
==================================================================================================*/

/*------------- IMAGE REPLACEMENT BUTTON RESETS - ADD ALL BUTTON CLASSES HERE -----------------*/

	a.logo, a.next, a.previous, p.social_icons a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
	border: none;
	}
	
/*------------- BUTTON RESETS ENDS -----------------*/

	a.logo {
	width: 360px;
    height: 185px;
	position: absolute;
	z-index: 4000;
	left: 316px;
    top: -31px;
	background: url(/wp-content/themes/dancingman/furniture/images/sitewide/sitewide_sprite.png) no-repeat 0px -390px;
	}
	
/*------------- LOGO ANIMATION -----------------*/
	

p.social_icons {
	position: relative;
	width: 595px;
	padding: 5px 0 0 0;
	}

	p.social_icons a {
	background-image: url(/wp-content/themes/dancingman/furniture/images/sitewide/sitewide_sprite.png); 
	width: 25px; 
	height: 25px;
	float: right;
	margin: 0 0 0 15px;
	}
	
	p.social_icons a:hover {
 	opacity:0.6;	
	}	

	p.social_icons a.twitter_icon {
	margin: 0 0 0 20px;
	background-position: -19px -69px;
	}
	
	a.facebook_icon {
	background-position: -57px -71px;
	}	
	
	a.rss_icon {
	background-position: -99px -71px;
	}

	p.social_icons a.yotube_icon {
	width: 33px; 
	background-position: -138px -70px;
	}
	
	p.social_icons a.trip_advisor {
	width: 46px; 
	height: 26px;
	margin: 0 0 0 20px;
	background-position: -177px -69px;
	}



/*==================================================================================================

	15. FORMS
	
 ====================================================================================================*/

form.page_form { float: none; }

/*============ LABEL STYLES ================*/

label {
	float: left;
	clear: both;
	text-align: left;
	padding: 5px 0;
	font-size: 18px;
	padding: 0 0 10px 0;
	line-height: 20px;
	font-weight: 400;
	font-family: 'Crete Round', Arial, Helvetica, sans-serif;
	}
	
	label.short_label {	width: 55px; }
	
	label.medium_label { width: 100%; }
	
	label.long_label { width: 220px; }
	
	label.check_box_label {
	float: none;
	padding: 2px 0 0 10px;
	margin: 0;
	}
	
	label.small_text_checkbox {
	font-weight: normal;
	font-size: 11px;	
	}
	
/*============ SELECT STYLES ================*/
	
select {
	padding: 3px;
	height: 25px;
	margin: 0 0 8px 0;
	border: 1px solid #c5c3c4;
	background-color: #FFFFFF;
	}		
	
	select.short_select { width: 80px; margin: 0 15px 8px 0; }
	
	select.medium_select { width: 178px; }	
	
	select.long_select { width: 227px; }		

/*============ FIELDSET STYLES ================*/

fieldset {
	clear: both;
	border: none;
	}		

/*============ TEXT FIELD STYLES ================*/

input.text_field {
	color: #848484;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #949494;	
	float: left;
	padding: 12px;
	width: 90%;
	margin: 0 0 10px 0;
	}
	
	input.text_field:focus { background: #f8f8f8; }	

/*============ TEXT AREA STYLES ================*/

textarea {
	height: 117px;
	width: 90%;
	margin: 0 0 10px 0;
	padding: 12px;
	border: 1px solid #949494;
	float: left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
	
	textarea:focus { background: #f8f8f8; }

/*============ CHECK BOXES ================*/

span.checkbox_container {
	float: left;
	clear: both;
	}
	
	span.checkbox_long { padding: 0 0 8px 265px; }
	
	span.checkbox_medium { padding: 0 0 8px 235px; }	
	
	span.checkbox_short { padding: 0 0 8px 95px; }	
	
	input.checkbox { padding: 5px 10px 0 0; }
	
/*============ INPUT BUTTON STYLES ================*/

input.wpcf7-submit {
	display: block;
	font-weight: bold;
	font-size: 16px;
	line-height: 13px;
	font-weight: 400;
	font-family: 'Crete Round', Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 15px 25px;
	margin: 10px 0 0 5px;
	border: 1px solid #628813;
	cursor: pointer;
	float: left;
	clear: both;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
 	background-color: #74a113;
	}
	
.long_submit {
	background: #093457;
	margin: 0 0 0 114px;
	}

.input.wpcf7-submit {
	margin: 10px 0 0 135px;
 	background-color: #C2BA8E;
	}

/*============ CONTACT FORM 7 STYLES ================*/

div.wpcf7, form.wpcf7-form {
	width: 100%;
	float: left;
	}

div#wpcf7-f134-p128-o1.wpcf7 {
	padding: 0 0 0 0;
	}	

div.wpcf7-display-none {
	display: none;
	}

div.wpcf7-response-output {
    padding: 2%;
	float: left;
	clear: both;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	position: relative;
	bottom: 3px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	display: none;
	}
	
	div.wpcf7-validation-errors {
	color:#CC0000;
	border: 2px solid #f3a653;
	background: #FFFF99;	
	}		
		
		span.wpcf7-form-control-wrap {
		position: relative;
		float: left;
		margin: 0; 
		padding: 0;
		width: 100%;
		}
	
		span.wpcf7-not-valid-tip {
	 	background: none repeat scroll 0 0 #FFFF99;
		border: 2px solid #F3A653;
		color: #CC0000;
		left: 2px;
		padding: 5px;
		position: absolute;
		text-align: center;
		top: 0px;
		width: 200px;
		z-index: 100;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;		
		}	
	
	div.wpcf7-mail-sent-ok {
	color: #339933;
	border: 2px solid #82B827;
	background: #bbe57f;
	}	

div.wpcf7 br { clear: none; display: none;	}

div.wpcf7 p { width: 100%; float: left; clear: both; padding: 0 0 10px 0; margin: 0; }
	
div.wpcf7 img.ajax-loader {
  	border: none;
    vertical-align: middle;
	position: absolute;
	bottom: 23px;
	left: 206px;
	z-index: 50;
	}

.wpcf7-list-item {
	float: left;
	clear: both;
	display: block;
	padding: 10px 40px 0 115px;
	white-space: nowrap;
	}

.wpcf7-list-item-label {
	margin: 0 0 0 0;
	}


/*==================================================================================================

	16. PRINT STYLES - Inlined to avoid additional HTTP connection request  - Copied from Foundation - Jan 2012 - v2.1.4 http://foundation.zurb.com
	
==================================================================================================*/
		
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
	-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
	a, a:visited { color: #444 !important; text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3{ page-break-after: avoid; }
 
/*------ ADDED BY Andy --------*/
  
 	.no_print { display: none; }
  
	.row .one.columns, .row .two.columns, .row .three.columns, .row .four.columns, .row .five.columns, .row .six.columns, .row .seven.columns, .row .eight.columns, 
	.row .nine.columns, .row .ten.columns, .row .eleven.columns, .row .twelve.columns 	{ width: 100%; clear: both; padding: 0 0 30px 0; }  
	
	.column, .columns { margin-left: 0; float: left; min-height: 1px; position: relative;  }
	
	.columns.margin { margin-left: 0; }
}		



/*==================================================================================================

	14. COOKIE CUTR STYLES - Cookies pop up warning - cookieCuttr by Chris Wharton (http://cookiecuttr.com) 
	
==================================================================================================*/


.cc-cookies {
	position:fixed;
	width: 90%;
	left: 0;
	top: 0;
	padding: 0.5em 5%;
	background: #666666;
	opacity:0.95;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
	z-index: 99999;
	text-align: center;
	color: #fff;
}

.cc-cookies a, .cc-cookies a:hover {
	color: #fff;
	text-decoration: underline;
}

.cc-cookies a:hover {
	text-decoration: none;
}

.cc-overlay {
	height: 100%;
	padding-top: 25%;
}

.cc-cookies-error {
	float: left;
	width: 90%;
	text-align: center;
	margin: 1em 0 2em 0;
	background: #fff;
	padding: 2em 5%;
	border: 1px solid #ccc;
	font-size: 18px;
	color: #333;
}

.oldie .cc-cookies {
	background: #565656;
}

.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	background: #7DAF3B;
	padding: 5px 15px;
	margin: 0 7px;
	border-radius: 3px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
	-o-transition: background 0.5s ease-in;
	-webkit-transition: background 0.25s ease-in;
	-moz-transition: background 0.25s ease-in;
}

.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline {
	background: #af3b3b;
	margin-left: 0.5em;
}

.cc-cookies a.cc-cookie-reset {
	background: #f15b00;
}

.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset {
	background: #000;
	-o-transition: background 0.5s ease-in;
	-webkit-transition: background 0.25s ease-in;
	-moz-transition: background 0.25s ease-in;
}

.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline {
	display: block;
	margin-top: 1em;
}
 @media screen and (max-width: 768px) {
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
display: block;
margin: 1em 0;
}
}
 @media screen and (max-width: 480px) {
.cc-cookies {
position: relative;
}
}






/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
	background: #fff;

}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: #fff;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #fff;
	position: relative;
}

.jspDrag
{
	background: #000;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 10px;
}

.jspHorizontalBar .jspArrow
{
	width: 10px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}


/* Circular Content Carousel Style */
.ca-container{
	position:relative;
	margin: 0 auto 0 auto;
	width: 1050px;
	height: 700px;
}
.ca-wrapper{
	width:100%;
	height:100%;
	position:relative;
}
.ca-item{
	position:relative;
	float:left;
	width:350px;
	height:100%;
	text-align:center;
}

.ca-close{
	background: url(/wp-content/themes/dancingman/furniture/images/sitewide/sitewide_sprite.png) no-repeat -313px -47px;
	outline:none;
	z-index: 900;
	display: block;
	text-decoration: none;
}
.ca-close:hover{
	opacity:1.0;
	text-decoration: underline;
}
.ca-item-main{
	padding:20px;
	position:absolute;
	top:5px;
	left:5px;
	right:5px;
	bottom:5px;
	overflow:hidden;
	background: url(/wp-content/themes/dancingman/furniture/images/beers_carousel/beer_pump.png) no-repeat 0 -50px;
}


.ca-item h3{
	float: left;
	clear: both;
	width: 83%;
	text-align: center;  
	padding: 150px 20px 10px 20px;
	color: #3b221a;
	font-family: 'Schoolbell', Arial, Helvetica, sans-serif;
	font-size: 46px;
	line-height: 50px;
	font-weight: 400;
	text-shadow: 1px 1px 2px #fff;
}



.beer_pump_single {
	height: 700px;
	width: 337px;
	float: left;
	background: url(/wp-content/themes/dancingman/furniture/images/beers_carousel/beer_pump.png) no-repeat 0 -50px;
}


.beer_pump_single h3 {
	float: left;
	clear: both;
	width: 83%;
	text-align: center;  
	padding: 150px 20px 10px 20px;
	color: #3b221a;
	font-family: 'Schoolbell', Arial, Helvetica, sans-serif;
	font-size: 46px;
	line-height: 50px;
	font-weight: 400;
	text-shadow: 1px 1px 2px #fff;
}





h2.beer_title {
	font-family: 'Schoolbell', Arial, Helvetica, sans-serif;
	font-size: 32px;
	line-height: 36px;
	padding: 0 0 15px 0;
	font-weight: 400;
}

p.beer_type {
		color: #3a2b1b;
		font-family: 'Crete Round', Arial, Helvetica, sans-serif;
		font-size: 20px;
		text-align: center;
		clear: both;
		width:65%;
		padding: 0;
		margin: 15px auto;
		border-bottom: 2px solid #e8d0aa;
		border-top: 1px solid #9a7f55;
		text-shadow: 1px 1px 2px #fff;
		}
		
		p.beer_type span {
		display: inline-block;
		padding: 10px 0;
		width: 100%;
		border-bottom: 1px solid #9a7f55;
		border-top: 2px solid #f4e0c6;
		}
		
		
p.beer_description {
		font-size: 12px;
		line-height: 16px;
		font-family: Arial, Helvetica, sans-serif;
		color: #000;
		padding: 0 40px 0 40px;
		text-align: center;
		float: left;
		clear: both;
		width: 70%;
		}	
		
a.ca-more {
		font-family: 'Crete Round', Arial, Helvetica, sans-serif;
		font-size: 18px;
		line-height: 22px;
		color: #3b221a;
		padding: 18px 40px 0 40px;
		text-align: center;
		float: left;
		clear: both;
		width: 70%;
		text-decoration: none;
		background: url(/wp-content/themes/dancingman/furniture/images/beers_carousel/read_more_button.png) no-repeat 68px 20px;	
		text-shadow: 1px 1px 2px #e8d0aa;
		}
		
		a.ca-more:hover {
			text-decoration: underline;		
		}	
					

.ca-item h4 span{
	text-indent:40px;
	display:block;
}
.ca-item h4  span.ca-quote{
	color:#f4eee3;
	font-size:100px;
	position:absolute;
	top:20px;
	left:0px;
	text-indent:0px;
}
.ca-content-wrapper{
	position:absolute;
	width:0px; /* expands to width of the wrapper minus 1 element */
	height: 530px;
	top: 130px;
	text-align:left;
	z-index:10000;
	overflow:hidden;
}



.beer_single_content {
	height: 530px;
	width: 623px;
	float: left;
}


.ca-content{
	width: 620px;
	float: left;
	padding: 0 50px 0 20px;
	overflow:hidden;
}
.ca-content-text{
	font-size: 14px;
	font-style: italic;
	font-family: "Georgia","Times New Roman",serif;
	margin:10px 20px;
	padding:10px 20px;
	line-height:24px;
}
.ca-content-text p{
	padding-bottom:5px;
}
.ca-content h6{
	margin:25px 20px 0px 35px;
	font-size:32px;
	padding-bottom:5px;
	color:#000;
	font-family: 'Coustard', sans-serif;
	color:#60817a;
	border-bottom:2px solid #99bcb4;
	text-shadow: 1px 1px 1px #99BCB4;
}
.ca-content ul{
	margin:20px 35px;
	height:30px;
}
.ca-content ul li{
	float:left;
	margin:0px 2px;
}
.ca-content ul li a{
	color:#fff;
	background:#000;
	padding:3px 6px;
	font-size:14px;
	font-family: "Georgia","Times New Roman",serif;
	font-style:italic;
}
.ca-content ul li a:hover{
	background:#fff;
	color:#000;
	text-shadow:none;
}
.ca-nav span{
	width:42px;
	height:42px;
	background:transparent url(/wp-content/themes/dancingman/furniture/images/sitewide/sitewide_sprite.png) no-repeat top left;
	position:absolute;
	top:45%;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:100;
}

.ca-nav span.ca-nav-next {
	background-position: -323px top;
	left:auto;
	right: -30px;
}

.ca-nav span.ca-nav-prev {
	background-position: -275px top;
	left:auto;
	left: -40px;
}

.ca-nav span:hover{
	opacity:1.0;
}



/*
Animate.css - http://daneden.me/animate
LICENSED UNDER THE  MIT LICENSE (MIT)

Copyright (c) 2012 Dan Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-ms-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
}


/* -------  SWING ----------*/


@-webkit-keyframes swing {
	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
	20% { -webkit-transform: rotate(10deg); }	
	40% { -webkit-transform: rotate(-10deg); }
	60% { -webkit-transform: rotate(5deg); }	
	80% { -webkit-transform: rotate(-5deg); }	
	100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes swing {
	20% { -moz-transform: rotate(10deg); }	
	40% { -moz-transform: rotate(-10deg); }
	60% { -moz-transform: rotate(5deg); }	
	80% { -moz-transform: rotate(-5deg); }	
	100% { -moz-transform: rotate(0deg); }
}

@-o-keyframes swing {
	20% { -o-transform: rotate(10deg); }	
	40% { -o-transform: rotate(-10deg); }
	60% { -o-transform: rotate(5deg); }	
	80% { -o-transform: rotate(-5deg); }	
	100% { -o-transform: rotate(0deg); }
}

@keyframes swing {
	20% { transform: rotate(10deg); }	
	40% { transform: rotate(-10deg); }
	60% { transform: rotate(5deg); }	
	80% { transform: rotate(-5deg); }	
	100% { transform: rotate(0deg); }
}

.swing:hover {
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	-moz-animation-name: swing;
	-o-animation-name: swing;
	animation-name: swing;
}


/* -------  BOUNCE IN DOWN ----------*/

@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(10px);
	}
	
	80% {
		-webkit-transform: translateY(-10px);
	}
	
	100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes bounceInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateY(10px);
	}
	
	80% {
		-moz-transform: translateY(-10px);
	}
	
	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes bounceInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateY(10px);
	}
	
	80% {
		-o-transform: translateY(-10px);
	}
	
	100% {
		-o-transform: translateY(0);
	}
}

@keyframes bounceInDown {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(10px);
	}
	
	80% {
		transform: translateY(-10px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	-moz-animation-name: bounceInDown;
	-o-animation-name: bounceInDown;
	animation-name: bounceInDown;
}