/*
  Theme Name: KYOCERAblog
  Theme URI: 
  Description: Theme for KYOCERAblog by komm.passion
  Version: 1.0
  Author: Andreas Guntermann, komm.passion interactive
  Author URI: http://www.komm-passion.de/
 */
/*
  ------------------------------------------------
  1.0 MAIN LAYOUT
  2.0 HEADER
  |_ 2.1 HAUPTNAVIGATION
  |_ 2.2 SUCHFELD
  3.0 FEATURED ARTICLE
  4.0 POSTS
  |_ 4.1 POST-META
  |_ 4.2 POST-CONTENT
  5.0 SIDEBAR
  |_ 5.1 SIDENAVIGATION
  |_ 5.2 WIDGETS
  6.0 FOOTER
  7.0 ALLGEMEINE KLASSEN
  |_ 7.1 TEXTGESTALTUNG
  |_ 7.2 LINKGESTALTUNG
  |_ 7.3 BILDER ALS LINK
  |_ 7.4 WP-SPEZIFISCH
  8.0 PAGES
  -----------------------------------------------
 */
* {
    margin: 0;
    padding: 0;
}
/*
  ----------------------------------------------------------------------------
  1.0. MAIN LAYOUT
  ----------------------------------------------------------------------------
 */
html {
    font-family: arial;
    font-size: 12px;
    border: 0;
    color: #404040;
    background-color: #CCCCCC;
    padding-bottom: 30px;
}
body {
    color: #000000;
    background-color: #CCCCCC;
}
#akismetwrap {
	display: none;
}
#container {
    width: 980px;
    margin: 0 auto;
    background-color: #CCCCCC;
    color: #000000;
}
.box {
    position:absolute;
    background-color: #FFFFFF;
    color: #000000;
}
#logocontainer {
    text-align: right;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #CCCCCC;
}
#main {
    clear: both;
    width: 960px;
    padding-top: 23px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #FFFFFF;
}
.leftcol {
    background-color: #FFFFFF;
    float:left;
}
.rightcol {
    background-color: #FFFFFF;
    float:right;
}
/*
  ----------------------------------------------------------------------------
  2.0. HEADER
  ----------------------------------------------------------------------------
 */
#header {
    width: 960px;
    margin-left: 10px;
    margin-right: 10px;
}
/*
  ----------------------------------------------------------------------------
  2.1 HAUPTNAVIGATION
  ----------------------------------------------------------------------------
 */
#topmenu * {
    padding: 0px;
    margin: 0px;
    text-decoration: none;
}
#topmenu {
    background-color: #000000;
    clear:both;
    width: 100%;
    height: 30px;
    padding: 0px;
    margin: 0px;
}
#topmenu ul {
    float:left;
    width: 764px;
    height: 30px;
    padding: 0;
}
#topmenu ul li {
    line-height: 30px;
    display: inline;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
#topmenu ul li a {
    display: block;
    float: left;
    background-color: #000000;
    color: #CCCCCC;
    padding-left: 10px;
    padding-right: 7px;
}
#topmenu ul li a:hover,  #topmenu ul li.current-cat a  {
    background-color: #626262;
    color: #CCCCCC;
    cursor: pointer;
}
#topmenu ul li a span {
    display: block;
    float: left;
    height: 30px;
}
/* Main Menu - Current Page Item */
#topmenu ul li.current_page_item {
    line-height: 30px;
}
#topmenu ul li.current_page_item a {
    margin-top: 0;
    color: #CCCCCC;
    border: 0;
    background-color:#626262;
}
#topmenu ul li.current_page_item a:hover {
/*
  Style gleich wie beim normalen hover
 */
}
/*
  ----------------------------------------------------------------------------
  2.2 SUCHFELD
  ----------------------------------------------------------------------------
 */
#search {
    float:right;
    padding: 0px;
    margin: 0px;
}
#searchform {
margin-top: 7px;
margin-right: 10px;
}
input#s {
font-size: 11px;
padding-left: 1px;
border: none;
 display: block;
  float: left;
  width: 135px;   
    height: 16px;
}
input#searchsubmit {
    width: 27px;
    padding: 0px;

    width: auto;

}
.hidden {
    display:none
}
/*
  ----------------------------------------------------------------------------
  3.0 FEATURED ARTICLE
  ----------------------------------------------------------------------------
 */
