/*
Theme Name: Vaudeville
Theme URI: http://www.vaudeville.co.za/
Description: The Vaudeville Website Theme
Version: 1.0.6
Author: NS Digital
Author URI: http://www.nsdigital.co.za/
*/

/* Default styles */
@import "css/reset.css";

/* CSS FOR BORDER-RADIUS, BOX-SHADOW AND TEXT-SHADOW CAN BE FOUND IN CSS/CUSTOM.CSS */

/*-----------------------------------------------

INDEX:

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks

2. SITE STRUCTURE & APPEARANCE
-2.0.1 Splash Page
-2.1 Containers
-2.2 Header
--2.2.1 Logo
--2.2.2 Language Picker
--2.2.3 Text Size
--2.2.4 Search
-2.3 Navigation
--2.3.1 Ticker Box
-2.4 Content
--2.4.1 Home Page
-2.5 Footer

3. WIDGETS

4. POSTS
-4.1 Typographic Elements
-4.2 Images

5. COMMENTSAREA
-5.1 Comments
-5.2 Comments Form

6. GENERAL STYLES

7. Accessibility
-7.1 Clearing
-7.2 Accessibility

-----------------------------------------------*/



/*-----------------------------*/
/* 1. SETUP */
/*-----------------------------*/

/* 1.1 Defaults */

html{height:100.01%;}

