/*
Theme Name: Oberlänge
Theme URI: http://www.oberlange.com
Description: A theme by <a href="http://www.oberlange.com">Oberl&auml;nge Design Studio</a>.
Version: 1.0
Author: Geoffrey Scott
Author URI: http://www.oberlange.com
*/

@import "reset.css";

html, body{
width:100%; height:100%;
font-size:100.01%;
background-color:#000000;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:0px;}

div{border:0px dotted white;}

#wrapper{
position:absolute;
width:100%; height:100%;
/*background:url(_images/header-bg2.jpg) no-repeat scroll center top;*/}

#container{
position:relative;
width:100%; min-height:100%;
padding-bottom:10px;
background:url(_images/footer.jpg) no-repeat scroll center bottom;}

#header{
position:relative; top:45px;
margin:0px auto;
width:860px; height:145px;
margin-bottom:15px;}

#login{
width:226px; padding:6px 15px 8px 0px;
text-align:right;
background:url(_images/text-bg.png);
right:0px; top:35px;
position:absolute; }

#login-client{
color:#5f6579; font-size:75%; font-weight:bold;
width:275px; padding:6px 15px 8px 0px;
text-align:right;
background:url(_images/text-bg.png);
right:-4px; top:73px;
position:absolute; z-index:99;}

#login a{
color:#92875f;
font-size:75%;
text-decoration:none;}

#login-client a{
color:#92875f;
text-decoration:none;}

#login a:hover, #login-client a:hover{
color:#cccccc;
text-decoration:none;}

#searchform{
position:relative; float:right;
top:76px; right:-2px;
height:30px; width:242px;
background:url(_images/text-bg.png);}

#main-nav{
position:relative; float:right; top:85px;
margin-right:18px;
height:25px; width:395px;
text-align:right; }

#page{
position:relative;
margin:0px auto;
width:860px;}

#clear {
clear:both;
} 

#content{
position:relative; float:left;
width:600px; min-height:250px; 
background:url(_images/text-bg.png);
padding-top:20px;
border-top:1px dotted #333333;
}/* also in IE stylsheet for IE6 */

#content-index{
position:relative; float:left;
width:600px; min-height:250px; 
background:url(_images/text-bg.png);
padding:10px 0 0 0;
border-top:1px dotted #333333;

}

#content-clients{
position:relative; float:left;
width:860px; min-height:250px; 
background:url(_images/text-bg.png);
padding:10px 0 0 0;
border:2px solid #000000;}

#sidebar{
position:relative; float:left; left:16px;
width:240px; min-height:340px;
background:url(_images/text-bg.png);
border-top:1px dotted #333333;
border-bottom:1px dotted #333333;}

#footer{border-top:1px dotted #333333;
position:relative; float:left;
width:860px; min-height:142px;
background:url(_images/text-bg.png);
border-bottom:1px dotted #333333;
margin-bottom:15px;}

a{outline:none;}

#header-logo{
position:absolute; margin:0; padding:0;
width:273px; height:101px;
overflow:hidden;
left:-4px; top:3px;
text-indent:-9999px;}

#header-logo a span{ cursor:pointer;}

#header-logo span{
position:absolute; left:0; top:0;
width:273px; height:102px;
margin:0; padding:0;
background:url(_images/oberlange-design-studio-header-logo.jpg) top left no-repeat;}
/***************************************** Begin Menu Styles */

#main-nav li, #login-client li{
display: inline;
list-style-type: none;
padding-left: 10px;}

#main-nav li a{
color:#92875f; 
text-decoration:none;
outline:none;
font-size:100%;}

#main-nav li a:visited{
color:#92875f;
text-decoration:none;
}

#main-nav li a:hover{
color:#ffffff;}

#main-nav li a:active{
color:#6986a6;
text-decoration:none;}

#main-nav li a:focus{
color:#6986a6;
text-decoration:none;}

#main-nav li a.email{
padding-left:20px;
background:url(_images/email-icon.gif) no-repeat;
background-color:transparent;}

#main-nav li a.email:hover{
background:url(_images/email-icon-on.gif) no-repeat;}

#main-nav li a.email:focus{
background:url(_images/email-icon-on.gif);}

#main-nav li a.rss{ position:relative; display:inline;
padding:2px 0px 5px 18px; 
background:url(_images/rss-icons.png) no-repeat -26px 0px;
background-color:transparent;}

