/*
Theme Name: Playhouse
Description: Theme for Portrush Playhouse
Version: 1.0
Author: Greg Wallace
Author URI: http://gregwallace.co.uk
*/


/*--------------------------------------------------------------------------------------------------------------------------*/
/*- RESET - Courtesy of Eric Meyer's CSS Reset Awesomeness: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ---*/
/*--------------------------------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body {
	background: #000000 url(images/bg.jpg) center top no-repeat; 
	color: #505050;
	margin: 0px; 
	padding: 0px; 
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif; 
	line-height: 1.8em;
}

h1, h2, h3, h4, h5, h6 { 
	color: #1c1c1c;
	margin: 0px 0px 5px; 
	padding: 0px 0px 5px; 
	font-weight: lighter;
}

h1 {font-size: 35px;}
h2 {font-size: 30px;}
h3 {font-size: 20px;}
h4 {font-size: 13px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}

p {
	margin-bottom: 12px;
}
textarea, input {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
}


/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*--- Links ---*/
a.std_link, a { 
	color: #1c1c1c;
	text-decoration: none;
}
a.std_link:hover, a:hover {
	color: #c69b3c;
}
	
/*--- Layouts ---*/
.no_bg{background-image: none;}
.clearboth{clear: both}
.floatleft{float: left;}
.floatright{float: right;}
.floatright{float:right;}
.no_display{display: none;}

strong{font-weight: bold;}
em{font-style: italic;}

.alignleft{float: left; margin: 0px 20px 10px 0px !important;}
.alignright{float: right; margin: 0px 0px 10px 20px !important;}
.aligncenter{text-align: center !important;}

.wp-caption{}
	.wp-caption img{}
	.wp-caption p.wp-caption-text{}
				
h5.date{margin-bottom: 5px; font-size: 10px; text-transform: uppercase;}

.transparent-container{clear: both; padding: 4px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
.content {
	background: url(images/post-bg.png) repeat; border: 1px solid #fff;
	padding: 20px; 
	position: relative;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#content-container { width: 960px; margin: 0px auto 20px;}
	#header-container { background: transparent url(images/header_strap.png) top repeat-x; }
	#header { width: 960px; margin: 0px auto 5px; position: relative; z-index: 11;}
	#left-column { float: left; width: 590px; margin-bottom: 30px;}
	#right-column { float: right; width: 330px; margin-bottom: 30px;}

#footer-container { 
	clear: both; 
	background: #202020;
	padding: 1px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
}
	#footer { 
		margin: auto;
		position: relative;
	}
	
	#footer-copyright { 
		background: url(images/footer_bg.jpg) repeat-x;;
		border: 4px solid #000000;
		-moz-border-radius: 10px; -webkit-border-radius: 10px;
		padding: 10px; 
		margin: auto;
		position: relative;
	}
	
	#footer-copyright span.gw {
		position: absolute;
		right: 10px;
		text-align: right;
	}
	
		#footer-copyright span.gw a img {
			padding: 0px;
			vertical-align: middle;
			margin-bottom: 2px;
		}
		#footer-copyright span.gw a:hover img {
			opacity: 0.8;
		}



