/*
Theme Name: ekkart.de Theme
Theme URI: http://www.ekkart.de/
Description: Based on ZyRed Theme V2.7 by Tim Zylinski (http://www.zyblog.de/)
Version: 1.0
Author: Ekkart Kleinod
Author URI: http://www.ekkart.de/
*/
/* General Element Styling */
body {
  margin: 0;
  padding: 0;
  background: #8B8B8B;
  color: #303030;
  font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align: center;
}

a {
  color: #505050;
  font-weight: normal;
  text-decoration: none;
}

a:hover {
  color: #808080;
  text-decoration: underline;
}

a[href^="http:"] {
  text-decoration: underline;
}

p {
  margin: 0 0 15px;
  padding: 0px;
  line-height: 1.5em;
}

/* <CODE> display */
code {
  white-space: pre;
  color: #000000;
  font-size: 1.1em;
  text-align: left;
}

pre {
  border: 1px solid #B0B0B0;
  padding: 10px 10px 10px 10px;
  width: 90%;
  background: #F8F9FA;
  font-family: 'Bitstream Vera Sans Mono','Andale Mono','LucidaTypewriter',monospace;
  -moz-background-clip: -moz-initial;
  -moz-background-inline-policy: -moz-initial;
  -moz-background-origin: -moz-initial;
  overflow-x: auto;
  overflow-y: auto;
  padding-left-ltr-source: physical;
  padding-left-rtl-source: physical;
  padding-right-ltr-source: physical;
  padding-right-rtl-source: physical;
  -x-background-x-position: 0%;
  -x-background-y-position: 0%;
}

/*** Main container ***/
#container {
  margin: 0;
  padding: 0;
  width: 100%;
  color: #303030;
  background: url(images/bodybg.png) #F0F0F0 repeat-x;
  text-align: left;
  min-width: 770px;
}

/*** Header section ***/
#sitename {
  margin: 0 20px 10px;
  color: #FFFFFF;
  text-align: center;
  height: 90px;
}

#sitename h1,#sitename h2 {
  margin: 0;
  padding: 0;
  font-weight: 400;
}

#sitename h1 {
  padding-top: 20px;
  font-size: 2.4em;
}

#sitename h1 a {
  color: #FFFFFF;
  text-decoration: none;
  letter-spacing: 5px;
}

#sitename h2 {
  font-size: 1.6em;
}

/*** Content wrap ***/
#wrap {
  clear: both;
  padding: 0;
  margin: 10px auto;
  font-size: 0.9em;
  max-width: 80%;
  min-width: 910px;
}

* html div#wrap {
  width: 80%;
  width: expression(document.body.clientWidth < 990 ? "910px" : document.body.clientWidth > 990 ? "80%" : "auto");
}

/* Horizontal menu */
#mainmenu {
  clear: both;
  width: 100%;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

#mainmenu a {
  color: #940C0E;
}

#mainmenu a:hover {
  background: url(images/menuhover.png) center left repeat-x;
}

#mainmenu li.current a {
  background: url(images/menuhover.png) center left repeat-x;
}

#mainmenu li.currentparent a {
  background: url(images/menuhover.png) center left repeat-x;
}

#mainmenu ul.level1 {
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  padding: 0px 0 0px 0;
}

#mainmenu ul.level1 a {
  font-weight: normal;
}

#mainmenu ul {
  padding: 0 0 0 0px;
  margin: 0px;
  border-bottom: 1px solid #FFFFFF;
  background: url(images/menubg.png) #f0f0f0 center left repeat-x;
}

#mainmenu li {
  margin-left: -4px;
  padding: 0px;
  display: inline;
  list-style: none;
  font-size: 0.9em;
  line-height: 30px;
  text-transform: uppercase;
}

#mainmenu a {
  padding: 6px 9px 6px 9px;
  border-right: 1px solid #B0B0B0;
  text-decoration: none;
}

#mainmenu li.current a {
  color: #000000;
}

/*** Sidebars ***/
#leftside, #rightside {
  margin: 0;
  padding: 0 10px 10px;
  width: 160px;
}

#leftside {
  float: left;
  margin-right: 10px;
}

#rightside {
  float: right;
  margin-left: 10px;
}


/*** Sidebar menu ***/
#leftside h2, #rightside h2 {
  padding: 5px 5px 5px 10px;
  margin-top: 0;
  margin-bottom: 5px;
  border-bottom: 1px solid #BEBFC3;
  background: #940C0E;
  color: #FFFFFF;
  font-size: 1.2em;
  background: url(images/headerbg.png) #940c0e top left repeat-x;
}

#leftside ul, #rightside ul {
  padding-left: 0px;
  margin: 0px;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

#leftside li, #rightside li {
  list-style: none;
}

