html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

body {
  line-height: 1;
  color: black;
  background: white;
}

ol, ul {
  list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
  }

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/**
PALETTE:
 #FF07A9: PINK 
 #05CDFF: BLUE
**/

html { height: 100%; }

body {
  background: url(/images/backgrounds/body.jpg) repeat-x #11191C fixed;
  font-family: Arial, "MS Trebuchet", sans-serif;
  font-size: 13px;
  height: 100%;
}

a, a:active, a:visited {
  color: #FF07A9;
  text-decoration: none;
}

a:hover {
  color: #05CDFF;
}

.info {
  font-size: 10px;
}

input.text, textarea {
  font-family: Arial, "Ms Trebuchet", sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #888;
  letter-spacing: 0.5px;
  padding: 5px 10px;
}

#browser_message { 
  display: none;
}

.fieldWithErrors {
  margin: 0  0 10px 0;
  padding: 0 !important;
}

.fieldWithErrors input,
.fieldWithErrors textarea {
  margin-bottom: 0;
  background: #FF07A9;
  color: #000;
  border: inset 2px #FF07A9;
}

#comment_form .formError {
  text-transform: uppercase;
  text-decoration: underline;
  font-weight: bold;
  color: #FF07A9;
  margin: 5px 0 5px 0;
  padding: 0;
}

#site_description {
  width: 400px;
  text-align: center;
  margin: 0 auto;
  padding: 10px;
  color: #707070;
  font-size: 11px;
}

hr.hrs_arent_dead_yet {
  height: 1px;
  margin: 0 auto;
  border-top: solid #303030;
  border-width: 1px 0 0 0;
  clear: left;
}

#wrapper {
  min-height: 100%;
  padding: 0 25px;
  width: 920px;
  margin: 0 auto;
}

#notice {
  font-weight: bold;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 2;
  background: lemonchiffon;
  padding: 5px;
}

#more_info {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
  }
  
.clearfix {display: inline-block;}
  
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*****************
HEADER
*****************/

#header {
  height: 140px;
  position: relative;
}

#logo {
  width: 120px;
  height: 30px;
  text-indent: -1000px;
  background: url(/images/logos/header.png) no-repeat;
  position: absolute;
  top: 30px;
}

#logo a {
  display: block;
  width: 100%;
  height: 100%;
}

#header #nav {
  position: absolute;
  right: 50px;
  width: 270px;
  top: 0px;
}

#header #nav li {
  width: 80px;
  height: 30px;
  margin: 30px 5px 0 0;
  float: left;
}

#header #nav li a {
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -5000px;
}

#header .info {
  position: absolute;
  right: 75px;
  text-align: right;
  width: 200px;
  color: #353F45;
  top: 10px;
}

#header #nav #submit_nav a { background: url(/images/headers/submit.png) no-repeat 0px 0px; }
#header #nav #submit_nav a:hover { background: url(/images/headers/submit.png) no-repeat 0px -30px; }
#header #nav #search_nav a { background: url(/images/headers/search.png) no-repeat 0px 0px; }
#header #nav #search_nav a:hover { background: url(/images/headers/search.png) no-repeat 0px -30px; }
#header #nav #spread_nav a { background: url(/images/headers/spread.png) no-repeat 0px 0px; }
#header #nav #spread_nav a:hover { background: url(/images/headers/spread.png) no-repeat 0px -30px; }
#header #nav a.selected { background-position: 0px -30px !important; }

#header .page_nav {
  position: absolute;
  top: 120px;
  left: 10px;
}

#header .quick_links {
  position: absolute;
  top: 120px;
  right: 75px;
}

#header .quick_links select {
  width: 200px;
}

.page_nav {
  color: #05CDFF;
  font-size: 16px;
  padding-left: 20px;
}

.page_nav a {
  width: 20px;
  height: 20px;
  display: block;
  float: left;
  background-position: 0 0;
  text-indent: -5000px;
}

