Darkscribes Omega Global.css

/* Global.css for Darkscribes */
/* HTML Elements */
body {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -x-system-font:none;
background: #222222;
background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
    color:#FFFFFF;
    font-family:verdana,arial,helvetica,sans-serif;
    font-size:76%;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:1.5em;
    margin:2em 0;
    padding:0;
}

a,
a:link,
a:visited {
  color:#CCCCCC;
  text-decoration: none;
}

a:focus,
a:hover,
a:active {
  color: #fff;
}

p, address, pre, table {
    margin-left: 0.1in;
    margin-right: 0.1in;
    margin-bottom: 1.846em;

}

ul, ol {
  margin: 1em 1em 0 1em;
}

article.node ul, article.node ul ol {
  margin: 0 0 1.846em 60px;
}

ul.links {
    float: left;
    margin-left: 0;
    display: block;
}

.node-links ul li a,
.comment-links ul li a {
  text-transform: lowercase;
  text-decoration: none;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  margin: 0;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  border-radius: 11px;
  background: #ddd url(../images/button.png) repeat-x;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
  background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);
  border: 1px solid;
  border-color: #ddd #bbb #999;
  cursor: pointer;
  color: #333;
  font: bold 12px/1.2 Arial, sans-serif;
  outline: 0;
  overflow: visible;
  padding: 4px 10px 3px;
  text-shadow: #fff 0 1px 1px;
  width: auto;

  /* IE7 */
  *padding-top: 2px;
  *padding-bottom: 0px;
}

.node-links ul li a:hover,
.comment-links ul li a:hover {
  background: #FFF;
}

.node-links .inline li,
.comment-links .inline li{
    margin-right:0.2em;
}

pre,
div.code {
  border-left: 5px solid #17a1c8;
  background: #151E25;
  color: #fff;
  padding: 0.2em 10px;
}

div.highlight {
  background: #484848;
  color: #fff;
}

#node-page-11 {
  background: url(../images/grid.gif) 0 0 repeat;
  color: #000;
}

#node-page-11 .content {
  padding: 6px 35px 0 40px;
}

.node-teaser {
    padding-top: 5px;
    border-bottom: 1px solid #555555;
}

.typo-label {
  font-size:1.4em;    /* 18px */
  margin-bottom:1.333em;    /* 24px */
  line-height:1.333;
  padding: 0px 10px;
  border: 0px solid #17a1c8;
}

/* Heading settings */
h1 {
   font-family: Marvel;
    line-height: 1em;
    padding: 0px;
   }
h2 {
    -x-system-font:none;
    color:#FFFFFF;
    font-family: Marvel;
    font-size:1.2em;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    line-height:normal;
    margin:0;
    padding:0;
    }

h3, h4, h5, h6 {
    -x-system-font:none;
    color:#FFFFFF;
    font-family: Marvel;
    font-size:1em;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    line-height:normal;
    margin:0;
    padding:0;
      }

h2.node-title, /* Title of a piece of content when it is given in a list of content */
h2.block-title, /* Block title */
h2.title, /* Comment section heading */
h2.comment-form, /* Comment form heading */
h3.title /* Comment title */ {
  margin: 0px;
  font-family: Marvel;
  font-size: 22px;
  color: 898989;
}

h2.block-title {
  background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
  background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
  color:#898989;
  padding-bottom: 0px;
  margin-bottom:0.5em;
  border-bottom: 1px solid #324A5D;
}

article,
aside,
figure,
footer,
header,
hgroup,
section {
    border: 0 none;
    font: inherit;
    margin: 5px;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
    margin-bottom: 20px;
}

/* Services Links */
.service-links ul.links {
  float: left;
  margin:0;
  padding:0;
}
.service-links ul.links li {
  list-style: none;
  float: left;
  padding-right: 20px;
}

/* Zone Base settings */
/*  Zone content  */

.region-menu {
    margin: 5px;
}

.zone-content-wrapper {

}

