/*
Theme Name: jerie.de V1.2010
Theme URI: http://jerie.de
Description: Neues Theme für jerie.de
Version: 0.1
Author: Sebastian Jerie
Author URI: http://jerie.de/
Tags: custom header, fixed width, two columns, widgets
	
*/


/* STANDARDS  */

* 				{padding: 0; margin: 0; border:0;}
html, body		{min-height: 100%; height: auto; height: 100%; line-height: 1.6em; text-shadow:1px 1px 0 #FFFFFF;}
ul 				{list-style-type:none}
a				{text-decoration: none; color: #4191a0;}
a:hover			{text-decoration: underline;}
a:focus         {border: dotted 1px;}
.nopadding 		{padding: 0 !important;}
.nomargin 		{margin: 0!important;}
.noborder 		{border: 0 !important; text-decoration: none !important;}

.floatright		{float: right;}
.floatleft 		{float: left;}
.nofloat 		{clear: both;}
 
br 				{margin: 0; padding: 0; line-height: 0.0001em;}

table			{border-collapse:collapse;}
td, th 			{vertical-align: top;}
p				{padding: 0 0 0.8em 0;}

input           {border: solid 1px;}

/* SITESPECIFIC  */

body {
	font-size: 62.5%; /* 1em = 10px */
	font-family: Verdana, Arial, Sans-Serif;
    background: #f0eee8 url(images/bg-body.png);
	padding-top: 20px;
	color: #6e5947;
	}


/* GRID  */

#wrapper {
    margin: 10px auto auto;
    padding: 10px;
    width: 930px;
    overflow: hidden;
    position: relative;
	background: #fff;
}

.wrapper {
    margin: 0 auto;
    width:950px;
    position: relative;
}


#left {
    float:left;
    width: 620px;
}

#right {
    float:right;
    width:300px;
}

#footer {padding-top: 30px;}




.article-wrap {
    float:left;
    margin-bottom:10px;
    margin-right:10px;
    overflow:hidden;
    padding:10px;
    position: relative;
    box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	-moz-box-shadow:0 0px 5px #ccc;
}

.article-wrap .meta {
    bottom: 0;
    padding: 24px 0 10px 0;
}

.tweet-this {position: absolute; top: 20px; right: 15px; color: #fff;}

.box {
    margin: 0 0 10px 0;
    padding: 10px;
	box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    -moz-box-shadow:0 0px 5px #ccc;
}

.featured {
    color: #000;
    padding: 10px;
    margin: 0 10px 10px 0;
	overflow: hidden;
}

input,
textarea
{
	border: solid 1px #ccc; 
	padding: 5px;
	font-size: 1.2em;
	margin: 5px 0;
	font-family: Verdana, Arial, Sans-Serif;
}


textarea {
	width: 98%;
	_width: 400px;
	_height: 150px;
}
 

/* TYPO  */
h2 {
	font-size: 1.5em;
}

.featured-items h2 {
    margin-bottom: 15px;
}

#left h2 {
    font-size: 1.6em; 
    padding: 10px;
	margin-bottom: 10px;
}


#left #specials h2 {
    font-size: 1em;
	border-bottom:1px solid #129CBF;
	margin-bottom:15px;
	padding-left:30px;
}
#left .featured h2 {
	margin-bottom: 15px;
}

.single-post h2,
.single-page h2 {
	margin-bottom: 15px;
}



h2#single-post-hl {
    color: #dd6d51;
    background: transparent;
    font-size: 2em;
    padding: 10px 0;
}



.post-info {
    font-size: .9em;
    border-top: solid 1px;
    padding-top: 10px;
    color:#727272;
}
.first-info {
    border: none;
    padding-top: 0;
}

.comments h3 {
    font-family: Georgia;
    border-bottom: solid 1px;
    font-size: 1.3em;
}

.post,
.comments {
    background: #fff;
    margin: 0 10px 10px 0;
    padding: 10px;
		box-shadow:0 2px 3px #ccc;
	-webkit-box-shadow:0 2px 3px #ccc;
	-moz-box-shadow:0 2px 3px #ccc;
}

ol.comment-list {
    list-style-type: none;
}

ol.comment-list li {
    color:#727272 !important;
    border-bottom:1px dotted #D7D7D7;
    padding-bottom: 5px;
    margin-bottom: 5px;  
}

.post-meta {
    font-size: .9em;
}

