/* 
Theme Name: Ujamaa
Theme URI: 
Description: A magazine-style layout for Wordpress based on the Mimbo theme
Version: 1.0
Author: Elias
Author URI: 

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/* Farben:
orange = #FFA500
orangered = #FF4500
*/

/* --------------------------------------------------- */
/* Basic Styles */
/* --------------------------------------------------- */

/* Reset */
/* Resets all styles. Based on the reworked reset.css by Eric Meyer (http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/) */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100.01%; /* reset to standard 16px */
	line-height: 1.3em;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
 content: "";
}



/* General */

body,html {
 min-height:101%;
 }

html { font-size: 100%; /* IE hack */ }
body { font-size: 0.8em; /* i.e. 16px */ }
table { font-size: 100%; /* IE hack */ }

body {
 font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
}

p { 
 line-height: 1.5em; 
 margin: 0 0 1em 0; 
 }

ul, ol, dl { 
 line-height: 1.5em; 
 margin: 0 0 1em 1em;
 list-style:disc;
 }
li { 
 margin-left: 1em; 
 line-height: 1.5em; 
 }

dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }

pre, code { 
 font-family : monospace; font-size: 1.1em;
 }


/* Hyperlinks */

a:link, a:visited {
 font-weight:bold;
 color:#545454;
 text-decoration:none;
 }

a:hover, a:active {
 color:#FF4500;
 text-decoration:underline;
 }

hr {
 display: block;
 height:1px;
 background:#333;
 border:0;
 }

small {
 font-size: 0.95em;
 padding:3px 0px;
 }

img, a:link img, a:visited img {
 border: 0;
 }
 
 
/* Headers */

h1 { font-size: 200% }                        /* 24px */
h2 { font-size: 166.67% }                     /* 20px */
h3 { font-size: 133.33% }                     /* 16px */
h4 { font-size: 116.67% }                     /* 14px */
h5 { font-size: 116.67% }                     /* 14px */
h6 { font-size: 116.67%; font-style:italic }  /* 14px */

h1 {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: bold;
 letter-spacing:-0.02em;
 }
 
h2 {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight:normal;
 letter-spacing:0.1em;
 margin:30px 0 20px 0;
 color:#5f5f5f;
 }

h3 {
 font-family: Arial, Helvetica, sans-serif;
 letter-spacing:0.1em;
 margin:30px 0 6px 0;
 font-weight:bold;
 color:#5f5f5f;
 }
 

h4 {
 font-weight:bold;
 color:#5f5f5f;
 }


h3#respond {
 border-top:1px solid #dadada;
 margin-top:25px;
 padding-top:20px
 }

h3#comments {
 margin-top:32px
 } 

  

/* Structure */

#top {
 background:#eee;
 padding: 0;
 margin: 0 auto;
 }

#header {
 width:780px;
 margin:0 auto;
 font-size:0.8em;
 background: #eee;
/* background: url(https://193.16.211.88/wp/wp-content/themes/mymagazine/images/header_bg.jpg) no-repeat; */
 padding: 20px 25px 0px 25px;
 border-left: 20px solid #FF4500;
 border-right: 0px solid black;
 }

#branding {
 width:525px;
 padding-bottom:15px;
 }

#branding h1 a {
 color:#777;
 text-decoration: none;
 font-weight:normal;
 font-family: verdana, sans, arial;
 /*font-size: 0.8em;*/
 line-height:160%;
 }

.description {
 font-size: 1.3em;
 
 color:#777;
 margin-top:-4px;
 }

.left {
 float:left;
 }

.right {
 float:right;
 }


#menu {
 margin:0 auto;
 background:#312e2e;
 padding: 10px 0 0 0;
 }

#shadow {
 background-color:#fff;
 background-image:url(images/topbck.gif);
 background-repeat:repeat-x;
 height:14px;
 }

#page {
 width:780px;
 margin:0 auto;
 background:#FFF;
 padding: 10px 25px 35px 25px;
 }


  
/*Subnav */

.subnav li {
 list-style:none;
 border-bottom:1px solid #FFF;
 }

.subnav li a:link, .subnav li a:visited {
 background:#eef5e1;
 display:block;
 padding:4px 4px 4px 8px;
 border-left:4px solid #e4efd5;
 }
  
.subnav li a:hover, .subnav li a:active {
 background:#e4efd5;
 text-decoration:none;
 color: #7da939;
 }

.subnav li li a:link, .subnav li li a:visited {
 border-left:none
 }
  
  
 
/* Content */

.widget {
 margin: 0 0 15px 0;
}

#content {
 width:555px;
 float:left
 }

   
.postmetadata {
 margin: 30px 0;
 }

#writer {
 background:#eef5e1;
 margin:25px 0 15px 0;
 padding:12px;
 }