.region-content {
    margin-left: 5px;
    margin-right: 5px;
}

.region-content-inner {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:#222222 none repeat scroll 0 0;
  border:1px solid #555555;
  margin:5px;
}

.region-sidebar-first {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    color:#CCCCCC;
    /* float:left;
 */    line-height:100%;
    margin:0;
    padding:0;
/*  border-right: 1px solid #555555;
 */    border-top: 1px solid #555555;
    border-bottom: 1px solid #555555;
}

.zone-footer-wrapper {
   -moz-background-clip:border;
   -moz-background-inline-policy:continuous;
   -moz-background-origin:padding;
 background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
   color:#999999;
   margin:0 1em 1em;
   padding:0;
   }

/* Region Settings */
/* Header Branding area */
.zone-branding {
}



.logo-img img {
        max-width: 100%;
        height: auto;
}

.zone-header{
background: #383838; /* Old browsers */
background: -moz-linear-gradient(top,  #383838 0%, #272727 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#383838), color-stop(100%,#272727)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #383838 0%,#272727 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #383838 0%,#272727 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #383838 0%,#272727 100%); /* IE10+ */
background: linear-gradient(to bottom,  #383838 0%,#272727 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#272727',GradientType=0 ); /* IE6-9 */
}

.zone-content{
background: #383838; /* Old browsers */
background: -moz-linear-gradient(top,  #383838 0%, #272727 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#383838), color-stop(100%,#272727)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #383838 0%,#272727 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #383838 0%,#272727 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #383838 0%,#272727 100%); /* IE10+ */
background: linear-gradient(to bottom,  #383838 0%,#272727 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#272727',GradientType=0 ); /* IE6-9 */
}
.zone-menu{
background: #383838; /* Old browsers */
background: -moz-linear-gradient(top,  #383838 0%, #272727 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#383838), color-stop(100%,#272727)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #383838 0%,#272727 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #383838 0%,#272727 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #383838 0%,#272727 100%); /* IE10+ */
background: linear-gradient(to bottom,  #383838 0%,#272727 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#272727',GradientType=0 ); /* IE6-9 */
}

/* Superfish Menu Settings */
/* Superfish blocks */
.block-superfish {

}
.sf-menu.sf-style-default {
    margin:0px;
    float:left;
    padding:0px;
background: #383838; /* Old browsers */
background: -moz-linear-gradient(top,  #383838 0%, #272727 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#383838), color-stop(100%,#272727)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #383838 0%,#272727 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #383838 0%,#272727 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #383838 0%,#272727 100%); /* IE10+ */
background: linear-gradient(to bottom,  #383838 0%,#272727 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#272727',GradientType=0 ); /* IE6-9 */

}
.sf-menu.sf-style-default li:hover,.sf-menu.sf-style-default a:hover, .sf-menu.sf-style-default li.sfHover, .sf-menu.sf-style-default a:focus, .sf-menu.sf-style-default a:hover, .sf-menu.sf-style-default a:active {

background: #383838; /* Old browsers */
background: -moz-linear-gradient(top,  #383838 0%, #272727 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#383838), color-stop(100%,#272727)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #383838 0%,#272727 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #383838 0%,#272727 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #383838 0%,#272727 100%); /* IE10+ */
background: linear-gradient(to bottom,  #383838 0%,#272727 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#272727',GradientType=0 ); /* IE6-9 */

    color: #373737;  /*rem*/
}
.sf-menu.sf-style-default li, .sf-menu.sf-style-default li:hover, .sf-menu.sf-style-default.sf-navbar {
    background: none;
    padding-right:0px;
    padding-left:0px;
    color: #373737;
}


.sf-menu.sf-style-default li.last {
    background:none;
    padding-right:0px
}

.sf-menu.sf-style-default a {
    padding:0px;
    border:0px;
    height: 45px;
    line-height: 45px;
    color:#FFF !important;
    font-family:Marvel;
    font-size:16px;
background: #383838; /* Old browsers */
background: -moz-linear-gradient(top,  #383838 0%, #272727 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#383838), color-stop(100%,#272727)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #383838 0%,#272727 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #383838 0%,#272727 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #383838 0%,#272727 100%); /* IE10+ */
background: linear-gradient(to bottom,  #383838 0%,#272727 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#272727',GradientType=0 ); /* IE6-9 */
    text-decoration:none;
}

/* Vertical style */
.sf-vertical,
.sf-vertical li {
  width: 100%;
}
.sf-vertical li {}
.sf-vertical li.last {}
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
  left: 100%; /* match ul width */
  top:  0;
  margin: 0;
  padding: 0;
}
.sf-vertical li a {
  padding: 0 10px;
}

/* Navbar */
.sf-navbar {
  padding-bottom: 0 !important;
}

/* Sensible padding for the default style */
.sf-menu.sf-style-default a {
  padding: 0 5px;
}

.field-item img {
  border: 1px solid #324A5D;
  padding: 5px;
  float: left;
}

.view-list-articles .views-row img {
  border: 1px solid #324A5D;
  padding: 5px;
  float: left;
}

.form-type-radios, .form-radios .form-item{
    float: left;
    margin-bottom: 0.4em;
    margin-right: 0.4em;
    margin-top: 0.4em;
}

/* Homebox Settings */
/* Columns/regions */
#homebox .used {
  background-color:2b2d30;
  background-position:initial initial;
  background-repeat:initial initial;
  border-top-color:#FFFFFF;
  border-top-style:solid;
  border-top-width:1px;
  outline:#DDDDDD solid 1px;
}

#homebox .homebox-column {
  margin: 2px;
  padding: 5px;
  background: url(images/stripe.png);
  min-height: 40px;
}

#homebox .homebox-column-wrapper {
  background-color: #000000;
  float: left;
}

/* Portlets/boxes */
#homebox .homebox-portlet {
  margin: 2px 0 5px;
  padding: 0;
  border: 3px solid #333;
  background-color: #565656;
}

#homebox .homebox-portlet .homebox-portlet-inner {
  border: 1px solid #;
  overflow: hidden;
}

#homebox .portlet-content {
  padding: 4px;
}

#homebox .homebox-portlet-collapsed .portlet-content {
  display: none;
}

#homebox .homebox-portlet .portlet-header {
  margin: 0;
  padding: 2px 4px;
  border-bottom: 1px solid #ddd;
  background: #999999; /* matches garland */
  color: #494949;
  min-height: 18px;
  font-size: 1em;
}

#homebox .homebox-draggable .portlet-header:hover {
  cursor: move;
}

#homebox .homebox-portlet .portlet-header .portlet-title {
  display: block;
  z-index: 9; /* IE is terrible */
  position: relative; /* IE is terrible */
}

#homebox .homebox-portlet .portlet-config {
  display: none;
  border-bottom: 1px solid #ddd;
}

