/*GLOBAL SELECTORS*/
body {
margin:0;
background-color:#000;
}

#bodybox {
position: relative;
font-family: arial;
font-size: .8em;
color: #fff;
min-width:845px;
}
#bodybox a {
color:#0f3;
text-decoration:none;
}
#bodybox a.image {
color:#000;
}
#bodybox h2 {
font-size: 1.1em;
margin:0;
padding-top:5px;
color:#0f3;
}
#bodybox p {
margin: 0;
padding: 5px 0;
}

/*HEADER*/
#header {
position:relative;
height:147px;
color:#0f3;
margin:0 5px 0 0;
padding:0;
border-bottom: 5px solid #699;
background-color:#000;
}

#header h1 {
font-size:1.5em;
padding:10px 0 0 15px;
margin:0;
height:37px;
background:url(../images/top1.gif) no-repeat;
}

#header h1 .subHead {
position:absolute;
right:0;
top:8px;
font-size:1.75em;
}

#header ul#headNav {
height:100px;
list-style-type:none;
padding-left:167px;
margin:0;
}

#header #headNav.default {
background:url(../images/header.jpg) no-repeat;
}
#header .webdev {
background:url(../images/header.jpg) no-repeat;
background-position:0px -100px;
}
#header .illustration {
background:url(../images/header.jpg) no-repeat;
background-position:0px -200px;
}
#header .contact {
background:url(../images/header.jpg) no-repeat;
background-position:0px -300px;
}
#header .kevin {
background:url(../images/header.jpg) no-repeat;
background-position:0px -400px;
}

#header li {
padding:2px 0 0 10px;
border-bottom: 1px solid #699;
border-left: 1px solid #699;
}

#header li.top {
padding-top:5px;
}

#header li a {
display:block;
width:100%;
}

#header a {
font-size:1.25em;
}

/*BODY COMPONENTS*/
#mainsection {
float:left;
margin:10px 210px 0 0;
padding:5px;
border:1px solid #699;
position:relative;
}
#stories {
margin:10px 0;
}
.story {
/*margin:10px 0;*/
padding:0 5px;
border:1px solid #699;
margin-bottom:10px;
}

#others {
position: absolute;
right: 5px;
width:185px;
margin:10px 0;
padding:5px;
border:1px solid #699;
}
#others h2 {
padding:0;
display:block;
width:100%;
border-bottom:1px solid #699;
}
#others ul {
margin:0;
padding:3px 0 0 17px;
}
#others li {
list-style-image:url(../images/brains.jpg);
}
#others li.active {
list-style-image:url(../images/brains_dead.jpg);
}
#footer {
clear: both;
text-align:center;
font-size: .85em;
color: #0f3;
}

.bodyLink {
color: #ff0;
}

.bodyLink:visited {
color: #ff0;
}

.story a {
font-size: 1em;
text-decoration: underline;
}

.filler {
line-height: 0px;
height: 5px;
clear: both;
}

.overlayBox {
position: absolute;
border: 1px solid #699;
padding: 5px;
background: #000;
}

/*GALLERY*/
#gallery-build #mainsection {
width:1000px;
}
#gallery_bodybox #mainsection {
width:auto;
text-align:center;
}
#intro {
background:url(../images/gallery_images.jpg) no-repeat;
height:230px;
padding-left:300px;
}
#intro ul li {
list-style-image:url(../images/pencil.jpg);
}
#gallery_nav {
width:auto;
text-align:center;
margin:5px 0;
clear:both;
}
#carousel-container {
height: 432px;
width: 336px;
overflow: hidden;
float: left;
position:relative;
}
#carousel {
margin: 0;
padding: 0;
top: 0px;
position: relative;
overflow:hidden;
}
#carousel li {
list-style-type: none;
}
#carousel-links {
float:left;
width:230px;
padding-top: 5px;
text-align:right;
}
#carousel-links a {
border:1px solid #000;
}
#carousel-control {
float:left;
margin:150px 0 0 5px;
}
#carousel-control a {
display:block;
}
#carousel-control .dots {
line-height:1px;
display:block;
width:5px;
height:5px;
margin:1px;
background:#fff;
}
#carousel-control .active{
background:#0f3;
}