/* AGENT_SHEET */
/* --------------------
   Textpattern.org - Tabula Rasa userstyle
   by David DeSandro
   nemoorange.com
   last revision 13 Dec 2008
------------------- */

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

@-moz-document domain("textpattern.org") {

/* USERSTYLE BEGINS */

/* --- Super duper reset --- */

* {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  font:12px Arial !important;
  float:none !important;
  background-color: transparent !important;
  text-align:left !important;
  width:auto !important;
}

li { list-style:none !important; }


/* --- Base --- */

p, ul, ol {
  margin-bottom: 18px !important;
}

P {
  line-height:18px !important;
}

br { margin-bottom: 6px !important; }

a:link, a:visited {
  color: #963 !important;
  text-decoration: underline !important;
}
a:hover {
  color: #000 !important;
}
a:focus {
  outline: none !important;
}

h1, h2 {
  font-family: Georgia, serif !important;
}

input, textarea, select { 
  border:1px solid #CCC !important; 
}

.abody ul, .abody ol {  padding-left:20px !important;}
.abody li { line-height:18px !important; }
.abody ul li { list-style: circle !important; }
.abody ol li { list-style: decimal !important; }

code { 
  background: #FFD !important;
  font-family: "Courier New", monospace !important;
}

pre {
  display:block;
  background: #FFD !important;
  border: 1px dashed #CCC !important;
  padding: 6px !important;
  margin-bottom: 6px !important;
}

/* --- Layout --- */

body {
  border-top:12px solid #FC3 !important;
}

#container {
  width:960px !important;
  padding:0 0px !important;
  margin: 0 auto !important;
  color:#333 !important;
}
#header { margin:0 10px !important; }
#header h1 {
  display:block !important;
  height:1px !important;
  width:1px !important;
  overflow:hidden !important; 
}
#header:after {
  content:"Textpattern Resources";
  color:#AAA;
  font: small-caps 20px "Georgia", serif;
  letter-spacing: 0.25em;
  border-bottom:1px solid #CCC;
  padding-bottom:6px;
  margin-bottom:0px;
  display:block;
}

#tag div { background: transparent !important; }
#search .box form input * { background: transparent !important; }

#mainnav {
  margin:0 10px 10px !important;
  border-bottom:1px dotted #CCC !important;
}
#mainnav ul { margin:6px 0 !important; }
#mainnav li a {
  font:bold 14px Georgia, serif !important;
  padding: 6px !important;
  text-decoration:none !important;
}
#mainnav li a:hover { border-bottom: 2px solid #CCC !important; }

#mainnav li.current a { 
  background: transparent !important;
  border-bottom:3px solid #FC3 !important;
}

#maincol, .maincol {
  width:540px !important;
  float: left !important;
  margin: 0 10px 20px !important;
}

#col1, .col1 {
  width:220px !important;
  float: left !important;
  margin: 0 10px 20px !important;
}


#col1 h3 , .col1 h3, #col2 h3 , .col2 h3 {
  border-bottom: 1px dotted #CCC !important;
  padding-bottom: 3px !important;
  margin-bottom:3px !important;
}

#col1 .box , .col1 .box {
  margin-bottom:20px !important;
}

#col2, .col2 {
  width:140px !important;
  float: left !important;
  margin: 0 10px 20px !important;
}

#col2 .box, .col2 .box {
  margin-bottom: 20px !important;
}

.breadcrumbs {
  margin: 0 10px 20px !important;
  font-size: 11px !important;
}
.breadcrumbs a { font-size: 11px !important;  }


.box {
}


/* --- Articles --- */

.article {
  border-top: 2px solid #FC3 !important;
  padding-top: 6px !important;
  overflow: auto;
  margin-bottom: 10px !important;
}

#articlelisting .article {  
  border-top: 1px dotted #CCC !important;}

.inarticle, .articlekey { background: none !important; }

.articlekey {
  width: 140px !important;
  float: left !important;
  margin-right: 20px !important;
}