#main-nav li a.rss.visited{
background-color:transparent;}

#main-nav li a.rss:hover{
background:url(_images/rss-icons.png) no-repeat 0px 0px;}

#main-nav li a.rss:focus{
background:url(_images/rss-icons.png) no-repeat 0px 0px;}
/***************************************** End Menu Styles */


/***************************************** Begin Search Styles */

#search-contents{
position:absolute;
top:6px; left:5px;}

strong.search-excerpt { color:#b2af9c; }

#search-again{position:relative; float:left; left:50px; margin-bottom:20px;}

.search_button{
position:absolute;
float:right;
border:0px;
left:170px; top:2px;}

.search_field{position:absolute; top:0; padding:0px 3px 0 3px;
background:url(_images/search-bg.jpg) no-repeat;
width:159px; height:18px; line-height:16px;
display:block; border:0; color:#444444; 
}

.search_field:focus 
{
background:url(_images/search-bg-on.jpg) no-repeat;
}



/***************************************** End Search Styles */

/***************************************** Begin Sidebar Styles */
.count{
color:#ffffff;}

.sidebar-title{
font: 120% "Times New Roman", Times, serif;
color:#2e1f21;
padding-left:15px;
margin:25px 0px 10px 0px;}

.sidebar li a{
color:#444444;
background-color:#191919;
padding:0px 0px 0px 25px;
text-decoration:none; outline:none;
font-size:75%;
display:block;
width:205px;
margin:2px 15px 5px 5px;
border-left:1px dotted #000000;;
}

.sidebar li a:active{
color:#444444;
}

.sidebar li a:hover{
color:#311e1e;
background-color:#000000;
border-left:1px dotted #311e1e;
}

.sidebar li a:focus{
color:#311e1e;
background-color:#000000;
border-left:1px dotted #311e1e;
}

#categories{
position:relative;
float:left;
top:15px;
margin-bottom:50px;}

.tag-cloud-contents{
padding:0px 10px 0 18px;}

.tag-cloud-contents a{
color:#333333;
text-decoration:none;}

.tag-cloud-contents a:hover{
color:#8f8b46;
text-decoration:none;}

#ads{
position:relative; float:left; left:6px;
margin-bottom:7px; padding-top:10px;
border-top:1px dotted #333333;
font-size:65%;}

#ads p{ color:#333333; margin:0px 0px 5px 4px;}

#ads a{color:#333333;}

#ads img{
padding:0px 5px 5px 5px;}

.follow-me-images{
position:relative;
float:left;
margin-bottom:20px;
padding:0 18px 0 7px;

}
.follow-me-images img{
margin-right:15px;	float:left; width:27px; height:27px;
}

.wcg{
position:relative;
float:left;
margin-bottom:15px;}
/***************************************** End Sidebar Styles */


/***************************************** Begin Post Styles */

.post{
position:relative; left:0;
margin:35px 0 15px 0;
width:600px;  } /* also in IE stylsheet for IE6 */

.post-clients{
position:relative; left:50px;
margin:35px 0 15px 0;
width:750px;}