#leftside ul li, #rightside ul li {
  border: none;
  padding-top: -10px;
  font-family: Verdana, Arial, sans-serif;
}

#leftside ul li {
  background: #BAD6BD;
}

#rightside ul li {
    background: #DCDCDC;
}

ul.commentlist li {
  border: 1px solid #B0B0B0;
  padding: 10px;
  margin-bottom: 10px;
  margin-left: -40px;
  list-style: none;
}

ul.commentlist li cite {
  text-transform: capitalize;
}

ul.commentlist li p {
  padding-top: 10px;
}






/*** Page ***/
#page {
  border-bottom: none;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

/*** Content ***/
#content,#contentalt {
  border: 1px solid #909090;
  padding: 15px 20px 5px;
  color: #2A2A2A;
  background: #FFFFFF;
  min-width: 468px;
}

#content {
  margin: 0 180px;
  border: none;
  line-height: 1.2;
}

#contentalt {
  margin: 0 200px 0 20px;
}

#content h1,#contentalt h1,#contentalt h2 {
  margin: 0 0 15px;
  padding: 0;
  color: #606060;
  background: inherit;
  font-size: 1.8em;
  font-weight: bold;
  letter-spacing: -1px;
}

#content h1,#contentalt h1 {
  border-bottom: 1px solid #B0B0B0;
}

#content h2 {
  color: #606060;
  font-size: 1.8em;
}

#content h1,#contentalt h1,#content h2,#contentalt h2 {
  margin-top: 5px;
  font-weight: normal;
  font-size: 1.8em;
}

#content h1.pagetitle {
  border-bottom: 1px solid #B0B0B0;
  margin: 0 -20px 0 -20px;
  padding: 0 20px 0 20px;
  font-size: 1.8em;
}

#content h2 a, .category a, .date a {
  text-decoration: none;
}

/* Archives/Links Page List styles */
.archives li, .linkspage li {
  list-style: none;
}

.archives ul.children {
  padding-left: 10px;
  margin-left: 10px;
}

/*** Footer ***/
#footer {
  clear: both;
  margin: 0 0 0 0;
  width: 100%;
  background: url(images/footerbg.png) #8B8B8B top left repeat-x;
  color: #000000;
  font-size: 0.9em;
  line-height: 30px;
  height: 30px;
  text-align: center;
}

#footer a {
  color: #000000;
  font-weight: normal;
}

/*** comments Form ***/
#comment {
  width: 100%;
  border: 1px solid #B0B0B0;
}

#commentform {
  width: 97%;
}

#author {
  border: 1px solid #B0B0B0;
}

#email {
  border: 1px solid #B0B0B0;
}

#url {
  border: 1px solid #B0B0B0;
}

#submit {
  border: 1px solid #B0B0B0;
  background: #F0F0F0;
}

#submit:hover {
  border: 1px solid #848484;
  background: #E8E9EA;
  cursor: pointer;
}

/* Image Display */
.entry img, .entrytext img {
  border: 1px solid #B0B0B0;
  margin: 5px;
  padding: 5px;
}

.entry a:hover img, .entrytext a:hover img {
  border: 1px solid #505050;
  padding: 5px;
}

img.wp-smiley {
  border: 0px;
  margin: 0px;
  padding: 0px;
}

.thumbnail {
  border: 1px solid #B0B0B0;
  margin: 0 0 10px 10px;
  padding: 5px;
  background: #FAFBFC;
}

.left {
  border: 1px solid #B0B0B0;
  float: left;
  margin: 5px 15px 6px 0px;
  padding: 5px;
  background: #FAFBFC;
}

.right {
  border: 1px solid #B0B0B0;
  float: right;
  margin: 5px 0px 6px 15px;
  padding: 5px;
  background: #FAFBFC;
}

.noalign {
  border: 1px solid #B0B0B0;
  margin: 5px 5px 5px 5px;
  padding: 5px;
  background: #FAFBFC;
}

/* Search Form */
#searchform {
  padding: 0px 10px 10px 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#searchbox {
  border: 1px solid #B0B0B0;
  margin: 0 4px 0 0;
  width: 135px;
  background: #F0F0F0;
}

#searchbutton {
  border: 1px solid #B0B0B0;
  background: #F0F0F0;
}

#searchbutton:hover {
  border: 1px solid #848484;
  background: #E8E9EA;
  cursor: pointer;
}

/*** Comments Display ***/
.postmetadata {
  border: 1px solid #B0B0B0;
  padding: 10px;
  background: #F8F9FA;
  font-size: 0.9em;
}

.postmetadata p {
  margin-bottom: 0;
}

.postmetadata a {
  text-decoration: underline;
}

ul.commentlist li {
  border: 1px solid #B0B0B0;
  padding: 10px;
  margin-bottom: 10px;
}

ul.commentlist li cite {
  text-transform: capitalize;
}

