/*  
Theme Name: folioDelight
Description: A portfolio and blog template for designers
Version: 1.0
Author: Simnor Web Design
Author URI: http://webdesign.simnorcomputing.com 
*/

body {
background:url(./images/back.png) repeat-x #FFFFFF;
color:#0a405f;
text-align:center;
font-family:'Myriad Pro', Arial, 'Sans Serif';
font-size:14px;
}

body.inner {
background:url(./images/backInner.png) repeat-x #FFFFFF;
}

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

.alignleft {
float:left;
display:block;
margin:0 20px 20px 0;
}

.alignright {
float:right;
text-align: right;
display:block;
margin:0 0 20px 20px;
}

a {
color:#27521b;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

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

h1 {
font-size:40px;
}

h2 {
font-size:30px;
color:#498a37;
font-weight:bold;
padding:0 0 20px 0;
}

h2.pagetitle {
font-weight:normal;
}

h2.pagetitle span {
font-weight:bold;
}

h3 {
font-size:16px;
color:#0a405f;
font-weight:bold;
padding:0 0 20px 0;
line-height:30px;
}

h4 {
font-size:16px;
color:#333333;
font-weight:bold;
padding:0 0 20px 0;
line-height:30px;
}

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

#header {
width:960px;
height:90px;
clear:both;
}

#header h1 {
padding:30px 0 0 0;
line-height:40px;
}

#header h1 a {
color:#0a405f;
}

#header h1 span {
font-weight:normal;
padding-left:10px;
color:#fff;
}

#banner {
width:960px;
height:240px;
overflow: hidden;
position: relative;
clear:both;
background:url(./images/banner.png);
}

#banner h2 {
font-size:32px;
line-height:40px;
padding:26px 0 25px 1px;
color:#000000;
width:550px;
font-weight:normal;
letter-spacing: 1px;
}

#banner h2.shadow {
position:absolute;
color:#FFFFFF;
top:25px;
left:0px;
padding:0px;
}

#banner a.button {
display:block;
width:130px;
overflow: hidden;
padding:0 10px 0 15px;
line-height:30px;
height:30px;
font-size:14px;
color:#FFFFFF;
background:url(./images/arrowButtonGreen.png) no-repeat top right;
}

#banner .screenshot {
width:480px;
height:228px;
position:absolute;
right:0px;
top:10px;
}

#banner .screenshot img {
margin-left:12px;
}

#menulinks {
width:960px;
height:61px;
clear:both;
position:relative;
overflow: hidden;
}

ul#nav {
height:61px;
}

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

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

ul#nav li a {
padding:15px 20px 0 0;
height:46px;
display:block;
float:left;
color:#fff;
line-height:15px;
font-size:16px;
font-weight: bold;
}

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

ul#nav li a span {
font-size:11px;
color:#0a405f;
font-weight:normal;
}

ul#nav li a.active, ul#nav li a:hover {
color:#0a405f;
}

ul#nav li a.active span, ul#nav li a:hover span {
color:#fff;
}

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

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

#mainarea {
padding:30px 0;
overflow: hidden;
}

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

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

#contentarea {
width:530px;
float:left;
display:block;
overflow: hidden;
}

#contentarea ul {line-height:28px}

#contentarea ul li { background:url(images/haken.png) no-repeat;
		padding-left:35px;
		list-style:none}

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 {

}

.contactform p {

}

.contactform label, #commentform label {
float:left;
display:block;
width:70px;
}

.contactform input, #commentform input {
width:220px;
border:2px solid #CCCCCC;
padding:5px;
font-family: Arial;
font-size:12px;
}

.contactform textarea, #commentform textarea {
width:300px;
height:120px;
border:2px solid #CCCCCC;
padding:5px;
font-family: Arial;
font-size:12px;
}

.contactform #submit, #commentform #submit {
background:url(./images/arrowButtonGreen.png) no-repeat top right;
height:30px;
line-height:22px;
border:none;
display:block;
margin-left:70px;
padding:0 20px 0 10px;
color:#FFFFFF;
width:120px;
}

#commentform #submit {
width:130px;
}

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;
}

ul#latestposts span.date {
margin-top:2px;
clear:both;
margin-bottom:10px;
}

ul#latestposts li {
clear:both;
padding:0 0 40px 0;
overflow: hidden;
}

ul#latestposts li p.content {
width:460px;
float:right;
display:block;
font-size:13px;
line-height:24px;
}

ul#latestposts li p.content span {
font-size:20px;
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;
}

.post {

}

.post h2 {
padding:0 0 10px 0;
}