#homebox .homebox-portlet div.views-exposed-widgets {
  padding: 0 7px;
}

#homebox div.view-header {
  text-align: right;
}

#homebox .portlet-maximized {
  clear: both;
}

/*
** Placeholder
*/

#homebox .homebox-placeholder {
  visibility: visible !important;
  margin: 5px 0;
  padding: 0;
  /*background: #000000;*/
  border: 3px dashed #ccc;
}

#homebox .homebox-placeholder * {
  visibility: hidden;
}

/* Shoutbox Settings */
span.shoutbox-user-name,
span.shoutbox-user-name a,
span.shoutbox-user-name a:visited {
    color: #Blue;
    font-weight: bold;
}

span.shoutbox-current-user-name,
span.shoutbox-current-user-name a,
span.shoutbox-current-user-name a:visited {
    color: Red;
}

#shoutbox-add-form .form-submit {
    font-size: 90%;
}

/* table settings */
table.no-border {
  margin: 0;
}

table.no-border tr,
table.no-border td {
  border: none;
  background: #999999;
}

.forum-table tr.even td.active, .forum-table tr.odd td.active {
    background-color: #333333;
}

tr:hover td,
tr.even:hover td.active,
tr.odd:hover td.active {
  background: none;
  background-color: #333333;
    border-bottom: 1px solid #CCCCCC;
}