/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------------*/
	/*- HEADER ROW -------------*/
	.logo {
		clear: both; 
		padding: 35px 0px 10px 0px;
		margin: 0px;
	}
	
	.logo a:hover {
		opacity: 0.8;
	}

	.menu-block{clear: both; height: 50px; padding: 0px 10px; position: relative; bottom: 0px; z-index: 1000;
				-moz-border-radius: 5px; -webkit-border-radius: 5px;}

	/*--------------------------*/
	/*- CATEGORY MENU ----------*/
	ul#menu {
		padding: 0px; 
		position: absolute; 
		top: 60px;
		left: 290px; 
		z-index: 1000;
	}
	ul#menu li {
		text-indent: -9999px;
	}
		ul#menu li.parent-item {float: left; margin: 0px; position: relative;}
			ul#menu li.parent-item a.parent-link {display: block; padding: 0px; margin: 0px; height: 33px;}
			ul#menu li.parent-item a.parent-link:hover, ul#menu li.parent-item a.active{}
			
		li.whatson {
			width: 145px; 
		}
		li.whatson a {
			background: url(images/nav_menu.png) 0px 0px no-repeat;
		}
		li.whatson a:hover {
			background: url(images/nav_menu.png) 0px -33px no-repeat;
		}
		
		li.food {
			width: 172px; 
		}
		li.food a {
			background: url(images/nav_menu.png) -145px 0px no-repeat;
		}
		li.food a:hover {
			background: url(images/nav_menu.png) -145px -33px no-repeat;
		}
		
		li.venues {
			width: 112px; 
		}
		li.venues a {
			background: url(images/nav_menu.png) -317px 0px no-repeat;
		}
		li.venues a:hover {
			background: url(images/nav_menu.png) -317px -33px no-repeat;
		}

		li.gallery {
			width: 116px; 
		}
		li.gallery a {
			background: url(images/nav_menu.png) -429px 0px no-repeat;
		}
		li.gallery a:hover {
			background: url(images/nav_menu.png) -429px -33px no-repeat;
		}
		
		li.contact {
			width: 117px; 
		}
		li.contact a {
			background: url(images/nav_menu.png) -545px 0px no-repeat;
		}
		li.contact a:hover {
			background: url(images/nav_menu.png) -545px -33px no-repeat;
		}
		
		
		ul#catmenu {
		padding: 0px; 
		position: absolute; 
		top: 100px;
		left: 290px; 
		z-index: 1000;
	}
	ul#catmenu li {
		text-indent: -9999px;
	}
	
	ul#catmenu li.parent-item {float: left; margin: 0px; position: relative;}
			ul#catmenu li.parent-item a.parent-link {display: block; padding: 0px; margin: 0px; height: 33px;}
			ul#catmenu li.parent-item a.parent-link:hover, ul#menu li.parent-item a.active{}
	
		li.music {
			width: 126px; 
		}
		li.music a {
			background: url(images/nav_catmenu.png) 0px 0px no-repeat;
		}
		li.music a:hover {
			background: url(images/nav_catmenu.png) 0px -33px no-repeat;
		}
		
		li.comedy {
			width: 111px; 
		}
		li.comedy a {
			background: url(images/nav_catmenu.png) -126px 0px no-repeat;
		}
		li.comedy a:hover {
			background: url(images/nav_catmenu.png) -126px -33px no-repeat;
		}
		
		li.cinema {
			width: 101px; 
		}
		li.cinema a {
			background: url(images/nav_catmenu.png) -237px 0px no-repeat;
		}
		li.cinema a:hover {
			background: url(images/nav_catmenu.png) -237px -33px no-repeat;
		}
		
		li.theatre {
			width: 104px; 
		}
		li.theatre a {
			background: url(images/nav_catmenu.png) -338px 0px no-repeat;
		}
		li.theatre a:hover {
			background: url(images/nav_catmenu.png) -338px -33px no-repeat;
		}
		
		li.sport {
			width: 90px; 
		}
		li.sport a {
			background: url(images/nav_catmenu.png) -442px 0px no-repeat;
		}
		li.sport a:hover {
			background: url(images/nav_catmenu.png) -442px -33px no-repeat;
		}
		
		li.bar {
			width: 132px; 
		}
		li.bar a {
			background: url(images/nav_catmenu.png) -532px 0px no-repeat;
		}
		li.bar a:hover {
			background: url(images/nav_catmenu.png) -532px -33px no-repeat;
		}
		

		/*--------------------------*/
		/*- SUB MENU ---------------*/
		ul.sub-menu {
			/*display: none; */
			width: 150px; 
			position: absolute; 
			top: 32px;
			left: 6px; 
			z-index: 999;
			}
			ul.sub-menu li a {
				display: block;
				padding: 0px;
				margin: 0px;
				height: 30px;
			}
			
		ul.sub-menu li.menu-music {
			width: 127px; 
		}
		ul.sub-menu li.menu-music a {
			background: url(images/nav_submenu.png) 0px 0px no-repeat;
		}
		ul.sub-menu li.menu-music a:hover {
			background: url(images/nav_submenu.png) -127px 0px no-repeat;
		}
		
		ul.sub-menu li.menu-cinema {
			width: 127px; 
		}
		ul.sub-menu li.menu-cinema a {
			background: url(images/nav_submenu.png) 0px -30px no-repeat;
		}
		ul.sub-menu li.menu-cinema a:hover {
			background: url(images/nav_submenu.png) -127px -30px no-repeat;
		}
		
		ul.sub-menu li.menu-theatre {
			width: 127px; 
		}
		ul.sub-menu li.menu-theatre a {
			background: url(images/nav_submenu.png) 0px -60px no-repeat;
		}
		ul.sub-menu li.menu-theatre a:hover {
			background: url(images/nav_submenu.png) -127px -60px no-repeat;
		}
		
		ul.sub-menu li.menu-sport {
			width: 127px; 
		}
		ul.sub-menu li.menu-sport a {
			background: url(images/nav_submenu.png) 0px -90px no-repeat;
		}
		ul.sub-menu li.menu-sport a:hover {
			background: url(images/nav_submenu.png) -127px -90px no-repeat;
		}

												
	/*--------------------------*/
	/*- SEARCH -----------------*/
	.search-bar {
		background: url(images/search_bg.png) top left no-repeat;
		position: absolute;
		right: 0px;
		top: 8px; 
		width: 184px; 
		height: 46px; 
	}
		.search-form input.search {
			color: #000000; 
			background: none; 
			border: none;
			float: left; 
			width: 120px; 
			padding: 5px; 
			margin: 3px 0px 0px 18px; 
			font-size: 13px; 
			font-weight: bold;
		}
			.search-form input.search_button {
				float: right; 
				width: 14px; 
				margin: 9px 20px 0px 0px;
			}


