/*
*
*	La Luna
*	Copyright 2010, Created by Asprey Creative
*
*/

@font-face {
	font-family: 'DINProLight';
	src: url('../fonts/dinpro-light-webfont.eot');
	src: local('☺'),
		url('../fonts/dinpro-light-webfont.woff') format('woff'), 
		url('../fonts/dinpro-light-webfont.ttf') format('truetype'),
		url('../fonts/dinpro-light-webfont.svg#webfontjmFr7yfc') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DINProRegular';
	src: url('../fonts/dinpro-regular-webfont.eot');
	src: local('☺'), 
		url('../fonts/dinpro-regular-webfont.woff') format('woff'),
		url('../fonts/dinpro-regular-webfont.ttf') format('truetype'),
		url('../fonts/dinpro-regular-webfont.svg#webfont5ZTQut6f') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* GLOBAL */
html,body{
    height:100%;
    margin:0;
    padding:0;
}

body {
	display: block;
	font-family: 'DINProLight', Trebuchet MS, Arial, san-serif;
	background: url('../images/background.jpg') no-repeat top center fixed #666666;
	font-weight: normal;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #fff;
}

#container {
	display: block;
	margin: 10px auto 10px;
	width: 900px;
}

/* NAVIGATION */

#left-column {
	float: left;
}

#nav {
	background: url('../images/bg-black.png') repeat;
	width: 100%;
	margin: 0;
	padding: 10px 0;
	line-height: 30px;
}

#nav-link {
	width: 150px;
	padding-left: 10px;
	padding-top: 5px;
	margin: 0;
	vertical-align: middle;
	display: block;
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.functions {
	margin-top: 5px;
}

#nav-link:hover {
	background: #ff840d;
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

/* LINKS */

a:link {
border: 0;
text-decoration: none;
color: #ff840d;
}

a:visited {
color: #ff840d;
border: 0;
text-decoration: none;
}

a:hover {
color: #ff840d;
border: 0;
text-decoration: underline;
}

a:active {
color: #ff840d;
border: 0;
text-decoration: none;
}



img {
border: 0;
padding: 0;
margin: 0;
}


.social-links {
padding: 5px 10px 0px 10px;
}

#map_div {
width: 362px;
height: 545px;
float: right;
}

.maps-desc {
color: #666;
padding: 0;
}

.maps-desc li {
list-style-type: none;
}

/* CONTENT */

#content {
	float: left;
	width: 690px;
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 20px;
	background: url('../images/bg-black.png') repeat;
	min-height: 558px;
	font-size: 14px;
}

#text {
	float: left;
	width: 300px;
}

#text2 {
	float: left;
	margin-top: 10px;
}

#text-across {
	width: 100%;
}

h1 {
	font-family: 'DINProRegular', Trebuchet MS, Arial, san-serif;
	font-size: 36px;
	color: #ff840d;
	padding: 0;
	margin: 0;
	letter-spacing: -2px;
	font-weight: normal;
}

h2 {
	font-family: 'DINProRegular', Trebuchet MS, Arial, san-serif;
	font-size: 16px;
	color: #ff840d;
	padding: 0;
	margin: 0;
	letter-spacing: 0px;
	font-weight: normal;
}

#filler {
	float: left;
	width: 100%;
}

/* SLIDER */
#slider {
	float: right;
    width: 362px;
    height: 545px;
    background: url('images/loading.gif') #232323 no-repeat 50% 50%;
    -moz-box-shadow:0px 0px 5px #333;
    -webkit-box-shadow:0px 0px 5px #333;
    box-shadow:0px 0px 5px #333;

}

img.single-shadow {
    -moz-box-shadow:0px 0px 5px #333;
    -webkit-box-shadow:0px 0px 5px #333;
    box-shadow:0px 0px 5px #333;
}

#slider img {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

#slider a {
    border: 0;
    display: block;
}

/* SLIDER HEADER */

#slider-header {
	float: left;
    width: 690px;
    height: 326px;
    background: url('images/loading.gif') #232323 no-repeat 50% 50%;
    -moz-box-shadow: 0px 0px 5px #333;
    -webkit-box-shadow: 0px 0px 5px #333;
    box-shadow: 0px 0px 5px #333;

}

#slider-header img {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

#slider-header a {
    border: 0;
    display: block;
}

/* IMG */
.img-right {
float: right;
padding: 0;
}

.img-left {
float: left;
padding: 0;
margin-right: 10px;
}

.img-center {
	width: 100%;
	text-align: center;
	padding-right: 30px;
}

/* LA LUNATIC */
.month {
width: 100%-20px;
background: #1D1D1B;
color: #ffffff;
text-align: left;
padding: 10px;
margin-top: -4px;
display: block;
height: 20px;
}

.adrian-social {
float: right;
}

.float-left {
float: left;
}
.entry {
font-size: 12px;
padding: 0;
display: table;
margin: 15px 0 15px 0;
width: 100%;
}

.post-content {
float: left;
width: 440px;
}

.post-links {
float: left;
padding-top: 0;
padding-left: 10px;
margin-top: 0;
}

.post-links li {
list-style-type: none;
padding: 0;
padding-bottom: 10px;
line-height: normal;
}

.post-links ul {
padding: 0;
margin: 0;
}

.post-separator {
color: #939393;
background-color: #ff840d;
height: 1px;
border: 0;
}


/* TINY CAROUSEL */
#slider-merch {
width: 100%;
text-align: center;
display: block; 
}

#slider-code a { padding:0, margin:0; }
#slider-code .viewport { width: 680px; height: 271px; overflow: hidden; position: relative; }
#slider-code .viewport img { float: left; margin-right: 5px; }
#slider-code .buttons { display: block; margin-top: 70px; }
#slider-code .next { 	
	background: url('../js/images/arrows.png') no-repeat;
	z-index: 99;
    background-position: -30px 0;
   	position: absolute;
    right: -10px;
    width: 30px;
    height: 126px;
    }
#slider-code .prev {
	background: url('../js/images/arrows.png') no-repeat;
	z-index: 99;
	position: absolute;
	left: -10px;
	width: 30px;
    height: 126px;
}    
#slider-code .disable { 
	visibility: hidden;
}
#slider-code .overview { overflow: hidden; width: 680px; list-style: none; padding: 0; margin: 0;  position: absolute; left: 0; top: 0; display: inline-block;}
#slider-code .button-holder { width: 680px; position: relative }
#slider-code .overview li{ float: left; margin-right: 3px; padding: 0px; height: 271px; width: 680px; display: inline-block;}


#slider-code .pager { overflow:hidden; list-style: none; padding:0; width: 100%; margin: 10px auto 10px; display: inline-block;}
#slider-code .pager li { margin: 10px auto 10px; display: inline-block;}
#slider-code .pagenum { text-align:center; display: block; padding:0; margin-right:5px; vertical-align: middle;  }
#slider-code .active { border: 1px solid #ff840d; width: 66px; height: 50px; }

.merch-desc {
float: left;
width: 300px;
height: 271px; 
display: block;
text-align: left;
background: #1D1D1B;
padding: 20px;
}

.opening-hours {
float: left;
width: 300px;
}