/*  
Theme Name: Arch-Epoque
Theme URI: http://www.arch-epoque.de/
Description: 
Version: 0.2
Author: 
Author URI:
*/

/* Begin Typography & Colors */
body {
  font-size: 1em;
/*  font-family: 'Lucia Grande', Verdana, Arial, Sans-Serif;*/
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  
  color: #333;
  text-align: center;
  background-color: #666;
  }

#page {
/*  background-color: white;*/
  text-align: left;
  position: relative;
  }

#header {
  background: transparent url('images/head_bg.png') no-repeat bottom center;
  border: 2px solid #333;
  border-top: 0;
  }

#headerimg  {
  margin: 7px 9px 0;
  height: 192px;
  width: 790px;
  }

#content {
/*  font-size: 0.9em;*/
  font-size: 0.8em;
  line-height: 1.4em;
  width: 786px;
/*  font-size: 1em;*/
  }

.alt {
  background-color: #f8f8f8;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  }

#footer {
  border: none;
  }

small {
  font-size: 0.9em;
  line-height: 1.5em;
  }

h1,
h2,
h3 {
  font-weight: bold;
  }

h1 {
  font-size: 1.5em;
  text-align: center;
  }

#headerimg .description {
  font-size: 1.3em;
  text-align: center;
  display: none;
  }

h2,
h2.pagetitle {
  font-size: 1.4em;
  }

#sidebar h2 {
  font-size: 1.2em;
  }

h3 {
  font-size: 1.3em;
  }

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
  text-decoration: none;
  color: white;
  }

h2,
h2 a,
h2 a:visited,
h3,
h3 a,
h3 a:visited {
  color: #333;
  }

h2, 
h2 a,
h2 a:hover,
h2 a:visited,
h3,
h3 a,
h3 a:hover,
h3 a:visited,
#sidebar h2,
#wp-calendar caption,
cite {
  text-decoration: none;
}

.entry p a:visited {
  color: #055BC4;
  }

.commentlist li, #commentform input, #commentform textarea {
  font-size: 0.9em;
  }

.commentlist li {
  font-weight: bold;
  }

.commentlist cite, .commentlist cite a {
  font-weight: bold;
  font-style: normal;
  font-size: 1.1em;
  }

.commentlist p {
  font-weight: normal;
  line-height: 1.5em;
  text-transform: none;
  }

#commentform p {}

.commentmetadata {
  font-weight: normal;
  }

#sidebar {
  font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
  }

small,
#sidebar ul ul li,
#sidebar ul ol li, 
.nocomments, 
.postmetadata, 
blockquote, 
strike {
  color: #777;
  }

code {
  font: 1.1em 'Courier New', Courier, Fixed;
  }

acronym, 
abbr, 
span.caps
{
  font-size: 0.9em;
  letter-spacing: .07em;
  }

a, 
h2 a:hover, 
h3 a:hover {
  color: #06c;
  text-decoration: none;
  }

a:hover {
  text-decoration: underline;
  }

p a {
  text-decoration: none;
/*  text-decoration: underline;*/
}

#wp-calendar #prev a, 
#wp-calendar #next a {
  font-size: 9pt;
  }

#wp-calendar a {
  text-decoration: none;
  }

#wp-calendar caption {
  text-align: center;
  }

#wp-calendar th {
  font-style: normal;
  text-transform: capitalize;
  }
/* End Typography & Colors */



/* Begin Structure */
body {
  margin: 0 0 20px 0;
  padding: 0;
  }

#page {
  margin: 0 auto;
  padding: 0;
  width: 790px;
  }

#header {
  margin: 0;
  padding: 0;
  height: 150px;
/*  width: 790px;*/
  width: 786px;
  }

#headerimg {
  margin: 0;
  height: 150px;
  width: 100%;
  position: relative;
  }
  #headerimg h1 {
    font-size: 1em;
  }
  #headerimg h1 a {
    position: absolute;
    display: block;
    left: auto;
    top: 0;
    bottom: auto;
    right: 0px;
  }


#footer {
  padding: 0;
  margin: 0 auto;
  width: 790px;
  clear: both;
  background: #333;
  }

