/*
Theme Name: SalientDrift Custom 2010
Description: Custom WordPress theme.
Version: 1.0
Author: Cyrus Collier

*/


/* Reset */

* {	margin: 0; padding: 0; outline: 0; }

img, fieldset { border: 0; }


/* Main Containers & Typography */

body { font: 11px/1.5 "Arial",sans-serif; background-color: #ffffff; color: #777777; }

#page {  }

#main, .container { width: 945px; margin: 0 auto; }

a { color: #333333; }

/* Header & Nav */

#header { height: 100px; width: 100%; background: url(images/header-bg.gif) repeat-x bottom left; position: relative; padding: 16px 0 43px; }

#header h1 { height: 97px; width: 287px; background: url(images/masthead.png) no-repeat; float: left; }
#header h1 a { height: 100%; width: 100%; display: block; text-indent: -9999px; }

#navigation { float: right; list-style: none; margin-top: 60px; }
#navigation li { margin-right: 28px; float: left; }

#navigation li a { display: block; height: 12px; background: no-repeat left top; text-indent: -9999px; overflow: hidden; }
#navigation #nav-home a { width: 27px; background-image: url(images/nav-home.gif); }
#navigation #nav-about a { width: 45px; background-image: url(images/nav-about.gif); }
#navigation #nav-projects a { width: 45px; background-image: url(images/nav-projects.gif); }
#navigation #nav-contact a { width: 40px; background-image: url(images/nav-contact.gif); }
#navigation #nav-news a { width: 58px; background-image: url(images/nav-news.gif); }
#navigation #nav-blog a { width: 22px; background-image: url(images/nav-blog.gif); }
#navigation li a:hover, #navigation li a.active { background-position: 0 -12px; }

#navigation #nav-twitter { margin-right: 0; margin-top: -20px; }
#navigation #nav-twitter a { height: auto; text-indent: 0; }

/* Content, Posts & Sidebar*/

#content { min-height: 650px; padding: 25px 0px; }
#content.narrowcolumn { width: 537px; }

#sidebar { width: 245px; float: right; padding: 25px 70px 25px 20px; } 
#sidebar:after { content: "."; display: block; clear: both; height: 0px; visibility: hidden; }

#sidebar .widget { margin-bottom: 25px; }
#sidebar .widget ul { list-style: none; }
#sidebar .widget li { padding-left: 20px; background: url(images/bullet-arrow.gif) no-repeat left 4px; margin-bottom: 11px; }

#sidebar .widget li a { color: #777777; }

.widgettitle { font-size: 14px; padding-bottom: 10px; width: 100%; border-bottom: 1px dashed #777777; margin-bottom: 10px; }

#main h2 { font-size: 16px; }
#main h2 a { color: #777777; text-decoration: none; }
#main h2.section-header { border-bottom: 1px solid #333333; width: 100%; margin-bottom: 10px; height: 27px; text-transform: uppercase; font-size: 12px; line-height: 12px; }
#main h2.section-header img { padding-bottom: 13px; border-bottom: 2px solid #333333; }
#main h5.date { font-style: italic; font-weight: normal; font-size: 11px; margin: 5px 0 11px; }

p + h2.section-header { margin-top: 25px; }

.post { padding: 25px 0 15px; border-bottom: 1px dashed #777777; clear: left; }

.widecolumn .post { clear: both; }

.post p, .page p { margin-bottom: 11px; }

.more { text-align: right; margin-top: -11px; }

.alignleft { text-align: left; }
.alignright { text-align: right; }

.entry { clear: left; }

.entry h5 { font-size: 11px; line-height: 1.5;}

.entry .projectpost { margin-bottom: 11px; }
.entry .projectpost td { vertical-align: top; padding-right: 30px; }

.navigation { margin: 10px; /*clear: both;*/ text-align: right; }

.navigation .previous { margin-right: 10px }
.navigation .next { }

.column { float: left; width: 463px; }
.column:first-child, .column.first { margin-right: 18px; }
.column.narrow { width: 202px; padding-right: 16px; }
.column.wide { width: 710px; padding-left: 16px; }

img.thumbnail { padding: 2px; background-color: #b19eb0; }

.image-wrapper { background: #cccccc; margin: 0 0 15px 3px; display: inline-block; }
.image-wrapper img { position: relative; left: -3px; top: -3px; display: block; }

.clear { clear: both; }

a.next, .next a { color: #ffffff; background: #333333 url(images/icon-arrow-right.gif) no-repeat 1px center; padding: 0 1px 0 10px; text-decoration: none; }
a.previous, .previous a { color: #ffffff; background: #333333 url(images/icon-arrow-left.gif) no-repeat 1px center; padding: 0 1px 0 10px; text-decoration: none; }

blockquote { background-color: #f1f1f1; border: 1px solid #979797; margin: 20px 0; padding: 9px; }
blockquote img { float: left; margin: 0 15px 0 0; position: relative; z-index: 1; }

blockquote:after { content: ""; display: block; clear: left; height: 0; visibility: hidden; }

/* Footer */

#footer { background: url(images/footer-bg.gif) repeat-x top left; width: 100%; padding: 45px 0 25px; font-size: 11px; clear: both; text-align: center; }
#footer ul { list-style: none; margin-bottom: 4px;  }
#footer li { display: inline; }
#footer a { color: #777777; text-decoration: none; }

/* WPNG Calendar Plugin Styles */

#wpng-cal > ul, #wpng-cal div { clear: left; }
#wpng-cal ul ul { padding-top: 25px; float: left; width: 180px; }
#wpng-cal > li { margin-bottom: 0; }
#wpng-cal li li { font-size: 12px; }

.wpng-widget-date-title { display: block; width: 29px; height: 25px; padding: 17px 8px 17px; background: url(images/date_bg.png) no-repeat; float: left; font-size: 10px !important; text-align: center; text-transform: uppercase; color: #342f33; line-height: 10px; margin-right: 5px; margin-bottom: 5px; }
.wpng-widget-date-title strong { font-size: 11px !important; display: block; text-align: center; }

/* Home Page */

#home #content { padding-top: 0; }

#home #main h1 { margin-bottom: 20px; }

#home .post { border: 0; }
#home .entry { padding: 10px 0 20px; height: 200px; text-align: justify;  }
#home .entry p { margin-bottom: 6px; }
#home .entry img { padding: 0; border: 0; }



#home #slideshow { list-style: none; clear: left; background: url(images/slideshow-bg.png) no-repeat top left; height: 328px; width: 925px; padding: 12px; margin-bottom: -50px; position: relative; top: -60px; }
#slideshow li { position: absolute; /*display: none;*/ height: 328px; width: 925px; overflow: hidden; }
/*#slideshow li:first-child { display: block; }*/
#slideshow img { display: block; height: 328px; }
#home #slidenav { list-style: none; float: right; margin-bottom: 20px; padding-right: 20px; }
#slidenav li { float: left; height: 14px; width: 12px; }
#slidenav a { display: block; height: 14px; width: 12px; background: url(images/slideshow-button.gif) no-repeat top left; cursor: pointer; }
#slidenav a.active { background-position: top right; }

#recent-projects { list-style: none; margin: 0px; }
#recent-projects li { float: left; width: 167px; padding-left: 14px; }
#recent-projects li:first-child, #recent-projects li.first { padding-left: 0; }
#recent-projects img.thumbnail { width: 167px; height: 111px; display: block; margin-bottom: 5px; }
#recent-projects h5 { font-size: 11px; color: #333333; font-weight: normal;}

/* Project Page */

#projects .projectimage-wrapper { background: #cccccc; margin: 0 0 15px 3px; }
#projects img.projectimage { position: relative; left: -3px; top: -3px; width: 460px; display: block; }
#projects .post { border: 0; clear: none; padding: 15px 0 30px; }
#projects .post h3 { font-size: 12px; margin-bottom: 5px; }
#projects .post .more { font-size: 12px; margin: 11px 0 5px; font-weight: normal; }



/* Impressum Page */

#impressum #sidebar { width: 300px; padding: 25px 70px 25px 20px; }

#impressum #main ul { list-style: none; padding-top: 15px; clear: left; }
#impressum #main .moreinfo ul { padding-top: 25px; }
#impressum .entry li { padding: 12px 0; border-bottom: 1px dotted #8d808c; }
#impressum .entry li h4 { color: #8d808c; margin-bottom: 5px; }
#impressum .entry li h5 { font-weight: normal; font-style: italic; margin-bottom: 5px; font-size: 1em; }

#impressum .moreinfo li { padding: 8px 18px; border-top: 1px dotted #8d808c; }
#impressum .moreinfo li a { text-decoration: none; }
#impressum .moreinfo li span { color: #8d808c; }

/* Contact Page */
#contact #main h2 { margin-bottom: 30px; }
#contact .entry { margin-top: 20px; clear: left !important; }
#contact_info { float: left; width: 260px; }
#contact_info h4 { margin-bottom: 10px; }
#contact_info p { margin-bottom: 10px; }
#contact_info p span { width: 45px; margin-right: 5px; font-weight: bold; display: block; float: left; }
#contact_form { margin-left: 0px; }
#contact_form input, #contact_form textarea { display: block; border: 1px solid #b3b3b3; color: #333333; background-color: #f5f5f5; margin-bottom: 10px; width: 232px; font-size: 12px; padding: 4px; }
#contact_form textarea { font-family: sans-serif; }
#contact_form label { display: block; color: #8d808c; float: left; width: 115px; margin-right: 5px; clear: left; line-height: 20px; }
#contact_form p { margin-bottom: 10px; }
#contact_form #verification { width: 200px; margin-bottom: 10px; }
#contact_form #verification.error { padding: 5px; }
#contact_form #verification img { margin-right: 8px; padding: 0; border: 0; display: block; float: left; }
#contact_form #verification input { width: 60px; font-size: 11px; padding: 2px; margin: 0; }
#contact_form button#submit { width: 58px; height: 30px; background: url(images/button-submit.png) no-repeat; text-indent: -100px; display: block; border: 0; cursor: pointer; }
*/
#contact_form .errorlist {
	border: 1px solid #8d808c;
	padding: 10px 10px 0px 40px;
	background: url(images/error.png) #985f93 no-repeat 5px 5px; 
	margin-bottom: 10px; 
	color: #bb0000;
	display: none;
	width: 50%;
}
#contact_form .errorlist li {
	background: url(images/error2.png) no-repeat left center;
	padding-left: 20px;
	list-style: none;
	margin-bottom: 10px;
	font-weight: bold;
}
#contact_form .error { background: url(images/error.png) no-repeat right #985f93; border-color: #8d808c; }


/* New Impressum */

div#post-14 {
  width: 945px;
  height: 608px;
  clear: both;
  padding-top: 15px;
  padding-left: 1px;
}

div#post-14 h3 {
  padding-left: 1px;
}

div#post-14 .left-col p {
  margin-bottom: 10px;
  width: 450px;
  line-height: 16px;
}

div#post-14 .left-col {
  float: left;
  width: 49%;
  margin-right: 40px;
}

div#post-14 .left-col div {
  margin-top: 10px;
  padding-top: 13px;
  padding-bottom: 30px;
  border-top: 1px solid #ccc;
  padding-left: 1px;
}

div#post-14 .right-col p {
  margin-bottom: 20px;
  width: 410px;
  line-height: 16px;
}

div#post-14 .right-col {
  float: left;
  width: 42%;
}

div#post-14 .right-col div {
  margin-top: 10px;
  padding-top: 13px;
  padding-bottom: 30px;
  border-top: 1px solid #ccc;
  padding-left: 1px;
}