/* ---------------------------------
   Craigslist Comprehensive Clean-up
   by David DeSandro
   desandro.com
   Last revision: 10 Aug 2009
---------------------------------- */

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("craigslist.org"),
domain("craigslist.at"),
domain("craigslist.ca"),
domain("craigslist.ch"),
domain("craigslist.cz"),
domain("craigslist.es"),
domain("craigslist.fi"),
domain("craigslist.gr"),
domain("craigslist.it"),
domain("craigslist.jp"),
domain("craigslist.pl"),
domain("craigslist.pt"),
domain("craigslist.se"),
domain("craigslist.co.in"),
domain("craigslist.co.kr"),
domain("craigslist.co.th"),
domain("craigslist.co.uk"),
domain("craigslist.co.za"),
domain("craigslist.com.au"),
domain("craigslist.com.cn"),
domain("craigslist.com.mx"),
domain("craigslist.com.ph"),
domain("craigslist.com.sg"),
domain("craigslist.com.tr"), 
domain("craigslist.com.tw") {


/*****
 Global
 ******/

body {
  color: #444 !important;
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  font-size: 13px !important;
  width: 700px;
  margin: 0px auto;
}

* a:link {
  color: #24A !important;
}
* a:visited {
  color: #4AF !important;
}
* a:hover {
  color: #000 !important; 
}

hr {
  border: none;
  border-top: 3px solid #DDD;
  margin: 0 0 10px;
}

/******
 Homepages 
 *********/

body.hp {
  width: 900px;
  font-size: 16px !important;
  margin: 0 !important;
}

.hp table[summary="page"] {
}

.hp #logo {
  background: transparent !important;;
  font:40px Georgia, serif !important;
  letter-spacing: -0.7px;
  padding: 0 !important;
}
.hp #logo a { 
  color: #24A !important;
  padding-bottom: 2px;
  border-bottom: 2px solid #F4F4F4;
}
.hp #logo a:hover {
  text-decoration: none !important;
  color: #000 !important;
  border-color: #000;
}

.hp #leftbar {
  padding-left: 10px !important;
  background: transparent !important;
  text-align:left !important;
  font: 12px "Lucida Grande", Arial, sans-serif !important;
}

.hp #leftbar * {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.hp #leftbar ul {
  padding: 0 !important;
}

.hp #leftbar li, .hp #postlks li {
  background: transparent !important;
  font: bold 11px Arial, sans-serf !important;
  padding: 0 !important;
  margin: 0 !important;
}

.hp #leftbar li a {
  display: block;
  padding: 6px 0 !important;
  border-top: 1px solid #DDD;
  color: #666 !important;
}
.hp #leftbar li a:hover {
  background: #FFF;
  text-decoration: none !important;
  color: #24A !important;
}

/* calendar title */
.hp #leftbar .ban { 
  font-size: 14px !important; 
  border-bottom: none !important;
  padding-bottom: 0 !important;
}
.hp #leftbar .ban a:after { color: #F4F4F4;  }
.hp #leftbar .ban a:hover:after { color: #000;  }

/* leftbar bottom links */
.hp #alks { font-size: 11px !important; }
.hp #alks tr[bgcolor="white"] { background-color: transparent !important; }


/* Main table */
.hp table#main {
  padding:0 8px 20px 10px !important;
  margin: 0 10px 0 8px !important;
  background: #FFF;
  -moz-box-shadow: 0 0 8px hsla(0,0%,0%,.1);
}

.hp table#main td {
  padding-right: 4px !important;
}

.hp #topban { height: auto !important; }
.hp #topban div {
  background: transparent !important;
  padding:9px 0 6px !important;
  margin-bottom: 6px !important;
}

.hp #topban h2 {
  font:24px Georgia, serif !important;
  padding: 0 !important;
}