#maincol .articlekey div {  line-height: 20px !important;}

h2 {
  font:bold 16px Georgia, serif !important;
  margin-bottom: 10px !important;
}

#maincol h2 a {
  font:bold 16px Georgia, serif !important;
  margin-bottom: 10px !important;
  text-decoration: none !important;
  display:inline !important;
}

h4 {
  font:11px Georgia, serif !important;
  color:#999 !important;
  margin-bottom: 10px !important;
}

.article .abody, #list .article h4,
#list .inarticle h2, #list .article .abody { 
  margin-left: 160px !important;
}
#about .article .abody,
#help .article .abody { 
  margin-left: 0 !important; 
}

.atype, .acat {
  margin-bottom: 6px !important;
}

.atype a {
  font:12px Georgia, serif !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none !important;
}

.apost {
  font:italic 11px Georgia, serif !important;
}

.acat a {
  font:italic 11px Georgia, serif !important;
  text-decoration: none !important;
}


/* --- Recent Articles --- */

#recentarticles li {
  border-top: 1px dotted #CCC !important;
  overflow: auto;
  padding: 6px 0 !important;
}

#recentarticles h2 { margin:0 !important; }

#recentarticles .apost {
  float:left !important;
  width:60px !important;
  margin-right:20px !important;
}
#recentarticles .atype {
  float:right !important; 
  font:10px Georgia, serif !important;
  text-transform: uppercase;
  color: #999 !important;
  letter-spacing: 0.1em;
}

#recentarticles, #recentarticles li.a, #recentarticles li.b {
  background-image: none !important;
}


/* --- Section heading --- */

h3 {
  text-indent:0px !important;
  background: none !important;
  font:bold 14px "Helvetica Neue", Arial, sans-serif !important;
  height:20px !important;
}

/* --- Pagination --- */

#gnav li a {
  padding:2px !important;
  text-decoration: none !important;
  background: #FFD !important;
  -moz-border-radius: 2px;
}
#gnav li a:hover {
  background: #963 !important;
  color: #FFF !important;
}

/* --- Lists --- */

#catlist li a, #relatedarticles li a,
.boxlist li a, #wlkhlpfltop li a, #sectlist li a {
  display:block !important;
  border-bottom: 1px dotted #CCC !important;
  padding: 6px 0 !important; 
  text-decoration: none !important;
}
#catlist li a:hover, #relatedarticles li a:hover,
.boxlist li a:hover, #wlkhlpfltop li a:hover, #sectlist li a:hover {
  background: #FFC !important;
}


#catlist li a {
  font:italic 11px Georgia, serif !important;
}

#catlist span, #sectlist li a span {
  text-align:right !important;
  display: inline !important;
  font-size: 11px !important; 
  color: #999 !important;
}

/* --- Special Sections --- */

#login {
  background:#FFD !important;
  border: 1px solid #CCC !important;
  padding:10px !important;
  -moz-border-radius: 3px;
}

#disclaimer p, #disclaimer a { font-size:11px !important; }

/* --- Search --- */

#search {
  padding: 6px !important;
  background: #F4F4F4 !important;
  border: 1px solid #E4E4E4 !important;
  -moz-border-radius: 3px;
}

#search input { padding: 2px !important; }
#col1 #search input,
.col1 #search input {
  width:200px !important;
}
#col2 #search input,
.col2 #search input {
  width:120px !important; 
}


/* --- Recent Comments --- */

ul.asv_recent_comments li {
  background: #F4F4F4 !important;
  margin: 8px 0 !important;
  border:1px solid #CCC !important;
  padding: 10px !important;
}

.clatitle a {
  font:bold 12px Georgia, serif !important;
}

.clcmessage p {
  margin: 6px 0 !important;
  font: italic 11px Georgia !important;
  color: #666 !important;
}

/* --- Individual Article --- */