#featuredarticle {
position: relative;
    margin-left: 10px;
    margin-right: 10px;
    width: 960px;
}
#featuredarticle img {
    float:left;
    margin: 0px;
    padding: 0px;
}

#featuredarticledescription {
position: absolute;

top: 155px;
left:0px;
z-index:10;
}

#featuredarticledescription .title{
line-height: 2em;
height: 24px;
min-width:  250px;
background-color: #000000;
color: #C6C7C8;
text-transform:uppercase;
padding-left: 5px;
padding-right: 5px;
}
#featuredarticledescription .title a {
color: #C6C7C8;
}
#featuredarticledescription .subtitle{
padding-left: 7px;
text-transform:none;
color: #CCCCCC;

}
#featuredarticledescription p {
margin: 0 0 0 0;}

#featuredarticledescription .autor{
height: 15px;
line-height: 1.5em;
font-size: 10px;
clear:both;
padding-left: 11px;
padding-right: 11px;
background-color: #FFFFFF;
color: #666666;
position:relative;
top:0px;
left:205px;
}

#featuredarticletext {
    font-family: arial;
    text-transform:uppercase;
    color: #666666;
    background-color: #9ABFD8;
    float:right;
    width: 340px;
    height: 250px;
    padding-left: 10px;
    padding-right: 10px;
}
#featuredarticletext h2 {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 4px;
	color: #FFFFFF;
}
#featuredarticletext h2 a {
    color: #000000;
}
#featuredarticletext h3 {
    font-size: 11px;
    margin-bottom: 10px;
	color: #FFFFFF;
}
#featuredarticletext h3 a {
    color: #a9a8a5;
}
#featuredarticletext p {
     font-family: "Trebuchet MS",arial;
    font-size: 10px;
    line-height: 1.5em;
    text-align: justify;
}
/*
  ----------------------------------------------------------------------------
  4.0 POSTS
  ----------------------------------------------------------------------------
 */
.post {
    position: relative;
    min-height: 200px;
    border-bottom: 1px solid #CFCFCF;
    clear: both;
    width: 540px;
    margin-top: 27px;
    padding-top: 0px;
    padding-bottom: 30px;
    overflow:hidden;
}

.search-post {
    position: relative;
    border-bottom: 1px solid #CFCFCF;
    clear: both;
    width: 540px;
    margin-top: 30px;
    padding-top: 0px;
    padding-bottom: 30px;
    overflow:hidden;
}

.post-navigation  {
   position: relative;
      clear: both;
    width: 355px;
    margin-top: 12px;
    margin-left: 185px;
    padding-top: 0px;
    padding-bottom: 30px;
    overflow:hidden;
}

.post-navigation .rightcol {
padding-right: 5px;
}

.post-navigation span  img {
padding-top: 2px;
}

.post-navigation a {
line-height: 12px;
margin-bottom: 2px;
padding-bottom: 2px;
color: #000000;
}

.post-navigation a:hover {
color: #000000;
}


.post-navigation a .text{
margin-bottom: 2px;
padding-bottom: 2px;
}

/* 
  ----------------------------------------------------------------------------
  4.2 HEADINGS
  ----------------------------------------------------------------------------
*/
.heading {
    

    position: relative;
    clear: both;
    width: 540px;
    margin-top: 0px;
    padding-top: 0px;

    overflow:hidden;

}

.category-block  {
width: 175px;
height: 60px;
background-color: #9ABFD8;
margin-bottom: 0px;
}
.heading-text {
padding-right: 5px;
width: 350px;
height: 60px;
background-color: #000000;
color: #CCCCCC;


text-transform:uppercase;
}
.archive-block  {
width: 175px;
height: 60px;
background-color: #C3D247;
}

.heading h2 {
font-weight: normal;
margin-left: 10px;
margin-top: 9px;
font-size: 14px;
padding-bottom: 0px;
}
.heading h3 {
margin-left: 10px;

font-size: 14px;
font-weight: bold;
}