.hp .ban,
.hp .col h4 {  /* Titles */
  background: transparent !important;
  border-top: 2px solid #DDD;
  border-bottom: 1px solid #DDD;
  text-align: left !important;
  font: bold 18px "Helvetica Neue", Arial, serif !important;
  padding: 4px 0 !important;
  margin-bottom: 6px !important;
  color: #666 !important;
}

.hp .ban, .hp .col h4 {
  text-align: left !important;
}

.hp td, .hp a, .hp th, .hp .col h4 { 
  white-space: normal !important; 
}

.hp .ban a:hover { text-decoration: none !important;  }
.hp .ban a:after { content: " »"; color: #FFF;  }
.hp .ban a:hover:after { color: #000;  }

.hp .w2 td, .hp .for,
.hp .col ul li {
  font: 12px "Helvetica Neue", Arial, sans-serif !important;
  padding: 0px !important;
  border: none !important;
}


.hp .col ul li a {
  display: block;
  background: transparent !important;
  padding: 2px 0 2px 4px !important;
  margin: 0px !important;
}

.hp .col ul li a:hover {
  background: #EEE !important;
  color: #222 !important;
  text-decoration: none !important;
  -moz-border-radius: 4px;
  -web-border-radius: 4px;
}


.hp #forums td a {
  margin: 0px !important;
}

#forums td a, 
table[summary="services"] td a,
table[summary="gigs"] td a {
}


/* Cities and Countries Listing */

.hp .city {
  position: relative;
  padding-top: 38px;
  padding-bottom: 20px;
}

.hp .city td, city td[valign="top"] {
  padding: 0 0 0 10px !important;
  display: block !important;
  width: 260px;
  clear: both !important;
  white-space: normal !important;
  line-height: 1.6em !important;
}
.city td[valign="top"] {
}

.hp .city b, .hp .city h5 { /* countries titles */
  background: transparent !important;
  border-top: 3px solid #DDD;
  text-align:left !important;
  padding: 4px 0 0  !important;
  margin: 16px 0 6px 0px !important;
  font:bold 15px "Helvetica Neue", Arial, serif !important;
  color: #444 !important;
}

.hp .city .ctry b, .hp .city h5.ctry {
  border: none !important;
  border-top: 3px solid #444 !important;
  background: #FF9 !important;

}


.hp .city ul {
  margin: 0px !important;
  display: inline;
}

.hp .city li {
  display: inline;
}

.hp .city li a {
  font: 11px "Helvetica Neue", Arial, sans-serif;
  text-transform: capitalize;
  padding: 2px 4px;
  color: #444 !important;
}
.hp .city li a:visited {
  color: #24A !important;
}
.hp .city li a:hover {
  background: #FFF;
  color: #24C !important;
  -moz-border-radius: 2px;
  -web-border-radius: 2px;
  text-decoration: none !important;
}


.city br { display: none; }

/* language selection box */
.hp table[summary="main"] td[style="height: 3em;"] div {
  padding: 20px 0 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  font-size: 14px !important;
}



/* --- Table of Contents --- */

body.toc {
  width: auto !important;
  margin: 0 !important;
}

.toc blockquote { /* sad, but this is how Craigslist indents its content */
  margin: 0  auto !important;
  width: 700px
}

.toc h4, .toc .sh {
  background: transparent !important;
  border-top: 3px solid #DDD;
  border-bottom: none !important;;
  width: auto !important;;
  padding: 6px 0px !important;
  font-size: 14px;
  margin: 30px 0 8px !important;
}

.bchead {
  margin: 0 auto !important;
  width: 668px !important;
  padding: 10px 16px 0px !important;
  border: none !important;
  background: #334 !important;
  color: #DDD;
  -moz-box-shadow: inset 0 -40px 40px -20px hsla(220,80%,70%,.2);
}

.bchead a { color: #BDF !important; text-decoration: none; }
.bchead a:hover { color: #FFF !important; text-decoration: underline; }

.toc .tabs, .toc #satabs {
  font-size: 11px !important;
}

.toc .tabs b, .toc #satabs b,
.toc .tabs a, .toc #satabs a,
.toc .tabs a:hover, .toc #satabs a:hover  {
  border: none !important;
  padding: 4px 7px !important;
  -moz-border-radius: 5px 5px 0 0 !important;
  -webkit-border-radius: 5px 5px 0 0 !important;
}
.toc .tabs b, .toc #satabs b {
  color: #444;
}
.toc .tabs a, .toc #satabs a {
  background: #234;
}
.toc .tabs a:hover, .toc #satabs a:hover {
  background: #678 !important;
  color: #FFF !important;
}

