/*  
Theme Name: unplaqued
Description: lebe lieber un-plaqued
Version: 1.0
Author: Ingmar Dobberstein
Author URI: http:/www.un-plaqued.com 
*/

/*  ------------ LAYOUT ------------ */
body {
background: url(./images/bg.png) no-repeat #FFFFFF;
background-position: top right; 
color: #6B6B6B;
text-align: center;
font-family: "Helvetica",Helvetica, Arial, Verdana, sans-serif;
font-size: 14px;
}

body.inner {
}

#page {
width: 960px;
margin: auto;
text-align: left;
}

/*  ------------ HEADER ------------ */

#header {
width: 960px;
height: 120px;
clear: both;
background: url(./images/logo.png) no-repeat scroll left center transparent;
margin-top: 20px;
}

#header h1 {
font-size: 30px;
padding: 52px 0 0 288px;
font-weight: bold;
font-stretch: 10px;
}
#header h1 span {
font-size: 12px;
font-weight: bold;
color: #C0C0C0;
letter-spacing: 44px;
}

#header h2 {
font-size: 11px;
padding: 14px 0 0 740px;
font-weight: bold;
color: #C0C0C0;
letter-spacing: 0px;
}

#header h2 a {
font-size: 11px;
color: #C0C0C0;
letter-spacing: 0px;
text-decoration: none;
}

#header h2 a:hover {
text-decoration: underline;
}

#home-link {
    position: relative;
    display: inline-block;
    width: 450px;    /* width of the logo */
    height: 90px;   /* height of the logo */
    top: 13px; left: 0; /* top-left corner of logo */
    border: 0;
    float: left;
    visibility: visible;

}
/*  ------------ BANNER c71fe5 ------------ */

#banner {
width: 960px;
min-height: 520px;
overflow: hidden;
position: relative;
clear: both;
}

#banner h1 {
font-family: "Helvetica", Helvetica, Arial, Verdana, sans-serif;
font-size: 35px;
color: #cc071e;
font-weight: bold;
text-align: center;
letter-spacing: 0px;
padding: 30px 0 30px 0;
width: 960px;
}

/*  ------------ MENULINKS & NAVIGATION ------------ */

#menulinks {
width: 960px;
height: 120px;
clear: both;
position: relative;
overflow: hidden;
/*background:url(./images/menu.png) no-repeat;*/
}

ul#nav {
padding: 0 0 0 14px;
height: 60px;
width: 100%;
margin: auto;
}

ul#nav li {
float: left;
display: block;
margin: 10px 10px 0 0;
}

ul#nav li.line {
width: 2px;
height: 60px;
margin: 5px 10px 0 0;
background:url(./images/menuline.png) no-repeat left center;
}

ul#nav li a {
padding: 15px 0 0 0;
height: 46px;
display: block;
float: left;
color: #262626;
line-height: 22px;
font-size: 28px;
font-weight: bold;
text-decoration: none;
}

ul#nav li a.active {
/*background:url(./images/navActive.png) no-repeat 0px bottom;*/
}

ul#nav li a span {
font-size: 11px;
color: #4c4c4c;
font-weight: bold;
text-decoration: none;
}

ul#nav li a:hover {
color: #cc071e;
text-decoration: none;
}

ul#nav li a:hover span {
color: #cc071e;
text-decoration: none;
}

ul#nav li.rss {
float: right;
margin: 20px 0 0 0;
}

ul#nav li.rss a {
background: url(./images/rss.png) no-repeat center center;
width: 38px;
}

ul#nav li a:hover, h1 a:hover {
text-decoration: none;
}

/*  ------------ MAINAREA & CONTENT ------------ */

#mainarea {
padding: 0 0 0 0;
overflow: hidden;
/*background:url(./images/content.png);*/
}

#contentarea {
width:630px;
padding: 0 0 0 10px;
float:left;
display:block;
overflow: hidden;
}

#contentarea p {
font-size: 18px;
color: #6B6B6B;
font-weight: bold;
padding: 0 0 20px 0;
}

#contentarea h2 {
font-size: 18px;
color: #6B6B6B;
font-weight: bold;
padding: 0 0 20px 0;
}

.alignleft {
float: left;
display: block;
margin: 20px 20px 20px 0;
font-size: 16px;
font-weight: bold;
line-height: 20px;
}

.alignright {
float: right;
text-align: right;
display: block;
font-size: 16px;
font-weight: bold;
margin: 20px 20px 20px 0;
}

ul#latestposts span.date {
clear:both;
}