body {font: 12px Arial, Helvetica, Sans-serif; line-height: 1.5;  /*unitless for proper inheritance*/ color: #333;  background:#200506 url(images/bg_page.jpg) top center no-repeat; color:#ffffff;font-family:Verdana, Helvetica, sans-serif;}

h1, h2, h3, h4, h5, h6  {
	margin: 0;
	color: #ffffff;
}

h1  {font-size: 18px} h2  {font-size: 16px} h3  {font-size: 16px}
h4  {font-size: 14px} h5  {font-size: 12px} h6  {font-size: 12px}

h1, h2, p{font-family:Verdana, Helvetica, sans-serif;}

p  {margin: 3px 0; color:#ffffff;}

strong{font-weight:bold;}

em{font-style:italic;}

/* 1.2 Hyperlinks */

a, a:active, a:link, a:visited  { text-decoration: none;  color:#ffffff; outline:0;}
a:hover  {  }

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  { text-decoration: none; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  { text-decoration: underline; }

img:a{border:none;}

/*-----------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-----------------------------*/

/* 2.0.1 Splash Page */

#IE6_message{display:none;}

body.home{background:url(images/bg_splash.jpg) top center no-repeat #1c0608; height:100%;}

body.home #wrapper{width:348px; margin:0px auto; }

	div#splash_logo{padding-top:140px;}

	div#splash_enter {width:236px; height:143px; text-indent:-99999px; overflow:hidden; margin:20px 0 0 50px;}

	div#splash_enter a{background:url(images/sprite_enter.png) top center no-repeat; width:246px; height:143px; float:left;}

		div#splash_enter a:hover{background-position:5px -143px;}
		
		
		/* 2.0.3 Fez Pages */

		body.page-id-15{background:url(images/bg_fez.jpg) top center no-repeat #000000; height:100%; background-attachment:fixed;}
		
		body.page-id-15 #page{width:937px; margin:0 auto;background:#000000 url(images/bg_fez.jpg) top center no-repeat; background-attachment:fixed;}
		

		/* 2.3 Navigation */

		div#navigation{padding:0 0 0 1px;}
			
			div#navigation ul li{float:left;}
		
			div#navigation ul li a{float:left; font-family:'Trajan Pro', 'Times', 'Times New Roman', serif; font-size:16px; text-transform: uppercase; color:#e0c370; margin:0 0 0 0;height:49px;}

			#navigation ul li a{background:url(images/sprite_nav.png) no-repeat; text-indent:-999999px; overflow:hidden; float:left; }
				#navigation a:hover{cursor:pointer;}
			/*Set the width of each each nav item*/

			#navigation ul li.page-item-2 a{width:156px; background-position:12px 0px;}
				#navigation ul li.page-item-2 a:hover{background-position:12px -52px;}

			#navigation ul li.page-item-9 a{width:125px; background-position:-135px 0px;}
				#navigation ul li.page-item-9 a:hover{background-position:-135px -52px;}

			#navigation ul li.page-item-25 a{width:139px; background-position:-262px 0px;}
				#navigation ul li.page-item-25 a:hover{ background-position:-262px -52px;}

			#navigation ul li.page-item-15 a{width:150px; background-position:-407px 0px;}
				#navigation ul li.page-item-15 a:hover{ background-position:-407px -52px;}
			
			#navigation ul li.page-item-531 a{width:188px; background-position:-557px 0px;}
				#navigation ul li.page-item-531 a:hover{ background-position:-557px -52px;}

			#navigation ul li.page-item-19 a{width:159px; background-position:-740px 0px;}
				#navigation ul li.page-item-19 a:hover{ background-position:-740px -52px;}
				

			#navigation ul li.current_page_item a{background-position-y:-101px;}
			
			
		/* 2.3.1 Ticker Box */
		
			
			.tickerbox {width:350px;margin:130px 0 0px 0;padding:0; position:absolute;}
			.tickerbox ul {width:300px; position:relative;}
			.tickerbox li {
			width:100%;
			list-style:none;
			position:absolute;
			top:3px;left:3px;
			
			
			padding:5px 10px 5px 10px;
			overflow:hidden;
			
			}
			.tickerbox li p{
				line-height:2em;
				color:#ffffff;
				font-size:10px;
			}
			.tickerbox li p em{font-size:14px; line-height:1.3em;}
			.tickerbox li p strong{text-align:right;}
				

/* 2.1 Containers */

#page{width:937px; margin:0 auto;background:#200506 url(images/bg_page.jpg) top center no-repeat; }

	#page #ribbon {width:947; height:237px;/*background:url(images/book-now-ribbon.png) no-repeat right bottom; */z-index:2; position:relative;}
	
	#page #ribbon p{float:left;text-indent:-999999px;}
	
	#page_content{background:url(images/bg_page_content.jpg) no-repeat top center #000000; width:937px; margin:-20px 0 0 0; float:left; z-index:1; position:relative;}


	#content {padding:15px 0 0 0;}
	
		#content .post .post_heading{width:100%; float:left;}
	
		#content .post h2{background:url(images/bg_h2.png) top right #891300; font-family:'Trajan Pro', 'Times', 'Times New Roman', serif; color:#ffffff; font-size:1.9em; text-transform:uppercase; padding:16px 50px 12px 31px; float:left; }

		#content .post img{float:right; margin:50px 20px 0 0;}

		#content .post .entry{padding:19px; float:left;margin:15px 0 0 0; border:solid 1px #322911; margin:19px; width:850px;}
		
		body.page-template-template-brasserie-php .brasserie-launch{margin:0 0 0 35px; float:left; }
		
		
		body.page-id-9 #content .post .entry{}
		
		body.page-id-25 #content .post .entry{padding-top:0px;}
		
		body.page-id-2 #content .post .entry {width:520px;}

		
		#content .post .entry h2{background:url(images/bg_h2.png) top right #891300; font-family:'Trajan Pro', 'Times', 'Times New Roman', serif; color:#ffffff; font-size:1.9em; text-transform:uppercase; padding:16px 50px 12px 31px; float:left; margin:0 0 0 -19px; position:relative;}

	

		#content .post .entry p{line-height:1.4em; float:left; margin:0 0 20px 0;font-family:'Trajan Pro', 'Times', 'Times New Roman', serif; display:block; font-size:1.3em; width:96%;}
		
		#content .post .entry p strong{font-size:2em;}
		
		body.page-id-2 #content .post .entry p strong{font-size:1.1em; font-weight:bold;}

		#content .post .entry p em{font-style:italic;}
		
		#content .post .entry p img{border:solid 4px #851000;}
		
		#content .post .entry p span {font-size:4.8em; float:left; display:block; margin:0px 3px 0 0;}
		
		body.page-id-11 #content .post .entry p{padding:10px 19px 0 19px;}
		
		body.single #content .post .entry p{padding:10px 19px 0 19px;}
		
		body.archive #content .post .entry p{padding:10px 19px 0 19px;}
		
		body.page-id-11 #content .post .entry p:first-letter{font-size:1.1em; display:inline; margin:0;}
		
		body.single #content .post .entry p:first-letter{font-size:1.1em; display:inline; margin:0;}
		
		body.archive #content .post .entry p:first-letter{font-size:1.1em; display:inline; margin:0;}
		
		
		
		
		
			#content .post .entry p a{color:#f2df9c;text-decoration:underline;}
				#content .post .entry p a:hover{text-decoration:none;}
				
				
				#content p{float:left; padding:19px;}
					#content p a{text-decoration:underline;}
						#content p a:hover{text-decoration:none;}
						
						
						
			/* Fez Lounge Page */			
			#content .post .entry #fez_lounge_cocktail_menu{float:left; margin:19px 0 0 0; padding:19px; color:#ffffff; width:810px;}
				#content .post .entry #fez_lounge_cocktail_menu .right{float:right; width:390px;}
				#content .post .entry #fez_lounge_cocktail_menu .left{float:left; width:390px;}
				
				#content .post .entry #fez_lounge_cocktail_menu .left h3, 
				#content .post .entry #fez_lounge_cocktail_menu .right h3{color:#ffffff; background:url(images/bg_h3_fez_menu.gif) bottom left repeat-x; text-decoration:none; border:none; font-family:'Trajan Pro', 'Times', 'Times New Roman', serif; font-weight:bold; font-size:2em; margin:10px 0 15px 0;} 
				
				#content .post .entry #fez_lounge_cocktail_menu .left p, 
				#content .post .entry #fez_lounge_cocktail_menu .right p{ color:#efefef; font-size:13px; margin:0px 0px 10px 0px; padding:0;}
				
				#content .post .entry #fez_lounge_cocktail_menu .left p:first-letter, 
				#content .post .entry #fez_lounge_cocktail_menu .right p:first-letter{ color:#efefef; font-size:1em; margin:0; }
				
				#content .post .entry #fez_lounge_cocktail_menu .left strong, 
				#content .post .entry #fez_lounge_cocktail_menu .right strong{ color:#efefef; display:block; margin:0 0 0 0; font-size:1.6em;}
				
				#content .post .entry #fez_lounge_cocktail_menu .left em, 
				#content .post .entry #fez_lounge_cocktail_menu  .right em{ color:#efefef; display:block; width:332px; padding-left:10px; line-height:1.4em;}
				
				#content .post .entry #fez_lounge_cocktail_menu .left span, 
				#content .post .entry #fez_lounge_cocktail_menu .right span{ color:#efefef; float:right; display:block; display:none;}			
			
			
			
				/* Wine List Page */			
				#content .post .entry #wine_list_menu{ float:left; margin:19px 0 0 0; padding:19px; color:#301414; width:810px;}
					#content .post .entry #wine_list_menu .right{float:right; width:390px;}
					#content .post .entry #wine_list_menu .left{float:left; width:390px;}

					#content .post .entry #wine_list_menu .left h3, 
					#content .post .entry #wine_list_menu .right h3{color:#b10939; /* background:url(images/bg_h3_fez_menu.gif) bottom left repeat-x; */ text-decoration:none; border:none; font-family:'Trajan Pro', 'Times', 'Times New Roman', serif; font-weight:bold; font-size:2em; margin:10px 0 15px 0;} 

					#content .post .entry #wine_list_menu .left p, 
					#content .post .entry #wine_list_menu .right p{ color:#ffffff; font-size:10px; margin:0px 0px 10px 0px; padding:0;}

					#content .post .entry #wine_list_menu .left p:first-letter, 
					#content .post .entry #wine_list_menu .right p:first-letter{ color:#ffffff; font-size:1em; margin:0; }

					#content .post .entry #wine_list_menu .left strong, 
					#content .post .entry #wine_list_menu .right strong{ color:#ffffff; display:block; margin:0 0 0 0; font-size:1.6em;}

					#content .post .entry #wine_list_menu .left em, 
					#content .post .entry #wine_list_menu  .right em{ color:#301414; display:block; width:332px; padding-left:10px; line-height:1.4em;}

					#content .post .entry #wine_list_menu .left span, 
					#content .post .entry #wine_list_menu .right span{ color:#301414; float:right; display:block; }			
			
						
						
				table#winelist{font-family:'Trajan Pro', 'Times', 'Times New Roman', serif;}		
						
						table#winelist td{color:#cccccc; padding:6px; font-weight:normal; font-size:1.3em;}
						table#winelist td.wine_hr{background:url(images/bg_wine_hr.jpg) no-repeat center center; height:10px; padding:0px;}
						table#winelist td.wine_price{text-align:center;}
						table#winelist td#per_glass{background:url(images/wine_list_glass.png) no-repeat center; text-indent:-999999px; overflow:hidden;}
						table#winelist td#per_bottle{background:url(images/wine_list_bottle.png) no-repeat center; height:40px; text-indent:-999999px; overflow:hidden;}
						table#winelist h3{font-size:1.8em; text-align:center; margin:10px 10px 10px 150px;}
						table#winelist strong{color:#ffffff; font-weight:bold;}
						table#winelist td img{margin:0px; float:left; height:57px;}
						
						
						/* Post Styles */
						
						
						/* Begin Images */
						#content .post .entry p img {
							padding: 0;
							max-width: 100%;
							}

						/*	Using 'class="alignright"' on an image will (who would've
							thought?!) align the image to the right. And using 'class="centered',
							will of course center the image. This is much better than using
							align="center", being much more futureproof (and valid) */

						#content .post .entry p img.centered {
							display: block;
							margin-left: auto;
							margin-right: auto;
							position:relative;
							}

						#content .post .entry p img.alignright {
							padding: 4px;
							margin: 0 0 2px 7px;
							display: inline;
							}

						#content .post .entry p img.alignleft {
							padding: 4px;
							margin: 0 7px 2px 0;
							display: inline;
							}

						#content .post .entry .alignright {
							float: right;
							}

						#content .post .entry .alignleft {
							float: left
							}
						/* End Images */

						/* Captions */
						#content .post .entry .aligncenter,
						#content .post .entry div.aligncenter {
							display: block;
							margin-left: auto;
							margin-right: auto;
							float:none;
							
						}

						#content .post .entry .wp-caption {
							border: 1px solid #ddd;
							text-align: center;
							background-color: #f3f3f3;
							padding-top: 4px;
							margin: 10px;
							display:block;
							float:left;
						}

						#content .post .entry .wp-caption img {
							margin: 0;
							padding: 0;
							border: 0 none;
							float:left;
						}

						#content .post .entry .wp-caption p.wp-caption-text, #content .post .entry .wp-caption span.wp-caption-text {
							font-size: 11px;
							line-height: 17px;
							padding: 2px 4px 5px;
							margin: 0;
							text-align:center;
						}
						/* End captions */
						
						