.toc table {
  margin: 10px 0 !important;
  font: 13px "Helvetica Neue", Arial, sans-serif !important;
  width: 700px !important;
}

.toc table[cellpadding="2"] {
  border: 1px solid #DDD !important;
  background: #F4F4F4 !important;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.toc table[cellpadding="2"] td {
  padding: 4px !important;
}

td[valign="top"] {
  font-size: 12px !important;
  color: #888;
}

td[valign="top"] a {
  text-decoration: none !important;
}

.toc #sform { /* come back to this */
	white-space: nowrap;
	background:#Fee !important;;
	border:1px solid #ccc;
	width: 90%;
	padding: 4px;
}

/* come back to this */
.toc #footer { 
  width: 700px !important; 
  padding-bottom: 20px;
}
.toc #footer #copy { float: left; }
.toc #footer #copy a { font-size: x-small; }
.toc #footer .rss { float: right; text-align: right; }

#footer a { text-decoration: none !important; }
#footer a:hover { text-decoration: underline !important; }
.rss a.l {
  background: #F90 !important;
  padding: 2px 4px !important;
  color: white !important;
  font: bold 14px "Helvetica Neue", Arial, sans-serif;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.rss a.l:hover {
  background: #E80 !important;
}
.rss .y { font-size: x-small; }
#footer br { margin-bottom: 6px;}

.toc span.p {
  color: #444 !important;
  font: bold 11px "Helvetica Neue", Arial, sans-serif !important;
  padding: 1px 2px;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #FF9 !important;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.toc p {
  margin: 0 0 12px !important;
}
.toc p a {
  text-decoration: none !important;
  border-bottom: 1px solid #DEF;
}
.toc p a:visited {
  border-bottom: 1px dotted #8DF;
}
.toc p a:hover {
  color: #000 !important;
  border-color: #000;
}

/* next 100 postings link */
.toc p[align="center"] { margin: 20px 0 !important;  }
.toc p[align="center"] font { font-size: 13px !important; }
.toc p[align="center"] a {
  border: none;
  background: #E9EDF2;
  padding: 3px 6px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  text-transform: uppercase;
}
.toc p[align="center"] a:after {
  content: " »";
}
.toc p[align="center"] a:hover {
  background: #BDF;
  
}

/* pagination on toc */

.toc .sh {
  padding-top: 10px !important;
  color: #FFF;
  margin-bottom: 20px !important;
}

.toc .sh a {
  background: #E9EDF2;
  padding: 3px 8px;
  text-decoration: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  font-size: 15px;
  font-weight: bold;
}
.toc .sh span a b {
  font-size: 11px;
  text-transform: uppercase;
}

.toc .sh a:hover {
  color: #444 !important;
  background: #BDF;  
}

.toc .sh b {
  color: #444;
  font-size: 15px;
  font-weight: bold;
}

.toc .sh br {
  margin-bottom: 16px;
}

/************
 Positing Pages
 ************/

#tsb {
  font-size: 11px !important;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: 4px 0 !important;
}
#tsb a { text-decoration: none; }
#tsb a:hover { text-decoration: underline; } 

