/*---------- GENERAL ----------*/

body {
font-size: 62.5%;
line-height: 1.8em;
font-family: Verdana, Helvetica, sans-serif;
color: #4b0082;
padding: 0;
margin: 0;
background-color: #eeeeee;
}

a:link {text-decoration: none; color: #00bfff;}
a:visited {text-decoration: none; color: #00bfff;}
a:hover {text-decoration: none; color: #4b0082;}
a:active {text-decoration: none; color: #4b0082;}

.clearBoth { clear: both; }
a img { border: none; }

.right { text-align: right !important; }
.center { text-align: center !important; }

.floatLeftImg {
float: left;
margin: 0 1.8em 0.9em 0;
}
.floatRightImg { 
float: right; 
margin: 0 0 0.9em 1.8em; }

.buffer1 { width: auto; height: 1.8em; }
.buffer2 { width: auto; height: 3.6em; }

.blackText { color: #000000; }
.greyText { color: #444444; } 


/*---------- TYPOGRAPHY ----------*/

p {
font-size: 1.1em;
margin: 0 0 1.63636364em 0; 
}

h1 {
font-size: 2.2em;
margin: 0 0 0.81818182em 0;
font-weight: bold;
letter-spacing: 1px;
}
h2 {
font-size: 2.0em;
margin: 0 0 0.9em 0;
font-weight: bold;
letter-spacing: 1px;
}
h3 {
font-size: 1.5em;
margin: 0 0 1.2em 0;
font-weight: bold;
letter-spacing: 1px;
}
h4 {
font-size: 1.2em;
margin: 0 0 1.5em 0;
font-weight: bold;
letter-spacing: 1px;
}

.mainText {
padding-right: 10px;
}

.smallcapsBlack {
font-size: 1em;
margin: 0;
text-transform: uppercase;
letter-spacing: 1px;
color: #000;
}
.smallcapsBlackBold {
font-size: 1em;
margin: 0;
text-transform: uppercase;
letter-spacing: 1px;
color: #000;
font-weight: bold;
}


/*---------- CORE ----------*/

#wrap {
background-color: #fff;
/*
background-image: url("../images/dls_baseline.png");
background-repeat: repeat;
*/
}

#site {
width: 960px;
height: auto;
padding: 3.6em 3.6em 0 3.6em;
margin: 0 auto;
/*
background-image: url("../images/dls_col16.png");
background-repeat: repeat;
*/
}

#left {
margin-right: 75px;
float: left;
}

#logo {
width: 165px;
height: auto;
padding-bottom: 1.5em;
border-bottom: 1.2em solid #000000;
margin-bottom: 1.8em;
}
.logoDiv {
width: 165px;
height: auto;
margin-bottom: 3.6em
}

#main {
width: 525px;
height: auto;
float: left;
margin-right: 45px;
}

#sidebar {
width: 120px;
height: auto;
float: left;
}
.sidebarDiv {
width: auto;
height: auto;
margin-bottom: 3.6em;
border-top: 1.2em solid #111111;
padding-top: 1.5em;
}

.col2 {
width: 105px;
height: auto;
float: left;
margin-right: 15px;
}
.col3 {
width: 165px;
height: auto;
float: left;
margin-right: 15px;
}

.col3 img {
width: 165px;
height: auto;
}

.col3b {
width: 165px;
height: auto;
float: left;
}

.col6 {
width: 345px;
height: auto;
float: left;
}


/*---------- NAV ----------*/

#nav {
text-align: center;
border-bottom: 1px solid #eeeeee;
margin: 0 0 35px 0;
}

#nav ul {
font-size: 1.2em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.2em;
margin: 0;
padding: 0;
}

#nav li {
display: inline;
list-style-type: none;
list-style-position: outside;
padding-right: 1.2em;
}

#nav li.navOff {
color: #111;
}
#nav li.navOn {
color: indigo;
}
#nav li.navOn a:link {text-decoration: none; color: #4b0082;}
#nav li.navOn a:visited {text-decoration: none; color: #4b0082;}
#nav li.navOn a:hover {text-decoration: none; color: #4b0082;}
#nav li.navOn a:active {text-decoration: none; color: #4b0082;}


/*---------- FOLLOW DAN ----------*/

.followLinks {
font-size: 0.9em;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: bold;
clear: left;
}

.followBox {
padding-right: 5px;
float: left;
}


/*---------- BOTTOM ----------*/

#bottom {
width: auto;
height: auto;
clear: both;
background-color: #eeeeee;
}

#bottomContent {
width: 960px;
height: auto;
padding: 1.8em 0;
margin: 0 auto;
}

#bottomContent a:link {text-decoration: none; color: #00bfff;}
#bottomContent a:visited {text-decoration: none; color: #00bfff;}
#bottomContent a:hover {text-decoration: none; color: #111111;}
#bottomContent a:active {text-decoration: none; color: #111111;}

#botTag {
width: 165px;
height: 165px;
float: left;
margin-right: 75px;
}

.botInfo {
width: 155px;
min-height: 165px; 
height: auto;
padding-right: 10px;
float: left;
margin-right: 15px;
}

.credits {
margin-left: 240px;
width: 585px;
font-size: .9em;
text-transform: uppercase;
letter-spacing: 1px;
color: #708090;
}


/*---------- NEWS ----------*/

.newsListPost1 {
margin-top: 0m;
}
.newsListPost {
margin-bottom: 3.6em;
}
.newsListDate {
font-size: 0.9;
margin: 0 0 2em 0;
color: #708090;
letter-spacing: 2px;
text-transform: uppercase;
}

.newsSinglePost {
}
.newsSingleDate {
}

.image525 {
max-width: 525px;
height: auto;
}


/*---------- VIDEOS ----------*/

.videoVimeo {
width: 525px;
height: 306px;
margin: 0 0 1.8em 0;
}

.videoYouTube {
width: 525px;
height: 342px;
margin: 0 0 1.8em 0;
}

.videoThumb {
}

.videoCC {
width: 525px;
height: 396px;
margin: 0 0 1.8em 0;
}

.videoShow {
width: auto;
height: auto;

padding: 0;
border-bottom: 0.1em solid #708090;
margin-bottom: 3.5em;
}

.videoShowTitle {
font-size: 1.8em;
margin: 0 0 1em 0;
color: #000000;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 0.2em;
}

.showRight {
width: 345px;
height: auto;
float: right;
text-align: left;
}
.showRight img {
width: 345px;
height: auto;
margin: 0 0 1.8em 0;
}

.showLeft {
width: 165px;
height: auto;
float: left;
text-align: left;
margin-right: 15px;
}


/*---------- SHOP ----------*/

.shopContent {
width: 525px;
height: auto;
text-align: center;
padding: 0 1.5em;
margin-bottom: 3.6em;
}

.paypalInfo {
padding: 10px;
color: #000000;
background-color: #eeeeee;
}

.paypalInfo img {
width: auto;
height: 12.6em;
margin: 0 0 1.8em 0;
}