/* Next Gen Gallery*/

div.piclenselink{display:none;}


/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {	margin-top: 10px;	width: 100%;	clear:both; 	display:block !important;}

.ngg-album {    height: 100%;    padding: 5px;    margin-bottom: 5px;    border: 1px solid #fff;}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {    overflow:hidden;    padding: 5px;    margin-bottom: 5px;    border: 1px solid #cccccc;} 

.ngg-album {	overflow: hidden;	padding: 5px;	margin-bottom: 5px;	border: 1px solid #cccccc;}

.ngg-albumtitle {	text-align: left; 	font-weight: bold;	margin:0px;	padding:0px;	font-size: 1.4em;	margin-bottom: 10px;}

.ngg-thumbnail {	float: left;	margin-right: 12px;}

.ngg-thumbnail img {	background-color:#FFFFFF;	border:1px solid #A9A9A9;	margin:4px 0px 4px 5px;	padding:4px;	position:relative;}

.ngg-thumbnail img:hover {
	background-color: #A9A9A9;
}

.ngg-description {
	text-align: left;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	float:left;
	height:180px;
	padding-right:6px !important;
	margin:0px !important; 
	text-align:left;
	width:120px;	
}

.ngg-album-compactbox {
	background:transparent url(albumset.gif) no-repeat scroll 0%;
	height:86px;
	margin:0pt 0pt 6px !important;
	padding:12px 0pt 0pt 7px !important;
	width:120px;
}


.ngg-album-compactbox .Thumb {
	border:1px solid #000000;
	margin:0px !important;
	padding:0px !important;
	width:91px; 
	height:68px;
}

.ngg-album-compact h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	width:110px;
}

.ngg-album-compact p {
	font-size:11px;
	margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: -19px;
	margin-bottom:10px;
	width: 100%;
	clear:both; 
	display:block !important;
	padding:0px;
	margin-left:17px;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;

}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 13px;
	text-align: center;
}

.ngg-gallery-thumbnail img {
	background-color:#851000;
	display:block;  
	margin:0px 0px 4px 5px;
	padding:4px;
	position:relative;
	
	
}

.ngg-gallery-thumbnail img:hover {
	background-color: #A9A9A9;
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
	
}

.ngg-clear {
	clear: both;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
	
}

.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	background-color: #0066CC;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
	
}