/*-------------------------------------------------------------------------------------------*/
/*- HOME PAGE LAYOUT ------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------------*/
	/*- FEATURE AREA -----------*/
	.homeimages {
		padding: 0px;
		margin: 0px 0px 40px 0px;
		position: relative;
	}
	
.fadein { position:relative; height:280px; width:960px; }
.fadein img { position:absolute; left:0px; top:0px; }

		.homeimages span {
		width: 940px;
		height: 45px;
		padding: 15px 0px 0px 0px;
		display: block;
		position: absolute;
		bottom: 10px;
		left: 10px;
		z-index: 10;
	}
	.post-wrapper {
		background: #202020;
		padding: 1px;
		-moz-border-radius: 10px; -webkit-border-radius: 10px;
	}
	.whatson-title {
		background: url(images/whatson_boxtitle.png) no-repeat;
		width: 181px;
		height: 37px;
		display: block;
		position: absolute;
		top: -37px;
		left: 30px;
		z-index: 100;
		text-indent: -9999px;
	}
	.listings-title {
		background: url(images/listings_boxtitle.png) no-repeat;
		width: 200px;
		height: 37px;
		display: block;
		position: absolute;
		top: -28px;
		left: 30px;
		z-index: 100;
		text-indent: -9999px;
	}
	.feature {
		clear: both; 
		margin-bottom: 15px; 
		position: relative;
	}
		.feature .left-column {
			float: left; 
			padding: 4px; 
			position: relative; 
			z-index: 2;
		}
			.feature .left-column .post {
				clear: both; 
				width: 580px; 
				height: 280px; 
				padding: 10px; 
				margin: 0px; 
				position: relative;
				background: #f2d279;
				border: 4px solid #000000;
				-moz-border-radius: 10px; -webkit-border-radius: 10px;
			}
			.feature .left-column .feature-splurb { 
				background: url(images/transparent-bg-dark.png) repeat;
				margin: 0px 10px 0px 10px; 
				position: absolute; 
				z-index: 2; 
				bottom: 20px;
				-moz-border-radius: 5px; -webkit-border-radius: 5px;
			}
			.feature .left-column .post a.feature-image {display: block; position: relative; width: 580px; height: 280px; overflow: hidden;}
			.feature .left-column a img{display: block; position: absolute; z-index: 1;}
			
			.feature .left-column .date-container { 
				float: left; 
				padding: 15px; 
				margin: 0px; 
				
				text-transform: uppercase; 
				text-align: center;
			}
				.feature .left-column .date-container .day { 
					display: block; font-size: 46px; line-height: 46px; color: #fff;
				}
				.feature .left-column .date-container .month { 
					font-size: 20px; color: #f2d279;
				}

			.feature .left-column .splurb { 
				float: left; 
				width: 460px; padding: 15px; border-left: 1px solid #444;
			}
			.feature .left-column h2 {
				margin: 0px 0px 8px; 
				padding: 0px; 
				font-size: 18px; 
				font-weight: bold; 
				line-height: 25px; 
				color: #fff;
				text-transform: uppercase;
			}
			.feature .left-column h2 a {
				color: #fff;
			}
				.feature .left-column p { 
					font-size: 11px; font-weight: bold; line-height: 17px; padding: 0px; margin: 0px; color: #f2d279;
				}

				.featurelist {
					padding: 4px;
					background: #000000;
					border: 1px solid #202020;
					-moz-border-radius: 10px; -webkit-border-radius: 10px;
				}
		
		.feature .right-column {
			background: url(images/transparent-bg.png) repeat;
			float: left; 
			width: 350px; 
			padding: 4px 4px 4px 0px; 
			position: absolute; 
			right: 0px; 
			top: 28px; 
			z-index: 1;
			-moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px;
			-moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px;
		}
		
			.feature .right-column li {
				background: transparent url(images/featurelist_bg.gif) repeat-x; 
				border: 1px solid #ddb95f; 
				border-bottom: 1px solid #907534;
			}
					
				.feature .right-column li a {
					display: block; 
					padding: 15px 10px 15px 20px;
				}
				
					.feature .right-column li img { 
						background: #fff; 
						float: left; 
						width: 50px; 
						max-height: 50px; 
						padding: 4px; 
						margin-right: 10px; 
						-moz-border-radius: 3px; 
						-webkit-border-radius: 3px;
						-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20); 
						-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);
						}
					
					.feature .right-column li span.title { 
						display: block; 
						float: left; 
						width: 230px; 
						padding: 5px 0px 0px 0px;
						font-size: 14px; 
						font-weight: bold; 
						color: #000; 
						text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
					}
					
					.feature .right-column li a:hover span.title {
						color: #333333;
					}

					.feature .right-column li span.splurb { 
						display: block; 
						float: left; 
						width: 210px; 
						font-size: 12px; 
						line-height: 18px; 
						color: #ffffff;
					}
					
					.feature .right-column li.active, .feature .right-column li:hover { 
						background: transparent url(images/featurelist_bg_over.gif) repeat-x;
					}
		
				.feature .right-column li:first-child{-moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px;}
				.feature .right-column li:last-child{-moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom: 1px solid #f2d279;}
				.feature .right-column li:first-child a{-moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px;}
				.feature .right-column li:last-child a{-moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px;}



	/*------------------------*/
	/*- FEATURE BLOCK STYLES -*/
	.feature-blocks { 
		margin: 0px 0px 40px 5px;
	}
	.feature-blocks li {
		float: left; 
		padding: 5px; 
	}
		.feature-blocks li .content {
			padding: 20px; 
			position: relative;
		}
		.feature-blocks li:last-child{margin-right: 0px;}
		
		
	/*---------------------------------*/
	/*- SUB INFO FEATURE BLOCK STYLES -*/
	.sub-info-feature-blocks{margin-bottom: 30px; width: 950px;}
		.sub-info-feature-blocks li.column{float: left; width: 452px; margin: 0px 30px 0px 0px; padding: 4px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
		.sub-info-feature-blocks li.column:last-child{margin: 0px;}


	/*-----------------------*/
	/*- POST BLOCK STYLES ---*/
	.titleimage {
		padding: 4px 0px 10px 4px;
	}
	
	.post { 
		margin-bottom: 20px;
	}
		.post-title { 
			text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.7);
			padding-bottom: 20px; 
			margin: 0px 0 0 105px;
			font-size: 20px; 
			font-weight: bold;
		}
			.nomargin {
				margin: 0px;
				padding-bottom: 10px;
			}
			.nomargin-nopad {
				margin: 0px;
				padding-bottom: 0px; 
			}
			.post-title a {
				color: #1c1c1c;
			}
			.post-title a:hover {
				color: #333;
			}
		.post-image {
			background: #fff;
			-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);
			-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);
			padding: 4px; 
			margin-bottom: 15px; 
			-moz-border-radius: 3px; 
			-webkit-border-radius: 3px;
		}
			.post-image a {
				display: block;
			}
				.post .copy {
					padding: 0px;
				}
		
			.event-date { 
				background: url(images/transparent-bg-dark.png) repeat;
				
				margin: 0px; 
				padding: 10px 20px 7px;
				position: absolute; 
				z-index: 2; 
				top: 10px;
				left: -1px;
				text-transform: uppercase;
				-webkit-border-top-right-radius: 5px;
				-webkit-border-bottom-right-radius: 5px;
				-moz-border-radius-topright: 5px;
				-moz-border-radius-bottomright: 5px;
			}
			
				.event-date .day { 
					font-size: 20px; 
					color: #fff; 
					padding: 0px 5px 0px 0px;
				}
				.event-date .month { 
					font-size: 20px; 
					color: #f2d279;
				}