ul#latestposts li {
clear:both;
font-weight:bold;
font-size:12px;
line-height: 16px;
padding: 0 0 40px 0;
overflow: hidden;
}

ul#latestposts li a {
font-size:12px;
overflow: hidden;
}

ul#latestposts li p.content {
width:630px;
float:right;
display:block;
font-size:18px;
color:#a0a0a0;
font-weight:bold;
padding:0 0 10px 0;
line-height:20px;
}

ul#latestposts li p.content span {
font-size:12px;
color:#a0a0a0;
font-weight: bold;
}

ul#latestposts p.content img {
/*border:5px solid #170f05;*/
margin:10px 0;
}

ul#latestposts p.content a.button {
margin:10px 0 0 0;
}

ul#latestposts p.left {
float:left;
display:block;
width:50px;
}

ul#latestposts p.left a.commentsIcon {
background:url(./images/icons/commentsIcon.png) no-repeat;
overflow: hidden;
text-align: center;
width:45px;
height:36px;
padding:10px 0 0 0;
font-size:16px;
color:#40362a;
line-height:16px;
display:block;
clear:both;
}

/*  ------------ SIDEBAR & WIDGETS ------------ */

#sidebar {
width:280px;
float:right;
display:block;
overflow: hidden;
padding: 0 0 0 18px;
/*border-left: 1px solid #d0d0d0;*/
}

#sidebar h2 {
font-size: 12px;
color: #a0a0a0;
margin: 0 0 15px 0;
letter-spacing: 0px;
display: none;
}

#sidebar .widget {
margin:0 0 20px 10px;
overflow: hidden;
}

ul#latestpostssidebar {
}


ul#latestpostssidebar li {
clear:both;
padding:0 0 0 0;
overflow: hidden;
}

ul#latestpostssidebar li p.content {
width:280px;
float:right;
display:block;
font-size:11px;
line-height:16px;
}

ul#latestpostssidebar li p.content span.title a {
font-size:16px;
line-height: 20px;
font-weight:bold;
color: #262626;
text-decoration: none !important;
}

ul#latestpostssidebar li p.content span.title a:hover {
color: #a0a0a0;
}

ul#latestpostssidebar li p.content span.excerpt {
overflow: hidden;
position: relative;
display:block;
height:48px;
padding: 5px 0 0 0;
font-size:12px;
font-weight: bold;
}

p.date, span.date {
background:url(./images/date.png) no-repeat;
overflow: hidden;
text-align: center;
width:45px;
height:37px;
padding:10px 0 0 0;
font-size:16px;
color:#a0a0a0;
line-height:14px;
display:block;
float:left;
text-transform: uppercase;
margin-top:0px;
}

p.date span, span.date span {
color:#a0a0a0;
font-size:11px;
}

ul#catList {
color: #d0d0d0;
font-size: 14px;
line-height: 16px;
font-weight: bold;
letter-spacing: 0px;
widht:300px;
}

ul#catList .children{
font-size: 12px;
padding-left: 15px;
}

li.cat-item {
display:block;
}

li.cat-item a {
/*float:left;
display:block;
width:220px;*
margin:0 5px 5px 0;
/*border-bottom:1px solid #d2e7cd;*/
line-height:16px;
}

/*  ------------ SIDEBAR - CONTACT & VERLAG ------------ */

ul#contactDetails {
list-style: none;
margin:0 0 0 0px;
}

ul#contactDetails li {
font-size: 18px;
color: #a0a0a0;
letter-spacing: 0px;
font-weight: bold;
line-height: 20px;
padding: 0 0 20px 0;
}

ul#contactDetails li span {
font-size: 18px;
color: #262626;
padding: 0 0 10px 0;
}

ul#servicesList {
list-style: none;
margin: 0 0 0 0px;
}

ul#servicesList li {
font-size: 18px;
color: #262626;
font-weight: bold;
line-height: 20px;
letter-spacing: 0px;
padding: 0 0 20px 0;
}

ul#servicesList li span {
font-size: 12px;
line-height: 12px;
letter-spacing: 0px;
color: #a0a0a0;
}


/*  ------------ PORTFOLIO ------------ */

#portfoliomainarea {
}

#portfoliomainarea #contentarea {
width:700px;
}

#portfoliomainarea #sidebar {
width:230px;
float:right;
}

#portfoliomainarea h2 {
padding-bottom:20px;
}

ul#portfolioLinks {
list-style: none;
width:240px;
margin:0 0 0 0px;
float:left;
display:block;
}

ul#portfolioLinks li {
margin-bottom:10px;
}

