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

/** Sol CSS **/

@font-face {
    font-family: 'MEgalopolisExtraRegular';
    src: url('../fonts/megalopolisextra-webfont.eot');
    src: url('../fonts/megalopolisextra-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/megalopolisextra-webfont.woff') format('woff'),
         url('../fonts/megalopolisextra-webfont.ttf') format('truetype'),
         url('../fonts/megalopolisextra-webfont.svg#MEgalopolisExtraRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/** General **/

/**@media screen and (max-width: 600px) {

#container 		{ 	
				position: relative; 
				margin: 0 auto;  
				width: 320px;
				text-align:center;
				}

}**/


/** Media queries **/				
				
/**@media screen and (min-width: 600px) { **/


body 			{			
				font-size: 100%; 
				font-family: 'Arial','Lucida Grande','Lucida Sans Unicode',sans-serif;
				margin: 0;
				padding: 0;
				background: #fff;
				/**background-image: url(../display_images/bg-gradient-1.png);**/
				background-repeat:repeat-x;
				}

h1 				{			
				font-family: 'MEgalopolisExtraRegular', 'Arial','Lucida Grande','Lucida Sans Unicode',sans-serif;
				margin: 20px 0 0 0; 
				padding: 0 0 10px 0; 
				font-size: 2.1em; 
				color: #222;
				letter-spacing: -0.04em;
				text-transform:uppercase;
				font-weight: normal;
				}
				
.heading1-large		{
			font-size: 6em;
			line-height: 1;
}		
				
				
				
.intro 				{			
				font-family: 'Arial','Lucida Grande','Lucida Sans Unicode',sans-serif;
				margin: 5px 0 0 0; 
				padding: 0 0 15px 0; 
				font-weight: bold; 
				font-size: 2.2em; 
				color: #ff6e00; 
				letter-spacing: -0.04em;
				border-bottom: 1px solid #ccc;
				}
						
h2				{ 
				font-family: 'MEgalopolisExtraRegular', 'Arial','Lucida Grande','Lucida Sans Unicode',sans-serif;
				font-weight: normal;
				font-size: 1.5em; 
				margin: 10px 0 0 0;
				padding: 0px 0px 0px 0px;
				color: #222;		
				}
				
#content h2		{ 
				margin: 30px 0 0 0;		
				}
				
h4				{ 
				font-family: 'MEgalopolisExtraRegular', 'Arial','Lucida Grande','Lucida Sans Unicode',sans-serif;
				font-weight: normal;
				font-size: 1.3em; 
				margin: 0 0 0 0;
				padding: 0px 0px 0px 0px;
				color: #222;		
				}
				
		
p 				{				
				color: #444;
				margin: 0; 
				padding: 0px 0px 0px 0px; 
				font-size: 1em; 
				line-height: 1.5em;
				text-align: left;
				font-style: normal;
				}
		
a, a:link, a:active, a:visited { 
	 			color: #ff6e00; 
				text-decoration: none;
				padding: 0px 0px 0px 0px;
				-moz-transition: all 0.2s ease 0s;
				-webkit-transition: all 0.2s ease;
					 
				}	
				  
a:hover 		{ 
				color: #fff; 
				background: #ff6e00;
 				}
 
 
a.navlink 		{
				}
 

img 			{ 
				margin: 0px 0px 0px 0px;
				border: none;
				}
		
img a 			{ 
				margin: 0px 0px 0px 0px;
				border: none;
				}
				
img a hover 	{ 
				margin: 0px 0px 0px 0px;
				border: none;
				background: none;
				}
						
img.emailinner 	{ 
				float: right; 
				margin: -2px 0px 0px 0px;
				}

img.teaserimage { 
				float: right; 
				margin: 0px 0px 0px 0px;
				position: relative;
				}
				
.tagline		{
			 	font-style: italic;
			 	color: #666666;
			 	font-size: 0.9em;
				}
				
img.heading1	{
				padding: 15px 0 0 0;
				}
				
a.smalllink		{
				font-size: 0.8em;
				}
				
.slideshow		{
				margin: 30px 0 0 0;
				}	
				
.video			{
				margin: 25px 0 0 0;
				}	
				
.more 			{
				border-top:1px solid #CCCCCC;
				margin-top: 30px;
				}
				
.content-img-right {
				float:right;
				margin-left:30px !important;
				margin-bottom:30px !important;
				rotation: 4deg;
				-moz-transform: rotate(4deg);
				-webkit-transform: rotate(4deg);
				}	
				
ul, li			{
				padding: 0;
				margin: 0;
				}				
							
				
.subnav 		{
				padding: 0;
				margin: 0 0 40px 0;
				}	
				
.subnav li 		{

				}
				
.subnav li a	{
				display: block;
				border-top: 1px solid #ccc;
				padding: 10px 0px 10px 8px;
				font-weight: bold;
				}				
								
/** Layout **/

div.spacer		{	
				clear:both;  
				display:block; 
				height: 35px;
				}

#container 		{ 	
				position: relative; 
				margin: 0 auto;  
				width: 940px;
				text-align:center;
				}
				