#footer p {
  margin: 0;
  padding: 20px 0;
  text-align: center;
  }
/* End Structure */

/*  Begin Headers */
h1 {
/*  padding-top: 70px;*/
  margin: 0;
  text-align: left;
  }

h2 {
  margin: 30px 0 0;
  }

h2.pagetitle {
  margin-top: 30px;
  text-align: center;
}


h3 {
  padding: 0;
  margin: 30px 0 0;
  }

h3.comments {
  padding: 0;
  margin: 40px auto 20px ;
  }
/* End Headers */
#content h3 {
  margin: 1.5em 0 0;
}
#content h4.simbog_course {
  margin: 0 0 0;
}


.right {
  float: right;
}


/* Begin Form Elements */
#searchform {
  margin: 10px auto;
  padding: 5px 3px;
  text-align: center;
  }

#sidebar #searchform #s {
  width: 108px;
  padding: 2px;
  }

#sidebar #searchsubmit {
  padding: 1px;
  }

.entry form { /* This is mainly for password protected posts, makes them look better. */
  text-align:center;
  }

select {
  width: 130px;
  }

#commentform input {
  width: 170px;
  padding: 2px;
  margin: 5px 5px 1px 0;
  }

#commentform textarea {
  width: 100%;
  padding: 2px;
  }

#commentform #submit {
  margin: 0;
  float: right;
  }
/* End Form Elements */



/* Begin Comments*/
.alt {
  margin: 0;
  padding: 10px;
  }

.commentlist {
  padding: 0;
  text-align: justify;
  }

.commentlist li {
  margin: 15px 0 3px;
  padding: 5px 10px 3px;
  list-style: none;
  }

.commentlist p {
  margin: 10px 5px 10px 0;
  }

#commentform p {
  margin: 5px 0;
  }

.nocomments {
  text-align: center;
  margin: 0;
  padding: 0;
  }

.commentmetadata {
  margin: 0;
  display: block;
  }
/* End Comments */



/* Begin Various Tags & Classes */
acronym,
abbr,
span.caps {
  cursor: help;
  }

acronym, abbr {
  border-bottom: 1px dashed #999;
  }

blockquote {
  margin: 15px 30px 0 10px;
  padding-left: 20px;
  border-left: 5px solid #ddd;
  }

blockquote cite {
  margin: 5px 0 0;
  display: block;
  }

.center {
  text-align: center;
  }

hr { 
  display: none;
  }
  
#content h1 {	margin: 0 0 1em;}
#content  hr {
  background:transparent none repeat scroll 0%;
  border-color:-moz-use-text-color -moz-use-text-color #000000;
  border-style:none none solid;
  border-width:0pt 0pt 1px;
  color:#FFFFFF;
  margin:0pt 0pt 0.5em;
  padding:0pt 0pt 0.5em;
  display: block;
  }


a img {border: none;}

.navigation {
  display: block;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 60px;
  }
/* End Various Tags & Classes*/


/* ======= my tweak ======= */

#sidebar {
  background: #333;
/*  height: 2.5em;*/
  height: 37px;
  text-align: center;
  margin-top: 2px;
}
#sidebar ul {
    clear: both;
    margin: 0 0 1em;
    margin: 0 0 5px;
    padding-top: 0.7em;
  }
  ul#nav_01 a,
  #footer ul a,
  ul#nav_02 a {
    color: white;
  }
  ul#nav_01 a:hover,
  #footer ul a:hover {
/*    color: #055BC4;*/
    color: #FFED00;
    text-decoration: none;
  }

#sub_nav { /* unternavigation */
  position: absolute;
  display: none;
  top: 191px;
/*  left: 53.5%;*/
  left: 450px;
  
  width: 8em;
  
  border-bottom: 2px solid #333;
  background: transparent url("images/subnav_bg.png") repeat;
}
  .current_page_item *  {
    color: #FFED00!important;
  }
    
  #sub_nav a {
    text-decoration: none;
    display: block;
    padding: 0.2em 0;
    color: white;
    font-size: 0.9em;
    margin: 0.2em 1em;
  }
  #sub_nav a:hover {
    color: #FFED00;
  }
  
  #sub_nav span { /* bottom spacing for subnav */
    display: block;
    margin-top: 1em;
    border-bottom: 1px solid #FFED00;
  }
  
  #nav_01 .open_subnav {
   /* color: #FFED00;*/
    