.page_nav a.next { background: url(/images/buttons/next_page.png) no-repeat; }
.page_nav a.previous { margin-left: -20px; background: url(/images/buttons/previous_page.png) no-repeat; }
.page_nav a:hover { background-position: 0 -20px; }

.page_nav div {
  float: left;
  height: 20px;
  padding: 3px 10px 0 10px;
}

/*****************
FOOTER
*****************/

#footer_block {
  height: 5.5em;
  clear: left;
}

#footer_with_ads_block {
  clear: left;
  height: 16.1em;
}

#footer,
#footer_with_ads {
  clear: left;
  position: relative;
  width: 920px;
  padding: 0 30px;
  font-size: 10px;
  color: #888;
}

#footer {
  height: 5.5em;
  margin: -5.6em auto 0 auto;
}

#footer_with_ads {
  margin: -16.1em auto 0 auto;
  height: 16em;
}

#footer_ads {
  border-top: solid #303030;
  border-width: 1px 0 0 0;
  padding-top: 0.5em;
  width: 920px;
  text-align: center;
  margin: 0 auto;
  height: 9em;
}

/* for buysellads */
#footer_ads .adblock a {
  margin: 1px auto 0 auto !important;
}

#footer_text {
  position: absolute;
  bottom: 0px;
  width: 920px;
  height: 5.5em;
  line-height: 5.5em;
  border-top: solid #303030;
  border-width: 1px 0 0 0;
}

/*****************
CONTENT
*****************/

#content {
  padding: 10px 0 20px 0;
}

/*****************
SPACES
*****************/

#spaces {
  position: relative;
  top: 0.6em;
  margin-top: 10px;
  border: solid #000;
  border-width: 0px 0px 0px 10px;
}

#spaces li#spaces_topleft {
  background: #000;
  margin-bottom: -2px;
  width: 10px;
  height: 10px;
  border-width: 0;
  position: absolute;
  top: 0px;
  left: -10px;
}

#spaces li {
  width: 10em;
  height: 10em;
  margin-top: -10px;
  border: solid #000;
  border-width: 12px 12px 10px 0px;
  float: left;
  position: relative;
}

#spaces li a {
  display: block;
  position: relative;
  top: -2px;
  height: 100%;
  width: 100%;
  overflow: hidden;
  border: solid 1px #000;
}

#spaces li a:hover {
  border-color: #FF07A9;
}

#spaces li a img  {
  height: 100%;
}

#spaces li.pagination_link {
  text-align: center;
  letter-spacing: 0.5px;
  line-height: 130px;
  background-color: #242D32;
}

#spaces li.pagination_link a {
  color: #05CDFF;
  font-size: 16px;
}

#spaces li.pagination_link a:hover {
  color: #FF07A9;
  margin: 0;
}

#spaces li.next_page a {
  color: #05CDFF;
}

/*****************
SPACE
*****************/

#space_wrapper {
  padding: 10px 10px 0 10px;
  float: left;
  text-align: right;
  width: 830px;
  background: #000;
  margin-bottom: 10px;
}

#space_wrapper .space {
  margin: 0 0 10px 10px;
}

#space_sidebar {
  width: 220px;
  float: left;
  text-align: left;
  margin-bottom: 10px;
}

#space_sidebar .adblock {
}

#space_sidebar .adblock a.adhere {
  margin: 12px 0 0 0;
}

#space_sidebar #comments h1 {
  color: #6B7276;
  font-weight: bold;
  padding: 10px;
}

#space_sidebar #comments .comment {
  padding: 10px;
  line-height: 1.5em;
  font-size: 0.95em;
  background: #242D32;
  border-bottom: solid 1px #000;
  color: #DDD;
  word-wrap: break-word;
}

#space_sidebar #comments .comment_date {
  color: #6B7276;
  margin-bottom: 10px;
}

#space_sidebar #comments .commenter {
  color: #6B7276;  
  font-weight: bold;
}

#space_sidebar #comments .comment_text p {
 margin: 0 0 10px 0;
}