.ainfo {
  border: 1px solid #CCC !important;
  padding:6px !important;
}
.ainfo a {
  text-decoration: none !important;
  font-size:13px !important;
}

.adownload { margin-bottom: 6px !important; }
.adownload a {
  display:block;
  color: #FFF !important;
  border: 0px solid #CCC !important;
  padding:6px !important;
  text-decoration: none !important;
  font-weight: bold !important;
  background: #DA1 !important;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.adownload a:hover { background: #963 !important; }

#flags textarea {
  width: 140px !important;
}

#flags button {
  border:1px solid !important;
  background: #FFC !important;
  border-color: #CCC #AAA #AAA #CCC !important;
  padding:5px !important;
}

.apostfoot .apost {
  width:140px !important;
  float:right !important;
}


/* --- Comment Entry forms --- */

.comments-wrapper,
#contactform {
  border: 1px solid #CCC !important;
  background: #FFD !important;
  padding: 6px !important;
  overflow:auto;
  margin-bottom: 18px !important;
}

.comments-wrapper label,
#contactform label {
  display: block !important;
  width: 134px !important;
  float: left !important;
  clear: left !important;
  margin-right: 20px !important; 
  margin-bottom:10px !important;
}

textarea#message,
input.comment_name_input,
input.comment_email_input,
input.comment_web_input,
#contactform input.zemText,
#contactform textarea {
  background: #FFF !important;
  float: left !important;
  width:360px !important;
  margin-bottom:10px !important;
}

.comments-wrapper .button,
#contactform .button {
  clear: both !important ;
  background: none !important;
  margin-left:70px !important;
}

/* --- Comments --- */

.acomment.a, .acomment.b {
  border-top: 1px dotted #CCC !important;
  background: none !important;
  padding-top: 6px !important;
  margin-bottom: 20px !important;
  overflow:auto;
}

.cauthor {
  width: 140px !important;
  float: left !important;
  margin-bottom: 6px !important;
}

img.gravatar {
  clear: left;
  float: left !important;
}

.ctext, .cfoot {
  width: 380px !important;
  float: right !important;
}

.cfoot a {
  font:italic 11px Georgia, serif !important;
  text-decoration: none !important;
}

/* --- Archive --- */

.archive li,
.archive.authorarchivelist h2,
.archivebycat li {
  border-top: 1px dotted #CCC !important;
  padding-top: 6px !important;
  margin-bottom: 10px !important;
}

.archive li a, .archivebycat li a {
  font:bold 16px Georgia, serif !important;
}

.archive.authorarchivelist li {
  padding: 0 !important;
  border: none !important;
}

.archive .ardesc {
  line-height:1.4em !important;
  color: #333 !important;
 }

.archive .ardate,
.archive .ardate a,
.archive .arcat a {
  font:italic 11px Georgia, serif !important;
  text-decoration: none !important;
}

/* --- Tags and tag clouds --- */

.tags a {text-decoration: none !important; vertical-align:middle; }

a.tagSizeLargest  { font-size: 360% !important; }
a.tagSizeMedium  { font-size: 330% !important; }
a.tagSize1 { font-size: 75% !important; }
a.tagSize2 { font-size: 90% !important; }
a.tagSize3 { font-size: 100% !important; }
a.tagSize4 { font-size: 110% !important; }
a.tagSize5 { font-size: 125% !important; }
a.tagSize6 { font-size: 140% !important; }
a.tagSize7 { font-size: 160% !important; }
a.tagSize8 { font-size: 185% !important; }
a.tagSize9 { font-size: 210% !important; }
a.tagSize10 { font-size: 240% !important; }
a.tagSize11 { font-size: 270% !important; }
a.tagSize12 { font-size: 300% !important; }

/* --- Footer --- */


#footer { background: none !important; }

#footnav {
  border-top: 1px solid #CCC !important;
  padding-top:6px !important;
  width:940px !important;
  margin:0 10px !important;
}

#base {
  text-align:center !important; 
  margin-bottom: 20px !important;
}

}