.ngg-imagebrowser h3 {
	text-align:center;
}

.ngg-imagebrowser img {
	border:1px solid #A9A9A9;
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 100%;
	display:block !important;
	padding:5px;
}

.ngg-imagebrowser-nav {
	padding:5px;
	margin-left:10px;	
}

.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
}

.exif-data {
  	margin-left: auto !important;
    margin-right: auto !important;	
}

/* ----------- Slideshow -------------*/
.slideshow {
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	outline: none;	
}

.slideshowlink {
	
}

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	display:block;  
	padding:4px;
}

.ngg-left {
	float: left;
	margin-right:10px;
}

.ngg-right {
	float: right;
	margin-left:10px;
}

.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0px 0px 0pt;
	text-align:left;
}

.ngg-widget img {
	border:2px solid #A9A9A9;
	margin:0pt 2px 2px 0px; 
	padding:1px; 
}

/* ----------- Related images -------------*/
.ngg-related-gallery {
	background:#F9F9F9;
	border:1px solid #E0E0E0;
	overflow:hidden;
	margin-bottom:1em;
	margin-top:1em;
	padding:5px;
}
.ngg-related-gallery img {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0pt 3px;
	padding: 2px;
	height: 50px;
	width:  50px;
}

.ngg-related-gallery img:hover {
	border: 1px solid #000000;
} 