tr td,
tr.even td.active,
tr.odd td.active {
  background: none;
  background-color: #666666;
    border-bottom: 1px solid #CCCCCC;
}
tr.even tr.odd td.views-field-last-updated {
    background-color: #111111;
    width: 30%;
}

thead th, th {
    background: none repeat scroll 0 0 #5d5f60;
    border-bottom: 1px solid #999999;
    color: #333333;
}

th.active {
  background-color:#999999;
  background-position:initial initial;
  background-repeat:initial initial;
  border-left-color:#CCCCCC;
  border-left-style:solid;
  border-left-width:1px;
  border-right-color:#CCCCCC;
  border-right-style:solid;
  border-right-width:1px;
}

th a {
  display:block;
}

tr.even /* Some tables have rows marked even or odd. */ {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
background-color: #999999;
    border-bottom: 1px solid #CCCCCC;
}

tr.odd {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
    background-color: #AAAAAA;
    border-bottom: 1px solid #CCCCCC
    color: #343434;
}

tr.description {
    color: #343434;
}

table {
}

tbody {
    border-top: 1px solid #CCCCCC;
}

thead th, th {
    border-bottom: 3px solid #CCCCCC;
}

tbody th {
    border-bottom: 1px solid #CCCCCC;
}

tr.even, tr.even td {
    background-color: #000000;
    border-bottom: 1px solid #CCCCCC;
}

tr.odd, tr.odd td {
    background-color: #444444;
    border-bottom: 1px solid #CCCCCC;
}


/* Advanced Forum Silver Bells Style modification */

/*** PAGER *******************************************************************/

/* This is the pager on the topics in the list */
.topic-pager {
  font-style: italic;
}

.forum-pager .pager a,
#forum-comments .pager a {
  font-weight: bold;
}

.forum-pager .pager a:link,
.forum-pager .pager a:visited,
#forum-comments .pager a:link,
#forum-comments .pager a:visited {
  text-decoration: none;
  border: 1px solid #C1C1C1;
  background: #EFEFEF;
  background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#EFEFEF));
  background: -moz-linear-gradient(top, #F5F5F5, #EFEFEF);
}

.forum-pager .pager-current,
.forum-pager .pager a:hover,
#forum-comments .pager-current,
#forum-comments .pager a:hover {
  background: #333333;
  color: #FFFFFF !important;
}

.forum-pager .pager a.active,
#forum-comments .pager a.active {
  color: #333333;
}

/*** FORUM & TOPIC LISTS ******************************************************/

/* Forum list and topic list tables */
.forum-table {
  border: 1px solid #C1C1C1;
}

/* Table name and description on forum list and table header on topic list */
.forum-table-wrap .forum-table-superheader,
.forum-table-topics thead tr  {
  border: 1px solid #C1C1C1;
  background: #7d7e7d; /* Old browsers */
background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */

  color: #ffffff;
}

/* Table name on forum list */
.forum-table-superheader .forum-table-name,
.forum-table-superheader .forum-table-name a {
  color: #B5B5B5;
  font-weight: bold;
  border-bottom: none;
}

/* Table header on forum list */
.forum-table-wrap thead tr {
  background-color: #F5F5F5;
  border: 1px solid #C1C1C1;
}

/* Table header on forum list and topic list */
.forum-table thead tr a,
.forum-table thead tr a:visited,
.forum-table thead tr a:link {
  color: #333333;
  font-weight: bold;
}

/* Reset to avoid bleed-thru from theme */
.forum-table thead th {
  border-bottom: none;
}

/* Rows on both tables */
.forum-table tr.even,
.forum-table tr.odd {
  border-top: 1px solid #C1C1C1;
  background: #7d7e7d; /* Old browsers */
background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
color: #ffffff;

}

