/*
	Theme Name: Facebooklet
	Theme URL: http://www.facebooklet.de
	Description: Custom Design for Facebooklet.de
	Author: Dominik Heyberg
	Author URI: http://www.dominikheyberg.de
	Version: 2.0
	Tags: Custom Design
	
*/

body {
	color: #333333;
        background: #E6EAEF;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px auto 0px;
	padding: 0px;
	}

.clear {
	clear: both;
	}

.alert {
       background: #ffffe0;
       border: 1px solid #e6db55; 
       margin:0px 15px 10px 15px; 
       padding:9px 5px 0px 5px;
}

blockquote {
       border-left:5px solid #ddd;
       margin: 15px 30px 0px 40px;
       padding-left:5px;
       font-style: italic;
       color: #999;
       font-size: 16px;
}

/* ++++++++++++++++++++++++++ HYPERLINKS +++++++++++++++++++++++++++++++ */

a, a:visited {
	color: #2255AA;
	text-decoration: underline;
	}
	
a:hover {
	color: #2255AA;
	text-decoration: none;
	}
	
a img {
	border: none;
	}

img {
	max-width:535px;
 	border:none;
	
	}

/* ++++++++++++++++++++++++++ HEADER +++++++++++++++++++++++++++++++ */
	
#header {
position:fixed;
width:960px;
height:100px;
top:0%;
margin-top:0px;
left:50%;
margin-left:-480px;
background: #28639d;
z-index:1000;
}

#knick {
position:fixed;
width:960px;
height:15px;
margin-top:100px;
left:50%;
margin-left: -480px;
background: url('http://chinanottheporcelain.com/wp-content/uploads/2011/09/knick.png') no-repeat;
}
	
#headerleft {
        float:left;
	width: 400px;
        height: 100px;
	margin: 0px 0px 0px 30px;
	}

#headerright {
        float:right;
	width: 390px;
        height: 75px;
	margin: 25px 0px 0px 120px;
	}

#searchform {
	color: #111111;
	font-size: 16px;
	font-family: Tahoma, Arial, Verdana;
	margin: 0px;
	padding: 0px;
	display: inline;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}

#s {
	font-size: 20px;
        color: #999;
        font-family: arial, verdana, tahoma;
        margin: 3px 6px 0px 0px;
        float:left;
        width:300px;
	height:29px;
	}
	
#searchsubmit {
	background: #667fb1;
	color: #FFFFFF;
	font-size: 13px;
	font-family: Arial, Tahoma, Verdana;
	text-decoration: none;
        margin: 3px 0px 0px 0px;
	padding: 3px 4px 3px 4px;
	border: 1px solid #555555;
        float:left;
        height:40px;
	width:42px;
	}

.searchresults {
        margin:5px 15px;
}

/* ++++++++++++++++++++++++++ ABOVE CONTENT +++++++++++++++++++++++++++++++ */

#wrap {
        position: relative;
        width:930px;
	margin: 99px auto 25px;
	padding: 0px;
	background:#fff;
	border: 1px solid #BABAC2;
	}

#leaderboard {
        float:left;
	width: 728px;
        height: 90px;
	margin: 20px 0px;
	background:#cdcdcd;
       border:1px solid #c9cdd9;

	}

#likebox {
        float:left;
	width: 142px;
        height: 90px;
	margin: 20px 0px 20px 16px;
	background:#cdcdcd;
        border:1px solid #c9cdd9;
	}

/* ++++++++++++++++++++++++++ NAVBAR +++++++++++++++++++++++++++++++ */
	
#nav {
	width: 930px;
        background: #244389;
	height: 35px;
	margin: 3px auto 0px;
	padding: 0px;
	}
	
#nav ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#nav li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#nav li a, #nav li a:visited {
	color: #fff;
	display: block;
	font-size: 13px;
        font-weight:bold;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	text-decoration: none;
        margin:0px;
        padding: 9px 0px 0px 16px;
	}

#nav li a:hover {
	color: #667fb1;
	text-decoration: none;
	}

/* ++++++++++++++++++++++++++ CONTENT +++++++++++++++++++++++++++++++ */

#content-wrap {
	position:relative;
	margin:0px auto 20px;
	width:890px;
	background: #e8ebf2;
	}

#content {
        float:left;
        width: 570px;
        margin: 0px 20px 0px 0px;
	}
	
#content a img {
	border: none;
	}

.post { 
        background:white; 
        border-top:1px solid #c9cdd9;
	border-left:1px solid #c9cdd9;
	border-right:1px solid #c9cdd9;
        border-bottom: 2px solid #cacddc;
        -moz-border-radius: 3px;
	border-radius: 3px;
        width:568px; 
        margin:0px 0px 15px 0px;
	}

