body {
background:url(layout.jpg) top left fixed no-repeat, url(bg.jpg) top left repeat;
font:16px/22px camboregular, "lucida sans unicode", "lucida grande", helvetica, arial, verdana, sans-serif;
color:#000;
}

@font-face {
    font-family: 'camboregular';
    src: url('fonts/cambo-regular-webfont.eot');
    src: url('fonts/cambo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cambo-regular-webfont.woff') format('woff'),
         url('fonts/cambo-regular-webfont.ttf') format('truetype'),
         url('fonts/cambo-regular-webfont.svg#camboregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'alex_brushregular';
    src: url('fonts/alexbrush-regular-webfont.eot');
    src: url('fonts/alexbrush-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/alexbrush-regular-webfont.woff') format('woff'),
         url('fonts/alexbrush-regular-webfont.ttf') format('truetype'),
         url('fonts/alexbrush-regular-webfont.svg#alex_brushregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


div#title a {
background:url(title.png);
position:absolute;
top:10px;
left:670px;
display:block;
width:348px;
height:76px;
}

div#title a:hover {
background-position:bottom right;
}

nav ul {
list-style-type:none;
margin:0px 0px 10px 20px;
padding:0;
}

nav ul li { display:inline; padding:0px 10px 0px 0px; }

nav a {
font:bold 40px/30px alex_brushregular, "palatino linotype", georgia, "times new roman", times, serif;
color:#01c8df;
text-decoration:none;
margin-right:0px;
text-shadow:0px 0px 5px #fff;
padding:5px 0px 0px 10px;
text-transform:lowercase;
}

nav a:hover { 
color:#ce3177;
}

div#content {
position:absolute;
top:100px;
left:575px;
margin:0px 50px 0px 0px;
text-align:left;
width:600px;
}

h1 {
margin:0px 0px -18px;
font: 30px camboregular, 'lucida sans unicode', arial, sans-serif;
color:#ce3177;
}

h2,h4 {
margin:0px 0px -15px;
font: 25px camboregular, 'lucida sans unicode', arial, sans-serif;
color:#0d91b5;
text-transform:lowercase;
clear:both;
}

h2.center { text-align:center; }

h3 {
margin:5px 0px 5px;
text-align:center;
font: 20px camboregular, 'lucida sans unicode', arial, sans-serif;
color:#11b5a4;
text-transform:lowercase;
}

div.sprites + h3 { margin-top:15px; }


a { color:#32863e; font-weight:bold; cursor:crosshair; }
a:hover { color:#dc9ad5; }


b, strong, i, em, span { color:#c82c3d; }
p.center { text-align:center; }
p.right { text-align:right; line-height:15px; padding-bottom:0px; clear:right; }
p.update { text-align:center; font-size:18px; line-height:20px; }

blockquote {
margin:10px 10px 0px;
border:5px solid #ccc;
}

blockquote p { margin:0px !important; padding:5px; background:url(lightbg.png); }
blockquote:hover { border-color:#999; }

img, a img { border:1px solid #ccc; padding:5px; margin-right:3px; background:#ccc; }
img:hover { border-color:#999; background:#999; }
img.right { float:right; margin:0px 0px 5px 5px; }
.none { border:0px; padding:0px; background:none; }

div.left { float:left; }
div.right { float:right; }
div.left p, div.right p { text-align:center; line-height:18px;}

ul li { list-style-type:square; }


input, textarea {
background:url(lightbg.png) #eee;
padding:2px;
border:3px solid #ccc;
font:13px/19px camboregular, "trebuchet ms", tahoma, verdana, arial, sans-serif;
color:#333;
margin:5px 0px;
}

option, select { 
padding:2px;
border:3px solid #ccc;
font:13px/19px camboregular, "trebuchet ms", tahoma, verdana, arial, sans-serif;
color:#333;
margin:5px 0px;
background:rgba(255,255,255,0.2);
}


div.sprites {
background:url(lightbg.png);
margin:10px 10px 0px;
border:5px solid #ccc;
text-align:center;
}

div.sprites img { background:none; border:none; margin:0; }

/* tooltips */

a.tooltips {
  position: relative;
  display: inline;
  text-decoration:none;
  font-size:14px;
}

a.sm { font-size:10px; }
a.tooltips span {
  position: absolute;
  width:140px;
  color: #000000;
  background: #EEEEEE;
  height: 31px;
  line-height: 31px;
  text-align: center;
  visibility: hidden;
  border-radius: 15px;
  box-shadow: 1px 1px 3px #999999;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid transparent;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  opacity: 1;
  bottom: 50px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}

a:hover.tooltips { background:#ccc; }

/* join */

.show_join_email_settings, .show_join_update_info, .show_join_required, .show_join_optional {
display:none;
}

.show_join_url_label:before, .show_join_job_label:before {
content:'∗ '
}