/*    background: transparent url("images/open.png") no-repeat right center;*/
/*    padding-right: 1.2em;*/
    cursor: pointer;
/*    border: 1px solid fuchsia;*/
  }
  #sidebar li,
  #footer li {
    display: inline;
    margin-right: 1em;
    list-style-position: outside;
    list-style-type: none;
  }
  #sidebar li a {
    padding: 0.5em 0;
  }
  
  .h_line,
  .yellow_hline {
    margin: 0 2px 0 2px;
    padding: 0;
    background: #FFED00;
    color: #FFED00;
    border: 0;
    height: 2px;
    display: block;
  }
  .yellow_hline {
    background: yellow;
    color: yellow;
  }

#content {
  border: 2px solid #333;
  background: #eee;
  min-height: 400px;
  
  display: table; /* TODO check if it workes in IE */
}
  #inner_spacer {
/*    margin: 1em 13em 4em 0.9em;*/
    margin: 1em 3em 4em;
  }
  
  #content h1,
  #content h2 {
/*    color:#00adcf;*/
/*    color:#055bc4;*/
color: #666;
  }

  #content p {}


/*
new colors:

blue #055BC4
red #FF0000
green #3DC100
yellow #FFED00
*/
.page_content {

}

#footer ul {
  font-size: 0.8em;
  text-align:right;
  padding: 0 0 0.5em;
}

#kontakt_daten {
  position: absolute;
  top: 405px;
/*  top: 250px;*/
  margin-left: 410px;
  width: 21em;
}

#kontakt_daten p span {
  float: right;
}

.architekten_wrapper {}
.architekten_wrapper td{
  vertical-align: top;
}
.architekten_wrapper td img {
  margin-right: 2em;
/*  margin-top: 4px;*/
/*  border: 1px solid #999;*/
}
.architekten_wrapper td strong span {
  font-weight: normal;
  font-size: 0.9em;
  color: #666;
}
.architekten_wrapper ul,
#content ul {
  padding-left:0;
  margin-left:0;
  list-style-position: inside;
}
.architekten_wrapper ul li,
ul li {
/*  list-style-image: url("images/li_dot.gif");*/
  list-style-type: square;
  color: #666;
}
#content ul {
/*  margin-top: 0.5em;*/
  margin-top: 0;
  margin-left: 1em;
}
#content p + ul {
  margin-top: -0.5em;
}

.marginalie,
.info {
  font-size: 0.8em;
/*  font-size: 0.7em;*/
  }
  .info {
    margin: 0.2em 0 0.5em;
  }
  
ul ul {
  margin: 0.2em 0 0.5em;
  padding: 0 0 0 1em;
  }

#page_tatle_info {
  font-size: 0.7em;
  color: #999;
  }

h2, h3, h4, h5 {
/*  color:#055BC4;*/
  color:#666;
  }

.img_float_left {
  float: left;
  }
.clear_float {
  clear: left;
  }

.cnt_col2 td {
  width:50%;
  vertical-align: top;
}
  .cnt_col2 h4 {
    margin-top: 0;
  }
/* ======= /my tweak ======= */

/**************
 * Form Tweek *
 **************/

.cform input, 
.cform textarea, 
.cform select {
  background-color: fuchsia;  
}


/* Image PResentation Styles */
.image_wrapper {
  width: 150px;
  margin: 0 0 2em 2em;
}
.image_wrapper img {
  margin: 0 0 0.5em;
  border: 1px solid #ccc;
}
/* /Image PResentation Styles */

/* Lightbox Tweek */
#lightbox-overlay-text {
  display: none;
}
#lightbox-infoContainer {
  cursor: pointer;
}
#lightbox-caption-title {
/*  display: none;*/
font-size: 0;
}
/* /Lightbox Tweek */