/* main.css
-----------------------------------------------

Site: fvr.me
Author: Reinier Kuipers
Updated: 02 2009
Updated by: Reinier Kuipers

-

Made by:
Woodenshoes. Tie Your Laces!
www.meetwoodenshoes.com
www.tieyourlaces.com
office@meetwoodenshoes.com

/* color book
----------------------------------------------- */

* {
vertical-align: baseline;
font-weight: inherit;
font-family: inherit;
font-style: inherit;
font-size: 100%;
border: 0 none;
outline: 0;
padding: 0;
margin: 0;
}

/* color book
----------------------------------------------- */

/* handy classes
----------------------------------------------- */

html {
overflow:-moz-scrollbars-vertical;
}

textarea {
overflow:auto;
}

.left {
float: left;
}

.right {
float: right;
}

.debug {
border: 1px solid red;
}

a:focus,a:hover,a:active {
outline: none
}

.clear {
clear: both;
}

/* layout
----------------------------------------------- */

body {
width: 100%;
}

#header {
display: block;
width: 100%;
height: 92px;
background: #2d1744;
border-bottom: 8px solid #ebebeb;
color: #ebebeb;
letter-spacing: 2px;
text-transform: uppercase
}

#header a#logo {
display: block;
width: 240px;
height: 92px;
background: url(../img/logo.jpg) no-repeat;
text-indent: -9999px
}

#header span.info {
position: absolute;
right: 26px;
top: 39px
}

#header span.info a {
background: #452f5c;
border: 1px solid #452f5c;
padding: 2px 5px 2px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #eae1f4;
text-decoration: none;
}

#header span.info a:hover {
border: 1px solid #6f5a85;
}

#content ul {
list-style: none;
}

#content ul li {
display: block;
width: 100%;
border-bottom: 1px solid #dbdbdb;
padding: 15px 0 15px 56px;
background: url(../img/link.png) 26px 34px no-repeat
}

#content ul li a {
display: block;
width: 100%;
color: #959595;
text-decoration: none;
}

#content ul li a:hover {
color: #636363;
}

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

/* links
----------------------------------------------- */

/* lists
----------------------------------------------- */

/* typography
----------------------------------------------- */

body {
font: 11px/1.5 "Lucida Grande", "Helvetica Neue", "Arial", sans-serif
}

#content ul li {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 300;
font-size: 3em;
}

/* forms
----------------------------------------------- */

input[type="submit"]{
cursor: pointer;
}

/* external resources
----------------------------------------------- */