.client-text{
color:#666666; font-size:80%;} 

.tn{
float:left;
margin:0 30px 0 0;}

.search-result-title{
font:145% "Times New Roman", Times, serif;
color:#666;
padding:25px 0px 0px 50px ;}

p{margin-bottom:1.5em;}

ol li{list-style-type:decimal; margin-left:20px;}

.post-text a, .post-text-index a, .post-text-page a{
color:#9c995c;
text-decoration:none;}

.post-text a:hover, .post-text-index a:hover, .post-text-page a:hover{background-color:#9c995c; color:#000000;}

#commentform-content{
position:relative; float:left; left:0px;
margin:0;
width:500px;
padding:25px 0 25px 0;
border-top:1px dotted #222222;}

.logged-in-as{
font-size:75%;
color:#444444;}

.logged-in-as a{
color:#583e32;
text-decoration:none;}

.logged-in-as a:hover{color:#aa7420;}

.white{
color:#ffffff;
font-size:110%;}

.date-title{
position:relative; float:left;
width:600px; margin-bottom:25px;}

.divider{color:#555; font-size:65%;}

a.title{
color:#444e59;
text-decoration:none;}

a.title:visited{
color:#444e59;
text-decoration:none;}

a.title:hover{
color:#5f6f81;
text-decoration:none;}

.comments img, .category img{
position:relative; top:3px;}

.comments a, .category a{
font-size:65%; color:#333333;
text-decoration:none;}

.comments a:visited, .category a:visited{
color:#333333;
text-decoration:none;}

.comments a:hover, .category a:hover{
color:#666666;
text-decoration:none;}

.title-small{
font-size:65%;
color:#444e59;}

.date{
position:relative; float:left; top:5px;
width:74px; background-color:#000000;
border:1px solid #202020;
font-size:65%; color:#513220; text-align:center;
margin-right:10px;}

h2{
font:200% "Times New Roman", Times, serif; 
color:#444e59;
line-height:35px;
margin:30px 0 10px 0;
}

h2.page{
font:220% "Times New Roman", Times, serif;
color:#444e59;
line-height:40px;
margin:0px 0 10px 0;
}

.title-gray{
font:170% "Times New Roman", Times, serif;
color:#444e59;}

.category-divider{
font-size:65%; color:#313131;}

.single-post-date{
position:relative; float:right;}

.single-post-date{
font-size:65%; color:#313131;}

.category-comments a{
font-size:65%; color:#313131;
outline:none; text-decoration:none;}

.category-comments a:hover{
font-size:65%; color:#797425;}

.category-comments a:focus{
font-size:65%; color:#797425;}

.post-text, .post-text-index{padding-bottom:25px;
color:#666666; font-size:80%; line-height:20px; }

.post-text-page{padding:0;
color:#666666; font-size:80%; line-height:20px; }

.post-text-index{
border-bottom:1px dotted #222222;
}

#next{
position:relative;
float:right;}

#previous{
position:relative;
float:left;}

.navigation{
position:relative; float:left; left:0px;
width:600px; min-height:20px;
color:#ffffff; margin-bottom: 15px;}

.navigation-comments{
position:relative; float:left; margin:10px 0 15px 0;
width:500px; min-height:10px;
color:#ffffff; border:0px solid green; 
font-size:90%;}

.navigation-comments-bottom{
margin:10px 0 15px 0;
width:500px; min-height:10px;
color:#ffffff; border:0px solid green; 
font-size:90%;}

.navigation a, #commentlist .navigation-comments a, .navigation-comments-bottom a{
font-size:75%; color:#583e32;
text-decoration:none;}

.navigation a:hover, #commentlist .navigation-comments a:hover, .navigation-comments-bottom a:hover{
font-size:75%; color:#ffffff;
text-decoration:none;}



form p{
margin-bottom:.5em;}

input.comment, textarea{
color:#444444; font-size:80%;
border:1px solid #222222;
background-color:#050505;}

input.contact, textarea.contact{
color:#555555; font-size:100%;
border:1px solid #222222;
background-color:#050505; }

textarea.contact, textarea.comment{width:500px;}

.contactSubmit{
padding:2px 0 10px 0px;
font-family: "Times New Roman", Times, serif; 
font-size:150%;
color:#afaa87;
border:none;
width:83px;
height:25px;
text-align:center;
background-image:url(_images/contact_submit.gif);
background-repeat:no-repeat;
cursor:pointer;
float:right;
position:relative; top:-55px;
}

input.captcha{
color:#444444; font-size:100%;
border:1px solid #222222;
background-color:#050505; 
width:60px;}

.wpcf7-captcha-captcha-215{
position:relative; top:4px;}



.error{color:#F00;}

label{
font-size:80%;
color:#333333;}

.post-button{
display:block; width:500px;
text-align:right;}

.comment:focus, .contact:focus{
border:1px solid #5f5f28;}

#client-contact{
padding-top:25px; margin-top:25px;
width:500px;
border-top:1px dotted #333333;}
/* end comment box styles */

/***************************************** End contact / comment Styles */


/***************************************** Begin comment list Styles */

#posted-comments{ margin-bottom:30px; height:1%; background-color:#111111;}


/* begin contact / comment box styles */


.alt{
background-color:#111111;}

.moderation{
display:block;
margin-top:10px;
color:#93854e;}

#commentlist{
position:relative; float:left; left:0px;
margin:0; padding-top:15px;
width:500px;  
border-top:1px dotted #222222;}

#no-comments{
position:relative; float:left; left:0px;
padding:25px 0 25px 0; margin:0;
font-size:80%; color:#783f16;
width:500px;
border-top:1px dotted #222222;}

#commentlist a{
color:#545340;
text-decoration:none;}

#commentlist a:hover{
color:#545340;
text-decoration:underline;}

#commentlist p{
padding:0px 50px 0px 10px;
margin-bottom:10px;
font-size:75%; color:#555555;}

#commentlist li{
margin-bottom:15px;
padding:0 0 5px 0px;}

.commentSignature{
color:#545340; background-color:#130513;
font-size:70%; 
padding:5px 15px 5px 20px;}

.comment-text{  line-height:20px; padding:10px;}

/***************************************** End comment list Styles */


/***************************************** Begin Footer Styles */
#recent-posts, #recent-comments{
position:relative; float:left;
width:307px; min-height:141px;
padding-bottom:20px;}

#footer-about{
position:relative; float:left;
width:240px; min-height:141px;
padding-bottom:20px;}

#footer-about-clients{
position:relative; float:left;
padding-bottom:20px;}

.footer-title{
font:120% "Times New Roman", Times, serif; color:#2e1f21;
padding:10px 0px 10px 15px; display:block;}

#footer li a{
color:#444444;
background-color:#191919;
padding:0px 0px 0px 10px;
text-decoration:none; outline:none;
font-size:75%;
display:block;
width:270px;
margin:2px 5px 5px 15px;
border-left:1px dotted #000000;
}

#footer li a:active{
color:#444444;}

#footer li a:hover{
color:#625431;
background-color:#000000;
border-left:1px dotted #311e1e;}

#footer li a:focus{
color:#311e1e;
background-color:#000000;
border-left:1px dotted #311e1e;
}

.recent-post-date{
color:#625431;}

.recent-comment-name{
font-weight:bold;
color:#625431;}

.about-text{
color:#696969;
font-size:65%;
padding:0px 15px 0px 15px;}

#copyright{
padding-left:20px;
width:749px;
color:#999999; font-size:60%; font-weight:bold;}

#copyright img{position:relative; top:3px; margin-right:5px;}


/***************************************** End Footer Styles */
/***************************************** Begin Socialable Styles */
div.sociable { margin:0; position:relative; height:20px; top:0px; left:-8px; width:265px;}

span.sociable_tagline { position: relative; }

span.sociable_tagline span { display: none; width: 14em; }

span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}

.sociable span {
	display: block;
}

.sociable ul {
display: inline;
	margin: 0 !important;
	padding: 0 !important;
	
}

.sociable ul li {
	background: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding:0 0 0 7px;
	float:left;
}

.sociable ul li:before { content: ""; }

.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {opacity: .2;}

.sociable-hovers:hover {opacity: 2;}


/***************************************** End Socialable Styles */
div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	padding:4px;
	
}

div.wpcf7-response-output.wpcf7-mail-sent-ok {
	border: 1px dotted #398f14;
	position:relative; top:-20px;
	color:#398f14;
}

div.wpcf7-response-output.wpcf7-mail-sent-ng {
	
	border: 1px dotted #ff0000;
	position:relative; top:-20px;
	color:#ff0000;
}

div.wpcf7-response-output.wpcf7-spam-blocked {
	border: 1px dotted #ffa500;
	position:relative; top:-20px;
	color:#ffa500;
}

div.wpcf7-response-output.wpcf7-validation-errors {
	position:relative; top:-20px;
	border: 1px dotted #f7e700;
	color:#f7e700;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
	color:#ff0101;
	
}

span.wpcf7-not-valid-tip-no-ajax {
	color:#ff0101;
	font-size:8pt;
	padding-left:10px;
}

span.wpcf7-list-item {
	margin-left: 0.5em; 
}

.wpcf7-display-none {
	display: none; 
}

span.wpcf7-not-valid-tip {
	left: auto;
	right: 20%;
	direction: rtl;
	color:#ff0101;
}

.wpcf7-not-valid-tip-no-ajax {
	direction: rtl; color:#ff0101;
}

span.wpcf7-list-item {
	margin-left: 0;
	margin-right: 0.5em; 
}

.wpcf7-form-control-wrap your-email .wpcf7-not-valid-tip-no-ajax{
	color:#ff0101;}