#banner 		{ 		
				font-style: italic; 
				font-size: 1.5em;
				color: #fff;
				background: #fff;
				height: 400px;
				background-image: url(../images/banners/1.jpg);
				margin: 0px 0px 25px 0px;
				position: relative;
				}
				
#bannerinner 	{ 		
				font-style: italic; 
				font-size: 1.5em;
				color: #fff;
				height: 167px;
				background-image: url(../images/banners/inner-4.jpg);
				background-repeat: no-repeat;
				margin: 0px 0px 25px 0px;
				position: relative;
				}

#logo 			{			
				float: left;
				margin: -20px 0px 0px -35px;
				position: relative;
				}
				
#logo a			{
				background: transparent url(../display_images/logo2.png);
				background-repeat: no-repeat;
				display:block;
				width:240px;
				height: 246px;
				-moz-transition: none;
				-webkit-transition: none;
				}
				
#logo a:hover	{
				background-position: 0 -248px;
				}
				
#logoinner 		{			
				float: left;
				margin: -212px 0px 0px -35px;
				position: relative;
				}
				
#logoinner a	{
				background: transparent url(../display_images/logo2.png);
				background-repeat: no-repeat;
				display:block;
				width:240px;
				height: 246px;
				-moz-transition: none;
				-webkit-transition: none;
				}
				
#logoinner a:hover	{
				background-position: 0 -248px;
				}
				
#sambistas		{ 
				float: right; 
				margin: 50px 0px 0px 0px;
				}
				
#sambistas a	{
				background: transparent url(../display_images/sambistas.png);
				background-repeat: no-repeat;
				display:block;
				width:218px;
				height: 45px;
				}
				
#sambistas a:hover		{
				background-position: 0 -45px;
				}
				
#tshirt 		{			
				float: left;
				margin: -19px 5px 0px -25px;
				}	
				
#flyer 			{			
				float: left;
				margin: -25px 5px 0px -25px;
				}	
												
#dancer 		{			
				float: left;
				margin: -56px 5px 0px -10px;
				}	
								
#ontop 			{		
				margin: -425px 0 0 0;
				padding: 0 0 60px 0;
				position: relative;
				}				
				
/** Main Nav **/			
				
#nav 			{			
				float: left;
				margin: 90px 0px 0px 60px;
				height:51px;
				width:807px;
				background-image: url(../display_images/nav-bg.png);
				background-repeat: no-repeat;
				padding: 0px 0px 0px 0px;
				position: relative;
				}
				
#navinner 		{			
				float: left;
				margin: -92px 0px 0px 220px;
				height:51px;
				width:707px;
				background-image: url(../display_images/nav-bg-inner.png);
				background-repeat: no-repeat;
				padding: 0px 0px 0px 0px;
				position: relative;
				}
				
