/*
 * Elements
 */

a {
  color: #111;
  text-decoration: none;
}

a:hover {
  color: #0091D5;
  text-decoration: underline;
}

h1 {
  font-size: 2.17em;
}

h2 {
  font-size: 1.7em;
}
 
h3 {
  font-size: 1.1em;
} 

fieldset {
  border: 1px solid #111;
}

ul.links li {
  padding: 0 0.5em 0 0;
}

/*
 * Specific elements
 */
#site-header {
  background-color: #0f0303;
  padding: 1.5em 0;
  margin-bottom: 0;
}

#site-header ul li a {
  color: #FFF;
  font-weight: 900;
}

#site-header ul li a.active {
  color: #BFC9B4;
}

#site-header ul li a:hover {
  color: #BFC9B4;
  text-decoration: underline;
}
 
h1#branding {
  font-size: 1.8em;
}  

h1#site-name a {
  color: #FFF;
}

h1#page-title {
  border-bottom: 1px solid #E4E4E4;
  padding: 0 10px;
}

#site-menu {
  text-align: right;
}
 
#page {
  background-color: #FFF;
  font-family: "Lucida sans",Arial,Helvetica,sans-serif;
}

/*Don't apply padding/margin here. Messes with the grid */
#main {
}

#tabs {
  padding: 0 10px;
}

#main-content {
  padding: 0 10px;
}

.feed-icon {
  padding-left: 10px;
}

#footer {
  border-top: 1px solid #E4E4E4;
  padding: 1.5em 0;
  margin: 0 10px;
}

#footer-message {
  padding-top: 1.5em;
  margin-left: 10px;
  font-size: 0.8em;
}

/*
 * Classes
 */
 
/* page content */ 
.breadcrumb {
  display: none;
} 

.content {
  color: #333;
  font-size: 1em;
  margin: 1.5em 0;
}

.content ul {
  margin-top: 20px;
  margin-left: 20px;
}

.messages {
  margin: 10px;
}

.sample {
  border: solid 1px silver;
  background-color: lightyellow;
  padding: 10px;
  margin: 6px;
}

#page #main #main-content .node .picture {
  float: left;
  margin: 0 20px 20px 0;
}

#page #main #main-content .node h2 a {
  color: #111111;
}

#page #main #main-content .node .content {
  clear: left;
}

/*front page node*/
.front #page #main #main-content .node h2 {
  margin-bottom: 10px; /*default is 20px*/
}

.front #page #main-content .node {
  padding-bottom: 10px;
  border-bottom: 1px solid #CCC;
}

/*full node occurances of h(2|3|4)*/
.not-front #page #main #main-content .node .content h2, 
.not-front #page #main #main-content .node .content h3,
.not-front #page #main #main-content .node .content h4
{
  margin-top: 20px;
}

/*full node occurances of img*/
.not-front #page #main #main-content .node .content img
{
  display: block;
  margin: 20px 0;
}

/*full node occurances of table*/
.not-front #page #main #main-content .node .content table
{
  margin: 20px 0;
}

pre
{
  background-color: #EEE;
  border: 1px solid #CCC;
  color: #333333;
  padding: 10px;
  margin-bottom: 10px;
}

.views-row-odd,
.views-row-even
{
  clear: both;
  margin-bottom: 5px;
  padding-bottom: 15px;
  /*border-bottom: 1px solid #CCC;*/
  min-height: 50px;
  /* height: 50px; */ /*IE6*/
}

.views-row-last {
  border-bottom: none;
  margin-bottom: 0;
}

.comment h3 a
{
  font-weight: 900;
  color: #111111;
}

.front #page #main #main-content .node h2 a:hover,
.comment h3 a:hover
{
  text-decoration: underline;
  color: #0091D5;
}

/*comments (if enabled)*/
#comments {
  border-top: 1px solid #E4E4E4;
  padding: 20px 0;
}

.comment {
  background-color: #EEE;
  border: 1px solid #CCC;
  padding: 10px;
}

.comment h3 {
  margin-bottom: 0;
}

.comment .new {
	background-color: #FAF8CC;
	padding: 5px;
}

.comment .submitted {
  font-size: 11px;
}

.comment .content {
  margin-top: 10px;
}

/*forms*/
form#comment-form {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #CCC;
}

#edit-submit,
#edit-preview,
#edit-delete,
#edit-attach,
#edit-upload,
form#comment-confirm-delete .container-inline a
{
  background-color:#222;
  border: 1px solid #111;
  color: #FFF;
  padding: 10px;
}

/*'Delete' is an input, 'Cancel' is link with @href. Slightly more padding required for the link*/
form#comment-confirm-delete .container-inline a {
  padding-top: 12px;
  padding-bottom: 11px;
  text-decoration: none;
}

textarea,
input,
select
{
  border: 1px solid #CCC;
  padding: 5px;
}

/*tables*/
table#attachments th, 
table#attachments td
{
  padding: 10px;
}