#space_sidebar #comment_form {
  color: #DDD;
  font-size: 0.95em;
}

#space_sidebar #comment_form h3 {
  font-weight: bold;
  font-size: 13px;
  color: #05CDFF;
  padding: 10px 0 10px 10px;
}

#space_sidebar h3#comment_success {
  
}

#space_sidebar #comment_form input {
  width: 195px;
  margin: 5px 0 10px 0;
}

#space_sidebar #comment_form textarea {
  width: 195px;
  padding: 0;
  height: 80px;
  margin-top: 5px;
}

#space_sidebar #comment_form input#comment_join_newsletter {
  width: 1em;
  height: 1em;
  margin: 5px 5px 2px 0;
}

#space_sidebar #comment_form p#comment_spam_notice {
  margin: 10px 0;
  color: #05CDFF;
  line-height: 1.3em;
  font-weight: bold;
}

#space_sidebar #comment_form label em {
  color: #6B7276;
}

#space_sidebar #comment_form form {
  padding: 10px;
  background: #242D32;
}

#space_info {
  background: #FAF2BD;
  padding: 10px;
  color: #242D32;
}

#space_info span#space_date {
  font-size: 0.85em;
}

#space_info h1 {
  font-size: 1.9em;
  letter-spacing: -1.2px;
  font-weight: bold;
  margin-top: 5px;
  word-wrap: break-word;
}

#space_info h2 {
  display: block;
  font-weight: bold;
}

#space_info h2 a {
  word-wrap: break-word;
}

#space_info #space_description {
  overflow: auto;
  margin: 15px 0;
  line-height: 1.5em;
}

#space_info #space_tags {
  line-height: 1.5em;
  margin-bottom: 1em;
}

#space_info hr.hrs_arent_dead_yet {
  border-color: #EEE291;
  margin-bottom: 10px;
}

#space_info iframe /* for digg */ {
  margin-right: 10px;
  float: left;
}

#space_block {
  color: #FF07A9;
  float: right;
  font-size: 0.85em;
  padding: 0 0 10px 0;
}

#space_crumbs {
  position: absolute;
  left: 10px;
  color: #353F45;
  top: 130px;
  font-size: 0.95em;
}

#space_nav_top {
  position: absolute;
  left: 760px;
  color: #353F45;
  top: 130px;
  font-size: 0.95em;
  text-align: right;
  width: 81px;
}

#space_nav_bottom {
  color: #353F45;
  font-size: 0.95em;
  text-align: right;
  height: 1.7em;
}

/*****************
RATING
*****************/

#rating_wrapper {
  width: 175px;
  margin-right: 5px;
  float: left;
}

#rating {
  
}

#rating a {
  color: #FF07A9;
  margin: 0;
  float: left;
}

#rating .star {
  width: 28px;
  height: 32px;
  text-indent: -5000px;
  background: url(/images/icons/rating_star_gray.png) no-repeat;
}

#rating .gold {
  background: url(/images/icons/rating_star.png) no-repeat;
}

#rating .over {
  background: url(/images/icons/rating_star_over.png) no-repeat;
}

#rating_message {
  color: #FF07A9;
  text-transform: uppercase;
  font-size: 0.8em;
  line-height: 1.2em;
  font-weight: bold;
  margin-bottom: 5px;
}

/*****************
SEARCH
*****************/

#search_wrapper {
  padding: 10px;
  margin-bottom: 20px;
  width: 840px;
}

#search_wrapper .adblock a.adhere {
  margin: 30px auto 20px auto;
}

#search_query {
  background: #FAF2BD;
  padding: 10px;
  width: 820px;
  margin-bottom: 20px;
}

#search_wrapper h3,
#search_tags {
  font-size: 3em;  
  color: #353F45;
}

#search_query input.text {
  border: groove #CECECE;
  border-width: 0 1px 1px 0;
  padding: 4px 10px 4px 10px;
  font-size: 3em;
  color: #05CDFF;
  height: 40px;
  width: 680px;
  background: url(/images/form/search_field.png) no-repeat top left;
}