/* Active column on both tables - reset to prevent bleed thru from theme */
.forum-table tr.even td.active,
.forum-table tr.odd td.active{
  background-color: transparent;
}

/* Individual cells on both tables */
.forum-table td {
  border: 1px solid #C1C1C1;
}

/* Placeholder when there are no topics in the list */
.view-advanced-forum-topic-list .view-empty {
  border: 3px solid #C1C1C1;
}

/*** Sticky topics ***/
.forum-table tr.forum-last-sticky {
  border-bottom: 10px solid #C1C1C1;
}

.forum-table .sticky-label {
  font-weight: bold;
}

/*** FORUM STATISTICS *********************************************************/

#forum-statistics {
  border: 1px solid #C1C1C1;
}

#forum-statistics-header {
  border-top: 1px solid #C1C1C1;
  background: #7d7e7d; /* Old browsers */
background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */

  color: #ffffff;
  font-weight: bold;
}

.forum-statistics-sub-header {
  border-top: 1px solid #C1C1C1;
  border-bottom: 1px solid #C1C1C1;
  font-weight: bold;
}

.forum-statistics-sub-body {
  background-color: #555555;
}

/*** FORUM TOPICS **********************************************************/

div.forum-post {
  border: 1px solid #C1C1C1;
}

/* Header at the top of each post */
.forum-post-info {
  border-top: 1px solid #FAFAFA;
 background: #7d7e7d; /* Old browsers */
background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */

  color: #EEEEEE;
  font-weight: bold;
  border-bottom: 1px solid #C1C1C1;
}

.forum-posted-on {
   color: #ffffff;
   font-weight: bold;
}

.forum-post-number a {
  color: #FFFFFF !important;
}

/* Wrapper around author pane and content */
.forum-post-wrapper {
  background-color: #242424;
}

/* Author information pane */
.forum-post-panel-sub .author-pane .author-name {
  background-color; #242424;
  font-weight: bold;
}

.forum-post-panel-sub .author-pane .picture img {
  width: 100%
  border: 1px solid #C1C1C1;
  background-color: #FFFFFF;
}

.forum-post-panel-sub .author-pane .author-pane-label {
  font-weight: bold;
}

/* Post text area */
.forum-post-panel-main {
  border-left: 1px solid #C1C1C1;
  background-color: #242424;
}

.forum-post-title {
  font-weight: bold;
  border-bottom: 1px solid #C1C1C1;
}

/* Signature */
.author-signature {
  font-size: .8em;
}

/* Post footer */
.forum-post-footer {
  border-top: 1px solid #C1C1C1;
}

.forum-jump-links {
  border-right: none;
}

/* Box under top post before first reply */
.forum-top-post-footer {
  border: 1px solid #C1C1C1;
  background: #7d7e7d; /* Old browsers */
background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
  color:#ffffff;
}

/* Topic navigation */
.forum-topic-navigation {
  border: 1px solid #C1C1C1;
  background: #7d7e7d; /* Old browsers */
background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
  color: #ffffff;
}

