/*
Theme Name: Karlsberger
Theme URI: http://www.karlsberger.com
Description: Excellence in Architecture
Version: 1.0
Author: JMH
Author URI: http://www.karlsberger.com   
License: GPL
*/

/************************* IMPORT BLUEPRINT *************************/
@import url("css/screen.css");
@import url("css/print.css");

/************************* DEFAULT STYLES ***************************/
body {color:#3e3b38;background:#fff url('images/bg.jpg') repeat-x;font-family:"helvetica", Arial, sans-serif;}
.container-inner {width:950px; margin:0 auto;}
h1 {color:#201c1d;font-family:"helvetica", Arial, sans-serif;}
h2,h3,h4,h6 {color:#201c1d;font-family:"helvetica", Arial, sans-serif;}
h5 {color:#3e3b38;font-family:"helvetica", Arial, sans-serif;}
h1 a,h2 a,h3 a,h4 a {color:#f78f1e;}
h5 a{color:#f78f1e;}
h6 a{color:#201c1d;font-size:1em;text-transform:none;font-style:underline;}
a {color:#f78f1e;text-decoration:none;}
a:hover, a:focus {color:#f78f1e;text-decoration:underline;}

/************************* RSS ************************************/
#inside-subscribe {float:right;color:#666;}
#inside-subscribe a {color:#666;}
#inside-subscribe a:hover {color:#201c1d;}
.feed {margin-left: 3px;padding: 0 0 0 19px;background: url('images/rss.png') no-repeat 0 50%;color:#eee;}
.facebook {margin-left: 3px;padding: 0 0 0 19px;background: url('images/facebook.png') no-repeat 0 50%;color:#eee;}
.twitter {margin-left: 3px;padding: 0 0 0 19px;background: url('images/twitter.png') no-repeat 0 50%;color:#eee;}
.linkedin {margin-left: 3px;padding: 0 0 0 19px;background: url('images/linkedin.png') no-repeat 0 50%;color:#eee;}
.youtube {margin-left: 3px;padding: 0 0 0 19px;background: url('images/youtube.png') no-repeat 0 50%;color:#eee;}

#inside-widgets {display:block;margin:4em 0;background:url('images/bottom-bg.png') no-repeat;padding-top:0.5em;-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
#inside-widgets h6.widgettitle {color:#201c1d;border-bottom:1px dotted #201c1d;text-transform:none;padding:0em .5em 1em 1em;height:1.38em;}
#inside-widgets ul{list-style:none;margin:0 0 1.4em 0;font-size:1em;}
#inside-widgets ul li a,ul.txt li{color:#666;height:1%;line-height:1.5em;border-bottom:1px dotted #ccc;display:block;font-size:1em;font-style:italic;padding:10px 0 10px 10px;}
#inside-widgets ul li a:hover,ul.txt li:hover{color:#fff;background-position:1px 0.8em;background: #201c1d;}
#inside-widgets ul li a span,ul.txt li,h4 a span{color:#696455;}
#inside-widgets ul li.active a{cursor:default;color:white;}
#inside-widgets ul ul{margin:0;list-style:none;}

/************************* SLIDESHOW ******************************/
#slideshow-posts {margin:1em 0}
ul#slideshow-nav {margin: .5em 0; padding: 0}
ul#slideshow-nav a { padding:1px 5px; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius: 1px; background:#ddd; color:#fff; margin:0 10px 0 0; }
ul#slideshow-nav a.activeSlide,ul#slideshow-nav a:hover { background:#aaa; }
.slide { padding:12px; margin: 0; display:block; overflow:hidden;position: relative; padding:0; width: 950px; height: 425px; }
.slide .slide-image { width:950px; float:left; }
.slide .slide-image img {max-width:950px;}
* html .slide-image img {width:950px;}
.slide .slide-image img.attachment-950x425 {margin:0;padding:0}
.slide .slide-details { width:310px; float:right; margin-left:10px;padding: 2em; background: transparent url('images/overlay.png');position:absolute; top:20px; right:20px}
.slide .slide-details h2 { text-transform:uppercase;border-bottom:1px solid #fff;color:#fff; font-weight:normal; margin:0; }
.slide .slide-details .description p { color: #eee; margin-top:10px; font-size:1.1em}
.slide a {color:#fff}
.slide a:hover {color:#eee}
#featuredarea-wrapper { float:left; width:100%; text-align: left; margin: 0px auto; padding: 0px; border:0;}
#featured-left { clear:left; float:left; width:630px; display:inline; }
#featured-right { display:block; color:#f2f2f2; float:right; width:270px; height:245px; background: url('images/louis-no201.jpg') top left no-repeat; margin:0; padding:20px; }

/************************* MASTHEAD ************************************/
.pusher {cursor:pointer;}
#masthead { padding: 0; margin-top:-5px;}
#masthead h4 {margin:1em 0;font-weight: bold; text-transform: uppercase;width:100%;}
#masthead h4 a { color: #333; text-decoration: none; float:right;} 
#masthead h4 a:hover {color:#201c1d;}
#masthead span {color:#666;font-size:1em;text-transform:none;font-weight:normal;}
#masthead span.description {float:left;margin-left: 20px;padding-top:.2em;}

#logotype { display:block; float:right; margin:28px 1px 0 0; width:166px; height:37px;}

#navcontainer {padding: 0;font-family:"helvetica", Helvetica, Arial, sans-serif;text-align: right;background-color: #201c1d;height:40px;margin:1em 0 1em;}
#navlist {height:40px}
#navcontainer p	{padding: 7px 7px 0px;font-family:"helvetica", Helvetica, Arial, sans-serif;font-size: 1em;font-weight: bold;}
/* to stretch the container div to contain floated list */
#navcontainer:after {content: ".";display: block;line-height: 1px;font-size: 1px;color: transparent;clear: both;}
#navcontainer img {margin: 0;padding: 0;}
ul#navlist {list-style: none;padding: 0;margin: 0px;background-color: #201c1d;font-size: 1em;}
ul#navlist li {text-align: left;float: left;height: 40px;margin: 0;background: #201c1d;border-right:1px solid #666;padding: 0;}
ul#navlist li { width: 105px; voice-family: "\"}\""; voice-family:inherit; width: 119px;}
html>body ul#navlist li { width: 119px; }
ul#navlist li a {display: block;padding: 7px 5px 25px 7px;color: #aaa;font-size: 11px;text-decoration: none;height: 1%;height:40px;text-shadow: 0 0 0 #000;}
#navcontainer>ul#navlist li a {width: auto;height: auto;height: 8px}
ul#navlist li#active a {background: #eee;color: #201c1d;}
ul#navlist li a:hover,ul#navlist li#active a:hover {color: #fff;background-color: #111;}
ul#navlist li.home	{border-left: none;}
ul#navlist li#empty	{width: 120px;}

/********************************POSTS ************************* */
.post {display:block;clear:both;}
.postnarrow-left {display:block;float:left;width:620px;clear:both;}
.postnarrow-right {display:block;float:right;width:620px;clear:both;}
.postnarrow-centered {display:block;width:620px;margin:0 auto;clear:both;}
.postcentered {display:block;width:900px;margin:0 auto;clear:both;}
.opportunity {display:block;width:95%;margin:0 auto;clear:both;}
.opportunityhead {display:block;width:50%;height:160px;margin:10px;clear:both;background: #f9f9f9 url('http://www.karlsberger.com/wp-content/themes/karlsberger/images/applications.png') no-repeat 10px;border: 1px solid #f2f2f2;padding:15px;-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.opportunitysub {display:block;width:56%;height:160px;margin:10px 0 0 280px;clear:both;background: #f9f9f9 url('http://www.karlsberger.com/wp-content/themes/karlsberger/images/applications.png') no-repeat 10px;border: 1px solid #f2f2f2;padding:15px;-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.opportunitybenefits {display:block;float:right;width:39%;height:160px;margin:30px 10px 0 10px;top:0;clear:both;background: #f9f9f9 url('http://www.karlsberger.com/wp-content/themes/karlsberger/images/benefits.png') no-repeat 10px;border: 1px solid #f2f2f2;padding:15px;-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
#opportunitysubtext {display:block;margin:0 10px 0 165px;padding-top:20px;}
#opportunitysubbenefitstext {display:block;margin:0 10px 0 155px;padding-top:20px;}
.postmetadata {color:#bbb;}
.postmetadata a {color:#bbb;}
.postmetadata a:hover {color:#201c1d;}
.underlined {border-bottom:1px solid #e5e5e5;}
h6.underlined {margin:0 0 1em;}

.nav-image-left, .nav-image-up, .nav-image-right {text-align:center;float:left;width:25px;margin:0 10px 0 2px;}
.nav-image-left a, .nav-image-up a, .nav-image-right a {background:#eee;padding:2px 48% 2px 48%;text-decoration:none;color:#201c1d;}
.nav-image-left a:hover, .nav-image-up a:hover, .nav-image-right a:hover {background:#201c1d;color:#fff;}

.nav {background:transparent;margin:0.38em 0 0 0;}
.nav:hover {background:#ccc;}
.prev a, .next a {color:#fff;text-decoration:none;padding:.38em 1em;background:#201c1d;}
.prev a:hover, .next a:hover {color:#fff;text-decoration:none;padding:.38em 1em;background:#f78f1e;}

.nav-interior {margin:0;padding:0;clear:both;display:inline;}
.nav-interior .next {color:#201c1d;text-decoration:none;float:right;}
.nav-interior .prev {color:#201c1d;text-decoration:none;float:left;}
#dividerline {border-top:#201c1d 1px dotted; margin:0 0 10px 0;}

.opplisting {display:hidden;}
#oppcontainer {height:200px;}

/***************************** SIDEBARS *****************************/
#sidebar-right {float:right;margin:0px;top:0;width:260px;background:#fff;color:#666;}
#sidebar-left {float:left;margin:0px;top:0;width:260px;background:#fff;}
#project-content-wrapper {display:block;}
#project-content {display:block;width:65%;}
#project-sidebar {display:block;float:right;width:257px;text-align:top;vertical-align:top;margin-top:0;background:#f2f2f2 url('images/sidebar_bg.png');}
#sidebar-pdf {display:block;background:#fff url('images/sidebar-pdf.png') no-repeat; width:250px; height:63px;}
#sidebar-pdf:hover {display:block;background:#fff url('images/sidebar-pdf-on.png') no-repeat; width:250px; height:63px;}
#sidebarcontent-wrapper {display:block;float:right;width:315px;height:550px;margin:70px 0 0 0;text-align:top;vertical-align:top;background:#fff url('images/sidebar_bg.png');}
h2.sidebarcontent-title {color:#fff;font-weight:bold;margin:10px 0 0 10px;font-size:1.6em;}
#sidebarcontent {display:block;margin:30px 25px 20px 30px;color:#201c1d;font-weight:normal;line-height:1.5em;}
#sidebarcontent-video {display:block;margin:10px 15px;}
#sidetab {display:none;margin-top:216px;left:-5px;width:55px;height:139px;position:fixed;background: #fff url('images/sidetab.png') no-repeat;z-index:99;}
#sidetab:hover {display:none;background: #fff url('images/sidetab-hover.png') no-repeat;}
#projectdetails-2ndcolumn {display:block;position:absolute;margin:37px 0 0 350px;}
#text-column {float:left;display:block;width:570px;padding-left:20px;margin-top:20px;}
#img-column {float:left;display:block;width:300px;margin-top:20px;}
#text-column-opportunity {float:left;display:block;width:570px;padding-left:0px;margin-top:10px;}
#img-column-opportunity {float:left;display:block;width:280px;margin:26px 0 0 -21px;}

table#recent-clients td {position:relative;vertical-align:top;}
table#recent-clients td p {position:relative;top:0px;}

/* ************************* FOOTER *********************** */ 
#footer {display:block;background:#fff url('images/footer-bg.png') no-repeat top;margin:-20px auto auto auto;padding:2em 1em 3em 1em;}
#footer p {font-size:.9em;text-align:center;color:#ccc;margin-top:55px;}
#footer a {color:#666;}
#footer a:hover {color:#f78f1e;text-decoration:underline;}

/* ************************ SLIDESHOW ********************************/
ul#portfolio {padding:0;list-style:none;margin:0 0 1em;overflow:hidden;max-height:435px;}
ul#portfolio li {list-style:none;padding:0;}
ul#portfolio li h4 {margin: 0 0 .5em 0;text-transform:uppercase;padding:0 16px;}
ul#portfolio li img {width:950px;text-align:center;margin:0;}

/* **************************** FLOATS & IMAGES ***************************** */
.right { float: right; }
.left { float: left; }
.middle {margin: 0 auto;float:left;}
.clear { clear: both; }
img.centered{display: block;margin-left: auto;margin-right: auto;}
img.alignright{padding: 4px;margin:0 0 5px 15px;}
img.alignleft{padding: 4px;margin:0 15px 5px 0;}
.alignleft{float: left;}
.alignright{float: right;}
.thumbnail {width:310px;height:150px;background:#eee url('images/x.png') no-repeat center;max-width:310px;max-height:150px;overflow:hidden;}

/***************************** ARCHIVE *****************************/
h6.archive-header {display:block;border-bottom:#201c1d 1px dotted;margin:0 0 .5em;}
.archive-stack {width:100%; height:1em;}
#categorydescription {display:block;margin-bottom:5px;padding:1.2em 1.0em 1.5em 2.5em;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;background:#fff url('images/categorydescription-bg.png') no-repeat top left;font-family:Times, Georgia, serif;font-size:1.7em;font-style:italic;line-height:1.30em;}
#categorydescription p {color:#272523;margin:0 1.2em 0em 1.2em;}
#contentdescription {color:#272523;display:block;margin-bottom:5px;padding:1.2em 1.0em 0.8em 3.5em;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;background:#fff url('images/categorydescription-bg.png') no-repeat top left;font-family:Times, Georgia, serif;font-size:1.7em;font-style:italic;line-height:130%;}
#contentarea {display:block;margin-bottom:20px;padding:2.8em 3em 2em 3em;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;background:#fff url('images/categorydescription-bg.png') no-repeat top left;}
#orangehighlight {display:block;margin-bottom:20px;padding:2.8em 3em 2em 3em;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;background:#fff url('images/highlight-bg.png') no-repeat top left;}
.leaderblock {background:#f8f8f8 url('images/blockquote-bg.png');background-repeat:x;width:700px;margin:1.5em auto;padding:1.5em 2.5em;-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}

/***************************** ETC *****************************/
#filters {clear: both;height: 2em;margin-bottom: 1em;}
#filters li {float: left;margin-right: 2em;}
.prev {}
.next {}
/* remember to define focus styles! */
:focus {outline: 0;}
#post-80 h2 {display:none;}

/***************************** FORM ELEMENTS *****************************/
input[type=text],textarea{ background:#ffffff;border: 1px solid #ddd; padding: 5px; font-family: arial, helvetica, sans-serif; font-size: 12px; color: #333333;}
input:focus,textarea:focus{ background:#f2f2f2;color: #333333;border: 1px solid #ddd;}
input[type=submit]{ margin-left:-37px;padding: 3px 14px; color: #fff; background: #201C1D; cursor: pointer;border:0px;text-transform:uppercase;font-size:10px;}
input[type=submit]:hover,input[type=submit]:focus{ background: #201C1D;}

/***************************** SEARCH *****************************/
#search {float: right;margin:-40px 0px 30px 0;}
#search #s {background:#F9F9F7 url('images/search.png') 8px center no-repeat;color: #b5b4b4;font-size: 0.9em;font-weight:normal;margin:0 0 0 10px;padding: 14px 0 14px 25px;width: 180px;-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
#search input {border:0px solid #201c1d;background:#fff;}
#search #s:hover {background:#e1dfdd url('images/search.png') 8px center no-repeat;}
.search-excerpt {margin: 0;}

/***************** COMMENTS ********************/
h3#comments{font-size:1.5em;margin: 10px 0 0;padding: 20px 10px;background: #f6f6f6;}
h3#comments span.comments-subscribe {float:right;font-size:.7em;margin-left: 3px;padding: 0 0 0 19px;background: url('images/rss.png') no-repeat 0 50%;color:#cccccc;}
h3#respond{font-size:1.5em;display:block;margin: 10px 0 0;padding: 20px 10px;background: #fff;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.comment-wrapper {display:block;margin:0;top:0;}
ol.commentlist{list-style-type: none;margin: 0;padding: 0;border-top: 5px solid #eee;}
ol.commentlist li strong{padding-left:1em;}
ol.commentlist li .comment-entry{margin: -135px 0 0 25px;border-bottom: 5px solid #eee;padding: 100px 200px 0 200px;line-height: 2em;}
ol.commentlist li .avatar{border:1px solid #eee;padding:1em;margin:2em 1em 1em 0;}
.comment-author {max-width:190px;float:left;}
#commentform{margin: 0 0 7px;padding: 30px 200px 6px;border-top: 10px solid #f6f5f5;background: #fff;}
#submit {background:#fff;color:#201c1d;border:0;text-transform:uppercase;font-size:1em;padding:.2em 1em .3em 1em;}
#submit:hover {background:#201c1d;color:#fff;}

/* unitip css */
#unitip {position: absolute;	z-index: 1000;top: -1000px;color: #fff;font: normal normal 1em Arial, Helvetica, sans-serif;display: none;}
#unitippoint, #unitipmid, #unitipcap {position: relative;top: 0px; left: 0px;display: block;	}
#unitippoint { background: url('images/TipPoint.png') no-repeat; height: 19px; overflow: hidden; }
#unitipmid { background: url('images/TipMid.png') repeat; width: 325px;	height: auto; padding: 5px 15px;}
#unitipcap { background: url('images/TipCap.png') no-repeat; height: 7px; overflow: hidden; }