/*--------------------------------------------------------*/
	/*- VENUE PAGE------------------------------------------*/

.venue {
	position: relative;
}

.venue-content {
	padding: 80px 0px 0px 0px;
}
				
.venue-image {
	float: left;
	margin: 0px 20px 20px 0px;
}

.venue-title {
	position: absolute;
	top: 10px;
	left: 410px;
}


	/*--------------------------------------------------------*/
	/*- ACTION LINK ------------------------------------------*/
	a.action-link { 
		background: url(images/action-button-bg.gif) top repeat-x; 
		border: 1px solid #f2d279; 
		color: #000000; 
		text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
		-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);
		-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);
		float: left; 
		padding: 4px 8px 3px 8px; 
		font-size: 12px; 
		font-weight: bold; 
		
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;}
	
		a.action-link:hover{background-position: center;}
		a.action-link:active{background-position: bottom;}


	/*--------------------------*/
	/*- SUB POSTS --------------*/
	.sub-posts{-moz-border-radius: 5px; -webkit-border-radius: 5px;}
	.sub-posts li{padding: 20px; min-height: 100px; clear: both; position: relative;}
		.sub-posts li .post-image{float: left; margin: 0px 10px 0px 0px; padding: 4px;}
		.sub-posts li .post-title{padding: 0px; margin: 5px 0px 8px 0px; font-size: 16px;}
		.sub-posts li h5.date{margin: 0px;}
		.sub-posts li p{margin-bottom: 5px; padding-bottom: 0px;}
		.sub-posts li blockquote{display: block; margin-bottom: 10px; font-size: 16px; font-weight: lighter; line-height: 24px;
									-moz-border-radius: 5px; -webkit-border-radius: 5px;}
				.sub-posts li cite{font-weight: bold;}
		.sub-posts li a, .sub-posts li img{display: block;}


	/*--------------------------*/
	/*- PAGINATION -------------*/
	.page_button_content{margin-top: 30px;}
	.page_button_content ul{position: relative; bottom: 0px; z-index: 1000; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
		.page_button_content ul li{float: left;}
		.page_button_content ul li a{float: left; padding: 4px 10px 4px 10px; font-weight: bold; font-size: 10px; text-transform: uppercase;}


	/*--------------------------*/
	/*- GALLERY ----------------*/	
	.widget-gallery-container { 
		margin-top: 30px;
		padding: 4px;
		position: relative;
	}
	.widget-gallery { 
		clear: both; 
		background: #202020;
		padding: 1px;
		-moz-border-radius: 10px; -webkit-border-radius: 10px;
	}
	.gallery-title {
		background: url(images/gallery_boxtitle.png) no-repeat;
		width: 141px;
		height: 37px;
		display: block;
		position: absolute;
		top: -28px;
		left: 30px;
		z-index: 15;
		text-indent: -9999px;
	}
	.viewmore-title {
		background: url(images/viewmore_boxtitle.png) no-repeat;
		width: 111px;
		height: 27px;
		display: block;
		position: absolute;
		bottom: -18px;
		right: 30px;
		z-index: 16;
		text-indent: -9999px;
	}
		.widget-gallery-list-container {
			float: left; 
			display: block; 
			padding-bottom: 0px; 
			position: relative;
			width: 922px;   
			height: 180px; 
			overflow: hidden;
			padding: 10px; 
			margin: 0px; 
			background: #f2d279;
			border: 4px solid #000000;
			-moz-border-radius: 10px; -webkit-border-radius: 10px;
		}					
		.widget-gallery-list {
			float: left;
			width: 880px; 
			height: 140px; 
			padding: 20px; 
			overflow: hidden;
		}
			.widget-gallery-list li {
				float: left; 
				width: 140px; 
				overflow: hidden; 
				margin-right: 45px;
			}
				.widget-gallery-list li:last-child {
					margin-right: 0px;
				}
				.widget-gallery-list li a {
					display: block; 
					width: 140px; 
					height: 140px; 
					position: relative;
				}
					.widget-gallery-list a img {
						display: block; 
						position: absolute; 
						top: 0px; 
						z-index: 1;
					}
					.widget-gallery-list a span {
						background: url(images/gallery-image-overlay.png) no-repeat;
						display: block; 
						width: 140px; 
						height: 140px; 
						position: absolute; 
						top: 0px; 
						z-index: 2;
					}
					.widget-gallery-list a span:hover {
						background: url(images/gallery-image-overlay_hover.png) no-repeat;
					}
			
		
	.widget-listings-container { 
		margin: 45px 0px 45px 0px;
		padding: 4px;
		position: relative;
	}	
				
		.widget-listings-list-container {
			float: left; 
			display: block; 
			padding-bottom: 0px; 
			position: relative;
			width: 922px;   
			overflow: hidden;
			padding: 10px; 
			margin: 0px; 
			background: #f2d279;
			border: 4px solid #000000;
			-moz-border-radius: 10px; -webkit-border-radius: 10px;
		}					
		.widget-listings-list {
			float: left;
			width: 880px; 
			padding: 20px 20px 5px 20px; 
			overflow: hidden;
		}
			.widget-listings-list li {
				float: left; 
				width: 270px; 
				overflow: hidden; 
				margin: 0px 20px 15px 0px;
				text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
			}
				.widget-listings-list li:last-child {
					margin-right: 0px;
				}

/*-------------------------------------------------------------------------------------------*/
/*- POSTS CLASSES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*- RESET SOME CLASSES FOR THE COPY AFTER CLEARING EVERYTHING AT THE TOP OF THE CSS -*/
	.post .copy{line-height: 1.9em;}
	.post .copy ol, .post .copy ul{list-style: disc; margin: 0px 0px 15px 30px; line-height: 22px;}
	.post .copy ol{list-style: decimal;}
	.post .copy code, .post .copy pre{}
	.post .copy a{font-weight: bold;}
	.post .copy img {
		background: #fff;
		padding: 4px; 
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);
		-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);
	}
	
	.post .copy h2{padding-bottom: 10px; margin: 20px 0px 10px; font-size: 24px;}
	.post .copy h3{padding-bottom: 10px; margin: 20px 0px 10px; font-size: 20px;}
	.post .copy h4{padding-bottom: 5px; margin: 20px 0px 10px; font-size: 13px; font-weight: bold;}
	.post .copy blockquote{padding: 20px; margin: 20px 0px; font-size: 16px; font-weight: bold; line-height: 24px;
							-moz-border-radius: 5px; -webkit-border-radius: 5px;}
		.post .copy blockquote p{padding-bottom: 0px; margin-bottom: 0px; line-height: 30px;}
		.post .copy blockquote a{font-weight: bold;}


	/*--------------------------*/
	/*- AUTHOR -----------------*/
	.author{padding: 10px; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
		.author img{float: left; max-width: 65px; max-height: 65px; margin: 0px 10px 0px 0px; padding: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
		.author-details{width: 420px; float: left;}
			.author-details h4{font-size: 16px; font-weight: bold;}
			.author-details p{margin-bottom: 0px;}
			

/*-------------------------------------------------------------------------------------------*/
/*- PORTFOLIO --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.portfolio-list li { 
	float: left; 
	width: 210px; 
	margin: 0px 20px 20px 0px;
}
	.portfolio-list li a.portfolio-image {
		display: block; 
		width: 205px; 
		height: 100px; 
		padding: 4px; 
		margin-bottom: 10px; 
		overflow: hidden;
		background: #fff;
		-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);
		-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
	}
			.portfolio-list li a.portfolio-image span{display: block; height: 100px; width:205px; overflow: hidden;}
			.portfolio-list li a.portfolio-image span img{display: block; max-width: 205px;}
			.portfolio-list li h4{margin: 0px; padding: 0px; font-weight: bold;} 

	.portfolio-list li:nth-child(4n+4){margin: 0px;}
	.portfolio-list li:nth-child(4n+5){clear: left;}
	
	
/*-------------------------------------------------------------------------------------------*/
/*- MENUS - Food Drink --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

dl { 
	width: 100%;
	overflow: auto;
	margin: 0 0 1em;
	/*background: url(images/menu_dots.gif) repeat-x 0 1.2em;*/
}
dt,dd.price { 
	font-weight: bold;
}
dt {
	float: left;
	padding-right: 3px;
	color: #1C1C1C;
}
dd { 
	margin:0px
}
dd.price { 
	float: right; 
	padding-left: 3px; 
}
dd.ingredients { 
	float: left;
	width: 100%;
	padding: 3px 0;
   	font: italic 100% Georgia,Times,sans-serif;
   }

.pagetitleimages {
		padding: 0px;
		margin: 0px 0px 20px 0px;
		position: relative;
	}
	
/*- Contact  ---------------------------------------------------------------------------*/	
.contact-form input[type=text] { 
	background: #F2D279 url(images/button_overlay.gif) repeat-x; 
	border: 1px solid #F2D279; 
	color: #1C1C1C;
	-moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);
	-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);
	width: 390px; 
	padding: 10px; 
	margin: 0px 0px 20px; 
	line-height: 15px; 
	font-weight: bold;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.contact-form textarea {
	background: #F2D279 url(images/button_overlay.gif) repeat-x; 
	border: 1px solid #F2D279; 
	color: #1C1C1C;
	-moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);
	-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);
	width: 390px; 
	height: 100px; 
	padding: 10px; 
	margin: 0px 0px 20px; 
	line-height: 15px; 
	font-weight: bold;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

