/* $Id: style.css,v 1.3 2004/09/12 12:25:24 circle42 Exp $ */

html, body {
  margin: 0px;
  width: 100%;
  height: 100%;
}

p {
	clear: both;
}

#content {
  width: 720px; 
  margin-left: auto; 
  margin-right: auto;
  height: 100%;
}

/* ============ 2 Col Layout ========= */
#wrapper {
  border-left: 1px solid #DEDEDE;
  background: #FFFFFF url(graphics/grey180.gif) repeat-y right;
}

#container {
  width: 100%;
  float: left;
  margin-right: -180px;
  background: #FFFFFF url(graphics/grey180.gif) repeat-y right;
}

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

#article {
  font-family: Verdana, Arial, Sans Serif;
  font-size: 10pt;
  margin-left: 10px;
  margin-right: 190px;
  color: #666666;
}

#navigation {
  float: right;
  font-family: Verdana, Arial, Sans Serif;
  font-size: 8pt;
  background: #EFEFEF;
  width: 180px;
}


#top {
  margin: 0px;
  width: 720px;
  background: #FF6600 url("graphics/Circle42_Portfolio_Stripe.gif") top left repeat-x;
  height: 87px;
}

#top .top-text {
  text-align: center;
  padding-top: 2px;
  color: #FFFFFF;
  width=100%;
}

#top .top-text h1 {
  font-family: Times New Roman;
  font-size: 20pt;
  font-weight: bold;
  margin: 0px;
}

#top .top-text h2 {
  font-family: Times New Roman;
  font-size: 14pt;
  font-weight: normal;
  margin: 0px;
}


#navigation h1 {
  font-size: 8pt;
  padding-left: 10px;
  padding-right: 10px;
  background: #FF6600;
  color: #FFFFFF;
  padding-top: 3px;
  padding-bottom: 3px;
}


#navigation .link-active,
#navigation .link {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
}

#navigation .link a,
#navigation .link a:link,
#navigation .link a:visited,
#navigation .link-active a,
#navigation .link-active a:link,
#navigation .link-active a:visited {
  text-decoration: none;
  color: #666666;
}

#navigation .link-active,
#navigation .link:hover {
  background: #DEDEDE;
}

#navigation .link-active:hover a,
#navigation .link:hover a {
  color: #FF6600;
}

#navigation .google {
  padding-top: 30px;
  padding-left: 30px;
  padding-bottom: 30px;
}

#impressum {
  clear: both;
  font-family: Verdana, Arial, Sans Serif;
  font-size: 8pt;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 10px;
  padding-top: 2px;
  width: 540px;
  text-align: center;
  border-top: 1px solid #DEDEDE;
  color: #666666;
}

/* ========== Textile ======= */

.article {
  font-size: 10pt;
}

.article a,
.article a:link,
.article a:visited {
  text-decoration: underline;
  color: #666666;
}

.article a:hover {
  text-decoration: underline;
  color: #FF6600;
}


.article h1 {
  font-size: 12pt;
}

.article h2 {
  font-size: 11pt;
}

.article h3, 
.article h4 {
  font-size: 10pt;

}

/* ========= Teaser ======= */

.article-teaser {
}

.teaser-header {
  border-top: 1px solid lightgrey;
  margin-top: 15px;
  padding-top: 2px;
  padding-bottom: 5px;
  width: 100%;
  clear: both;
  background: #EFEFEF;
}

.teaser-header .name {
  font-weight: bold;
}

.teaser-header .date {
   font-size: 8pt;
}

.teaser-header .category{
  font-size: 8pt;
  text-align: right;
}

.teaser-body {
  margin: 0px;
}

.teaser-more {
   clear: both;
   width: 100%;
   text-align: right;
   font-size: 8pt;
}


.teaser-header a,
.teaser-header a:link,
.teaser-header a:visited {
  text-decoration: none;
  color: #666666;
}

.teaser-more a,
.teaser-more a:link,
.teaser-more a:visited {
  font-size: 8pt;
  color: #666666;
}

.teaser-header a:hover{
  text-decoration: underline;
  color: #FF6600;
}

.teaser-more a:hover {
  text-decoration: underline;
  font-size: 8pt;
  color: #FF6600;
}

.article-more-text {
  clear: both;
  padding-top: 5px;
}

.article-more-text .textile {
}

/* ========= Comments ========= */
.comment-list {
  margin-top: 30px;
  clear:both;
}

.comment-list h1,
form#comment-form h1 {
  font-size: 10pt;
  font-weight: bold;
}

.comment {
  margin-top: 20px;
}

.comment .header {
  border-top: 1px solid #666666;
  padding-top: 2px;
  padding-bottom: 5px;
}

.comment .body {
}

form#comment-form {
  clear:both;
  border-top: 1px solid #666666;
  margin-top: 20px;
}

form#comment-form textarea{
  width: 400px;
  height: 150px;
}

/* ========= thumbnail ============== */

.thumbnail-outer {
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 4px;
}

.thumbnail-inner {
  border: 1px solid #DEDEDE;
  padding-top: 4px;
  padding-right: 4px;
  padding-left: 4px;
  padding-bottom: 2px;
}

.gallery {
  clear: both;
  float: left;
  width: 515px;
  border: 1px solid #DEDEDE;
  padding: 4px;
  margin-top: 16px;
  margin-bottom: 16px;
}


.thumbnail-wrapper .thumbnail-outer {
  padding-left: 4px;
  padding-right: 0px;
  padding-bottom: 4px;
}

.thumbnail-wrapper {
	margin-right: 6px;
}

div.pagenavbox {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}

.pagenavbox a,
.pagenavbox a:link,
.pagenavbox a:visited {
  text-decoration: none;
  font-size: 8pt;
  color: #666666;
}