ul#portfolioLinks a {
display: block;
overflow: hidden;
width: 200px;
padding: 12px 0 0 20px;
height: 28px;
font-size: 16px;
font-weight: bold;
line-height: 16px;
color: #2a2a2a;
background: url(./images/portfolioArrow.png) no-repeat top left;
}

ul#portfolioLinks li a span {
font-size: 18px;
color: #cc071e;
}

ul#portfolioLinks a:hover {
color: #cc071e;
}

ul#portfolioLinks a:hover span {
color: #cc071e;
}

ul#portfolioLinks a.active {
background: url(./images/portfolioArrow.png) no-repeat top left;
color: #cc071e;
}

ul#portfolioLinks a.active span {
color: #f3e7c9;
font-size: 12px;
}

.portfolioItem {
overflow: hidden;
padding: 0 0 0 0;
}

.portfolioItem p {
overflow: hidden;
margin: 0 20px 0 10px;
}

.portfolioItem h3 {
font-size: 22px;
}

.portfolioItem .screenshot img {
/*border: 5px solid #FFFFFF;*/
margin: 0 0 0 0;
}

/*  ------------ POST ------------ */

.post {
}

p.meta {
border-bottom:20px solid #bcbcbc;
padding:0 0 0 0;
}

.post .share {
background:/*url(./images/postShare.png) no-repeat;*/
width:620px;
height:80px;
padding:20px 0 20px 0;
}

.post .share a {
display:block;
float:left;
margin:0 10px 5px 0;
}

.post .comments {
padding:0px 0 20px 0;

}

.post .comments #commentform {
border:0px solid #bcbcbc;
padding:0 0 0 0;
overflow: hidden;
}

.post .comments ol.commentslist {
list-style:none;
}

.post .comments ol.commentslist p {
}

.post .comments ol.commentslist li {
overflow: hidden;
}

.post .comments ol.commentslist li.alt {
}

.post .comments ol.commentslist li .avatar {
float:right;
display:block;

}

/*  ------------ FOOTER ------------ */

#footer {
width:100%;
clear:both;
overflow: hidden;
position: relative;
height:180px;
text-align: center;
}

#footer .inner {
width:960px;
margin:auto;
height:100px;
text-align: left;
background: url(./images/footerline.png) top left no-repeat;
}

#footer .inner p {
padding:95px 0 0 10px;
line-height: 18px;
font-size:11px;
color:#a0a0a0;
font-weight: bold;
}

#footer .inner p a {
color:#a0a0a0;
}

#footer .inner p a:hover {
color:#262626;
}

#footer .inner p.left {
float:left;
display:block;
}

#footer .inner p.right2 {
width: 240px;
height: 25px;
float:right;
display:block;
text-align: right;
background: url(./images/footer_neu.png) bottom left no-repeat;
}

#footer .inner p.right2 a {
display: block;
}

/*  ------------ MIXED ------------ */

h1 {
font-size:18px;
color:#FFFFFF;
letter-spacing:-1px;
font-weight: bold;
}

h2 {
font-size:22px;
color:#262626;
letter-spacing:-1px;
font-weight: bold;
}

h2 a {
font-size:22px;
color:#262626;
letter-spacing:-1px;
font-weight: bold;
}

h2.pagetitle {
font-size:12px;
color:#a0a0a0;
letter-spacing:0px;
font-weight: bold;
line-height:1;
padding:0 0 20px 0;
}

h2.pagetitle span {
font-size:12px;
color:#a0a0a0;
letter-spacing:0px;
font-weight: bold;
line-height:1;
}

h3 {
font-size:18px;
font-weight:bold;
padding:0 0 20px 0;
line-height:20px;
}

h4 {
font-size:22px;
color:#2a2a2a;
line-height: 22px;
letter-spacing:-1px;
font-weight: bold;
padding: 10px 0 5px 0;
text-decoration: underline;
}

h4:hover {
color:#A0A0A0;
text-decoration: underline;
}

h5 {
font-size:22px;
color:#2a2a2a;
letter-spacing:-1px;
font-weight: bold;
padding: 10px 0 5px 0;
}

h6 {
font-size:12px;
color:#a0a0a0;
font-weight: bold;
padding: 5px 0 10px 0;
}

p {
padding:0 0 20px 0;
line-height:20px;
}

a {
color:#A0A0A0;
text-decoration: underline;
}

a:hover {
color:#2a2a2a;
text-decoration: underline;
}

a.button {
display:block;
float:left;
padding:0 30px 0 15px;
line-height:30px;
height:30px;
font-size:14px;
color:#FFFFFF;
background:url(./images/arrowButtonBrown.png) no-repeat top right;
}