.submit-button { 
	background: url(images/action-button-bg.gif) top repeat-x; 
	border: 1px solid #f2d279; 
	color: #000000; 
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);
	float: left; 
	padding: 4px 8px 3px 8px; 
	font-size: 12px; 
	font-weight: bold; 
	cursor: pointer;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;}

	.submit-button:hover{background-position: center;}
	.submit-button:active{background-position: bottom;}
	
	.contact-form input:focus, .contact-form textarea:focus {
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}

/*-------------------------------------------------------------------------------------------*/
/*- 404 NOT FOUND ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#not-found{padding: 40px 30px; margin: 0px 0px 30px 0px;}
	#not-found h2{float: left; margin: 0px 40px 0px 0px; padding: 0px; font-size: 40px; font-weight: bold;}
	#not-found p{float: left; margin: 10px 0px 0px 0px; padding: 0px; font-size: 25px; font-weight: bold;}


/*-------------------------------------------------------------------------------------------*/
/*- ARCHIVES --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
h4.archive_year{padding: 0px; margin: 40px 0px 0px; font-weight: bold; font-size: 16px;
				-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;}
ul.archives_list{padding-right: 0px;}
ul.archives_list li{padding: 20px 0px;}
	.archives_list li .archive-post-image{float: left; width: 50px; height: 50px; margin-right: 10px; overflow: hidden;}
		.archives_list li .archive-post-image img{display: block;}
	.archives_list li a{font-weight: bold; font-size: 15px;}
	.archives_list .date{display: block; margin-right: 20px; font-size: 10px; text-transform: uppercase;}
		ul.archives_list .date sup{position: relative; top: -3px; text-transform: lowercase; font-size: 8px;}
		ul.archives_list .label{float: right; display: inline-block;}
		ul.archives_list .label a{font-weight: bold; font-size: 12px;}

.archives_list li:first-child{}
.archives_list li:last-child{margin-bottom: 0px;}


/*-------------------------------------------------------------------------------------------*/
/*- RIGHT COLUMN ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul.widget-list { 
	padding: 0px; 
	margin: 4px 0px 0px 0px;
	color: #1C1C1C; 
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}
				
	ul.widget-list li.widget {
		clear: both; 
		padding: 0px 0px 0px 4px; 
		margin: 0px 0px 30px;
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;
	}
	ul.widget-list li.widget .content { 
		background: #f2d279 url(images/sidebar_bg.gif) repeat-x; 
		border: 1px solid #f2d279;
	}
							
			ul.widget-list li.widget ul li{padding: 10px 0px; font-size: 12px;}
				ul.widget-list li.widget ul li:first-child{padding-top: 0px;}
				ul.widget-list li.widget ul li a {
					color: #fff;
					display: block; 
					font-weight: bold;
				}
				ul.widget-list li.widget ul li a:hover{color: #fc0;}
		ul.widget-list li.widget .textwidget{font-size: 12px;}

	h4.widgettitle {
		padding: 0px 0px 8px; margin-bottom: 8px; font-size: 16px; font-weight: bold;
		color: #fff; border-bottom: 1px solid #000;
		-moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1);
		-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1);
	}
	
		h4.widgettitle a{color: #fff;}
			h4.widgettitle a:hover{color: #fc0;}
	


/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#footerdetails {
	background: url(images/footer_lightbg.jpg) no-repeat top center;
	margin: 30px 0px 0px 0px;
	padding: 15px;
	color: #f2d279;
	clear: both;
}

#footerdetails a:hover {
	opacity: 0.7;
}

#footer h4 {
	padding: 0px 0px 8px; 
	margin-bottom: 8px; 
	font-size: 16px; 
	font-weight: bold;
}
#footer li.column { 
	float: left;  
	margin-right: 33px;
}
	#footer li.column.address { 
		width: 155px;
	}
	
	#footer li.column.social { 
		width: 270px;
	}

	#footer li:last-child {
		margin-right: 0px;
		padding:12px 0px 0px 0px;
	}
	
	#footer li.column .facebook{ 
	padding: 3px 0px 44px 0px;
}

#footer ul li {
	clear: both; 
	padding: 5px 0px 5px 12px;
}

#footer-copyright p {
	margin: 0px;
	color: #000000;
}

#signup label {
	font-weight: bold;
	padding: 0px 0px 7px 0px;
	display: block;
	width: 160px;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
}

#signup input {
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding: 6px;
	width: 160px;
	background: #000000;
	border: 1px solid #202020;
	color: #f2d279;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;	
}

#signup input:focus {
	border: 1px solid #666666;
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,1);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,1);
}

.mainbuttons, .mainbuttons:active {
	background: #f2d279 url(images/button_overlay.gif) repeat-x; 
	display: block; 
	padding: 5px 10px 6px; 
	color: #000000; 
	text-decoration: none;
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
	text-shadow: 0 -1px 1px rgba(255,255,255,0.5);
	border: 1px solid #f2d279;
	position: relative;
	cursor: pointer;
	font-size: 12px; 
	font-weight: bold;
}

.mainbuttons:hover { 
	background: #f2d279 url(images/button_overlay_hover.gif) bottom center repeat-x;  
	color: #000000; 
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,1);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,1);
}
.mainbuttons:active { top: 1px; }


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*- CLEARFIX --- * Just Works! * -*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none;	margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}