/*
  ----------------------------------------------------------------------------
  4.1 POST-META
  ----------------------------------------------------------------------------
 */
.post-meta {
    
    font-family: "Trebuchet MS",arial;
    width: 175px;
    display: inline;
    margin-right: 5px;
    margin-top: 2px;
}
.post-meta p {
    letter-spacing: 1px;
    text-transform:uppercase;
    line-height: 13px;
    font-size: 10px;
    color: #969696;
    padding: 0px;
    margin: 0px;
    
}
.post-meta ul.post-categories li {
    letter-spacing: 1px;
    padding-left: 11px;
    font-family:arial;
    text-transform:none;
    margin-top: 0px;
    margin-bottom: 2px;
    padding-top: 1px;
    padding-bottom: 1px;
    background-color: #9ABFD8;
  
}
.post-meta ul.post-categories li a {
    color: #333333;
}
.post-meta p.date {
    color: #000000;
}
.post-meta span.time {
    text-transform: none;
    margin-left: 20px;
}
.post-meta div.bottom {
    position: absolute;
    bottom: 30px;
}
.post-meta p a {
    color: #FF0000;
    text-decoration: none;
}
.post-meta p span.commentslink {
    padding-left: 15px;
}
.post-meta div.bottom {
/* TODO: Ausrichtung unten am Blog-Eintrag */
}
.post-meta div.bookmarks {
    margin-top: 16px;
}
.post-meta div.socials {

    margin-top: 5px;
    padding-left: 12px;
    padding-top: 10px;
    padding-bottom: 5px;
    background-color: #CCCCCC;
    width: 165px;
}
div.socials a {
    padding: 1px;
}
div.socials a img {
}
/*
  ----------------------------------------------------------------------------
  4.2 POST-CONTENT
  ----------------------------------------------------------------------------
 */
.post-content {
    color: #626262;
    padding-left: 0px;
    margin-right: 5px;
    width: 350px;
}
.post-content h2 {
    margin-top:0px;
    line-height: 1em;
    font-size: 22px;
    margin-bottom: 1px;
}
.post-content h2 a {
line-height: 1em;
    text-transform:uppercase;
    color: #000000;
}
.post-content h3 {
    text-transform:uppercase;
    font-size: 12px;
    margin-bottom: 25px;
	margin-top: 2px;
	color: #A9A8A5;
}
.post-content img.alignnone  {
    padding-bottom: 20px;
}
.post-content embed {
border :10px solid green;
    margin-bottom: 20px;
}
.post-content p a {
    color: #9ABFD8;
    text-decoration:underline;
}
.comments-content {
    padding-left: 0px;
    margin-right: 5px;
    width: 350px;
}
#comments h3 {
    margin-left: 180px;
    margin-top: 40px;
    text-transform:uppercase;
	width: 350px;
}
.comment {
    position: relative;
    border-bottom: 1px solid #CFCFCF;
    clear: both;
    width: 540px;
    margin-top: 20px;
    padding-top: 0px;
    padding-bottom: 20px;
    overflow:hidden;

}
/*
  ----------------------------------------------------------------------------
  5.0 SIDEBAR
  ----------------------------------------------------------------------------
 */
.sidebar {
    float:right;
    width: 360px;
}
/*
  ----------------------------------------------------------------------------
  5.1 SIDENAVIGATION
  ----------------------------------------------------------------------------
 */
.smallwidget ul {
    list-style-type:none;
    margin: 0px;
    padding: 0px;
}
.smallwidget li {
    width: 175px;
    padding-bottom: 2px;
}
.smallwidget li a {
    padding-left: 10px;
    text-decoration: none;
    display:block;
    width: 165px;
    background-color: #9ABFD8;
    color: #333333;
}
.smallwidget li a:hover, .widget_archive li a:hover, .widget_links li a:hover {
    display:block;
    width: 165px;
    background-color: #FF0000;
    color: #FFFFFF;
}

#verlinkung li a {
	background-color: #666666;
	color: #FFFFFF;
}
#verlinkung li a:hover {
	background-color: #FF0000;
    color: #FFFFFF;
}

/*
  ----------------------------------------------------------------------------
  5.2 WIDGETS
  ----------------------------------------------------------------------------
 */
