html {height: 100%; font-family:"century gothic"; color:#DAD1EF; font-size:.85em}
body {margin:0; padding:0; background:#ffffff url(./../images/assets) repeat-x top center; font:normal 100% Arial,Helvetica,sans-serif}
/* site formatting */
#container {width:800px; position:absolute; left:50%; top:10px; margin-left:-400px}
#menu {width:800px; height:125px; text-align:center; margin-top:20px}
#wrapper {position:relative; top:-50px; z-index:1; margin:0; padding:0}
#pagemark {width:700px; height:41px; background: url(./../images/bubble-sel.png) no-repeat center bottom; margin:0 50px 0 50px; padding:0}
#bubble-top {width:800px; height:13px; background: url(./../images/bubble-top.png) no-repeat center bottom; margin:0px; padding:0}
#bubble-mid {width:800px; min-height:530px; background:#171616 url(./../images/bubble-mid.png) no-repeat center top; margin:0; padding:2px 0; border:0px solid white}
#bubble-btm {width:800px; height:13px; background: url(./../images/bubble-btm.png) no-repeat center bottom; margin:0px; padding:0}
#footer {width:800px; position:absolute; bottom:-18px; text-align:center; font:verdana; color:#000; font-size:11px}
#footer a {color:#000}
#footer a:hover {text-decoration:none; position:relative; bottom:-2px;}
#welcome {position:absolute; top:0; left:0; background:#ffffff; width:100%; height:100%; margin:0; padding:0;}
#welcome .cnr {position:absolute; top:0; left:0; width:50%}
#welcome .bottom {position:absolute; bottom:0; width:100%}
#welcome .message {position:absolute; left:50%; margin-left:-40%; width:80%}
#welcome a {position:absolute; top:10px; right:10px; color:#000; font-size:1em}
#welcome a:hover {position:absolute; top:10px; right:5px; color:#981f13; font-size:1em}
/* general formatting */
a {text-decoration:none; color:#aaa}
a:focus, a:hover {outline:none; color:#ff5e8f}
q {quotes: """ """; margin-left:43px; font-style:oblique; color:#3C3C3C; font-size:0.85em}
q a {font-style:oblique; color:#3C3C3C}
q a:hover {font-style:oblique; color:#A7C974}
h, h1, h2 {text-transform:uppercase}
h1 {color:#a7c986; font-size:2.5em; margin:25px 45px 0}
h2 {color:#a7c986; font-size:1em}
.clear {clear:both}
/* main page formatting */
#main {padding:10px 40px 10px}
#main .maininfo {float:right; width:480px; padding-left:10px}
#main .title {float:right; color:#a7c986; font-size:1.2em; border-bottom: 1px #3c3c3c solid; width:455px; padding:0 2px 1px; margin:0 0 10px 0; text-align:right}
#main .text {font-size:.95em; text-align:right; padding-bottom:30px}
#main .subtext {text-align:right; padding-bottom:20px; width:220px; float:right; margin-left:20px}
#main .subtitle {float:right; font-size:1em; width:220px; color:#a7c986; font-size:1em; border-bottom: 1px #3c3c3c solid; padding:0 2px 1px; margin:0 0 10px 0; text-align:right}
#main .subline {font-size:.95em; text-align:right; width:220px; float:right; margin-left:20px; color:#ffffff}
#main .subtext p {font-size:.85em; color:#3c3c3c}
#main .titleimg {float:right; color:#a7c986; font-size:1.2em; border-bottom: 1px #3c3c3c solid; width:436px; padding:0 2px 1px; margin:0 0 5px 0; text-align:right}
#main .images {position:absolute; bottom:40px; right:40px; width:450px;}
#main .latestmix {float:left; width:200px; height:370px; border: 1px #545353 solid; text-align:center; position:relative; top:30px; background: url(./../images/dia_bg.png) repeat center bottom;}
#main .mainbox {position:relative; display:block; overflow:hidden; height:170px; width:170px; border:5px #545353 solid; margin:10px}
#main .mainovr {position:relative; display:block; overflow:hidden; height:170px; width:170px; border:5px #ffa500 solid; margin:10px; background: #171616}
#main .mainbox img {height:170px; width:170px; margin:0}
#main .mainovr img {filter:alpha(opacity=60); opacity:0.6; height:170px; width:170px; margin:0}
#main .mainovr p {position:absolute; top:-10px; right:8px; z-index:10; color:#ffa500; font-family:Verdana; text-align:right; font-weight:bold}
#main .frontbox {float:left; position:relative; display:block; overflow:hidden; height:65px; width:65px; border:5px #3c3c3c solid; margin:10px}
#main .frontovr {float:left; position:relative; display:block; overflow:hidden; height:65px; width:65px; border:5px #ffa500 solid; margin:10px}
#main .frontbox img {height:65px; width:65px; margin:0}
#main .frontovr img {filter:alpha(opacity=50); opacity:0.5; height:70px; width:70px; margin:0}
#main .frontovr p {position:absolute; top:-15px; right:4px; z-index:10; color:#ffa500; font-family:Verdana; text-align:right}
/* Contact Form */
#contact {padding:35px 40px 10px}
#contact .image {position:absolute; top:300px; left:10px}
#contact .title {float:right; color:#a7c986; font-size:1em; border-bottom: 1px #3c3c3c solid; width:500px; padding:0 2px 1px; margin:0 0 10px 0; text-align:right}
#contact .text {float:right; border-bottom: 1px #3c3c3c dashed; width:500px; padding-bottom:10px; margin-bottom:50px; text-align:left}
#contact .message {padding:30px 0 30px}
#contact .phone {padding:5px 25px;}
#contact .email {padding:5px 25px}
#contact span {color:#aaa}
#form {float:right; text-align:right}
form {width:500px; padding:0; margin:0; float:right; color:#a7c986; font-weight:bold}
form input {margin:0; padding: 5px 0 4px 90px; background: url(./../images/dia_bg.png) repeat; border:1px solid #3c3c3c; width:156px; color:#95AA95}
form label {position: absolute; text-align:right; width:80px; padding-top:7px; font-size:12px; font-family:verdana;}
form textarea {margin:3px 0; padding: 5px 0 4px 40px; width:458px; height:60px; background: url(./../images/dia_bg.png) repeat; border:1px solid #3c3c3c; color:#95AA95}
form .submit {background:#171717; margin:0; padding:5px; border:1px solid #3c3c3c; width:500px; color:#3c3c3c; font-weight:bold}
form .submit:hover {margin:1px 0; padding:5px; border:1px solid #3c3c3c; width:500px; font-weight:2}
/* Journal Page */
#blog {padding:30px 40px 10px}
#blog .image {position:absolute; top:300px; left:10px}
#blog .quote {position:absolute; bottom:60px; left:35px; width:150px; text-align:center; font-style:oblique; color:#3C3C3C; font-size:0.85em}
#blog .note {color:#a7c986; font-size:.7em; padding-top:4px; margin:0; position:absolute; right:45px; top:150px}
.sc_menu_wrapper .title {color:#a7c986; font-size:1em; border-bottom: 1px #3c3c3c solid; width:549px; padding:40px 2px 1px; margin:0 0 10px; text-align:right}
.sc_menu_wrapper .title q {quotes:"" "'"; font-size:.7em; float:left; padding-top:4px; margin:0}
.sc_menu_wrapper .text {float:right; border-bottom: 1px #3c3c3c dashed; width:550px; padding-bottom:10px; margin-bottom:50px; text-align:left}
.sc_menu_wrapper {height:428px; width:550px; overflow:auto; float:right; border-top: 1px #3c3c3c solid}
.sc_menu_wrapper .link {display:block; float:right; font-size:12px; padding-top:10px;}
.sc_menu_wrapper .loading {display:none}
/* Links Page */
#links {padding:25px 40px 10px}
#links .title {float:right; color:#a7c986; font-size:1em; border-bottom: 1px #3c3c3c solid; width:300px; padding:0 2px 1px; margin:0 0 10px 0; text-align:right}
#links .left {float:left; border-bottom: 1px #3c3c3c dashed; width:360px; padding:0 0 10px; margin:0; text-align:right}
#links .right {float:right; border-bottom: 0px #3c3c3c solid; width:304px; padding:10px 0; margin:0; text-align:right}
/* Video Section */
#videotxt {padding:55px 40px 10px}
#videotxt .frame {position:relative; display:block; float:left; margin:0 20px 100px 0; width:180px; height:90px; text-align:center;}
#videotxt img {width:150px; border:5px #3c3c3c solid}
#videotxt p {position:relative; top:-10px; z-index:1; color:#3c3c3c; font-family:Verdana; text-align:center; width:180px; font-size:0.85em}
/* Gallery Section */
#gallery {padding:10px 0 0}
#gallerytxt {padding:35px 40px 10px}
#gallerytxt .frame {position:relative; display:block; float:left; margin:6px}
#gallerytxt .imagebox {overflow:hidden; height:100px; width:100px; border:5px #3c3c3c solid}
#gallerytxt .hoverbox {overflow:hidden; height:100px; width:100px; border:5px #ffa500 solid}
#gallerytxt .imagebox img {margin-top:-1px; margin-left:-1px}
#gallerytxt .hoverbox img {filter:alpha(opacity=20); opacity:0.2}
#gallerytxt .hoverbox p {position:absolute; top:0px; right:10px; z-index:10; color:#ffa500; font-family:Verdana; text-align:right}
#gallerytxt q {position:absolute; bottom:-20px; right:0; z-index:1; color:#3c3c3c; font-family:Verdana; text-align:center; width:110px}
/* Mixes Page */
#mixes {padding:15px 40px 10px}
#mixes .pasttracks {float:right; color:#a7c986; font-size:1em; padding:0 2px 1px; margin:0 0 10px; text-align:right; border-bottom: 1px #3c3c3c solid; width:467px}
#mixes .mainalbum {float:left; width:200px; height:380px; border: 1px #545353 solid; text-align:center; position:relative; top:-11px; background: url(./../images/dia_bg.png) repeat center bottom;}
#mixes .mp3box {position:absolute; bottom:70px; right:42px; border-bottom: 1px #3c3c3c solid; width:400px; padding:0 2px 1px; margin:0 8px 5px 0; text-align:right}
#mixes .albumimage {float:right; border: 5px #3c3c3c solid; padding:0px; margin:5px}
#mixes .albumimage img {height:200px; border:0}
#mixes .tracklist {float:left}
#mixes .mainbox {position:relative; display:block; overflow:hidden; height:170px; width:170px; border:5px #545353 solid; margin:10px}
#mixes .mainovr {position:relative; display:block; overflow:hidden; height:170px; width:170px; border:5px #ffa500 solid; margin:10px; background: #171616}
#mixes .mainbox img {height:170px; width:170px; margin:0}
#mixes .mainovr img {filter:alpha(opacity=20); opacity:0.2; height:170px; width:170px; margin:0}
#mixes .mainovr p {position:absolute; top:-10px; right:8px; z-index:10; color:#ffa500; font-family:Verdana; text-align:right}
#mixes .frame {position:relative; display:block; float:right; margin:5px 0 25px 10px}
#mixes .subbox {overflow:hidden; height:90px; width:100px; border:5px #3c3c3c solid}
#mixes .subovr {overflow:hidden; height:90px; width:100px; border:5px #ffa500 solid}
#mixes .subbox img {height:100px; width:100px; margin:0}
#mixes .subovr img {filter:alpha(opacity=10); opacity:0.1; height:100px; width:100px; margin:0}
#mixes .subovr p {position:absolute; top:4px; right:8px; z-index:10; color:#ffa500; font-family:Verdana; text-align:right}
#mixes q {position:absolute; bottom:-15px; right:0; z-index:1; color:#a7c986; font-family:Verdana; text-align:center; width:110px; font-size:0.75em}