/*
Theme Name: ESC. LABORATORY
Theme URI: http://www.esc-laboratory.com
Description: ESC. LABORATORY
Version: 0.9
Author: Eduard Seifert
Author URI: http://www.mindspage.de
*/

/* normalization */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  padding: 0.15em;
}

ol, ul, dl {
  list-style: none;
  margin: 0.25em 0;
  padding: 0.25em 0;
}

dd {
  margin: 0.25em 0 0 0.5em;
}

ol {
  margin: 0 2em;
  list-style: decimal;
}

*{
  margin: 0;
  padding: 0;
}

a:link {
  color: #FFB037;
  text-decoration: none;
  outline-width: 0;
}

a:visited {
  color: #FFB037;
  text-decoration: none;
  outline-width: 0;
}

a:hover, a:active, a:focus {
  color: #FFB037;
  text-decoration: none;
  outline-width: 0;
}


/* =html */
html {
	background-color: black;
}


/* =body */
body {
  color: #FFB037;
  font-family: Arial, sans-serif;
  font-size: 62.5%; /* Resets 1em to 10px */
  font-size: 75%;
  margin: 2.5em 0 0.5em 0; 
  padding: 0;
}

#page {
}

/* =header */
#header {
  height: 100px;
  margin: 0 auto;
  text-transform: uppercase;
  width: 750px;
}

#headerimg {
  float: left;
}

#headerimg a img {
  border: none;
}

#headerinfo {
  float: left;
  margin-left: 10px;
  width: 520px;
}

#headerinfo h2 {
  font-weight: bold;
  font-size: 15px;
}

#membersbox {
  border-top: 1px solid #FFB037;
  border-bottom: 1px solid #FFB037;
  float: left;
  width: 520px;
}

#members1 {
  float: left;
}

#members1 a img {
  border: 1px solid #333;
  margin-right: 5px;
  margin: 4px 5px 1px 0;
}

#members1 a img:hover {
  border: 1px solid #FFB037;
}

#members2 {
  float: left;
  margin-left: 10px;
}

#members2 ul li {
  margin: 5px 0;
}

#members2 ul li a:link, #members2 ul li a:visited {
  color: #FFB037;
  font-size: 12px;
  letter-spacing: 2px;
  text-decoration: none;
}

#members2 ul li a:hover, #members2 ul li a:active, #members2 ul li a:focus {
  color: #FFB037;
  font-size: 12px;
  letter-spacing: 2px;
  font-weight: bold;
}

#contact {
  border-bottom: 2px solid #FFB037;
  margin: 1.5em 0;
  text-align: right;
}

#contact td {
  width: 675px
}

#contact td+td {
  background-color: #FFB037;
  width: 75px;
  text-align: center;
}

#contact a {
  color: black;
  font-size: 15px;
  line-height: 15px;
}

#contact a:link, #contact a:visited {
  color: black;
}

#contact a:hover, #contact a:active, #contact a:focus {
  color: black;
  font-weight: bold;
  text-decoration: none;
}

/* =wrapper */
#wrapper {
  margin: 0 auto;
  width: 750px;
}

/* =content */
#content{
  float: right;
  width: 525px;
}

/* =post */
div.post {
  border-top: 1px solid #FFB037;
  border-bottom: 1px solid #FFB037;
  clear: both;
  margin: 0.5em 0.5em 4em 0.5em;
  padding: 1em;
}

div.post h2 {
  color: #FFB037;
  text-align: left;
  text-transform: uppercase;
}

div.post h2 a {
  color: #FFB037;
}

div.post p {
  line-height: 1.4em; /* readability */
  margin: 0.5em 0;
}

/* =entry-content */
.entry-content {
  padding: 0.5em;
}

img.entry-content-img {
  border: 1px solid #FFB037;
  margin-bottom: 1em;
}

object {
  margin: 1em 0;
}


.entry-content ul {
  list-style: disc;
  margin: 0 0 0 1.5em;
}

.entry-content ul li a:hover, .entry-content ul li a:active, .entry-content ul li a:focus {
  color: #FFB037;
  text-decoration: underline;
  outline-width: 0;
}

blockquote {
  border-left: 2px solid #FFB037;
  margin-left: 1em;
  padding-left: 1em;
}

/* =navigation */
div.navigation {
  border-bottom: 1px solid #BBBBBB;
  border-top: 1px solid #BBBBBB;  
  display: block;
  height: 2em;
  margin: 2em 1em;
  padding: 0.25em 0 0.25em 0;
  text-align: center;
}

/* =sidebar */
#sidebar{
  float: left;
  padding: 5px;
  width: 190px;
}

