/* 
Theme Name: mediati
Description: Agentur für digitale Zukunft
Author: mediati
Author URI: http://www.mediati.de
*/


@import url('reset.css');


/**
 Globale Elemente
/*******************************************************************/

* { margin: 0px; padding: 0px; background: #fff; color: #333333; }
body, html { height: 100%; }
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; }
a { outline: none; text-decoration: none; color: #AA0000; }
a:hover { text-decoration: underline; }
a img { border: none; }
.soft { color: #DEDEDE; }
.last { margin-right: 0; }
.clearfix:after	{ content: "."; visibility: hidden; display: block; height: 0px; clear: both; }
* html .clearfix { height: 1%; }
*+html .clearfix { height: 1%; }



/**
 Struktur & Grid
/*******************************************************************/

#container { width: 100%; min-height: 100%; height: auto !important; height: 100%; margin: 0px 0px -70px; min-width: 970px; background: #fff; }
#header_wrap, #claim_wrap, #content_wrap, #footer_wrap { font-size: 1em; width: 100%; position: relative; }
#header, #claim, #content, #footer { width: 960px; margin: 0px auto; font-size: 1.1em; }



/**
 Header
/*******************************************************************/

#header_wrap { padding-top: 11px; background: #fff url(images/topborder.jpg) repeat-x top;}
#header	{ padding: 30px 0px 30px 5px; position: relative; }

.logoarea { float: left; width: 200px; }
h1.logo	{ width: auto; color: #AA0000; font-weight: bold; position: relative; z-index: 100; }
h1.logo a { text-decoration: none; }
p.description { font-size: 0.9375em; letter-spacing: 1px; color: #AA0000; }

ul.main_nav	{ width: 750px; text-align: right; position: absolute; top: 40px; right: 0px; text-transform: uppercase; float: right; }
body#home ul.main_nav { top: 25px; }
ul.main_nav li { display: inline; list-style: none; padding: 0px 15px; border-left: 1px solid #DEDEDE; position: relative; }
ul.main_nav li a { padding-bottom: 3px; text-decoration: none; }
ul.main_nav li.current_page_item a, #home li.left a, ul.main_nav a:hover { border-bottom: 1px solid #AA0000; }
ul.main_nav li.left	{ border: none; }

#claim_wrap {background-color: #FFFFFF; }
#claim	{ background-color: #FFFFFF; height: 100px; padding: 20px 5px 5px 20px; }
#claim h2 { font-size: 1.7em; line-height: 1.5em; font-weight: normal; color: #555555; }

#content_wrap { padding: 25px 0px 0px 0px; color: #555555; }
#home #content_wrap	{ padding: 75px 0px 35px; }

#sidebar { width: 350px; float: right; background-color: #FFFFFF; }
#sidebar hr { margin-bottom: 5px; }

#main { width: 565px; float: left; border-top: 1px solid #E2E2E2; padding-top: 10px; padding-left: 5px; }

#about { width: 960px; margin-bottom: 100px; padding-left: 5px; }
#about ul { list-style-type: none; margin-top: 10px; }
#about li { width: 145px; float: left; margin-right: 15px; }
#about li.last { width: 145px; float: left; }
#about li img { width: 130px; height: 45px; border: 1px solid #E2E2E2; padding: 5px;  }
#about li h4 { font-size: 1.3em; font-weight: bold; width: auto; font-family: Helvetica, Arial, sans-serif; color: #333333; padding: 5px; }
#about li p { padding: 5px; }

h3.title { width: 100%; font-size: 1.4em; padding: 10px 0px 0px 0px; background-color: #FFFFFF; }
.title span { display: block; width: 950px; padding: 10px 0 5px 0px; margin: 0px auto; background-color: #FFFFFF; color: #AA0000;  text-transform: uppercase; border-bottom: 1px solid #E2E2E2;  }

#ueberuns { width: 350px; float: right; border-top: 1px solid #E2E2E2; padding-top: 10px; padding-left: 5px; margin-bottom: 10px; }
#ueberuns ul { margin-top: 10px; list-style-type: none; font-size: 1.125em; line-height: 1.5em; }
#ueberuns li { margin: 0 0 10px 0; padding: 0; width: 345px; }

#socialmedia { width: 350px; float: right; border-top: 1px solid #E2E2E2; padding-top: 10px; padding-left: 5px; margin-bottom: 25px; }
#socialmedia ul { margin-top: 10px; list-style-type: none; font-size: 1.125em; line-height: 1.5em; }
#socialmedia li { margin: 0 0 10px 5px; padding: 0 0 0 30px; width: 320px; min-height: 32px; background: url(images/twitter.jpg) no-repeat 0 2px; }

#footer { background-color: #EFEFEF; padding: 28px 0px 0px; text-transform: uppercase; }
#footer_wrap { background: #EFEFEF; color: #555555; }
#footer_wrap, .push	{ height: 69px; min-width: 970px; }
#footer p.credits { width: 600px; float: left; background-color: #EFEFEF; }
#footer p.credits a { background-color: #EFEFEF; }
#footer a.feed { display: block; float: right; background-color: #EFEFEF; }

.info { width: 350px; float: left; padding: 35px 0px; min-height: 185px; line-height: 22px; font-size: 1em; }
.info h2 { font-size: 1.95em; margin-bottom: 20px; }
a.nextproject { width: 110px; height: 32px; display: block; float: left; padding: 6px 0px 0px 35px; font-size: 0.95em; margin-top: 25px; }
.info a.view { display: block; width: 170px; float: left; padding: 6px 0px 0px 0px; margin: 25px 0px 0px 25px; }

.project_screen { height: 350px; width: 565px; float: right; margin: -35px 0px -35px; position: relative; z-index: 100; overflow: hidden; }

h3.pagetitle { width: 100%; font-size: 1.4em; padding: 10px 0px 0px 0px; background-color: #FFFFFF; }
.pagetitle span { display: block; width: 950px; padding: 10px 0 10px 0px; margin: 0px auto; background-color: #FFFFFF; color: #AA0000;  text-transform: uppercase; border-bottom: 1px solid #E2E2E2; }

.text_left { width: auto; float: left; text-transform: uppercase; margin-bottom: 25px; }
.text_right	{ width: auto; float: right; text-align: right; margin-bottom: 25px; }

hr { clear: both; height: 0px; border: none; background: none; }

.post { clear: both; margin: 20px 5px 20px 0px;  }
.post h2.posttitle, h4.title { font-size: 1.3em; font-weight: bold; width: auto; font-family: Helvetica, Arial, sans-serif; color: #333333; }
.post p.comments { width: auto; float: left; color: #555555; }
.post p.comments a { color: #555555; text-decoration: none; }
.post p.comments a:hover { color: #AA0000; text-decoration: underline; }
.post .entry { clear: both; padding-top: 10px; line-height: 22px; font-size: 1.125em; }
.post .entry img { padding: 7px 7px 10px 7px; max-width: 545px; background-color: #EFEFEF; }
.post .entry .wp-caption-text { background-color: #EFEFEF; padding: 0 0 7px 10px; width: 550px; font-family: Garamond, serif; font-size: 1.25em; font-style: italic; }
.post .entry p { margin-bottom: 10px; }
.post blockquote { margin-left: 25px; }
.post cite { font-style: italic; margin-left: 25px; }
.post img.alignleft	{ margin-right: 20px; }
.post img.alignright { margin-left: 20px; }
.post ul, .post ol { margin: 0px 0px 10px 25px; }
.post ul li { list-style: disc outside; }
.post ol li	{ list-style: decimal outside; }

.post .entry ul.projekte { margin: 0; }
.post .entry li.projekte { color: #555555; text-transform: uppercase; }
.post .entry li.projekte { list-style-type: none; width: 130px; float: left; margin-right: 30px; }
.post .entry li.projekte img { width: 130px; background-color: #FFFFFF; padding: 5px; border: 1px solid #DEDEDE; }
.post .entry li.projekte img a:hover { padding: 5px; border: 1px solid #333333; }
.post .entry li.projektelast { list-style-type: none; width: 130px; float: left; }
.post .entry li.projektelast img { width: 130px; height: 90px; background-color: #FFFFFF; padding: 5px; border: 1px solid #DEDEDE; }
.post .entry li.projektelast img a:hover { padding: 5px; border: 1px solid #333333; }

.post img, .post object, .post iframe { padding: 7px 7px 7px 7px; max-width: 550px; background-color: #EFEFEF; }

.post .entry .netzwerk img { width: 100px; height: 60px; max-width: 100px; max-height: 60px; padding: 5px; border: 1px solid #E2E2E2; float: left; margin: 0 15px 0 0; background-color: #FFFFFF; }
.post .entry .netzwerk td { line-height: 1.5em; vertical-align: top; }
.post .entry .netzwerk td .url { font-size: 0.875em; }
.post .entry .netzwerk td .url a { color: #666666; text-decoration: none; }
.post .entry .netzwerk td .url a:hover { color: #990000; text-decoration: underline; }

h4.title { width: auto; float: none; margin-bottom: 10px; font-family: Helvetica, Arial, sans-serif; font-size: 1.3125em; }

.navigation { margin-top: 25px; }
.navigation a	{ display: block; width: auto; font-size: 1.5em; text-decoration: none; padding: 5px 15px; }
.navigation .alignleft a { float: left; }
.navigation .alignright a { float: right; }

.commentarea { margin-top: 25px; }
.commentlist { margin-bottom: 25px; }
.comment .name	{ width: 170px; float: left; padding-top: 20px; font-size: 0.9375em; }
.comment .name a { font-size: 1.125em; }
.comment .text	{ width: 354px; margin-left: -1px; padding: 20px; float: left; line-height: 19px; }
.commentarea p	{ margin-bottom: 10px; }

.module	{ margin-bottom: 10px; line-height: 12px; background-color: #FFFFFF; }
.module h4 { font-size: 1.25em; font-weight: bold; font-family: Helvetica, Arial, sans-serif; margin-top: 5px; }

.list { line-height: 14px; background-color: #FFFFFF; }
.list h4 { padding: 5px 0 0 0; font-weight: bold; }
.list ul { list-style: none; padding: 10px 0 0 0; font-size: 1em; background-color: #FFFFFF; }
.list li { padding: 0 0 5px 0; }
.list p { width: 340px;  display: inline; float: left; margin: 10px 15px 5px 0px; padding: 0; }
.list .soft { color: #555555; }
.list a { color: #333333; text-decoration: none; }
.list a:hover { color: #AA0000; text-decoration: underline; }

.bio { line-height: 14px; background-color: #FFFFFF; }
.bio h4 { padding: 5px 0 5px 0; font-weight: bold; }
.bio img { width: 90px; height: 60px; max-width: 90px; max-height: 60px; padding: 5px; border: 1px solid #E2E2E2; }
.bio p { width: 225px;  display: inline; float: left; margin: 10px 15px 5px 0px; padding: 0; line-height: 1.75em; }
.bio a { color: #333333; text-decoration: none; }
.bio a:hover { color: #AA0000; text-decoration: underline; }
.bio p img { width: 12px; height: 12px; padding-right: 10px; padding-left: 5px; border: none; margin: 0px; padding-bottom: 0px; }

.netzwerk { line-height: 14px; background-color: #FFFFFF; }
.netzwerk h4 { padding: 5px 0 10px 0; font-weight: bold; }
.netzwerk img { width: 60px; height: 40px; max-width: 60px; max-height: 40px; padding: 5px; border: 1px solid #E2E2E2; }
.netzwerk p { width: 250px;  display: inline; float: left; margin: 0 20px 5px 0px; padding: 0; line-height: 1.75em; }
.netzwerk p .soft { color: #555555; }
.netzwerk a { color: #333333; text-decoration: none; }
.netzwerk a:hover { color: #AA0000; text-decoration: underline; }

.contact { background-color: #FFFFFF; }
.contact h4 { padding: 5px 0 5px 0; font-weight: bold; }
.contact p { width: 350px;  display: inline; float: left; margin: 0 20px 5px 0px; padding: 0; line-height: 1.5em; }
.contact ul { width: 350px; margin-top: 10px; }
.contact li { width: 340px; float: left; line-height: 1.875em; }
.contact li .soft { color: #555555; }
.contact li a { color: #333333; text-decoration: none; }
.contact li a:hover { color: #AA0000; text-decoration: underline; }
.contact img { width: 16px; height: 16px; padding-right: 10px; padding-left: 5px; }

.socialmedia { background-color: #FFFFFF; }
.socialmedia h4 { padding: 5px 0 5px 0; font-weight: bold; }
.socialmedia ul { width: 350px; margin-top: 10px; }
.socialmedia li { width: 175px; float: left; line-height: 1.875em; }
.socialmedia li a { color: #333333; text-decoration: none; }
.socialmedia li a:hover { color: #AA0000; text-decoration: underline; }
.socialmedia img { width: 16px; height: 16px; padding-right: 10px; padding-left: 5px; }

.twitter { line-height: 14px; background-color: #FFFFFF; }
.twitter h4 { padding: 5px 0 5px 0; font-weight: bold; }
.twitter ul { margin-top: 10px; list-style-type: none; }
.twitter li { margin: 0 0 10px 0; padding: 0 0 0 24px; width: 340px; min-height: 32px; background: url(images/twitter.jpg) no-repeat 0 2px; }

.about { background-color: #FFFFFF; }
.about h4 { padding: 5px 0 5px 0; font-weight: bold; }
.about ul { width: 350px; margin-top: 10px; }
.about li { width: 167px; float: left; line-height: 1.5em; margin-bottom: 10px; }
.about li .soft { color: #555555; }
.about li p { width: 160px; }
.about li p a { color: #333333; text-decoration: none; }
.about li p a:hover { color: #AA0000; text-decoration: underline; }
.about img { width: 150px; height: 100px; border: 1px solid #E2E2E2; padding: 7px; background-color: #FFFFFF; text-align: right; margin-bottom: 10px; }

input.text { padding: 10px; border: none; font-size: 1.1em; float: none; margin-bottom: 20px; display: block; width: 300px; }
textarea { padding: 10px; border: none; font-size: 1.1em; width: 545px !important; height: 150px !important; margin-bottom: 20px; font-family: Verdana, Helvetica, Arial, sans-serif; }
input.text, textarea { background: #EFEFEF; color: #333333; }
input.submit { display: block; width: auto; padding: 7px 40px; text-transform: uppercase; border: none; cursor: pointer; color: #333333; background: #DEDEDE; }

#searchform	{ padding: 7px 5px 7px 12px; }
#searchform input#s	{ border: none; width: 300px; float: left; padding: 2px 0px; font-size: 1.1em; }
#searchform input#searchsubmit	{ float: right; margin: 2px 8px 0px 0px; }

#home #categories { display: none; }
#home .singles { display: none; }

*+html hr { margin-top: -7px; margin-bottom: -21px; }



.lifestream_label { margin-left: 10px; }
.lifestream_meta { margin-left: 10px; }



#searchform, #searchform input#s, .list	{ background: #EFEFEF; }
.pagetitle								{ background: #EFEFEF; }
.navigation a							{ background: #EFEFEF; }
.project_screen							{ background: #EFEFEF; }

/* -------- Borders -------- */


hr										{ border-top: 1px solid #E2E2E2; }

.project_screen							{ border: 1px solid #E2E2E2; }
.flickr img								{ border: 1px solid #fff; }
.commentlist							{ border-top: 1px solid #E2E2E2; }
.comment								{ border-bottom: 1px solid #E2E2E2; }
.name									{ border-right: 1px solid #FFFFFF; }
.text									{ border-left: 1px solid #FFFFFF; }

/* -------- Colors -------- */



h2.posttitle, h2.posttitle a, .info h2 a, .info h2, h4.title { color: #333; }
.info a.nextproject						{ color: #fff; }
.module h4, .list a						{ color: #333333; }