/* ----------- Gallery list -------------*/

.ngg-galleryoverview ul li:before {
	content: '' !important;
}

.ngg-gallery-list {
	list-style-type:none;
	padding: 0px !important;
	text-indent:0px !important;	
}

.ngg-galleryoverview div.pic img{
	width: 100%;	
}

.ngg-gallery-list li {
	float:left;
	margin:0 2px 0px 2px !important;
	overflow:hidden;
}

.ngg-gallery-list li a {
	border:1px solid #CCCCCC;
	display:block;
	padding:2px;
}

.ngg-gallery-list li.selected a{	-moz-background-clip:border;	-moz-background-inline-policy:continuous;	-moz-background-origin:padding;	background:#000000 none repeat scroll 0 0;
}

.ngg-gallery-list li img {	height:40px;	width:40px;	}

li.ngg-next, li.ngg-prev {	height:40px;	width:40px;		font-size:3.5em;}

li.ngg-next a, li.ngg-prev a  {	padding-top: 10px;	border: none;	text-decoration: none;}					



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	display:block;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text, .wp-caption span.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 2px 4px 5px;
	margin: 0;
	text-align:center;
}
/* End captions */						

	

 
/* 2.5 Footer */

div#footer{background:url(images/bg_page_footer.gif) bottom center; width:937px; height:52px; margin:0 auto; display:block;  float:left;}

div#footer_links{width:435px; margin:10px auto;}

div#footer_links a#footer_logo_vaudville{width:97px; height:95px; overflow:hidden; float:left; text-indent:-99999px; background:url(images/sprite_footer_logo.png) no-repeat; }
	div#footer_links a#footer_logo_vaudville:hover{background-position: 0px -89px;}

div#footer_links a#footer_logo_brasserie{ width:97px; height:95px; overflow:hidden; float:left; text-indent:-99999px; background:url(images/sprite_footer_logo.png) no-repeat; background-position: -115px 0px; }
	div#footer_links a#footer_logo_brasserie:hover{background-position: -115px -86px;}
	
div#footer_links a#footer_logo_fez{ width:119px; height:95px; overflow:hidden; float:left; text-indent:-99999px; background:url(images/sprite_footer_logo.png) no-repeat; background-position: -220px 0px; }
	div#footer_links a#footer_logo_fez:hover{background-position: -220px -89px;}


div#footer_links a#footer_logo_facebook{ width:119px; height:95px; overflow:hidden; float:left; text-indent:-99999px; background:url(images/sprite_footer_logo.png) no-repeat; background-position: -333px 5px; }
	div#footer_links a#footer_logo_facebook:hover{background-position: -333px -85px;}




/*-----------------------------*/
/* 7. ACCESSIBILITY */
/*-----------------------------*/

/* 7.1 clearing */ 
.clear{clear:both; height:1px; margin:0; padding:0; font-size: 15px; line-height: 1px;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix{display: inline-block; width:100%;}
* html .clearfix {/* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }

/* 7.2 accessibility */ 
.accessibility { position: absolute; top: -999em; left: -999em;}