/*
Theme Name: EINVOLL
Theme URI: http://einvoll.net/
Description: Default theme for EINVOLL. Design by <a href="http://einvoll.net">Michael</a>, Code by <a href="http://dev.cobalt.cc">Moritz</a>. Ehrlich, aber nicht gef&auml;hrlich.
Version: 0.42b
Author: Moritz B&ouml;hm
Author URI: http://dev.cobalt.cc/
*/


/* ## Basic Layout ## */

body {
	margin: 0;
	padding: 0;
	background: white;
	font-family: Arial, Helvetica, sans-serif;
}

#head, #page {
	margin: 44px 0 0 0;
	width: 895px;
}

#head {
	background: url(gfx/meta/navi_bg.png) repeat-x;
	height: 40px;
}

#page {
	clear: both;
}

#einvoll {
	float: right;
	display: block;
	height: 40px;
	width: 235px;
	background: url(gfx/meta/einvoll_navi.png) no-repeat;
}

#footer {
	clear: both;
	border-top: 1px solid #828E97;
	width: 660px;
	padding: 8px 0 0 125px;
	margin: 5px 0 100px 0;
	font-size: 11px;
}

.commingsoon_navi {
	margin: 50px 0 0 125px;
}

.commingsoon_navi img {
	display: block;
}

/* Footer */

#footer a {
	color: #828e97;
	margin-right: 18px;
}

/* ## Navigation ## */

ul#navi {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#navi li {
	float: left;
	height: 39px;
	line-height: 39px;
	margin: 0 25px 0 0;
}

ul#navi li a.navi {
	display: block;
	height: 39px;
	background-position: left;
}

ul#navi li a.navi:hover, ul#navi li a#current {
	background-position: right;
}

ul#navi li a.inactive:hover {
	background-position: left !important;
}

/* Navis */

.navi_index {
	width: 37px;
	background-image: url(gfx/navi/navi_index.png);
	margin: 0 0 0 123px;
}

.navi_blog {
	width: 33px;
	background-image: url(gfx/navi/navi_blog.png);
}

.navi_projekte {
	width: 60px;
	background-image: url(gfx/navi/navi_projekte.png);
}

.navi_info {
	width: 30px;
	background-image: url(gfx/navi/navi_info.png);
}

.navi_kontakt {
	width: 54px;
	background-image: url(gfx/navi/navi_kontakt.png);
}

/* Navi Line */

#naviline {
	clear: left;
	float: left;
	height: 1px;
	background: black;
	padding: 0 0 0 125px;
}

.line_impressum, .line_ {width: 0px; 	padding: 0 !important;}
.line_index {width: 35px;}
.line_blog, .line_archiv, .line_tagcloud {width: 90px;}
.line_projekte {width: 175px;}
.line_info {width: 231px;}
.line_kontakt {width: 311px;}

/* ## Typography ## */

h1, h2, h3, h4, h5, h6, blockquote, cite, p {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

a, a:hover {
	text-decoration: none;
}

h1 {
	padding: 0 50px 0 125px;
	color: white;
	font-size: 15px;
	line-height: 22px;
	background: url(gfx/meta/h1_bg.png) repeat-x;
	float: left;
	clear: left;
	margin: 0 0 2px 0;
}

h1 a {
	color: white;
}

h1.projekte {
	margin-top: 20px;
	margin-bottom: 20px;
}

h3 {
	color: white;
	background: url(gfx/meta/h3_bg.png) repeat-x;
	float: left;
	clear: left;
	font-size: 12px;
	line-height: 18px;
	height: 18px;
	padding: 0 30px 0 125px;
}

h3 a {
	color: white;
}

p a {
	color: #010F16;
	border-bottom: 1px dotted #010F16;
}

p a:hover {
	border-bottom-style: solid;
}

blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 12px;
	background: url(gfx/meta/blockquote.png) top left no-repeat;
	padding: 0 0 0 43px;
	margin: 0 0 5px -15px;
	min-height: 30px;
}

/* ## Portfolio ## */

.page_projects {
	width: 950px !important;
}