#search_query input.submit {
  margin: 0 0 0 30px;
}

#search_wrapper .page_nav {
  margin: 10px 0 30px 0;
}

#search_wrapper #search_query_text {
  color: #353F45;
  font-style: italic;
  /*position: absolute;
  top: 250px;
  right: 180px;*/
  float: right;
  margin-right: 40px;
  margin-top: 5px;
}

/*****************
NEW SPACE
*****************/

#new_space_wrapper {
  margin-top: -40px;
  float: left;
  width: 100%;
}

#new_space {
  float: left;
  width: 400px;
}

#new_space_sidebar {
  margin-left: 480px;
}

#new_space_sidebar h3 {
  color: #05CDFF;
  font-size: 2.8em;
  font-weight: bold;
}

#new_space_sidebar p {
  line-height: 1.5em;
  color: #FFF;
  margin-bottom: 10px;
}

#new_space_sidebar iframe {
  margin-top: 50px;
}

#new_space form {
  font-size: 10px;
  color: #888;
}

#new_space form p {
  padding: 0px 10px 20px 10px;
  width: 400px;
}

#new_space form p#submit {
}

#new_space form label strong {
  font-size: 1.25em;
  letter-spacing: 0.5px;
  font-weight: bold;
  color: #06CDFF;
}

#new_space form input.text,
#new_space form textarea {
  margin-top: 8px;
  margin-bottom: 5px;
  width: 350px;
}

#new_space form input.file {
  margin-bottom: 5px;
}

#new_space form input.submit {
  margin: 0 5px -1px 0;
}

#new_space form input.checkbox {
  display: block;
  float: left;
  margin-top: 0px;
}

#new_space #space_uploaded_data {
}

#new_space form #comment_notification_blurb,
#new_space form #join_newsletter_blurb,
#new_space form #privacy_and_terms_blurb {
  display: block;
  padding-left: 25px;
  line-height: 1.2em;
  margin-top: 2px;
}

li#new_space {
  height: auto;
}

#new_space form p#uploaded_data_section,
#new_space form p#uploaded_data_second_section,
#new_space form p#uploaded_data_third_section {
  line-height: 15px;
  padding: 10px;
  margin-bottom: 20px;
  border: solid 1px #FAF2BD;
}

#new_space form p#uploaded_data_second_section,
#new_space form p#uploaded_data_third_section {
  border-color: #242D32; 
}

#space_description_count {
  font-style: italic;
  color: #CDC89F;
  font-size: 0.9em;
  float: right;
  margin-right: 25px;
}


/*****************
EDIT SPACE
*****************/

#edit_space_wrapper {
  margin-top: -40px;
  float: left;
  width: 100%;
}

#edit_space {
  float: left;
  width: 400px;
}

#edit_space_sidebar {
  margin-left: 480px;
}

#edit_space_sidebar h3 {
  color: #05CDFF;
  font-size: 2.8em;
  font-weight: bold;
}

#edit_space_sidebar p {
  line-height: 1.5em;
  color: #FFF;
  margin-bottom: 10px;
}

#edit_space_sidebar iframe {
  margin-top: 50px;
}

#edit_space form {
  font-size: 10px;
  color: #888;
}

#edit_space form p {
  padding: 0px 10px 20px 10px;
  width: 400px;
}

#edit_space form p#submit {
}

#edit_space form label {
  line-height: 1.5em;
}

#edit_space form label em {
  color: red;
  text-decoration: underline;
}

#edit_space form label strong {
  font-size: 1.25em;
  letter-spacing: 0.5px;
  font-weight: bold;
  color: #06CDFF;
}

#edit_space form input.text,
#edit_space form textarea {
  margin-top: 8px;
  margin-bottom: 5px;
  width: 350px;
}

#edit_space form input.file {
  margin-bottom: 5px;
}

#edit_space form input.submit {
  margin: 0 5px -1px 0;
}

