/* All left-to-right and right-to-left CSS is in seperate files */

/* Content */
body {
  background: #FFF;
  color: #303;
}

body.not-showable {
  border-color: #333 #333 #333 #333;
}

fieldset {
  border-color: #333 #333 #333 #333;
}

/* IE 6 on XP need the legend text colour setting */
legend {
  background: transparent;
  color: #003;
}

/* Misc */
table caption {
  background: #666;
  color: #FFF;
}

tfoot td {
  background: #CCC;
  color: #333;
}

.error {
  color: #FFF;
  background: red;
}

div.header { 
  background: #636;
  color: #FFF;
}

/* Primary */
div.logo {
  margin: 0em;
  padding-top: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 0em;
}
div.logo p {
  background: transparent;
  color: #FFF;
  margin: 0em;
  padding-top: 0.8em;
  padding-left: 0em;
  padding-right: 0em;
  padding-bottom: 0em;
  text-transform: lowercase;
  font-style: italic;
  font-weight: bold;
  font-size: 3.5em;
  line-height: 0.8em;
}
div.logo p a:link {
  text-decoration: none;
  background: transparent; 
  color: #FFF;
}
div.logo p a:active,
div.logo p a:hover,
div.logo p a:focus {
  text-decoration: none;
  background: transparent; 
  color: #FFF;
}
div.logo p a:visited {
  text-decoration: none;
  background: transparent; 
  color: #FFF;
}
div.logo p a[href]:hover, div.logo p a[href]:focus, 
div.logo p a[href]:active {
  text-decoration: none;
  background: transparent; 
  color: #FFF;
}
div.search {
  background: transparent;
  color: #FFF;
  margin-top: 0em;
  margin-left: 0em;
  margin-right: 0em;
  margin-bottom: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
}
div.search form p {
  padding: 0em;
  margin: 0em;
}
div.search form p input#q { 
  background: #FFF;
  color: #000;
  margin: 0em;
}
div.search form p input#submit { 
  background: #CCC;
  color: #000;
  margin: 0em;
}
div.menu {
  background: transparent;
  color: #FFF;
  margin: 0em;
  padding-top: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 0.5em;
}
div.menu p {
  margin: 0em;
  padding: 0em;
}
div.menu p a:link {
  text-decoration: none; 
  background: transparent; 
  color: #CCF;
}
div.menu p a:link,
div.menu p a:visited,
div.menu p a:active,
div.menu p a:hover,
div.menu p a:focus {
  text-decoration: underline; 
  background: transparent; 
  color: #FFF;
}
div.menu p a[href]:hover, 
div.menu p a[href]:focus {
  text-decoration: none;
  background: #FFC; 
  color: #000;
}
div.breadcrumb {
  background: #FFF;
  color: #303;
  margin: 0em;
  padding-top: 1em;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 0.5em;
}
div.breadcrumb p {
  margin: 0em;
  padding: 0em;
}

/* The following CSS is for the divs within the sidebar. 
   If it's needed to have different settings for different 
   boxes then the unique class bames that each div has can 
   be used. */
div.sidebar div { 
  border: solid #636 1px;
}
div.sidebar div h2 {
  background: #636;
  color: #FFF;
  border-bottom: solid #636 1px;
}
div.sidebar div h2 a:link, 
div.sidebar div h2 a:visited {
  color: #FFF;
  background: transparent;
}

/* This is for the bars on the poll results page */
table td small.poll {
  background: red;
  color: red;
}
div.footnote {
  border-top-color: #008; 
}
a:link {
  background: transparent;
  color: #00F;
} 
a:visited {
  background: transparent;
  color: #C0C;
} 
a.not-showable:link {
  background: #FCF;
  color: #00F;
}
a.not-showable:visited {
  background: #FCF; 
  color: #C0C;
}
/* :active here is just for IE */
a[href]:hover, a[href]:focus, a[href]:active {
  background: #FFC;
  color: #333;
} 
/* The following is for Mozilla */
a[href]:active {
  background: #FFF;
  color: #F03;
} 
input[type=text], textarea, select {
  background: #FFF;
  color: #333;
}
input[type=text]:hover, input[type=text]:focus,
textarea:hover, textarea:focus,
select:hover, select:focus {
  background-color: #FFC;
  color: #333;
}
input[type=text]:active, textarea:active, select:active {
  background-color: #F7F7F7;
  color: #F63;
}
input[type=submit] {
  background: #CCC;
  color: #333;
  font-weight: bold;
}
input[type=submit]:hover, input[type=submit]:focus {
  background-color: #DDD;
  color: #333;
}
input[type=submit]:active {
  background-color: #F7F7F7;
  color: #F63;
}

pre {
  color: #000;
  background: #FCF;
}