ul.projektliste {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0 0 0 125px;
}

ul.projektliste li {
	border: 1px solid #D6D6D6;
	width: 184px;
	height: 132px;
	margin: 0 20px 20px 0;
	padding: 0;
	display: inline-block;
	float: left;
}

ul.projektliste li {
}

ul.projektliste li img {
	width: 184px;
	height: 132px;
}

#blackbox, #blackboxtext {
	position: absolute;
}

#blackbox {
	width: 186px;
	height: 134px;
	background: #132d3b;
	z-index: 99;
	cursor: pointer;
}

#blackboxtext {
	color: white;
	font-size: 12px;
	z-index: 109;
	cursor: pointer;
	width: 174px;
}

#project_img {
	clear: both;
	margin: 0 0 15px 125px;
	/*min-height: 360px;*/
	width: 723px;
}

.clear{
	clear: both;
}

#new_image {
	height: 0 !important;
}

#the_image {
	border: 1px solid #d6d6d6;
}

.post_project {
	/*color: #828E97 !important;*/
	width: 500px !important;
	color: #BEBEBE !important;
}

.post_project:hover {
	color: #010F16 !important;
}

h1.single_title_project {
	margin-bottom: 30px;
}

ul#project_thumbnails {
	width: 188px;
	float: right;
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#project_thumbnails li {
	width: 188px;
	height: 40px;
	margin: 0 0 14px 0;
	background: white;
	line-height: 40px;
	font-size: 11px;
	color: #828E97;
	cursor: pointer;
}

ul#project_thumbnails li img {
	width: 49px;
	height: 38px;
	margin: 0 12px 0 0;
	float: left;
	border: 1px solid #d6d6d6;
}

ul#project_thumbnails li:hover, ul#project_thumbnails li.current {
	background: url(gfx/meta/project_thumbnail_bg.png) repeat-x;
	color: #010f16;
}

/* ## Weblog ## */

.post {
	width: 465px;
	font-size: 12px;
	color: #010F16;
	line-height: 18px;
	margin: 0 0 30px 125px;
	clear: left;
}

.post p, .post img {
	margin: 0 0 10px 0;
}

.post .postmeta {
	margin: 0 0 6px 0;
	clear: left;
	color: #828e97;
	font-size: 11px;
}

.post .postmeta a, .post .postmeta a:hover {
	color: #828e97;
}

h1.single_title {
	padding: 0 50px 0 30px;
}

.postnavi {
	width: 95px;
	float: left;
}

.postnavi a {
	color: #c7c7c7;
	height: 22px;
	display: inline-block;
}

.postnavi a.prev {
	background: url(gfx/meta/postnavi_l.png);
	width: 15px;
}

.postnavi a.all {
	background: url(gfx/meta/postnavi_all.png);
	width: 30px;
}

.postnavi a.next {
	background: url(gfx/meta/postnavi_r.png);
	width: 15px;
}

/* Kommentare */

.comments {
	margin: 37px 0 0 0;
	width: 600px;
}

h3#comments, #archives h3 {
	margin: 0 20px 0 110px;
	padding: 0 30px 0 15px;
}

.commentsmeta a {
	color: #828e97;
	font-size: 11px;
}

ul.commentlist {
	margin: 28px 0 0 0;
	padding: 0 0 0 125px;
	list-style: none;
}

ul.commentlist li {
	margin: 0 0 22px 0;
	padding: 0;
	background: url(gfx/meta/comment_bg.png) no-repeat top left;
}

ul.commentlist li.authorcomment {
	background-image: url(gfx/meta/comment_bg_admin.png) !important;
}

ul.commentlist li .number {
	font-size: 12px;
	color: #828e97;
	font-weight: bold;
	text-align: center;
	width: 14px;
	float: left;
	padding: 2px 0 8px 0;
	margin: 0 12px 0 0;
}

ul.commentlist li.authorcomment .number {
	color: #EEEEEE !important;
}

ul.commentlist li h6 {
	font-size: 12px;
	font-weight: bold;
	padding: 0 20px 3px 0;
	color: #010F16;
	border-bottom: 1px solid black;
	float: left;
}

