html {margin:auto; background:#030B15 url(images/grungebg.gif) repeat-x fixed; }
body {margin:0; padding:0; font:normal 12px Arial, Helvetica, Sans-Serif; line-height:1.3em; color:#E1E1E1;  }
body.bgal {margin:0; padding:0; }

#container {width:760px; margin:0 auto; padding:0; position:relative; }

#side {float:right; width:240px; margin:0; }
.socials {width:230px; height:30px; margin-top:40px; padding-left:10px; }
.socials a {float:left; margin:0px; }
.bio {width:30px; height:30px; margin:0; background:url(images/bio.gif) no-repeat; }
.facebook {width:30px; height:30px; margin:0; background:url(images/facebook.gif) no-repeat; }
.twitter {width:30px; height:30px; margin:0; background:url(images/twitter.gif) no-repeat; }
.rss {width:30px; height:30px; margin:0; background:url(images/rss.gif) no-repeat; }
.network {width:30px; height:30px; margin:0; background:url(images/network.gif) no-repeat; }
.artwork { width:240px; height:50px; margin-top:10px; padding:0; background:url(images/artwork.gif) no-repeat; }
.rockstar { width:240px; height:80px; margin:0; background:url(images/rockstar.gif) no-repeat; }
.album {width:240px; height:110px; margin:0; }
.tuneage {width:240px; height:50px; margin-top:20px; background:url(images/tuneage.gif) no-repeat; }
.playlist {width:240px; height:25px; margin:0; }
.playlistbuttons a {float:left; margin:0; }
.button {width:131px; height:25px; padding:0; }
.list p {width:100px; height:25px; margin:0; }
.recent {width:240px; height:65px; margin:20px 0 -15px 0; background:url(images/comments.gif) no-repeat; }
.recomm ul li {width:220px; margin-left:-30px; padding:5px 0; list-style:none; color:#B1A489; border-bottom:1px solid #CDE55D; }

#left {float:right; width:490px; height:100%; margin-right:30px; }
.logo {width:461px; height:112px; margin-top:20px; background:url(images/logo.gif) no-repeat; }
.post, .post404 {width:450px; margin:0; padding:0 20px; }
.posthead {width:450px; margin-top:10px; }
/*.posthead h1 {margin:0 auto; padding-top:17px; color:purple; }*/
.nav {width:200px; height:20px; margin:auto; padding:0; }
.newer {float:right; width:65px; height:20px;}
.older {float:left; width:65px; height:20px; }
.content {text-indent:10px; text-align:justify; margin:0 auto; }
.content img {margin-top:10px; }
.content img.left { margin:0 1.1538em 0 0; float:left; clear: left; }
.content img.right { margin:0 0 0 1.1538em; float:right; clear:right; }
.content img.center { display:block; margin:1.5385em auto; clear:both; }
.postmeta {width:413px; font-size:12px; margin-top:10px; padding:0; }
.foot {width:100%; height:20px; margin:20px 0; padding-top:10px; text-align:center; border-top:1px solid #B1A489; }

#networks {float:right; width:100%; margin-top:20px; padding:0; }
.row {margin:0 0 15px 15px; }
.row a {width:225px; height:150px; margin-right:15px; }
.pros, .casuals, .ent {margin:0; padding:0 10px; }
.pros a, .casuals a, .ent a {margin-right:15px; padding:0 }

/* GALLERY STUFF -------------------------------------------------- */
#gallery {float:right; width:100%; height:520px; margin:0; padding:0; }
.galnav {width:100%; height:25px; margin:0; }
.galnav div {float:left; list-style-type:none; margin:0; }
.draw {width:129px; height:25px; margin:0; background:url(images/drawings.gif) no-repeat; }
.draw-a {width:129px; height:25px; margin:0; background:url(images/drawings-a.gif) no-repeat; }
.digi {width:96px; height:25px; margin:0; background:url(images/digital.gif) no-repeat; }
.digi-a {width:96px; height:25px; margin:0; background:url(images/digital-a.gif) no-repeat; }
.paint {width:127px; height:25px; margin:0; background:url(images/paintings.gif) no-repeat; }
.paint-a {width:127px; height:25px; margin:0; background:url(images/paintings-a.gif) no-repeat; }
.knot {width:130px; height:25px; margin:0; background:url(images/knotwork.gif) no-repeat; }
.knot-a {width:130px; height:25px; margin:0; background:url(images/knotwork-a.gif) no-repeat; }
.prod {width:147px; height:25px; margin:0; background:url(images/production.gif) no-repeat; }
.prod-a {width:147px; height:25px; margin:0; background:url(images/production-a.gif) no-repeat; }
.video {width:80px; height:25px; margin:0; background:url(images/video.gif) no-repeat; }
.video-a {width:80px; height:25px; margin:0; background:url(images/video-a.gif) no-repeat; }

/* ------------------------------------------ */
.galinfo {width:100%; height:460px; margin-top:15px; padding:0; }
.thumbs {position:relative; margin:auto; padding:0; list-style-type:none; }
.thumbs a {float:left; margin-top:410px; padding:0; }
#foot {float:right; width:100%; height:15px; margin-top:20px; padding:5px 10px 0 0; border-top:1px solid #B1A489; text-align:right; }
/* ------------------------- */
.thumblandscape img, .thumbportrait img, .thumbsquare img {display:block; margin-left:8px; border:1px solid #E1E1E1; }
.thumblandscape:hover img, .thumbportrait:hover img, .thumbsquare:hover img {border:1px solid #030B15; }
.thumblandscape span img {width:400px; height:250px; }
.thumbportrait span img {width:262px; height:380px; }
.thumbsquare span img {width:350px; height:350px; }
/* ------------------------- */
.thumblandscape span, .thumbportrait span, .thumbsquare span {visibility:hidden; position:absolute; top:-1px; left:-1px; }
.thumblandscape span img {float:left; margin:30px 37px 0 2%; /*border:1px solid #030B15;*/ }
.thumblandscape:hover span {visibility:visible; top:30px; left:0; width:680px; color:#E1E1E1; }
.thumbportrait span img {float:left; margin:-25px 101px 0 13%; /*border:1px solid #030B15;*/ }
.thumbportrait:hover span {visibility:visible; top:30px; right:-235px; width:680px; color:#E1E1E1; }
.thumbsquare span img {float:left; margin:-10px 61px 0 6%; /*border:1px solid #030B15;*/ }
.thumbsquare:hover span {visibility:visible; top:30px; right:-235px; width:680px; color:#E1E1E1; }

#comments {width:300px; margin-top:20px; }
#replies {width:400px; }
#commentform input {width:95%; padding:0 5px; margin-bottom:3px; background:#E1E1E1; border:none; }
#commentform label {width:auto; padding:0; margin-bottom:3px; background:none; border:none; }
#commentform textarea {width:95%; margin-top:10px; padding:5px; color:#030B15; background:#E1E1E1; border:none; }
#commentform #submit {margin:0; padding:0; border:none; background:none; }
#submit {display:block; cursor:pointer; height:20px; margin:0; color:#E1E1E1; }
.alt {margin:0; padding:10px; }
.commentlist {padding:0; text-align:justify; }
.commentlist li {margin-top:10px; padding:0; list-style:none; border-bottom:1px solid #E1E1E1; }
.commentlist p {margin-top:5px; }
#commentform p {margin:0; }
.nocomments {text-align:center; margin:0; padding:0; }
.commentmetadata {margin:0; display:block; }
li.author span.author_meta a {color:#CDE55D; }

h1, h2, h3, h4, h5, .date, .postmeta {font-family: Baskerville, Serif; font-style:italic; font-weight:bold; }
h1, h2 {font-size:18px; margin:0; padding:0; }
h3 {font-size:14px; margin:0; padding:0; }
h4 {font-size:16px; margin:0; padding:0; line-height:1.0em; color:#CDE55D }
h5 {font-size:14px; margin-bottom:5px; padding:0; }
small {font-size:11px; margin:0; padding:0; color:#B1A489; }
font {font:italic bold 18px Baskerville, Serif; line-height:1.1em; }
.date {width:403px; font-size:12px; padding-left:10px; color:#B1A489; }
a, h1 a, h2 a, h3 a {font-weight:bold; line-height:1.2em; text-decoration:none; color:#E1E1E1; }
a:hover {color:#CDE55D; }
a img {border-width:0; border-style:none; margin-top:3px; }
.center {text-align:center; }
.left {text-align:left; }
.right {float:right; text-align:right; }