.widget {
    width: 360px;
    padding-bottom: 0px;
    border-bottom: 1px solid #000000;
    margin-top: 14px;
    margin-bottom: 15px;
}
.smallwidget {
    width: 175px;
    margin-bottom: 14px;
}
h2.widgettitle {
    margin-top: 0px;
    margin-bottom: 2px;
    padding: 7px;
    padding-left: 10px;
    background-color: #000000;
    font-size: 14px;
    text-transform:uppercase;
    color: #CCCCCC;
}

.buchtipp-image {
width: 175px;
}

#tagcloud {
    margin-top: 18px;
    height: 170px;
    width: 360px;
}
#latestcomments {
    margin-top: 4px;
}
#latestcomments div.entry {
    border-top: 1px solid #CCCCCC;
    padding-top: 12px;
    padding-bottom: 12px;
}
#latestcomments div.first {
    border: none;
}
#latestcomments span.autor {
    color: #FF0000;
    text-transform:uppercase;
}
#latestcomments span.date {
    color: #9C9E9F;
    text-transform:uppercase;
    padding-left: 20px;
}
#latestcomments span.time {
    color: #9C9E9F;
    text-transform:uppercase;
    padding-left: 20px;
}
#latestcomments p {
    color: #626262;
    line-height: 16px;
    padding: 0px;
    margin: 0px;
}

.entry p a {
    color: #626262;
}
.entry p a:hover {
    color: #000000;
}

/*
  ----------------------------------------------------------------------------
  6.0 FOOTER
  ----------------------------------------------------------------------------
 */
#footer {
    height: 40px;
    clear:both;
}
#footer small {
	display: none;
}
/*
  ----------------------------------------------------------------------------
  7.0 ALLGEMEINE KLASSEN
  ----------------------------------------------------------------------------
 */
/*
  ----------------------------------------------------------------------------
  7.1 TEXTGESTALTUNG
  ----------------------------------------------------------------------------
 */
h1,h2,h3,h4,h5,h6 {
    margin: 0px;
    padding: 0px;
    line-height: 1em;

}
p {
    line-height: 18px;
    margin: 0 0 1em 0;
}
acronym, abbr, span.caps {
    cursor: help;
}
acronym, abbr {
}
blockquote {
}
blockquote cite {
}
hr {
}
dl {
}
dt {
}
dd {
}
ul {
    list-style: none;
}
ol {
    list-style: none;
}
li {
}
ul ul {
}
blockquote {
}
blockquote p {
}
code {
}
pre {
}
b, strong,i,em {
}
address {
}
img {
    border:none;
}
/*
  ----------------------------------------------------------------------------
  7.2 LINKGESTALTUNG
  ----------------------------------------------------------------------------
 */
a {
    color: #FF0000;
	text-decoration: none;
}
a:link {
}
a:visited {
}
a:link:focus {
}
a:link:hover,
a:visited:hover {
}
a:link:active,
a:visited:active {
}
/*
  ----------------------------------------------------------------------------
  7.3 BILDER ALS LINK
  ----------------------------------------------------------------------------
 */
a img {
}
a:link img {
}
a:visited img {
}
a:link:active img,
a:visited:active img {
}
/*
  ----------------------------------------------------------------------------
  7.4. WP-SPEZIFISCH
  ----------------------------------------------------------------------------
 */