.post h2 {
       padding:0px 0px 4px 0px;
       margin:15px 15px 10px 15px;
       border-bottom: 1px solid #e5e5e5;
       color: #244389;
       font-size:18px;
}

.post .Thumbnail {
	width:120px;
	margin:0px 15px 5px 15px;
	float:left;
}
	
.post p {
	margin:0px 15px 15px 15px;
	padding:0;
        font-family; arial, verdana, tahoma;
        font-size: 13px;
        line-height: 17px;
        color: #333;
        text-align: justify;
	}

.post a, .post a:link {
	color: #004289;
	text-decoration:none;
	}

.post a:hover {
	color:#004289;
	text-decoration:none;
	background: #eeeff4;
	}

.single { 
        background:white; 
        border-top:1px solid #c9cdd9;
	border-left:1px solid #c9cdd9;
	border-right:1px solid #c9cdd9;
        border-bottom: 2px solid #cacddc;
        -moz-border-radius: 3px;
	border-radius: 3px;
        width:568px; 
        margin:0px 0px 15px 0px;
	}

.single img {
-moz-box-shadow: 3px 3px 4px #999;
    -webkit-box-shadow: 3px 3px 4px #999;
     box-shadow: 3px 3px 4px #999;
     /* For IE 8 */
     -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999')";
     /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999');
}

.single h1 {
       padding:0px 0px 4px 0px;
       margin:15px 15px 10px 15px;
       border-bottom: 1px solid #e5e5e5;
       color: #244389;
       font-size:23px;
}

.single h2 {
      	margin:0px 15px 15px 15px;
	padding:0;
       color: #333;
       font-size:15px;
}

.single .share {
	width:568;
	margin:15px;
}

.single .share .buttons {
	margin: 0px 10px 0px 0px;
	float:left;
}

.single .share .buttons-single {
	margin: 3px 10px 0px 0px;
	float:left;
}
	
.single p {
	margin:0px 15px 15px 15px;
	padding:0;
        font-family; arial, verdana, tahoma;
        font-size: 13px;
        line-height: 17px;
        color: #333;
        text-align: justify;
	}
	
.single ul {
	list-style-type: disc;
	margin: 0px 10px 0px 25px;
	padding: 0px 0px 0px 0px; 
        color: #d50006;
	}
	
.single ul li {
	list-style-type: disc;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
        font-size: 11px;
        font-weight:bold;
	}

.single ol {
	list-style-type: decimal;
	margin: 0px 35px 15px 45px;
	padding: 0px 0px 0px 0px; 
        line-height: 17px;
        color: #333;
        text-align: justify;
	}
	
.single ol li {
	list-style-type: decimal;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
        font-size: 13px;
	line-height: 17px;
        color: #333;
        text-align: justify;
	}

.single a, .post a:link {
	color: #004289;
	text-decoration:none;
	}

.single a:hover {
	color:#d50006;
	text-decoration:none;
	}


/* ++++++++++++++++++++++++++ ARCHIVES +++++++++++++++++++++++++++++++ */	

.archive { 
        background:white; 
        border-top:1px solid #c9cdd9;
	border-left:1px solid #c9cdd9;
	border-right:1px solid #c9cdd9;
        border-bottom: 2px solid #cacddc;
        -moz-border-radius: 3px;
	border-radius: 3px;
        width:568px; 
        margin:0px 0px 15px 0px;
	}

.archive h1 {
       padding:0px;
       margin:15px 15px 10px 15px;
       color: #244389;
       font-size:22px;
}

/* ++++++++++++++++++++++++++ META DATA +++++++++++++++++++++++++++++++ */

.meta {
	width:562px;
	height:25px;
	margin:20px 0px 3px 3px;
	background: #eeeff4;
}

.meta p {
	padding: 5px 0px 0px 0px;
	margin-left:0px;
	font-size:12px;
	}

.likecomment {
	float:left;
	width:250px;
}

.likecomment a, .likecomment a:link {
	color: #333333;
	text-decoration:none;
	}

.likecomment a:hover {
	color: #333333;
	text-decoration:underline;
	}

.likecomment .likebutton {
	float:left;
	margin:3px 0px 0px 5px;
	width:120px;
}

.likecomment. .commentlink {
	float:left;
	width:140px;
}

.catdate {
	float:left;
	width: 312px;
	
}

.catdate p {
	text-align:right;
}

#comments { 
        background:white; 
        border-top:1px solid #c9cdd9;
	border-left:1px solid #c9cdd9;
	border-right:1px solid #c9cdd9;
        border-bottom: 2px solid #cacddc;
        -moz-border-radius: 3px;
	border-radius: 3px;
        width:540px;
	padding: 15px; 
        margin:0px 0px 15px 0px;
	}