/* FORUM LIST ICONS *********************************************************/
.forum-list-icon-wrapper {
  border-top: 1px solid #EAF8E4;
  background: #C1C1C1;
  background: -webkit-gradient(linear, left top, left bottom, from(#DFDFDF), to(#C1C1C1));
  background: -moz-linear-gradient(top, #DFDFDF, #C1C1C1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  box-shadow: rgba(0,0,0,1) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: #333333;
  font-family: Helvetica, Arial, Sans-Serif;
  text-decoration: none;
  vertical-align: middle;
  margin: 10px;
  width: 50px;
  height: 50px;
  display: block;
}

tr.even td.forum-list-icon-default .forum-list-icon-wrapper span,
tr.odd td.forum-list-icon-default .forum-list-icon-wrapper span,
.forum-list-icon-legend .forum-list-icon-default {
  background: transparent url(images/forum_list_default.png) no-repeat center center;
}

tr.even td.forum-list-icon-new-posts .forum-list-icon-wrapper span,
tr.odd td.forum-list-icon-new-posts .forum-list-icon-wrapper span,
.forum-list-icon-legend .forum-list-icon-new-posts {
  background: transparent url(images/forum_list_new_posts.png) no-repeat center center;
}

/* TOPIC LIST ICONS *********************************************************/
span.topic-icon {
  width: 24px;
  height: 24px;
  text-indent: -9999px;
}

.topic-icon-default {
  background: transparent url(images/topic_list_default.png) no-repeat center center;
}

.topic-icon-new {
  background: transparent url(images/topic_list_new.png) no-repeat center center;
}

.topic-icon-hot {
  background: transparent url(images/topic_list_hot.png) no-repeat center center;
}

.topic-icon-hot-new {
  background: transparent url(images/topic_list_hot_new.png) no-repeat center center;
}

.topic-icon-sticky {
  background: transparent url(images/topic_list_sticky.png) no-repeat center center;
}

.topic-icon-closed {
  background: transparent url(images/topic_list_closed.png) no-repeat center center;
}

/* TOPIC LIST ICON LEGEND ***************************************************/
.topic-icon-default {
  background: transparent url(images/topic_list_default.png) no-repeat top left;
}

.topic-icon-new {
  background: transparent url(images/topic_list_new.png) no-repeat top left;
}

.topic-icon-hot {
  background: transparent url(images/topic_list_hot.png) no-repeat top left;
}

.topic-icon-hot-new {
  background: transparent url(images/topic_list_hot_new.png) no-repeat top left;
}

.topic-icon-sticky {
  background: transparent url(images/topic_list_sticky.png) no-repeat top left;
}

.topic-icon-closed {
  background: transparent url(images/topic_list_closed.png) no-repeat top left;
}

/* AUTHOR PANE **************************************************************/

.forum-post-panel-sub .author-online {
  background: transparent url(images/ap_user_online.png) no-repeat;
  padding-left: 20px;
  height: 20px;
  width: 125px;
  display: block;
}

.forum-post-panel-sub .author-offline {
  background: transparent url(images/ap_user_offline.png) no-repeat;
  padding-left: 20px;
  height: 20px;
  width: 125px;
  display: block;
}


/* BUTTONIZED LINKS - GENERAL ***********************************************/
/* Based on http://css-tricks.com/examples/ButtonMaker */

a.af-button-large,
a.af-button-large:link,
a.af-button-large:visited,
a.af-button-small,
a.af-button-small:link,
a.af-button-small:visited,
a.author-pane-link,
a.author-pane-link:link,
a.author-pane-link:visited {
  color: #333333;
  text-decoration: none;
}

.af-button-large,
.af-button-small,
.author-pane-link {
  display: block;
  border-top: 1px solid #EAF8E4;
  background: #C1C1C1;
  background: -webkit-gradient(linear, left top, left bottom, from(#DFDFDF), to(#C1C1C1));
  background: -moz-linear-gradient(top, #DFDFDF, #C1C1C1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  box-shadow: rgba(0,0,0,1) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: #333333;
  font-family: Helvetica, Arial, Sans-Serif;
  text-decoration: none;
  vertical-align: middle;
}

a.af-button-large:hover,
a.af-button-small:hover,
a.author-pane-link:hover {
  background: #C1C1C1;
  color: #333333;
  border-top-color: #EFEFEF;
}

a.af-button-large:active,
a.af-button-small:active,
a.author-pane-link:active {
  background: #C1C1C1;
  color: #333333;
  border-top-color: #EFEFEF;
}

.af-button-large span {
  font-size: 14px;
  padding: 2px 2px 2px 25px; /* Last number controls width for image */
  line-height: 30px; /* Approximate height of button */
  margin: 0 7px 0 7px; /* Left and right space outside text & image */
}

.af-button-small span {
  font-size: 12px;
  padding: 2px 2px 2px 20px; /* Last number controls width for image */
  line-height: 25px; /* Approximate height of button */
  margin: 0 7px 0 7px; /* Left and right space outside text & image */
}

.author-pane-link span {
  font-size: 12px;
  padding: 0 0 0 22px; /* Last number controls width for image */
  line-height: 22px; /* Approximate height of button */
  margin: 0 7px 0 7px; /* Left and right space outside text & image */
}

/* BUTTONIZED LINKS - INDIVIDUAL BUTTONS ************************************/

.forum-add-forum .af-button-large span {
  background: url(images/add_topic.png) no-repeat;
}

.forum-add-poll .af-button-large span {
  background: url(images/add_poll.png) no-repeat;
}

/*** Reply/Locked at the top and bottom of individual topics. ***/

/* Reply link */
.topic-reply-allowed .af-button-large span {
  background: url(images/topic_reply.png) no-repeat;
}

/* Locked topic (not a link so an extra span is used instead of the "a". */
.topic-reply-locked .af-button-large span {
  background: url(images/topic_locked.png) no-repeat;
}

/* Last post */
.last-post-link .af-button-large span {
  background: url(images/topic_last_post.png) no-repeat;
}

/* First unread */
.topic-new-post-link .af-button-large span {
  background: url(images/topic_first_unread_post.png) no-repeat;
}

/*** Comments ***/
#comments /* Wrapper for the list of comments and its title */ {
  margin: 1.5em 0;
}

#comments h2.title /* Heading for the list of comments */ {
  margin-bottom: 1.3333em;
}

#comments h2.comment-form /* Heading for the comment form */ {
}

.comment /* Wrapper for a single comment */ {
}
article.comment footer {
  color: #aaa;
  font-style: italic;
}
.comment-preview /* Preview of the comment before submitting new or updated comment */ {
  background-color: #ffffea; /* Drupal core will use a #ffffea background. See #1110842 */
}

.comment.new /* A new comment since the user last viewed the page. */ {
}

.comment.first /* The first comment in the list of comments */ {
}

.comment.last /* The last comment in the list of comments */ {
}

.comment.odd /* An odd-numbered comment in the list of comments */ {
}

.comment.even /* An even-numbered comment in the list of comments */ {
}

.comment-unpublished /* Unpublished comments */ {
  /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
}

.comment-unpublished div.unpublished /* The word "Unpublished" displayed underneath the content. See also the div.unpublished declaration in the nodes.css. */ {
}

.comment-by-anonymous /* A comment created by an anonymous user */ {
}

.comment-by-node-author /* A comment created by the node's author */ {
}

.comment-by-viewer /* A comment created by the current user */ {
}

article.comment h3 /* Comment title */ {
  margin: 15px 0 10px;
}

.new /* "New" marker for comments that are new for the current user */ {
  color: #c00;
}

.comment .user-picture /* The picture of the comment author */ {
}

.comment .submitted /* The "posted by" information */ {
}

.comment .content /* Comment's content wrapper */ {
}

.comment .user-signature /* The user's signature */ {
}

.comment ul.links /* Comment links. See also the ul.links declaration in the pages.css. */ {
  margin-left: 0;
  margin-bottom: 10px;
  text-align: right;
}

.indented /* Nested comments are indented */ {
  /* margin-left: 25px; */ /* Drupal core uses a 25px left margin */
}
/*** Links on the individual posts (nodes and comments). ***/

/* General */
.forum-post-links .af-button-small span {
}

/* Reply */
.comment-add .af-button-small span,
.comment-reply .af-button-small span {
  background: url(images/post_reply.png) no-repeat;
}

/* Quote */
.quote .af-button-small span {
  background: url(images/post_quote.png) no-repeat;
}

/* Edit */
.comment-edit .af-button-small span,
.post-edit .af-button-small span {
  background: url(images/post_edit.png) no-repeat;
}

/* Delete */
.comment-delete .af-button-small span,
.post-delete .af-button-small span {
  background: url(images/post_delete.png) no-repeat;
}

/* Jump to top */
.forum-jump-links .af-button-small span {
  background: url(images/topic_top.png) no-repeat;
}

/*** AUTHOR PANE ***/

.forum-post-panel-sub .author-contact .author-pane-link span {
  background: transparent url(images/ap_email.png) no-repeat;
}

.forum-post-panel-sub .author-privatemsg .author-pane-link span {
  background: transparent url(images/ap_private_message.png) no-repeat;
}

.forum-post-panel-sub .author-relationship-add-icon.author-pane-link span {
  background: transparent url(images/ap_contact_add.png) no-repeat;
}

.forum-post-panel-sub .author-relationship-remove-icon.author-pane-link {
  background: transparent url(images/ap_contact_remove.png) no-repeat;
}

/*------------------------------------*\
    TABS CSS
\*------------------------------------*/

div.tabs {
  margin: 0 0 5px 0;
}

ul.primary {
  margin: 0;
  padding: 0 0 0 10px; /* LTR */
  border-width: 0;
  list-style: none;
  white-space: nowrap;
  line-height: normal;
}

ul.primary li {
  float: left; /* LTR */
  margin: 0;
  padding: 0;
}

ul.primary li a {
  display: block;
  line-height: 24px;
  margin: 0;
  padding: 0 15px; /* width of tab-left.png */
  border-width: 0;
  font-weight: bold;
  text-decoration: none;
  color: #777;
  background-color: transparent;
}

ul.primary li a .tab {
  display: block;
  height: 20px; /* 24px (parent) - 4px (padding) */
  margin: 0;
  padding: 4px 13px 0 6px;
  border-width: 0;
  line-height: 20px;
}

ul.primary li a:hover,
ul.primary li a:focus {
  border-width: 0;
  background-color: transparent;
}

ul.primary li a:hover .tab,
ul.primary li a:focus .tab {
}

ul.primary li.active a,
ul.primary li.active a:hover,
ul.primary li.active a:focus {
  border-width: 0;
  color: #fff;
  background-color: #484848;
}

ul.primary li.active a .tab,
ul.primary li.active a:hover .tab,
ul.primary li.active a:focus .tab {
}

ul.secondary {
  margin: 0;
  padding: 0 0 0 5px; /* LTR */
  border-bottom: 1px solid #c0c0c0;
  list-style: none;
  white-space: nowrap;
}

ul.secondary li {
  float: left; /* LTR */
  margin: 0 5px 0 0;
  padding: 5px 0;
  border-right: none; /* LTR */
}

ul.secondary a {
  display: block;
  height: 24px;
  margin: 0;
  padding: 0;
  border: 1px solid #c0c0c0;
  text-decoration: none;
  color: #777;
}

ul.secondary a .tab {
  display: block;
  height: 18px; /* 24px (parent) - 6px (padding) */
  margin: 0;
  padding: 3px 8px;
  line-height: 18px;
}

ul.secondary a:hover,
ul.secondary a:focus {

}

ul.secondary a.active,
ul.secondary a.active:hover,
ul.secondary a.active:focus {

}

/* Buttons */
button, input[type="reset"], input[type="submit"], input[type="button"] {
    background: none repeat scroll 0 0 #C1C1C1;
    border: 1px solid #121212;
    color: #000000;
    padding: 0.5em 1.7em;
}


/* Field Modifications */
.field-name-field-image img {
  border: 1px solid #324A5D;
  padding: 5px;
}

.field-name-field-image {
  float:left;
  margin: 10px 20px 10px 0;
}

.field-label, .field-items, .field-item {
    display: inline;
    list-style: none outside none;
    margin: 0;
    padding: 0px;
    word-wrap: break-word;
}

.field-items, .field-item {
    padding-right: 5px;
}

.view-id-stories .views-row {
   margin: 10px;
}

.flex-caption {
   background: #000000;
}

/* Views CSS Modification */

.views-view-grid {

}