/*  
Theme Name: die gebrauchsgrafiker
Theme URI: http://www.diegebrauchsgrafiker.net/
Description: Theme die gebrauchsgrafiker
Version: 1.0http://blog.diegebrauchsgrafiker.net/wp-admin/theme-editor.php
Theme-Editor
Autor: Oliver Schuh

*/
/* ### Voreinstellungen ### */
html {font-family: Arial, Helvetica, sans-serif;height: 100.01%; padding: 0;font-size:0.9em;}
* {padding: 0;border: none;}
body {text-align: center; height: 100.01%; background: #000000; color: #FFFFFF;}

#logo{border-left:3px solid #000;padding:1em 0.5em 0 0 ;width:280px;float:right;}


p .wp-smiley{border:none;}

div.entry p{margin-top:0;}

.entry{margin:0.7em 0;}

/* ### allgemeine Gestaltung ### */
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;color: #FF8C00;text-transform:lowercase;font-size:1em;}

.entry h3{font-weight:normal;color:black;margin:0;}

p {font-size: 0.9em;}
p small {font-size: 0.9em;}

h1 a {color: #FF8C00; text-decoration: none;}
h1 a:hover {color: #FFFFFF; }

h2 a {color: #FF8C00; text-decoration : none;font-size:1em;}
h2 a:hover {color: #FFFFFF; font-size:1em;}

a {color: #666; text-decoration : none;}
a:hover {color: #FFFFFF; }
blockquote {margin: 10px 0; padding: 0 0 0 50px; color: #000; background: url(images/anfuehrung.gif) no-repeat top left;}

li a {display: block;}
#sidebar ul.thema li a{display: inline;font-size:1em;}
#sidebar ul thema li{font-size:0.8em;}

/* ### Seiten-Struktur ### */
#mantel {width: 972px; margin: 0.5em auto;text-align: left;background-color:#000;}

/* ### Kopf der Seite ### */
#seitenkopf {}
#seitenkopf h1 {margin:0 0 0 250px;padding:3em 0 0 0;font-size:1.5em;}
#seitenkopf h2 {margin:0 0 0 250px;color:#666; font-weight:bold;}

/* ### Inhalts-Spalte ### */
#inhalte {width: 660px; float: left; padding: 30px 0 20px 0;}
#inhalte .linkehaelfte {width: 230px; float: left;text-align: right; padding:0 0 2em 0;}
#inhalte .linkehaelfte p.metadata {margin: 15px 0 0;font-size:0.8em;}
#inhalte .entry {width: 412px; float: right;margin:0 ;padding:0 0 2em 0;}
#inhalte .post {clear: both; }
#inhalte img {float: left; margin: 5px 10px 3px 0; }
#inhalte ul, #inhalte ol {margin: 10px 0 10px 30px;}
#inhalte table {border-collapse: collapse; margin: 10px 0 10px; border-top: 1px solid #ccb; border-left: 1px solid #ccb;}
#inhalte th, #inhalte td {padding: 1px 5px 2px; border-right: 1px solid #ccb; border-bottom: 1px solid #ccb;}
#inhalte .navigation{clear: both;padding: 10px 0 0 260px;}

/* ### Kommentare ### */
#kommentare h3 {clear: both; padding-top: 20px; margin: 0 0 20px 246px;}
#kommentare ol.commentlist {margin: 10px 0 20px 60px;}
#kommentare ol.commentlist li {margin: 0 0 20px 204px; padding: 0; list-style-position: outside;}
#kommentare small {font-size: 0.9em; margin: 0; padding: 0;}
#kommentare p {font-size: 0.9em;}
#kommentare cite a {font-size: 0.9em; margin: 0; padding: 0;}
#kommentare form {margin: 0 0 0 260px;}
#kommentare input, }
#kommentare label {font-size: 0.9em;}
#kommentare textarea {width: 380px;}
#kommentare input#submit {margin: 10px 0; display: inline; padding: 1px 3px 1px;width: 65px;}
#comment{border:1px solid #FF8C00;margin-top:0.8em;}
#author, #url, #email{border:1px solid #FF8F00;margin-right:5px;}



/* ### Kontaktformular ### */
.contactform .contactleft {width: 100px; float: left;}
.contactform .contactright {font-size: 0.9em;}
.contactform input, .contactform textarea {border: 1px inset #888; padding:0.2em; width: 200px;  margin: 0 0 5px 0;}
.contactform textarea {width: 350px;}
.contactform input#contactsubmit {margin: 10px 0 0 100px; display: inline; border: 1px outset #888; padding: 1px 3px 1px;width: auto;}


/* ### Sidebar ### */
#sidebar {width: 290px; float: right; padding: 0 0 20px; font-size: 0.9em;margin:0 0 0 1em;}
#sidebar ul {list-style-type: none; margin: 10px 0 10px;}
#sidebar ul li a {display: block;}
#sidebar ul li.current-cat a, #sidebar ul li.current_page_item a {color: #FFFFFF; font-weight:bold;}
#sidebar h2 {border-top: 1px solid #FF8C00; margin: 0 0 10px; padding: 10px 0 0; clear: left;}

#sidebar #searchform {border-top: 1px solid #FF8C00; margin: 0 0 10px; padding: 10px 0 0; line-height: 0px;}
#sidebar #searchform input#searchinput {margin: 10px 3px 10px 0; display: inline; border: 1px inset #888; padding: 1px 3px 2px;  width: 120px;}
#sidebar #searchform input#searchsubmit {margin: 10px 0; display: inline; border: 1px outset #888; padding: 1px 2px 1px;  width: 55px;background-color: #FF8C00;color:#000;font-weight:bold;font-size:0.9em;}
#sidebar #searchform input:hover#searchsubmit {margin: 10px 0; display: inline; border: 1px outset #888; padding: 1px 2px 1px;  width: 55px;background-color: #666;color:#000;font-weight:bold;font-size:0.9em;}

/* ### Fuss der Seite ### */
#seitenfuss {width: 972px; clear: both; text-align: center; padding: 0; font-size:0.9em;background: #FF8C00; color: #000;}
/* This controls the overall container of the entire word cloud. */
#cloudy {text-align: justify;padding-right:0.5em;}

/* This controls the overall font sizes and families. */
#cloudy .h5 {font-size: 0.85em; font-family: arial; background: none; display: inline;}
#cloudy .h4 {font-size: 0.9em; font-family: arial; background: none; display: inline;}
#cloudy .h3 {font-size: 0.95em; font-family: arial; background: none; display: inline;}
#cloudy .h2 {font-size: 1em; font-family: arial; background: none; display: inline;}
#cloudy .h1 {font-size: 1.1em; font-family: arial; background: none; display: inline;}