#comments h1 {
       padding:0px 0px 15px 0px;
       margin:0px;
       color: #244389;
       font-size:23px;
}		
	
/* ++++++++++++++++++++++++++ SIDEBAR +++++++++++++++++++++++++++++++ */
		
#sidebar {
	width: 300px;
	float: left;
	}

#sidebar ul {
	list-style-type: none;
}

#sidebar ul li {
	list-style-type: none;
}
	
#sidebar a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}

#sidebar .plugins {
	width:300px;
	margin:0px 0px 15px 0px;
	background: white;
	}

#sidebar .box { 
        background:white; 
        border-top:1px solid #c9cdd9;
	border-left:1px solid #c9cdd9;
	border-right:1px solid #c9cdd9;
        border-bottom: 2px solid #cacddc;
        -moz-border-radius: 3px;
	border-radius: 3px;
        width:298px; 
        margin:0px 0px 15px 0px;
	padding:0;
	}

#sidebar .box .box-header {
	background: #f1f1f1;
	margin:2px 2px 10px 2px;
	padding:0px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#sidebar .box .box-header-image {
	float:left;
	margin: 5px 2px 5px 10px;
}

h3 {margin:0px; padding:0px;}

#sidebar .box .box-header h3 {
	float:left;
       margin:0px 0px 0px 5px;
	padding:8px 0px;
       color: #525252;
       font-size:16px;
}
	
#sidebar .box p {
	margin:0px 15px 10px 15px;
	padding:0;
        font-family; arial, verdana, tahoma;
        font-size: 13px;
        line-height: 17px;
        color: #333;
        text-align: justify;
	}
	
#sidebar #ad {
	width:300px;
	height:250px;
	margin:0px 0px 15px 0px;
	background: #cdcdcd;
	}

#sidebar #recommendations {
	float:left;
	width:163px;
	height:602px;
	margin:0px 15px 15px 0px;
        border-bottom: 1px solid #cacddc;
	background: #fff;
}

#sidebar #skyscraper {
	float:left;
	width:120px;
	height:600px;
	margin:0px 0px 15px 0px;
	border-top:1px solid #c9cdd9;
	border-left:1px solid #c9cdd9;
	border-right:1px solid #c9cdd9;
        border-bottom: 2px solid #cacddc;
}

/* ++++++++++++++++++++++++++ FOOTER +++++++++++++++++++++++++++++++ */

#footer {
	width: 960px;
	margin: 0px auto 0px;
	padding: 0px;
	}	

#footer p {
        font-family: Arial, verdana, Tahoma;
        font-size: 12px;
        color: #666;
        padding: 0px 0px 0px 0px;
        text-align: center;
}

#footer a, #footer a:visited {
        color: #666;
        text-decoration:none;
}

#footer a:hover {
        color: #666;
        text-decoration:underline;
}


/* ++++++++++++++++++++++++++ IMAGES +++++++++++++++++++++++++++++++ */

img.centered  {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 0px;
	}
	
img.alignnone {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	display: inline;
	}

img.alignright {
	padding: 0px;
	margin: 0px 0px 10px 10px;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 0px 10px 10px 0px;
	display: inline;
	}
	
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	}

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

.alignleft {
	float: left;
	margin: 0px 10px 10px 0px;
	}
	
.wp-caption {
	background: #F4F4F4;
	text-align: center;
	padding: 7px 2px 7px 2px;
	}

.wp-caption img {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	}

.wp-caption p.wp-caption-text {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	}

/* ++++++++++++++++++++++++++ INPUT FIELDS +++++++++++++++++++++++++++++++ */

input {
        font-size: 16px;
        color: #666;
        border: 1px solid #cdcdcd;
        font-family: arial, verdana, tahoma;
        padding: 4px;
        margin: 0px 0px 12px 0px;
}

textarea {
 	font-size: 16px;
   	color: #666;
        border: 1px solid #cdcdcd;
        font-family: arial, verdana, tahoma;
        padding: 4px;
        margin: 0px 0px 12px 0px;
}

#kontaktsubmit {
	background: #f0f0f0;
	color: #666;
	font-size: 16px;
	font-family: Arial, Tahoma, Verdana;
	text-decoration: none;
        margin: 0px 0px 15px 0px;
	padding: 3px 5px 3px 5px;
	border: 1px solid #cdcdcd;
        float:left;
}

.pages {background:white;}
.nextpostslink {background:white;}
.larger {background:white;}
.extend {background:white;}
.last {background:white;}