#writer img {
 padding:1px;
 border:1px solid #7da939;
 float:left;
 width:80px;
 }

#writer span {
 display:block;
 padding-top:4px;
 border-top:1px solid #cbd8b4;
 margin-top:12px;
 }

#writer p {
 margin:0;
 width:482px;
 } 

.entry {
 padding-bottom:28px;
 }

/* Hyperlinks im Text */
div.entry a {
 font-weight:bold;
 color:#FF4500;
 text-decoration:underline;
 }

div.entry a:hover, a.entry a:active {
 color:#FF4500;
 text-decoration:underline;
 }

h3 a:link, h3 a:visited {
 color:#5f5f5f;
 }


/*Post Formatting*/

.alignleft {
 float:left;
 margin:3px 14px 10px 0;
 padding:0;

 }

.alignright {
 float:right;
 margin:3px 0px 10px 14px;
 padding:0;
 }

.aligncenter {
 margin-left: auto !important;
 margin-right: auto !important;
 text-align:center;
}

.wp-caption {
 background-color: #eee;
 padding:4px;
 border: 1px solid #f2f2f2;
}
.wp-caption-text {
 padding:2px 4px 0 4px;
 text-align:center;
 font-size:90%;
 color: #555;
}

.picleft {
 float:left;
 margin:3px 14px 10px 0;
 border:7px solid #f2f2f2;
 }
.picright {
 float:right;
 margin:3px 0 10px 14px;
 border:7px solid #f2f2f2;
 }

.post blockquote {
 color:#76767a;
 background:#f2f2f2;
 padding:6px 14px;
 margin:18px 35px;
 border-right:1px solid #DDD;
 border-bottom:1px solid #DDD;
 } 

.post ul li {
 list-style:square;
 }
.post ul li ul li {
 font-size: 100%;
 list-style:disc;
 }

.post ol li {
 margin-bottom:5px;
 }
.post ol li ul li {
 font-size: 100%;
 }
 
#tags {
 padding:3px;
 border-bottom:1px solid #DDD;
 border-top:1px solid #DDD;
 } 
    

/* Form Elements */

select {
 background:#f2f2f2;
 border:1px solid #9c9c9c;
 width:100%
 }
 
#searchform {
 padding:0px 0px 0 0; 
 }

.button {
 padding: 1px;
 background:#777;
 color:#fff;
 border:none;
 }

.button:hover {
 background:#FF4500;
 color:#FFF;
 text-decoration:none
 }

#commentform input {
 width: 170px;
 margin: 5px 5px 1px 0;
 }

#commentform textarea {
 width: 100%;
 margin-top:5px;
 }



/* Comments*/

.commentlist {
 padding-left:30px;
 }
 
.commentlist li {
 margin: 15px 0 3px;
 padding: 8px 15px 10px 15px;
 background:#f2f2f2;
 border-top: 1px solid #ddd;
 }

#commentform small {
 background:#FFF;
 font-weight:bold;
 padding:0;
 }
 
.commentmetadata {
 display: block;
 }

.commentlist small {
 background:#e9e9e9
 }

.commentlist cite {
 font: 1.6em Georgia, "Times New Roman", Times, serif;
 font-weight:bold;
 letter-spacing:-0.05em;
 } 



/* Category and Date Lists */

li.cat-item { 
 list-style-type: none;
 margin-left:0px;
 }
ul.children li.cat-item { 
 list-style-type: none;
 margin-left: 10px;
 }

ul.archivebydate li {
 list-style-type: none;
 margin-left:0px;
}


/* Float Properties*/

.clearfloat:after {
 display:block;
 visibility:hidden;
 clear:both;
 height:0;
 content:".";
 }
 
.clearfloat {
 display:inline-block
 }

.clearfloat {
 display:block
 }
 


/* Footer*/

#footer {
 clear:both;
 margin: 0 auto;
 margin-top:20px;
 width:780px;
 font-size:0.9em;
 border-top: 1px solid #dadada;
 padding-top:4px;
 color:#818d6f;
 }

#footer a, #footer a:visited, #footer a:active {
 color: #818d6f;
 font-weight:normal;
 }
#footer a:hover {
 color: #000;
 }


/* Eigene Archivseiten - Beitraege */
.archive_entry {
 padding: 0 0 6px 0;
 }
.archive_entry .meta {
 padding: 0 0 0 0;
 color:#818d6f;
 }


/* Toggle Zusatzinfos */
.togglelink {
 display:inline;
 padding:2px;
}
.togglelink a:link, .togglelink a:visited, .togglelink a:active {
 color:#ff3300;
 font-weight:bold;
}
.togglecontent {
 width:80%;
 padding:4px;
 background-color: #ffff00;
 border: 1px solid #5f5f5f;
}