a.button:hover {
text-decoration: none;
}

#searchform {
width: 300px;
}

#searchsubmit {
background-color: #f0f0f0;
padding: 5px;
font-size: 12px;
color: #999999;
letter-spacing: 0px;
font-weight: bold;
border: 1px solid #d0d0d0;
margin-bottom: 15px;
}

#searchsubmit a:hover {
background-color: #a0a0a0;
}

#searchinput {
background-color: #f0f0f0;
padding: 5px;
margin-bottom: 5px;
font-size: 18px;
color: #999999;
letter-spacing: -1px;
font-weight: bold;
width: 250px;
border: 1px solid #d0d0d0;
}

.entry /*h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry blockquote*/ {
padding:10px 0 0 0;
}

.entry blockquote {
padding:0 0 0px 10px;
margin:0 0 20px 0;
overflow: hidden;
border-left:4px solid #CCCCCC;
}

.entry blockquote p {
padding:0px;
}

.entry h2.nopadding {
padding:0px;
}

.entry img {
/*border:5px solid #170f05;*/
margin:0 25px 25px 0;
}

.entry ul {
padding:0 0 20px 0;
line-height:24px;
margin-left:20px;
list-style: disc outside;
}

.entry ol {
padding:0 0 20px 0;
line-height:24px;
margin-left:20px;
list-style: decimal outside;
}

.entry ul ul, .entry ul ul ul, .entry ul ul ul ul, .entry ol ol, .entry ol ol ol, .entry ol ol ol ol {
padding:0px;
}

ul#twitter {
list-style:none;
}

ul#twitter li {
padding:0 0 20px 0;
line-height:22px;
font-size:13px;
}

ul#twitter li small {
font-size:12px;
font-style:italic;
color:#888888;
}

.contactform {
font-family: "Helvetica", Helvetica, Arial, Verdana, sans-serif;
font-size: 28px;
padding: 30px 0 0 0;
}

.contactform p {
}

.contactform label, #commentform label {
font-size: 11px;
float:left;
display:block;
width:55px;
}

.contactform input, #commentform input {
font-family: "Helvetica", Helvetica, Arial, Verdana, sans-serif;
font-size: 20px;
font-weight: bold;
color: #999999;
letter-spacing: -1px;
width: 300px;
border: 1px solid #d0d0d0;
background-color: #f0f0f0;
padding: 5px;
margin-left: 20px;
}

.contactform textarea, #commentform textarea {
font-family: "Helvetica", Helvetica, Arial, Verdana, sans-serif;
font-size: 14px;
font-weight: bold;
color: #999999;
letter-spacing: 0px;
width: 500px;
border: 1px solid #d0d0d0;
background-color: #f0f0f0;
padding: 5px;
margin-left: 20px;
}

.contactform #submit, #commentform #submit {
background-color: #f0f0f0;
padding: 5px;
font-size: 12px;
color: #999999;
letter-spacing: 0px;
font-weight: bold;
border: 1px solid #d0d0d0;
margin-left: 74px;
}

#commentform #submit {
width:130px;
}

.spacerule {
width:100%;
height:40px;
clear:both;
display:block;
}

#contactFormResult {
margin:50px auto;
overflow: hidden;
padding:20px;
border:5px solid #DBC99E;
width:400px;
}

.post .navigation {
padding:10px 0;
overflow: hidden;
}

.portfolioItem h1, .portfolioItem h2, .portfolioItem h3, .portfolioItem h4, .portfolioItem h5, .portfolioItem blockquote {
padding:0 0 20px 0;
}

.portfolioItem blockquote {
padding:0 0 0px 10px;
margin:0 0 20px 0;
overflow: hidden;
border-left:4px solid #CCCCCC;
}

.portfolioItem blockquote p {
padding:0px;
}

.portfolioItem h2.nopadding {
padding:0px;
}

.portfolioItem img {
/*border:5px solid #170f05;*/
margin:0 0 20px 0;
}

.portfolioItem ul {
padding:0 0 20px 0;
line-height:24px;
margin-left:20px;
list-style: disc outside;
}

.portfolioItem ol {
padding:0 0 20px 0;
line-height:24px;
margin-left:20px;
list-style: decimal outside;
}

.portfolioItem ul ul, .portfolioItem ul ul ul, .portfolioItem ul ul ul ul, .portfolioItem ol ol, .portfolioItem ol ol ol, .portfolioItem ol ol ol ol {
padding:0px;
}