ul.commentlist li h6 a {
	color: #010F16;
}

.commentdatetime {
	font-size: 11px;
	color: #828e97;
	font-weight: normal;
	padding: 0 0 0 3px;
}

a.commentdatetime {
	color: #828e97 !important;
}

ul.commentlist li p {
	clear: left;
	margin: 0 0 10px 27px;
	font-size: 11px;
}

/* Kommentar verfassen */

h3#respond {
	margin: 37px 0 0 0;
}

.loggedin { clear: left; }

form#commentform {
	clear: left;
	padding: 24px 0 0 0;
}

form#commentform p {
	margin: 0 0 10px 125px;
	font-size: 11px;
	color: #828e97;
}

form#commentform p label {
	float: left;
	margin: 5px 5px 0 0;
}

form#commentform input, form#commentform textarea {
	padding: 3px 4px 0 4px;
	background: #EDEDED;
	border: 1px solid #EDEDED;
	color: #213a47;
	margin: 0 5px 0 0;
}

form#commentform input {
	height: 17px;
	width: 134px;
}

form#commentform textarea {
	height: 120px;
	width: 350px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
}

form#commentform input:focus, form#commentform textarea:focus {
	background: white;
	border: 1px solid #213a47;
}

form#commentform input#submit {
	width: 114px;
	height: 22px;
	background: url(gfx/meta/comment_submit.png);
	cursor: pointer;
	border: none;
	margin: 0 0 0 64px;
}

form#commentform input#subscribe {
	width: auto;
	display: inline-block;
	float: left;
	margin: 5px 5px 0 0;
	background: none;
	border: none;
}

p.commentparagraph label {
	width: 60px;
	display: block;
	float: left;
}

p.submitparagraph {
	clear: left;
}

p.subscribe-to-comments {
	padding: 0 0 0 64px;
	height: 25px;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 220px;
	font-size: 11px;
}

#sidebar h2 {
	height: 22px;
	display: block;
	background-repeat: no-repeat;
	margin: 2px 0 12px 0;
	cursor: pointer;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar ul li {
	margin: 0 0 1px 0;
}

#sidebar ul li.linespacer {
	border-top: 1px solid #828e97;
	margin: 10px 0 0 0;
	padding: 8px 0 0 0;
	width: 144px;
}

#sidebar ul li a span {
	width: 44px;
	height: 8px;
	display: inline-block;
	margin: 0 0 0 4px;
}

#sidebar h2#archiv { background-image:url(gfx/meta/sidebar_archiv.png); width: 110px; }
#sidebar h2#rss { background-image:url(gfx/meta/sidebar_rss.png); width: 130px; cursor: default !important; }
#sidebar h2#blogroll { background-image:url(gfx/meta/sidebar_blogroll.png); width: 121px; }

#sidebar ul li a, #sidebar ul li a:hover {
	color: #828e97;
}

#sidebar ul li a {
	margin-right: 18px;
}

#tagcloud_sidebar {
	margin: 18px 0 0 0;
}

/* Searchform */

form#searchform {
	margin: 25px 0 11px 0;
}

form#searchform input#searchsubmit {
	width: 25px;
	height: 22px;
	background: url(gfx/meta/search.png);
	cursor: pointer;
	border: none;
}

form#searchform input#s {
	height: 17px;
	padding: 3px 4px 0 4px;
	background: #EDEDED;
	border: 1px solid #EDEDED;
	color: #213a47;
	width: 134px;
	margin: 0 5px 0 0;
}

form#searchform input#s:focus {
	background: white;
	border: 1px solid #213a47;
}

/* ## Paged Navi ## */

#pagednavi {
	margin: 25px 0 0 125px;
}

#pagednavi a, #pagednavi .dots {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(gfx/meta/h3_bg.png) repeat-x;
	color: white;
	font-weight: bold;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
	margin: 0 3px 0 0;
}

#pagednavi a.prev { background:url(gfx/meta/paged_arrow_l.png); }
#pagednavi a.next { background:url(gfx/meta/paged_arrow_r.png); }