#nav a 			{
				display: block;
				height: 22px;
				text-decoration: none !important;
				}
				
#navinner a 	{
				display: block;
				height: 22px;
				text-decoration: none !important;
				}
				
#menu			{
				margin: 11px 0px 0px 135px;
				position:relative;
				}
				
#menuinner		{
				margin: 11px 0px 0px 80px;
				}
				
#navhome		{		
				display:block;	
				float: left;
				height:22px;
				width:69px;
				}
				
#navhome a		{
				background: transparent url(../display_images/nav/nav-home.png);
				background-repeat: no-repeat;
				display:block;
				width: 69px;
				height: 22px;
				/**background-position: 0 -22px;**/
				}
				
#navhome a:hover	{
				background-position: 0 -22px;
				}
				
#navabout		{		
				display:block;	
				float: left;
				height:22px;
				width:130px;
				}
											
#navabout a		{
				background: transparent url(../display_images/nav/nav-about.png);
				background-repeat: no-repeat;
				display:block;
				width:130px;
				height: 22px;
				}
				
#navabout a:hover	{
				background-position: 0 -22px;
				}
				
#navdance		{		
				display:block;	
				float: left;
				height:22px;
				width:92px;
				}
				
#navdance a		{
				background: transparent url(../display_images/nav/nav-dance.png);
				background-repeat: no-repeat;
				display:block;
				width: 92px;
				height: 22px;
				}
				
#navdance a:hover	{
				background-position: 0 -22px;
				}
				
#navdrum		{		
				display:block;	
				float: left;
				margin: 0px 0px 0px 0px;
				height:22px;
				width:89px;
				}
				
#navdrum a		{
				background: transparent url(../display_images/nav/nav-drum.png);
				background-repeat: no-repeat;
				display:block;
				width: 89px;
				height: 22px;
				}
				
#navdrum a:hover	{
				background-position: 0 -22px;
				}
				
#navgigs		{		
				display:block;	
				float: left;
				margin: 0px 0px 0px 0px;
				height:22px;
				width:77px;
				}
				
#navgigs a		{
				background: transparent url(../display_images/nav/nav-gigs.png);
				background-repeat: no-repeat;
				display:block;
				width: 77px;
				height: 22px;
				}
				
#navgigs a:hover	{
				background-position: 0 -22px;
				}
				
#navmusic		{		
				display:block;	
				float: left;
				margin: 0px 0px 0px 0px;
				height:22px;
				width:169px;
				}
				
#navmusic a		{
				background: transparent url(../display_images/nav/nav-music.png);
				background-repeat: no-repeat;
				display:block;
				width: 169px;
				height: 22px;
				}
				
#navmusic a:hover	{
				background-position: 0 -22px;
				}
				
/** End of Main Nav **/	

#maincontent	{
				background: #333;
				clear:both; 
				}
				
#infopane 		{
				width: 301px;
				padding: 0px 0px 0px 10px;
				margin: 0px 40px 0px 0px;
				float: left;
				text-align: left;
				font-size: 0.8em;
				}
				
#infopane2		{ 	
				color: #fff;
				width: 301px;
				padding: 0px 0px 0px 0px;
				margin: 0px 40px 0px 0px;
				float: left;
				text-align: left;
				font-size: 0.8em;
				}
				
#infopane3		{ 	
				color: #fff;
				width: 237px;
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 0px 0px;
				float: left;
				text-align: left;
				font-size: 0.8em;
				}
				
#maincolumn		{
				width: 622px;
				padding: 0px 0px 0px 10px;
				margin: 10px 60px 0px 0px;
				float: left;
				text-align: left;
				font-size: 0.8em;
				}
				
#maincolumn p	{
				font-size: 1.1em;
				/**colour: #fff;**/
				line-height:1.4em;
				padding: 20px 0px 0px 0px;
				}	
				
#maincolumn a:hover {
				background: #ff6e00;
				}	
				