#edit_space form input.checkbox {
  display: block;
  float: left;
  margin-top: 0px;
}

#edit_space #space_uploaded_data {
}

#edit_space form #comment_notification_blurb,
#edit_space form #join_newsletter_blurb,
#edit_space form #privacy_and_terms_blurb {
  display: block;
  padding-left: 25px;
  line-height: 1.2em;
  margin-top: 2px;
}

li#edit_space {
  height: auto;
  }

#edit_space form p#uploaded_data_section,
#edit_space form p#uploaded_data_second_section,
#edit_space form p#uploaded_data_third_section {
  line-height: 15px;
  padding: 10px;
  margin-bottom: 20px;
  border: solid 1px #FAF2BD;
}

#edit_space form p#uploaded_data_second_section,
#edit_space form p#uploaded_data_third_section {
  border-color: #242D32; 
}

#space_description_count {
  font-style: italic;
  color: #CDC89F;
  font-size: 0.9em;
  float: right;
  margin-right: 25px;
}

#edit_space .space_image {
  width: 130px;
  float: left;
  margin: 0 10px 10px 0;
}

/*****************
SPREAD
*****************/

.site-spread #spread_links {
  background: #FFF;
  float: left;
  margin-right: 10px;
}

.site-spread #spread_links .top_left { background: url(/images/backgrounds/spread_corner_topleft.gif) top left no-repeat; }
.site-spread #spread_links .top_right { background: url(/images/backgrounds/spread_corner_topright.gif) top right no-repeat; }
.site-spread #spread_links .bottom_left { background: url(/images/backgrounds/spread_corner_bottomleft.gif) bottom left no-repeat; }
.site-spread #spread_links .bottom_right { background: url(/images/backgrounds/spread_corner_bottomright.gif) bottom right no-repeat; padding: 10px; }

.site-spread #spread_links a {
  width: 20px;
  height: 20px;
  margin: 1px 3px 0 0 ;
}

/*****************
 SITE
*****************/
.site-error h1,
.site-advertise h1,
.site-about h1,
.site-privacy_and_terms h1,
.site-help h1,
.site-spread h1 {
  font-size: 32px;
  color: #05CDFF;
  margin: 0 0 25px 0;
}

.site-help .subhead,
.site-advertise .subhead {
  font-size: 14px;
  font-weight: bold;
  color: #05CDFF;
}

.site-error h3,
.site-about h3,
.site-privacy_and_terms h3,
.site-help h3,
.site-spread h3,
.site-advertise h3 {
  text-transform: uppercase;
  margin: 0 0 0 0;
  letter-spacing: 0.5px;
  font-weight: bold;
}

.site-privacy_and_terms hr {
  height: 1px;
  margin: 0 auto;
  border-top: solid #303030;
  border-width: 1px 0 0 0;
  clear: left;
}

.site-error #header,
.site-about #header,
.site-privacy_and_terms #header,
.site-help #header,
.site-spread #header,
.site-advertise #header {
  height: 100px;
}

.site-error #content,
.site-about #content,
.site-privacy_and_terms #content,
.site-help #content,
.site-spread #content,
.site-advertise #content {
  color: #DDD;
  line-height: 1.5em;
  padding-left: 10px;
}

.site-error #content p,
.site-about #content p,
.site-privacy_and_terms #content p,
.site-help #content p,
.site-spread #content p,
.site-advertise #content p {
  margin: 20px 20px 20px 0;
  letter-spacing: 0.5px;
  width: 850px;
}

.site-privacy_and_terms #content p {
  margin: 0 20px 20px 0;
}

.site-privacy_and_terms #content strong {
  text-decoration: underline;
}

.site-advertise #content em {
  font-style: italic;
}

.site-privacy_and_terms #content ul {
  list-style: disc;
  margin: 20px;
}

.site-privacy_and_terms #content ul li {
  margin: 0 0 10px 0;
}

.site-error #content {
  text-align: center;
}