#pagednavi a#current, #pagednavi .dots {
	color: black;
	background: white;
}

/* Monatsarchiv */

#archives {
	margin: 25px 0 25px 0;
}

#archives h1 {
	margin-bottom: 15px;
}

#archives h3 {
	clear: left;
}

#archives ul {
	margin: 0;
	padding: 8px 0 8px 125px;
	list-style: none;
	clear: left;
	font-size: 12px;
}

#archives ul li {
	padding: 0;
	margin: 1px 0 1px 0;
}

#archives ul li a {
	color: black;
}

/* ## Various ## */

.greycube {
	width: 8px;
	height: 8px;
	background: url(gfx/meta/greycube.png) no-repeat 0px 0px;
	line-height: 8px;
	margin: 0 4px 0 4px;
	display: inline-block;
}

#footer a {
	float: left;
	display: block;
}

a.rss {
	background: url(gfx/meta/rss.png) no-repeat 0px 1px;
	padding: 0 0 0 16px;
	height: 14px;
}

a.cc {
	background: url(gfx/meta/cc.png) no-repeat;
	width: 80px;
	height: 15px;
	line-height: 12px;
}

a.impress {
	height: 14px;
}

a img {
	border: none;
}

img.textbanner {
	margin-left: 125px;
}

img.textbanner_projekte {
	margin-bottom: 10px;
}

img.textbanner_start {
	margin-left: 125px;
	margin-bottom: 20px;
}

#tagcloud {
	margin: 0 0 0 125px;
}

#beammeup {
	margin-top: 45px;
	display: block;
	clear: both;
	cursor: pointer;
}

#kontakt_player {
	float: left;
	margin: 0 20px 0 0;
	width: 320px;
	height: 180px;
}

#kontakt_content {
	float: right;
	width: 360px;
}

.post_kontakt {
	width: 700px !important;
}

#kontakt_content a img {
	margin: 0 4px 0 0;
}

#einvolliminternet a {
	border: none !important;
}

.start_blog {
	width: 800px !important;
}

.start_blog a, .start_blog a:hover {
	text-decoration: none !important;
	border: none !important;
	display: block;
	margin: 0 0 10px 0;
}

.start_blog a {
	font-size: 14px;
	color: #04202e;
}

.start_blog a .excerpt {
	margin: 0 0 0 10px;
	color: #828e97;
	font-size: 11px;
}

:focus { -moz-outline-style: none; }

/* Linkcolors */

.rcol_0:hover, .rcol_0>*:hover, .rcol_0:hover>* { color: #ff0f0f !important; border-bottom-color: #ff0f0f; }
.rcol_1:hover, .rcol_1>*:hover, .rcol_1:hover>* { color: #ff0f86 !important; border-bottom-color: #ff0f86; }
.rcol_2:hover, .rcol_2>*:hover, .rcol_2:hover>* { color: #ff0ffc !important; border-bottom-color: #ff0ffc; }
.rcol_3:hover, .rcol_3>*:hover, .rcol_3:hover>* { color: #a20fff !important; border-bottom-color: #a20fff; }
.rcol_4:hover, .rcol_4>*:hover, .rcol_4:hover>* { color: #2b0fff !important; border-bottom-color: #2b0fff; }
.rcol_5:hover, .rcol_5>*:hover, .rcol_5:hover>* { color: #0f75ff !important; border-bottom-color: #0f75ff; }
.rcol_6:hover, .rcol_6>*:hover, .rcol_6:hover>* { color: #0fe0ff !important; border-bottom-color: #0fe0ff; }
.rcol_7:hover, .rcol_7>*:hover, .rcol_7:hover>* { color: #12fccd !important; border-bottom-color: #12fccd; }
.rcol_8:hover, .rcol_8>*:hover, .rcol_8:hover>* { color: #03ea54 !important; border-bottom-color: #03ea54; }
.rcol_9:hover, .rcol_9>*:hover, .rcol_9:hover>* { color: #39ac1e !important; border-bottom-color: #39ac1e; }


/**/