#content 		{
				margin: 0 0 10px 0;
				}	
				
#content img	{
				padding: 6px;
				margin: 25px 0 0 0;
				border: 1px dashed #ccc;
				-moz-box-shadow: 0px 0px 4px #d0d0d0; /* FF3.5+ */
  				-webkit-box-shadow: 0px 0px 4px #d0d0d0; /* Saf3.0+, Chrome */
          		box-shadow: 0px 0px 4px #d0d0d0;
				}	
	
#listing		{
				margin: 15px 0px 15px 0px;
				
				}	
				
#listing a:hover 	{
				background: #ff6e00;
				}
				
#nextgig			{
				border-top: 1px solid #ccc;
				padding: 15px 0px 15px 0px;
				margin: 15px 0px 0px 0px;
				}
				
								
#nextgig a:hover 	{
				background: #ff6e00;
				}	
				
#nextgig h2	 	{
				font-size: 1.7em;
				}
				
#gig			{
				border-top: 1px solid #ccc;
				padding: 15px 0px 15px 0px;
				}
				
.quote			{
				border-top: 1px solid #ccc;
				margin: 40px 0 0 0;
				padding: 15px 0px 15px 0px;
				font-size: 1.3em;
				font-family: georgia;
				font-style: italic;
				line-height: 1.4em;
				color: #FF6E00;
				}
				
		
				
.teaser-block 	{
				display: block;
				height: 105px;
				background: #fff8ed;
				margin: 0px 0px 30px 0px;
				border: 1px dashed #bbb;
				padding: 15px 10px 0px 10px !important;
				-moz-box-shadow: 0px 0px 4px #d0d0d0; /* FF3.5+ */
  				-webkit-box-shadow: 0px 0px 4px #d0d0d0; /* Saf3.0+, Chrome */
          		box-shadow: 0px 0px 4px #d0d0d0;
				}
				
.teaser-block p {
				font-size: 1.2em;
				line-height:1.3em;
				padding: 10px 100px 0px 0px;
				}
				
.teaser-block p span {
				font-weight: bold;
				color: #FF6E00;
				}

.teaser-block:hover 	{
				background: #fefbf6;	
				-moz-box-shadow: 0px 0px 4px #888888; /* FF3.5+ */
  				-webkit-box-shadow: 0px 0px 4px #888888; /* Saf3.0+, Chrome */
          		box-shadow: 0px 0px 4px #888888;
          		border: 1px dashed #666;			
				}
				
				
#contact		{
				clear: both;
				background-image: url(../display_images/footer-bg.png);
				background-repeat: no-repeat;
				height: 64px;
				padding-top: 18px;
				padding-bottom: 0px;
				font-size: 1.2em;
				}	
				
#contact a:hover 	{
				background: #ff6e00;
				}							
				
#footer 		{ 		
				width:auto; 
				font-size: 0.7em;
				font-style: normal; 
				padding: 10px 0 15px 10px
				}
				
#footer a:hover {
				background: #ff6e00;
				}
					
#footer p 		{ 
				padding: 0 0 0 0;  
				}	
				
.info			{
				font-size: 1.1em;
				line-height: 1.3em;
				padding: 6px 0 0 0;
				}
				
/** Flickr badge **/
	
#flickr_badge_uber_wrapper a 		{ 
									border-bottom: none; 
									opacity:0.9;
									}	
		
#flickr_badge_uber_wrapper a:hover 	{ 
									border-bottom: none; 
									background: none;
									opacity:1;
									}			
		
#flickr_badge_uber_wrapper img 		{ 
									padding: 0px 0px 0px 0px;
									margin: 0px 0px 0px 0px;
									border: 2px solid #fff;
									}	
		
#flickr_badge_uber_wrapper img:hover { 
									padding: 0px 0px 0px 0px;
									margin: 0px 0px 0px 0px;
									border: 2px solid #222;
									}	
									
									
									
									
#right_video	{
				margin: 40px 0 0 0;
				}