p.meta {
border-bottom:3px solid #f4f4f4;
padding:0 0 10px 0;
margin-bottom:10px;
}

.post .share {
background:url(./images/postShare.png) no-repeat;
width:250px;
height:126px;
margin:20px 0 0 0;
padding:24px 0px 0 280px;
}

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

.post .comments {
padding:80px 0 40px 0;
overflow: hidden;
}

.post .comments h2.numberOfComments {
padding-left:55px;
line-height:40px;
height:50px;
background:url(./images/icons/commentsIcon.png) no-repeat top left;
}

.post .comments h2.leaveComment {
padding-left:55px;
line-height:50px;
height:50px;
margin-top:60px;
background:url(./images/icons/addComment.png) no-repeat top left;
}

.post .comments #commentform {
border:4px solid #CCCCCC;
background:#f4f4f4;
padding:20px;
overflow: hidden;
}

.post .comments ol.commentslist {
border-bottom:1px solid #CCCCCC;
list-style:none;
padding:0px;
margin:0px;
}

.post .comments ol.commentslist li {
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
padding:20px;
overflow: hidden;
}

.post .comments ol.commentslist li.alt {
background:#eaeaea;
}

.post .comments ol.commentslist li h4 {
padding:0 0 10px 0;
}

.post .comments ol.commentslist li .avatar {
float:right;
display:block;
margin:0 0 10px 10px;
}

#sidebar {
width:380px;
float:right;
display:block;
overflow: hidden;
}

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

ul#catList {

}

li.cat-item {
width:120px;
display:inline;
}

li.cat-item a {
float:left;
display:block;
width:110px;
margin:0 10px 5px 0;
border-bottom:1px solid #d2e7cd;
line-height:24px;
}

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

ul#servicesList li {
background: url(./images/icons/servicesBullet.png) top left no-repeat;
font-size:18px;
line-height: 20px;
padding:0 0 15px 40px;
color:#433a2d;
}

ul#servicesList li span {
font-size:14px;
color:#766a58;
}

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

ul#contactDetails li {
font-size:18px;
line-height: 20px;
padding:0 0 15px 0;
color:#433a2d;
}

ul#contactDetails li span {
font-size:14px;
color:#766a58;
}

ul#latestpostssidebar {

}

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

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

ul#latestpostssidebar li p.content span.title {
font-size:16px;
font-weight:bold;
}

ul#latestpostssidebar li p.content span.excerpt {
overflow: hidden;
position: relative;
display:block;
height:60px;
}

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:#FFFFFF;
line-height:14px;
display:block;
float:left;
text-transform: uppercase;
margin-top:3px;
}

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

#footer {
width:100%;
clear:both;
overflow: hidden;
position: relative;
height:70px;
background:url(./images/footer.png);
text-align: center;
}

#footer .inner {
width:960px;
margin:auto;
height:70px;
text-align: left;
}

#footer .inner p {
padding:18px 0 0 0;
line-height: 18px;
font-size:13px;
color:#fff;
}

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

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

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

#footer .inner .right {
float:right;
display:block;
text-align: right;
}

#footer .inner .right a {
display: block;
float:left;
margin:0 0 0 20px;
}

#footer .inner #menu{width:200px;
	text-align:left;
	float:right
}

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

#portfoliomainarea {

}

#portfoliomainarea #contentarea {
width:650px;
}

#portfoliomainarea #sidebar {
width:260px;
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:15px 0 0 25px;
height:45px;
font-size:17px;
line-height: 16px;
color:#433a2d;
}

ul#portfolioLinks li a span {
font-size:12px;
color:#766a58;
}

ul#portfolioLinks a:hover {
color:#222222;
text-decoration: none;
}

ul#portfolioLinks a:hover span {
color:#433a2d;
}

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

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

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

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

.portfolioItem ul li ul {list-style:circle}

.portfolioItem .screenshot img {
border:1px solid #c6d4dc;
margin:0 0 20px 0;
padding:4px;
background:#d9e2e7
}

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





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

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry blockquote {
padding:0 0 20px 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 0 20px 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:30px;
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;
}


.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;
}

.schnellkontakt{
	border:1px solid #ccc;
	padding:5px;
	background-color:#eee;
}

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

.schnellkontakt_txt #after_p {margin-top:15px;
		font-size:16px}

.schnellkontakt_txt img {margin:3px 0}

#single_foto_kt {float:left;
		margin-right:18px;}

#sidebar #img_home {margin-top:20px}

.clear{clear:both;
		width:600px}