/* Backgrounds / Foregrounds (text) */

html,body {
  background:white;  color:black;}
header, nav, footer {
  background:black;  color:#CCCCCC;}
header h1,header h2,header h3,header h4,header h5,header h6 {
  color:#CCCCCC;}
header .logo-thesoc {
  background:white;}
header h1, header h1 a,header h1 a:visited {
  color: rgb(255, 204, 0);
}
header h1 {
  text-shadow: -3px -3px 10px rgba(255,201,100,0.7);
}

/* Menu bar */

nav.top-bar,
.top-bar-section ul li, /* Foundation 5 */
.top-bar-left ul li a, .top-bar-right ul li a /* Foundation 6 */
{ 
  background:black;  color:#CCCCCC;}

/* Borders */

nav.top-bar {
  border-top: 1px solid #AAAAAA;
}
table {
  border-collapse: collapse;
  border: 1px solid #AAAAAA;
  border-bottom: 3px solid #AAAAAA;
}
th, td {
  border: none;
}
footer {border-top: 1px solid #cccccc;}

/* Links */

body a {
  color:#008CBA;}
body a:visited {
  color:#008CBA;}
header a,footer a {
  color:white;}
header a:visited, footer a:visited {
  color:white;}
/* Foundation's Clearing Lightbox Previous/Next Links : */
.clearing-main-prev span {
        border-right-color: white;
}
.clearing-main-next span {
        border-left-color: white;
}
.clearing-main-prev:hover span {
        border-right-color: orange;
}
.clearing-main-next:hover span {
        border-left-color: orange;
}
.clearing-main-prev:active span {
        border-right-color: red;
}
.clearing-main-next:active span {
        border-left-color: red;
}

/* Standard elements */

.tabs .tab-title > a {
  background:#AAAAAA;  color:#222222;}

thead tr {
  background:#AAAAAA;}
table thead tr th {
  color:white;}
table tr th, table tr th a {
  color:#AAAAAA;}
tbody tr {
  background:white;}
td, td a, td a:visited {
  color:#222222;}
tbody tr:nth-child(even) {
  background:#F9F9F9;}
tbody tr:nth-child(even) td, tbody tr:nth-child(even) td a, tbody tr:nth-child(even) td a:visited {
  color:black;}
/* jquery.tablesorter : */
th.header:hover {
  background:orange;}
th.headerSortDown,
th.headerSortUp {
  background-color:#888888;}


/* Hightlighted / Selected / Active elements */

.tabs .active > a {
  -moz-box-shadow: inset 0 0 10px 5px rgba(255,255,255,1),
     inset 0 15px 20px -1px rgba(255,201,100,1),
           0 -10px 10px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: inset 0 0 10px 5px rgba(255,255,255,1),
     inset 0 15px 20px -1px rgba(255,201,100,1),
           0 -10px 10px 3px rgba(0,0,0,0.5);
  -o-box-shadow: inset 0 0 10px 5px rgba(255,255,255,1),
     inset 0 15px 20px -1px rgba(255,201,100,1),
           0 -10px 10px 3px rgba(0,0,0,0.5);
  filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(0,0,0,0.5), Direction=90, Strength=10);
  box-shadow: inset 0 0 10px 5px rgba(255,255,255,1),
     inset 0 15px 20px -1px rgba(255,201,100,1),
           0 -10px 10px 3px rgba(0,0,0,0.5);
}
.tabs .tab-title.active > a {
  background:white;  color:black;}
thead tr.highlight {
  background:#AAAAAA;}
tbody tr.highlight th, tbody tr.highlight th a {
  color:white;}
tbody tr.highlight {
  background:black;}
tbody tr.highlight td, tbody tr.highlight td a, tbody tr.highlight td a:visited {
  color:#CCCCCC;}

input[type="text"]:focus {
  -moz-box-shadow: 0px 0px 10px 2px orange;
  -webkit-box-shadow: 0px 0px 10px 2px orange;
  -o-box-shadow: 0px 0px 10px 2px orange;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=orange, Direction=NaN, Strength=10);
  box-shadow:0 0 10px 2px orange;
}

/* Hovered elements */

body a:hover {
  color:orange;}
header a:hover,footer a:hover,header h1 a:hover {
  color:orange;}
select:hover {
  background-color:orange;}
input:hover,
.th:hover,.th:focus {
  -moz-box-shadow: 0px 0px 10px 2px orange;
  -webkit-box-shadow: 0px 0px 10px 2px orange;
  -o-box-shadow: 0px 0px 10px 2px orange;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=orange, Direction=NaN, Strength=10);
  box-shadow:0 0 10px 2px orange;
}
header input:hover,footer input:hover {
  -moz-box-shadow: 0px 0px 10px 5px orange;
  -webkit-box-shadow: 0px 0px 10px 5px orange;
  -o-box-shadow: 0px 0px 10px 5px orange;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=orange, Direction=NaN, Strength=10);
  box-shadow:0 0 10px 5px orange;
}
.tabs .tab-title > a:hover {
  background:orange;  }
.tabs .tab-title.active > a {
}
tbody tr:hover {
  background:orange;}
tbody tr:hover td, tbody tr:hover td a {
  color:black;}
tbody tr:hover th {
  }
tbody tr:hover th, tbody tr:hover th a {
  color:#888888;}
.top-bar-section ul li:not(.has-form):hover {
  color:orange;}
.top-bar-section li:not(.has-form):hover a:not(.button) {
  color:orange;}
.top-bar-section .dropdown li:not(.has-form).active:hover>a:not(.button),
.top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button) {
  background:orange;  color:black;}