/* --------------------smilies im text-------------------- */
body img.wp-smiley {
}
/* --------------------der weiterlesen link-------------------- */
.more-link {
float:right; 
}
/* --------------------die seiten wenn es mehrere gibt-------------------- */
p.serif {
}
/* --------------------Kommentare-------------------- */
.comment-content {
    color: #626262;
    margin-left: 180px;
    margin-right: 5px;
    width: 350px;
}
#respond {
    margin-left: 180px;
}
#respond h3 {
    margin-top: 20px;
    text-transform:uppercase;
	font-size: 22px;
}
.alt {
}
.commentlist {
}
.nocomments {
}
.commentlist li {
}
.commentlist cite,
.commentlist cite a {
}
.commentlist p {
}
#commentform p {
	font-size: 12px;
}
.commentmetadata {
}
#commentform input {
	
}
#author {
	border: 1px solid #333;
	width: 220px;
	background-color: #CCCCCC;
	padding: 3px;
	margin: 10px 8px 6px 0;
}
#email {
	border: 1px solid #333;
	width: 220px;
	background-color: #CCCCCC;
	padding: 3px;
	margin: 0 8px 6px 0;
}
#url {
	border: 1px solid #333;
	width: 220px;
	background-color: #CCCCCC;
	padding: 3px;
	margin: 0 8px 6px 0;
}
#commentform textarea {
	border: 1px solid #333;
	width: 348px;
	height: 220px;
	background-color: #CCCCCC;
	padding: 3px;
}
#commentform #submit {
	width: 80px;
	display: block;
    background-color: #000000;
	font-family: Arial;
    font-size: 14px;
	font-weight: bold;
    text-transform:uppercase;
    color: #CCCCCC;
	cursor: pointer;
	margin: 11px 0 0 276px;
	padding: 5px;
	border: none;
}
/* --------------------fuer den wp kalender-------------------- */
#wp-calendar th {
}
#wp-calendar {
    empty-cells: show;
}
#wp-calendar #next a {
}
#wp-calendar #prev a {
}
#wp-calendar a {
}
#wp-calendar caption {
}
#wp-calendar td {
}
#wp-calendar td.pad:hover {
}
/* --------------------Archive-------------------- */
li#archives {
}
.widget_archives {
}
/* --recent posts-- */
li#recent-posts {
}
.widget_recent_entries {
}
/* --------------------text widget-------------------- */
li.widget_text {
}
/* --id haengt von der nummer des text widgets ab */
li#text-4 {
}
div.textwidget {
}
/* --------------------links blogroll-------------------- */
li#links {
}
.widget_links {
}
/* --------------------kategorien-------------------- */
li#categories {
}
.widget_categories {
}



/*
  ----------------------------------------------------------------------------
  8.0 PAGES
  ----------------------------------------------------------------------------
 */
 
 .page {
    position: relative;
    min-height: 200px;
    clear: both;
    width: 480px;
    margin-top: 27px;
    padding-top: 0px;
    padding-bottom: 30px;
    overflow:hidden;
    padding-left: 60px;

 }
 
.page p, .page table tr td {
  color: #626262;
 }
 .page h2 {
 text-transform: uppercase;
    margin-top:0px;
    line-height: 1em;
    font-size: 22px;
    margin-bottom: 20px;
}
 
 /*
  ----------------------------------------------------------------------------
  9.0 AUTORENPROFILE
  ----------------------------------------------------------------------------
 */
 
 .autorenpage {
    position: relative;
    min-height: 200px;
    clear: both;
    width: 540px;
    margin-top: 27px;
    padding-top: 0px;
    padding-bottom: 30px;
    overflow:hidden;
    padding-left: 60px;
 }
 
 .autorenpage h2 {
 text-transform: uppercase;
    margin-top:0px;
    line-height: 1em;
    font-size: 22px;
    margin-bottom: 20px;
}

 
.autorenprofil {background-color:#CCCCCC; width:170px; max-width:170px; font-family:Arial; border: 2px solid #666666; float:left; margin: 0 5px 5px 0; padding-bottom:10px;}  /* DIV */
.autorenprofil div {background-color:#CCCCCC;} /* DIV unter Bild */
.autorenname {padding-top: 10px;} 
.autorenname a {font-size:12px; font-weight:bold; color:#9ABFD8; padding: 0 10px; line-height:12px;}
.autorenabteilung {font-size:10px; font-style:italic; font-weight:bold; font-family:'Trebuchet MS', Arial; color:#808080; padding: 0 10px 11px 10px; line-height:20px;}
.autorenprofil h4 {font-size:10px; font-weight:bold; font-family:'Trebuchet MS', Arial; color:#4D4D4D; text-transform:uppercase; padding: 10px 15px 10px 15px;}
.autorenkontakt {font-size:10px; font-weight:bold; font-family:'Trebuchet MS', Arial; color:#4D4D4D; padding: 0 15px; line-height:12px;}