.post-meta-image {float: left;}
.archive-post .post-meta-image {margin: 0 15px 15px 0;}




#searchform {float: right;}


h1#logo a,
h2#claim  {display: block; background-image: url(images/claim.png); text-indent: -3000em; background-repeat: no-repeat; height: 35px; width: 525px;}

h1#logo {float: left;}
h1#logo a {background-position: 0 0;}
h2#claim   {background-position: 0 -100px; height: 1px;}


.more-link {display: block; text-align: right;}
.entry    {clear: both;}

/* NAVIGATION */

#navigation-1 {
	float: right;
}

#navigation-1 a {
    color: #fff;
	text-shadow: 1px 1px 0 #6E5947;
}

#navigation-2 li,
#navigation-1 li {float: left; padding: 5px;}

#navigation-2 {background: #000; width: 950px; margin: 90px auto 0 auto;}
#navigation-2 ul {width: 100%; float: left;}
.current-cat {background: #0A4750;}

.rss-articel-all {display: block; background: url(images/rss.gif) no-repeat; width: 130px; height: 34px; text-indent: -3000em; position: absolute; right: 170px; top: 15px;}
pre	{background: #efefef; border: solid 1px #ccc; padding: 20px; font-size: 1.3em; margin-bottom: 1em; color: #727272; overflow-x:auto;
}


#about {color: #727272;}
.table-hl {padding-right: 20px}

/* Webprofile */
#web-profiles {overflow: hidden; margin-bottom: 15px;}

#web-profiles a,
#web-profiles span {display: block;}

#web-profiles a {background: url(images/bg-icons.gif) no-repeat; height: 22px; width: 22px; padding: 0 0 0 3px; float: right; margin: 30px 0 0 4px;}
#web-profiles span {width: 16px; height: 16px; text-indent: -3000em;}
#ic-facebook span {background: url(images/ic-facebook.gif) no-repeat;}
#ic-meinvz span {background: url(images/ic-meinvz.gif) no-repeat;}
#ic-xing span {background: url(images/ic-xing.gif) no-repeat;}
#ic-skype span {background: url(images/ic-skype.gif) no-repeat;}
#ic-twitter span {background: url(images/ic-twitter.gif) no-repeat;}


#right h2 {border-bottom: solid 1px #ccc; padding-bottom: 5px; color: #696966}
#right h2 + ul {border-top: solid 1px #eee; padding-top: 5px;}

/* Adsense */
.my-adsense {margin-top: 30px; border: solid 1px #ccc; padding: 5px 50px;}
.landingsites 
{    
    margin: 0 10px 10px 0;
	box-shadow:0 2px 3px #ccc;
	-webkit-box-shadow:0 2px 3px #ccc;
	-moz-box-shadow:0 2px 3px #ccc;
	background: #d5d1c7;
	border:1px solid #B9B9B9; 
}
.landingsites .innerbox{
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius: 8px;
	background:#FFFFFF none repeat scroll 0 0;
	margin:3px;
	padding: 10px;
	min-height: 198px;
}


hr  {height: 2px; background: #cfcec8; border-top: solid 1px #fff; line-height: 1px; clear: both; margin: 10px 0;}
hr.shadowed {background: url(images/hr-shadowed.png) no-repeat bottom center; height: 15px;}

#third-party {background: url(images/third-party-logos.png) no-repeat top center; height: 65px; width: 960px; margin-left: -5px; text-indent: -3000em;}
#third-party h3 {width: 230px; height: 65px; float: left; margin: 0 5px}

#services {background: url(images/services.png) no-repeat 0 35px; height: 200px;}
#services h3 {text-indent: -3000em;}

/* GRID */
.row    {overflow: hidden; clear: both;}
.unit,
.unit-10, 
.unit-20, 
.unit-30, 
.unit-40, 
.unit-50, 
.unit-60, 
.unit-70, 
.unit-80, 
.unit-90    {float: left;}
.last-unit {float: right;}
.unit-10 {width: 10%}
.unit-20 {width: 20%}
.unit-30 {width: 30%}
.unit-40 {width: 40%}
.unit-50 {width: 50%}
.unit-60 {width: 60%}
.unit-70 {width: 70%}
.unit-80 {width: 80%}
.unit-90 {width: 90%}

.inner    {padding: 0 10px 0 0;}
.last-unit .inner    {padding: 0 0 0 10px;}