ul.commentlist li p {
  padding-top: 10px;
}

ul.commentlist li p a {
  text-decoration: underline;
}

.alt {
  background: #F0F0F0;
}




/*** Text format ***/
.intro {
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: -1px;
}

blockquote {
  border: 1px dashed #B0B0B0;
  padding: 10px;
  margin: 30px;
}

blockquote p {
  padding: 0px;
  margin: 0px;
}

.small {
  font-size: 0.8em;
}

.large {
  font-size: 1.4em;
}

.center {
  text-align: center;
}

.category {
  border-bottom: 1px solid #B0B0B0;
  margin: 0 -20px 0 -20px;
  padding: 0 20px 20px 20px;
}

.date {
  margin-top: -10px;
  padding-top: 0px;
  border-bottom: 1px solid #B0B0B0;
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: -moz-use-text-color;
  margin-top: -15px;
}

/* Previous/Next Page Navigation */
.navigation {
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
}

.bottomnavigation {
  margin: 0px 0 10px 0;
}

.alignleft {
  float: left;
  text-align: left;
}

.alignright {
  float: right;
  text-align: right;
}

.post {
  padding-top: 0px;
  padding-bottom: 10px;
  margin: 0px;
  line-height: 20px;
}

/* Fix by Andy Skelton */
.entry, .entrytext {
  overflow: hidden;
}


* html.entry, * html.entrytext {
  overflow: visible;
  height: 1px;
}

* html.entry p, * html.entrytext p {
  width: 99%;
  overflow: hidden;
}

.entrytext {
  padding-top: 0px;
}

.entry img, .entrytext img {
  border: none;
}

.entry a:hover img, .entrytext a:hover img {
  border: none;
}

.entry p a {
  text-decoration: underline;
}

/*** Various classes ***/
.clearingdiv {
  clear: both;
  width: 1px;
  height: 30px;
}

.hide {
  display: none;
}

/* Widgets */
.rsswidget {
  border: 0px;
  vertical-align: bottom;
}

/* Widgets */
.textwidget, .widget_delicious {
  padding: 0 10px 5px 10px;
  margin-bottom: 10px;
}

.textwidget a, .textwidget a:hover {
  text-decoration: none;
  background: transparent;
  padding-right: 0px;
}

.widget {
  margin-bottom: 10px;
}

#categories-1 li, #archives li {
  border: none;
  background: none;
}

#categories-1 li a, #archives li a {
  border: none;
  margin-top: 0px;
  padding: 1px 10px 1px 10px;
  width: 140px;
  display: block;

  color: #000000;
  font-weight: normal;
  text-transform: capitalize;
  position: relative;
  text-decoration: none;
}

#categories-1 li a:hover, #archives li a:hover {
  border: none;
  background: #940C0E;
  color: #FFFFFF;
  text-decoration: none;
}

#categories-1 ul.children, #archives ul.children {
  padding: 0;
  width: 135px;
  font-size: 10px;
  letter-spacing: 0px;
}

#categories-1 ul.children li a, #archives ul.children li a {
  margin: 3px 0 2px 10px;
  padding: 1px 10px 1px 10px;
  width: 130px;
  color: #000000;
  font-size: 10px;
  letter-spacing: 0px;
}

#categories-1 ul.children li a:hover, #archives ul.children li a:hover {
  width: 120px;
  color: #FFFFFF;
}

#categories-1 ul.children li li, #archives ul.children li li {
  padding-left: 10px;
}

#categories-1 ul.children li li a, #archives ul.children li li a {
  width: 120px;
}

/* Feed */
#leftside li.feed, #rightside li.feed {
  padding: 3px 0 3px 20px;
  margin: 0 0 0 10px;
  background: url(images/rss.gif) no-repeat left top;
  font-weight: normal;
}

#leftside li.feed a, #leftside li.feed a:hover {
  color: #000000;
  font-weight: normal;
  text-decoration: none;
}


/* Mix widgets */
#links ul li a, #calendar #prev a, #calendar #next a, #tag_cloud a, #pages ul li a, #meta ul li a {
  text-decoration: none;
}
#wp-calendar a, #wp-calendar caption {
  text-decoration: none;
  font-weight: bold;
}
#calendar_wrap, #meta {
  margin: 0 10px 0 10px;

}
#recent-comments li, #recent-posts li, #links li, #pages li, #tag_cloud li {
  margin: 0 10px 0 25px;
  list-style: square;
  text-decoration: none;
}

#recentcomments li a, #recent-posts li a  {
  padding-right: 0px;
  background: transparent;
  color: #000000;
  font-weight: normal;
  text-decoration: none;
}
#recent-comments ul li, #recent-posts ul li, #text-1 ul li {
  padding-bottom: 5px;
}
/*** End of file ***/