#sidebar ul h2 {
  /*background: transparent url(images/h2_pfeil_01.jpg) top right no-repeat;*/
  border-bottom: 1px solid #CECECE;
  font-size: 1.1em;
  height: 20px;
  margin: 0.25em 0 0.5em 0;
  padding: 2px;
  padding-left: 0.25em;
}

#sidebar ul {
  margin-top: 0.75em;
}

#sidebar ul li {
  padding: 0.5em 0;
}

/* 1 link pseudo-class, noch nicht besuchter Link */
#sidebar ul li a:link {
  border-left: 5px solid #FFB037;
  color: #FFB037;
  font-size: 120%;
  letter-spacing: 3px;
  padding-left: 1em;
  text-transform: uppercase;
}

/* 2 link pseudo-class, schon besuchter Link */
#sidebar ul li a:visited {
  border-left: 5px solid black;
  color: #FFB037;
  font-size: 120%;
  font-weight: bold;
  letter-spacing: 3px;
  padding-left: 1em;
  text-transform: uppercase;
}

/* 3 dynamic hover */
#sidebar ul li a:hover {
  border-left: 5px solid #FFB037;
  color: #FFB037;
  font-size: 120%;
  font-weight: bold;
  letter-spacing: 3px;
  padding-left: 1em;
  text-transform: uppercase;
}

/* 4 dynamic pseudo-class, Link wird ausgewählt */
#sidebar ul li a:active {
}

/* 5 dynamic pseudo-class, Element akzeptiert Eingaben */
#sidebar ul li a:focus {
}

/* =searchform */
form#searchform {
  display: inline;
}

input#s{
  background-color: transparent;
  border: 1px solid #FFB037;
  width: 125px;
}

input#s:focus {
  color: #FFB037;
}

/* =searchsubmit */
#searchsubmit {
  background-color: #FFB037;
  border: none;
  color: black;
}


/* =footer */
#footer {
  border-bottom: 1px solid #FFB037;
  clear: both;
  font-size: 10px;
  margin: 2em auto;
  width: 750px;
}

/* =footer_left */
#footer_left {
  background-color: #FFB037;
  padding: 0.5em 1em;
  width: 50%;
}

#footer_left p {
  color: black;
  font-size: 90%;
  font-weight: bold;
  text-transform: uppercase;
}

#footer_left p a:link {
  color: black;
  text-decoration: none;
}

#footer_left p a:visited {
  color: black;
  text-decoration: none;
}

#footer_left p a:hover, #footer_left p a:active, #footer_left p a:focus {
  color: black;
  text-decoration: underline;
}

/* =footer_right */
#footer_right {
  padding: 0.5em 1em;
  width: 50%;
}

#footer_right p {
  color: #FFB037;
  font-size: 90%;
  font-weight: bold;
  text-transform: uppercase;
}

#footer_right p a:link {
  color: #FFB037;
  text-decoration: none;
}

#footer_right p a:visited {
  color: #FFB037;
  text-decoration: none;
}

#footer_right p a:hover, #footer_right p a:active, #footer_right p a:focus {
  color: #FFB037;
  text-decoration: underline;
}

/* =gallery - cleaner-gallery.css in plugin folder*/
.gallery {
  clear: left;
  display: block;
  margin: auto;
  overflow: hidden;
  text-align: center;
}
.gallery-item {
  float: left;
  margin: 0.5em 0 0 0;
}
.gallery .gallery-item img {
  border: 1px solid gray;
}

.gallery .gallery-item a:hover img {
  border: 1px solid #bd492a;
}

.gallery div.clear {
  width: 0px;
  height: 0px;
}

/* Image sizes depending on the number of columns */
.col-1 { width: 100%; }
.col-2 { width: 50%; }
.col-3 { width: 33%; }
.col-4 { width: 24.5%; }
.col-5 { width: 20%; }
.col-6 { width: 16.5%; }
.col-7 { width: 14%; }
.col-8 { width: 12.4%; }
.col-9 { width: 11%; }
.col-10 { width: 10%; }
.col-11 { width: 9%; }
.col-12 { width: 8.33%; }
.col-13 { width: 7.6%; }
.col-14 { width: 7.1%; }
.col-15 { width: 6.66%; }
.col-16 { width: 6.25%; }
.col-17 { width: 5.83%; }
.col-18 { width: 5.55%; }
.col-19 { width: 5.25%; }
.col-20 { width: 4.95%; }

.gallery-caption {
  margin-left: 0;
  font-size: 80%;
}

.clear {
  clear: both;
  height: 0;
}

.wp-caption p.wp-caption-text {
  font-size: 80%;
  padding: 2px;
  margin: 0;
}


/* Captions */
.aligncenter,
div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

/* End captions */