body { 
background-color: #61554c;
background-image: url('../assets/lextempus-top.gif'), url('../assets/lextempus-bg-bottom.png'); 
background-repeat: no-repeat, no-repeat;
background-position: top center, bottom center;
color: #000;
font: 0.8em "Arial","Verdana","Verdana Ref";
line-height: 1.4em;
}

@font-face {
font-family: 'BebasRegular';
src: url('../fonts/bebas__-webfont.eot');
src: local('?'), url('../fonts/bebas__-webfont.woff') format('woff'), url('../fonts/bebas__-webfont.ttf') format('truetype'), url('../fonts/bebas__-webfont.svg#webfontwQPmRsYm') format('svg');
font-weight: normal;
font-style: normal;
}

div#nav {
width: 100%;
height: 32px;
background: url('../assets/nav.png');
background-repeat: repeat-x;
border-bottom: 2px;
border-color: #000;
}

div#container {
width: 914px;
margin: auto;
margin-top: -26px;
}

div#nav_links {
float:left;
width: 914px;
clear:both;
}

div#nav_links img {
float:right;
margin:0px 0px 0px 5px;
}

div#nav_links li {
display:inline;
}

div#nav_links li .current {
background-image: url('../assets/current.png');
background-repeat: no-repeat;
background-position: bottom center;
}

div#nav_links li a {
text-align: center;
font-family: 'BebasRegular', sans-serif;
text-transform: uppercase;
float: left;
color: #75685f;
text-decoration: none;
height:45px;
padding: 0px 15px 0px 15px;
border-style: none;
}

div#nav_links li a:hover {
color:#aea097;
border-style: none;
}

img.logo {
display:block;
margin-left: auto;
margin-right:auto;
width:582px;
clear:both;
}

div.content {
width: 286px;
float:left;
margin: 20px 15px 20px 0px;
}

div.content dt {
width:115px;
padding: 3px 0px 3px 4px
}

.highlight {
background-image: url('../assets/transbg-pale.png');
}

div.content dd {
margin-left:122px;
padding: 3px 0px 3px 4px
}

a {
color:#690815;
border-bottom:1px dotted #690815;
text-decoration: none;
}

a:hover {
color:#460000;
border-bottom:1px dotted #690815;
text-decoration: none;
}

h1 {
font: 1.9em 'BebasRegular', sans-serif;
text-transform: uppercase;
margin: 0px 0px 8px 0px;
padding: 0px 0px 10px 0px;
word-spacing: 3px;
border-bottom:1px solid rgba(0,0,0,0.5);
}

h2 {
font: 1.9em 'BebasRegular', sans-serif;
text-transform: uppercase;
margin: 0px 0px 8px 0px;
padding: 0px 0px 10px 0px;
word-spacing: 3px;
border-bottom:1px solid rgba(0,0,0,0.5);
}

p {
margin-bottom: 10px;
clear:left;
}

dl {
width:288px;
display:inline;
}

dt {
float: left;
color: #877a71;
width: 100px;
clear: left;
display: block;
}

dd {
margin-left: 100px;
display: block;
}

a.twitlink {
color:#75685f;
text-decoration: none;
font-style: italic;
border:none;
margin: 0px 0px 10px 0px;
}

hr {
color: rgba(0,0,0,0.5);
border-bottom: none;
border-right: none;
border-left: none;
clear:both;
}

a.button {
width:135px;
height:23px;
display:block;
background-image: url('../assets/transbg.png');
border:1px solid #000;
font: 1.0em 'BebasRegular', sans-serif;
padding-top: 2px;
color: #000;
text-align: center;
margin: 2px;
float:left;
}

a.large {
width:286px;
}

a.large2 {
width:278px;
height:30px;
padding-top: 5px;
font: 1.2em 'BebasRegular', sans-serif;
}

a:hover.button {
background-image: url('../assets/transbg-hover.png');
border:1px solid #000;
}

div.content-next {
float:left;
margin: 20px 0px 10px 15px;
display:inline;
width:600px;
}

div.content-contact {
float:left;
margin: 25px 0px 30px 25px;
display:inline;
width:600px
}

div.next-left {
float:left;
display:inline;
margin: 25px 0px 25px 0px;
max-width: 288px;
}

div.next-copy {
float:left;
width: 288px;
}

div.previous-copy {
float:left;
width:435px;}

h2.noline {
border: none;
margin: 0px;
float:left;
clear:both;
word-spacing: 3px;
padding: 0px 0px 5px 0px;
}

h3 {
color: #690815;
margin: 0px 0px 8px 0px;
padding: 0px 0px 7px 0px;
border-bottom:1px solid rgba(0,0,0,0.5);
clear:both;
}

h4 {
width:288px;
color: #690815;
margin-top: 10px;
}

label {
width: 4em;
height:20px;
float: left;
text-align: left;
margin-right: 0.5em;
margin-top: 3px;
display: block;
color: #877a71;
}

input, textarea {
width:490px;
display:block;
background-color: #61554c;
background-image: url('../assets/transbg.png');
border:1px solid #000;
padding: 2px;
color: #75685f;
margin: 2px 2px 2px 42px;
float:left;
}

.submit input {
width:135px;
height:23px;
display:block;
background-image: url('../assets/transbg.png');
background-color: #61554c;
border:1px solid #000;
font: 1.0em 'BebasRegular', sans-serif;
padding: 0px 0px 2px 0px;
color: #000;
text-align: center;
margin-left: 100px;
float:left;
} 

.submit input:hover {
background-image: url('../assets/transbg-hover.png');
}

/* gallery */

div.photo {
float: left;
width: 575px;
height: 360px;
background-image: url('../assets/transbg.png');
border:1px solid #000;
padding:40px 15px 30px 15px;
margin-bottom: 30px;
}

img.photoactual {
display:block;
margin-left: auto;
margin-right:auto;
height: 325px;
}

div.photowrapper {
display:inline;
margin:10px;
height:325px;
width:475px;
float:left;
}

div.thumbnav {
float: left;
width: 288px;
height: 431px;
margin: 0px 0px 30px 10px;
}

img.thumb {
border:1px solid #000;
width: 67px;
height: 67px;
display: inline;
float: left;
margin: 0px 3px 3px 0px;
}

img.left {
margin: 160px 0px 0px 5px;
float:left;
display:inline;
}

img.right {
margin: 160px 0px 0px 5px;
float:right;
display:inline;
}

img.rightnext {
margin: 10px 0px 10px 10px;
float:right;
display:inline;
}

p.pagenumber {
font: 1.2em 'BebasRegular', sans-serif;
text-transform: uppercase;
color: #000;
text-decoration: none;
border-style: none;
display:inline;
float:left;
margin:0px;
}

p.pagenumber a {
color: #690815;
}

a.spotify {
height: 113px;
width: 289px;
background-image: url(../assets/spotify.png);
background-position: 0px 0px;
margin: 20px 0px 10px 15px;
float: left;
}

a:hover.spotify {
background-position: 0px -113px;}

div#content-playlists {
float:left;
margin: 20px 10px 10px 0px;
display:inline;
width: 578px;
}

hr.clear {
border: none;
clear:both;
}

div#content h1 {
color:#fff;
margin-bottom: 10px;
border:none;
}