/*  
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: #FF8C00; color: #000;}

#logo{border-left:3px solid #fff;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: #000; }

h2 a {color: #FF8C00; text-decoration	: none;font-size:1em;}
h2 a:hover {color: #000; font-size:1em;}

a {color: #666; text-decoration	: none;}
a:hover {color: #000; }
blockquote {margin: 10px 0; padding: 0 0 0 50px; color: #000; background: url(images/anfuehrung.gif) no-repeat top left;}

li a {}
#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:#fff;}

/* ### 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;background:#fff;}
#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;background:#fff;}
#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: #000; 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:#fff;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:#fff;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: #fff;}
/* 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;}

/* These are the colors of the links in the word cloud. */
#cloudy .h5 > a {color: #666666;}
#cloudy .h4 > a {color: #666666;}
#cloudy .h3 > a {color: #666666;}
#cloudy .h2 > a {color: #FF8C00;}
#cloudy .h1 > a {color: #FF8C00;}

/* These are the colors of the links when you hover your mouse over them. */
#cloudy .h5 > a:hover {color: #000;}
#cloudy .h4 > a:hover {color: #000;}
#cloudy .h3 > a:hover {color: #000;}
#cloudy .h2 > a:hover {color: #000;}
#cloudy .h1 > a:hover {color: #000;}
      
div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;

}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

/*banner**********************************************************************/

#text-2{
	left: auto;
	position:absolute;
	top:150px;
	width:160px;
	margin-left:-842px;
}