/* TYPOGRAPHY */

html { font-family: "Liberation Sans", Helvetica, Arial, sans-serif; }
/* TODO: fix font-size for Safari and Chrome */
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-family: monaco, "Lucida Console", courier, monospace; }
del { color: #666; }
abbr[title], acronym[title], dfn[title] { border-bottom: 1px solid #ccc; }
body{color: #333;}
a, a:link, a:visited { text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: underline; }
a, a:link, a:visited, a:hover, a:active, a:focus
{
    color: #003399;
}
blockquote { color:#666; }
code, pre { color: #c33; }
ins,dfn { border-bottom-color:#666; }
.content hr { background:#aaa; color:#aaa; }



/* QUOTES */

/* don't work in IE */
/* Tripoli bonus: pure CSS blockquote */
/*blockquote > *:first-child:before
{
    content:"\201C";
    font-size:2.5em;
    margin-left:-.62em;
    font-family:georgia,serif;
    padding-right:.2em;
    color:#aaa;
    line-height:0;
}*/

/* doesn't quite work wraps into the quote itself */
/*blockquote > *:first-child:after /* AR attempt at closing quote */
/*{
    content:"\201D";
    font-size:2.5em;
    font-family:georgia,serif;
    padding-left:.2em;
    color:#aaa;
    line-height:0;
}*/



/* FORMS */

fieldset{border:1px solid #ccc;}
fieldset{ border-radius: .8em; -moz-border-radius: .8em; -webkit-border-radius: .8em; }
legend { font-weight: bold; font-size:1.2em; }
textarea, input[type='text'], input[type='password'], select { border:1px solid #ccc; background:#fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color:#aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { outline:2px solid #ffffaa; border-color:#888; }
.content form { margin-bottom: 0; }
ul.radio { margin-left: 0; margin-bottom:0; }
li.radio { list-style: none; }



/* LISTS */

.content ul ul { list-style-type: square; }
.content ul ul ul { list-style-type: circle; }



/* TABLES */

table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
th, td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }
th { text-align: center; }
th, thead td { background-color: #E5E5E5; }
td { background-color: #f6f6f6; }
td.odd { background-color: #f6f6f6; }
td.even { background-color: #EEEEEE; }



/* MARGINS & PADDINGS */

th, td { padding: .8em; }
blockquote { margin: 1.6em 0; padding-right: 2.6em;}
a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */



/* ANCHOR TARGETS */

/* Make sure the icons are not cut */
/*a[href^="http:"],*/ a[href^="mailto:"], /*a[href^="http:"]:visited,*/
a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"],
a[href$=".rss"], a[href$=".rdf"], a[href^="aim:"]
{
    padding: .16em 1.6em .16em 0;
    margin: -.16em 0;
    background-repeat: no-repeat;
    background-position: right center;
}

/* External links */
a[href^="http:"]           { text-decoration: underline; }
a[href^="mailto:"]         { background-image: url(site.base.icons/email.png); }
a[href^="http:"]:visited   { text-decoration: underline; }

/* Files */
a[href$=".pdf"]   { background-image: url(site.base.icons/pdf.png); }  
a[href$=".doc"]   { background-image: url(site.base.icons/doc.png); }  
a[href$=".xls"]   { background-image: url(site.base.icons/xls.png); }  
 
/* Misc */
a[href$=".rss"], 
a[href$=".rdf"]   { background-image: url(site.base.icons/feed.png); }
a[href^="aim:"]   { background-image: url(site.base.icons/im.png); }



/* BUTTONS */
/* Demo: particletree.com/features/rediscovering-the-button-element */

/* NOTE: in IE these do not align with text in adjacent elements of other types */
a.button, button {
  display: inline-block;
  /*float: left;*/
  margin: 0 0.583em 0.667em 0;
  padding: .5em 1em .5em .7em;   /* Links */
  border: 1px solid #dedede;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  background-color: #f5f5f5;
  font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size: 1em;
  line-height: 1.3em;
  text-decoration: none;
  /*font-weight:bold;*/
  color: #565656;
  cursor: pointer;
}
button {
  width: auto;
  overflow: visible;
  padding: .4em 1em .3em .7em;   /* IE6 */
}
button[type] {
  /*padding: .4em 1em .4em .7em;   /* Firefox */
  line-height: 1.7em;           /* Safari */
}

*:first-child+html .container button[type] {
  padding: .4em 1em .3em .7em;   /* IE7 */
}

button img, a.button img{
  margin: 0 .3em -.3em 0 !important;
  padding: 0;
  border: none;
  width: 1.6em;
  height: 1.6em;
  float: none;
}

/* Standard */
button:hover, a.button:hover{
  background-color: #dff4ff;
  border: 1px solid #c2e1ef;
  color: #336699;
}
a.button:active, button:active{
  background-color: #6299c5;
  border: 1px solid #6299c5;
  color: #dff4ff;
}

/* Positive */
body .positive {
  color: #529214;
}
a.positive:hover, button.positive:hover {
  background-color: #E6EFC2;
  border: 1px solid #C6D880;
}
/* NOTE: doesn't work in IE */
a.positive:active, button.positive:active {
  background-color: #529214;
  border: 1px solid #529214;
  color: #E6EFC2;
}

/* Negative */
body .negative {
  color: #d12f19;
}
a.negative:hover, button.negative:hover {
  background: #fbe3e4;
  border: 1px solid #fbc2c4;
}
/* NOTE: doesn't work in IE */
a.negative:active, button.negative:active {
  background-color: #d12f19;
  border: 1px solid #d12f19;
  color: #fbe3e4;
}