/* flag links on postings */
#flags {
  float: none !important;
  margin: 8px 0px !important;
  padding: 0 !important;
  border: none !important;
  text-align: left !important;
  font-size: 11px !important;;
}
#flagMsg { 
  float: left; 
  margin-right: 10px;
}
#flags a.fl {
  padding: 1px 3px !important;
  margin: 0 !important;
  display: inline !important;
  text-decoration: none;
  color: #FFF !important;
  background: #D00;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  }
#flags a.fl:hover { background: #A00; }
#flags a#flag9.fl { background: #0B0; }
#flags a#flag9.fl:hover { background: #090; }
#flags br { display: none; }
#flags a.fl:visited { position: relative; }


#userbody {
  line-height: 18px;
}

.clfooter {
  margin-bottom: 20px;
  font-size: 11px !important;
  color: #888;
} 
.clfooter a { text-decoration: none; color: #48A !important; } 

.clfooter a:hover { text-decoration: underline; }


/************
 SIMPLE PAGES
 ************/

#sc { position: relative !important; }

#sc #banner {
  width: auto !important;
  position: relative !important;
  background: transparent !important;
  padding: 0px !important;
  height: auto !important;
}

#sc #banner #logo {
  text-align: left !important;
  margin: 0 20px 0 0 !important;
  width: 160px;
  float: left;
}
#sc #banner #logo {
  background: transparent !important;
  padding: 0 !important;;
}
#sc #banner #logo a { 
  color: #24A !important;
  padding-bottom: 2px;
  border-bottom: 2px solid #FFF;
  text-decoration: none;
  font: 40px Georgia, serif !important;
  letter-spacing: -0.7px;
}
#sc #banner #logo a:hover {
  text-decoration: none !important;
  color: #000 !important;
  border-color: #000;
}

#sc #banner #logo span {
  display: block;
  margin-top: 6px !important;
  color: #DDD !important;
  font: bold 11px "Helvetica Neue", Arial, sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 2px;

}

#sc #banner #update {
  font: normal 11px "Helvetica Neue", Arial, sans-serif !important;
  margin: 10px 20px 10px 0;
  padding: 8px !important;
  background: #F4F4F4;
  border: 1px solid #EEE;
  width: 140px;
  float: left;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

#sc #banner #prinfo {
  font-size: 11px !important;
  padding: 1px 10px !important;
  margin: 10px 0 10px 20px !important;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: #FFC !important;
  border: 1px solid #DDD;
  float: right;
  
}

#sc #content {
  margin-left: 0px !important;
  width: auto !important;
  padding: 1px 0 20px !important; 
  line-height: 1.4em;
  clear: left;
}

#sc #content p { clear: none; }

#sc h2 a, #sc h3 a {  text-decoration: none; }
#sc h2 a:hover, #sc h3 a:hover {  text-decoration: underline; }


/******
About > Sites
******/


.hp .www {
  margin: 0 auto;
  width: 700px;
}

.hp .www td {
  font: 12px "Helvetica Neue", Arial, sans-serif !important;
}

.hp .www td a {
  background: transparent !important;
  margin: 0 !important;
  padding: 2px 4px !important;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.hp .www td a:hover {
  color: #000;
  background: #FFF !important;
}

.hp .www b {
  border-top: 3px solid #DDD;
  background: transparent !important;
  margin: 20px 4px 0px !important;
  padding: 0 !important;
  font: bold 12px "Helvetica Neue", Arial, sans-serif !important;
  text-align: left !important;
  color: #444;
}

.hp .www l {
  margin: 0 !important;
  padding: 0 !important;
  font: 12px "Helvetica Neue", Arial, sans-serif !important;
  text-align: left !important;
  color: #F00 !important;
}

.hp .wwl td a {
  width: 130px;
  background: transparent !important;
  font: 12px "Helvetica Neue", Arial, sans-serif !important;
  text-align: left !important;
  margin: 0 !important;
  padding: 6px 0 !important;
  border-top: 1px solid #DDD;
  color: #666 !important;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

.hp .wwl td a:hover {
  background: #FFF !important;
  text-decoration: none !important;
  color: #24A !important;
}


}