*:focus{outline:0px;}

.frame {
  height:100%;
  position:relative;
  z-index:1;
}

.spacer {height:4%;}

html{
  height:100%;
}

body {
  height:100%;
  overflow:hidden;
  color:#333;
  line-height:1.25em;
  font-family:helvetica, arial, sans-serif;
  margin:0px;
  min-width:600px;
  padding:0px;
  background-position:center center;
  background-attachment:fixed;
  background-image:url('default/bg.png');
}

h3 {
  margin:0px 0px 15px 0px;
  font-size:24px;
  font-family:georgia, times, sans-serif;
  color:#444;
}

p {
  margin:0px 0px 15px 0px;
}

a {
  color:#0AF;
  text-decoration:none;
}

a:hover {
  background-color:#1BF;
  color:#FFF;
}

a img{
  border:0px;
}

em{
  font-size:large;
  font-family:georgia, times, sans-serif;
  font-style:normal;
  color:#FFF;
  background-color:#1BF;
}
/* -------------- DRAWCTL -------------- */
canvas {
  z-index:0;
  position:fixed;
  top:50%;
  left:50%;
  margin-top:-450px;
  margin-left:-650px;
}

#drawCtl{
  display:none;
  position:fixed;
  right:0px;
  bottom:0px;
  overflow:hidden;
  z-index:11;
}

#drawCtl div{
  float:right;
  height:40px;
  width:40px;
  border:1px solid #EEE;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}

#brushToggle{
  background-image:url('default/brush.png');
}

#swatch{
  background-color:#0AF;
  display:none;
}

#size{
  background-image:url('default/size.png');
  display:none;
}

#upload{
  background-image:url('default/upload.png');
  display:none;
}

#colorPicker, #sizePicker{
  color:#FFF;
  background-color:#0AF;
  padding:5px;
  position:fixed;
  bottom:45px;
  right:0px;
  z-index:11;
  display:none;
  border:1px solid #EEE;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}

/* -------------- NAVLIST -------------- */
#navList {
  color:#0AF;
  font-size:28px;
  list-style-type:none;
  list-style-position:inside;
  margin:0px;
  padding:0px;
  position:fixed;
  right:0px;
  text-align:right;
  top:5%;
  z-index:2;
}

#navList li {
  overflow:hidden;
}

#navList a{background-color:#FFF;}
#navList a:hover{background-color:#1BF;}
/* -------------- SCROLLBOXES ---------- */
.scrollBox, #friendSpace, #mailForm {
  background-color:#FFF;
  padding:10px;
  height:90%;
  position:relative;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
}

.content {
  height:100%;
  overflow:auto;
}

.scrUp {display:none; z-index:3; background-image:url('default/uarr.png'); cursor:pointer; position:absolute; top:10px; right:10px;width:15px; height:15px;opacity:.2;}
.scrDown {display:none; z-index:3; background-image:url('default/darr.png'); cursor:pointer; position:absolute; bottom:10px; right:10px; width:15px; height:15px;}

/* -------------- HEADER --------------- */
#naut {
  max-width:90%;
  max-height:90%;
  position:absolute;
  bottom:0px;
}

/* -------------- NEWS ----------------- */
#news {

}

#newsList{
  position:absolute;
  left:10px;
  width:150px;
  line-height:1em;
  color:#1BF;
}

#newsUl{
  padding:0px 0px 0px 20px;
  list-style-type:none;
  margin:0px;
}

#newsItem{
  margin:0px 50px 0px 200px;
  max-width:600px;
}

#newsItem img, #newsItem embed, #newsItem object{
  max-width:100%;
  max-height:400px;
  display:block;
  margin:auto;
}

/* -------------- MUSIC ---------------- */
#jukeBox{
  height:1px;
  width:1px;
  overflow:hidden;
  position:absolute;
  left:-500px;
}

#music a:hover{
  background:none;
}

#playerWrap {
  position:absolute;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  margin:auto;
  width:40%;
  height:60%;
}

#albumList {
  float:left;
  width:28%;
}

#trackList {
  top:0px;
  right:0px;
  float:right;
  width:65%;
  height:100%;
}

#trackList table {
  border-collapse:collapse;
  height:100%;
  width:95%;
}

#trackList tr:hover{background-color:#DDF0FF;}

.album {
  height:50%;
  padding:4px;
}

.album img {
  max-height:100%;
  max-width:100%;
  vertical-align:middle;
}

.choosed {
  background-color:#1BF;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}

/* -------------- SHOWS ---------------- */
#shows {

}

#showList {
  margin:0px 200px 0px 50px;
  max-width:400px;
}

/* -------------- PHOTOS --------------- */
#photos a:hover{
  background:none;
}

#thumbs{
  background:none;
  border:none;
  margin:0px 150px 0px 20px;
  text-align:justify;
}

.thumb {
  border:1px solid #E0E0E0;
}

#lBox{
  position:absolute;
  height:100%;
  width:100%;
  opacity:.8;
  background-color:#000;
  background-image:url('default/loading.gif');
  background-position:center center;
  background-repeat:no-repeat;
  top:0px;
  left:0px;
  z-index:4;
}

#LBPic{
  position: absolute;
  top:0; bottom:0; right:0; left:0;
  margin: auto;
  border:10px solid #FFF;
  max-height:90%;
  max-width:90%;
  z-index:5;
}

/* -------------- DOWNLOADS ------------ */
#downloads {

}

#freeShit {
  position:absolute;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  margin:auto;
  overflow:hidden;
  width:450px;
  height:300px;
  max-height:95%;
}
/* -------------- CONTACT -------------- */
#contact a:hover{
  background:none;
}

#mailForm {
  height:80%;
  left:10%;
  position:absolute;
  top:0px;
  bottom:0px;
  margin-top:auto;
  margin-bottom:auto;
  width:33%;
}

textarea {
  max-height:40%;
  width:90%;
  border:1px solid #CCC;
  outline:0px;
}

#friendSpace {
  height:80%;
  right:15%;
  position:absolute;
  margin-top:auto;
  margin-bottom:auto;
  top:0px;
  bottom:0px;
  width:33%;
}