/*-- GENERAL --*/
body {  background-color: #000; background-image: url('http://www.adamcline.com/voltron-head.gif'); background-position: left top; background-repeat: no-repeat}
a {  color: #999966; text-decoration: none; text-shadow: 3px 3px 3px #000, 2px 2px 0px #000}
a:hover {  color: #CCCC99; text-decoration: none}
img {  border: none}

/*-- FONTS --*/
h1, .jobtitle {  font-family: Georgia, serif; color: #FFF; text-align: left; font-weight: lighter}
h1 {  font-size: 50px; letter-spacing: 18px; position: absolute; left: 20px; top: 5px; padding: 0; margin: 0; white-space: nowrap}
.jobtitle {  font-size: 25px; letter-spacing: 10px; position: absolute; left: 50px; top: 60px; white-space: nowrap}

h2, h3, .news, .bio, address, .copyright {  font-family: Arial, san-serif; color: #FFF; text-align: left; font-weight: lighter}
h2, address {  font-size: 12px; letter-spacing: 10px}

h3 {  font-size: 16px; letter-spacing: 14px; position: relative; left: 0}

.news {  font-size: 12px; letter-spacing: 1px; color: #a58a1d; text-shadow: 3px 3px 3px #000, 2px 2px 0px #000}
.bio {  font-size: 12px; letter-spacing: 1px; color: #666; margin-right: 20px}
address {  position: absolute; left: 50px; top: 925px; white-space: nowrap; color: #666}
.copyright {  font-size: 10px; letter-spacing: 8px; position: absolute; left: 50px; top: 955px; white-space: nowrap; color: #666}

/*-- SECTIONS --*/
body, #digital, #traditional, #sketch, #comics, #webdesign, #updates, #info {  float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important}
#digital, #traditional, #sketch, #comics, #webdesign, #updates, #info {  position: absolute; left: 0; height: 55px; display: table}

#digital {  top: 100px}
#traditional {  top: 200px}
#sketch {  top: 300px}
#comics {  top: 450px}
#webdesign {  top: 550px}

#updates {  top: 700px; background: transparent; background-color: rgba(0, 0, 0, 0.6);
/* For IE 5.5 - 7*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)"}

#info {  top: 755px; background: #000; height: 255px}

.content {  width: 900px; margin: 20px 0 20px 50px}
.content img {  height: 50px; width: 50px; cursor: pointer; margin-right: 3px}

#alice, #die, #concerned, #beast, #grrl {  float: left; margin-bottom: 20px; margin-right: 3.5px}

hr {  height: 1px; border: 0; background-color: #FFF; width: 95px; margin: 15px auto 15px 0}

/*-- FOOTER --*/
.photo img {  float: left; height: 125px; width: 114px; cursor: auto; margin-right: 20px}

.behance, .linkedin, .deviantart, .facebook {  position: absolute; opacity: 0.2; filter: alpha(opacity = 20)}
.behance:hover, .linkedin:hover, .deviantart:hover, .facebook:hover {  opacity: 1; filter: alpha(opacity = 100)}

.behance {  left: 650px; top: 925px}
.linkedin {  left: 715px; top: 925px}
.deviantart {  left: 780px; top: 925px}
.facebook {  left: 845px; top: 925px}

/*-- SLIMBOX --*/
#lbOverlay {  z-index: 1; position: fixed; left: 0; top: 0; height: 100%; width: 100%; background: #000 left top repeat}

#lbCenter, #lbBottomContainer {  overflow: hidden}
#lbBottomContainer {  z-index: 2; position: absolute}
#lbCenter {  z-index: 3; position: absolute; background-color: #CCCC99; border: 10px solid #666633; padding: 15px}

#lbImage {  position: absolute; background-repeat: no-repeat}

#lbPrevLink, #lbNextLink {  display: block; position: absolute; top: 0; width: 50%; outline: none}
#lbPrevLink {  left: 0}
#lbPrevLink:hover {  background: transparent url('http://www.adamcline.com/prev.gif') center left no-repeat}
#lbNextLink {  right: 0}
#lbNextLink:hover {  background: transparent url('http://www.adamcline.com/next.gif') center right no-repeat}

#lbBottom {  font-family: Arial, san-serif; color: #FFF; text-align: left; font-weight: lighter; font-size: 12px; letter-spacing: 0; background: transparent; padding-top: 50px}
#lbCaption, #lbNumber {  padding-left: 15px}

#lbCloseLink {  display: none; float: right; height: 0; width: 0; background: transparent url() center no-repeat; margin: 5px 0; outline: none}
.lbLoading {  display: none; background: #CCCC99 url() center no-repeat}