/*
Theme Name: Wunderlin
Theme URI: http://www.wunderlin.com/
Description: Custom theme for the Wunderlin Company.
Version: 2
Author: Jet A Studio
Author URI: http://www.jetastudio.com/
Tags: 

	©2009 The Wunderlin Company. All Rights Reserved.
	Images and content may not be reproduced or reused in any fashion.
	
	Feel free to use any of the styles below, however this unique combination and layout is copyright.
*/



/* 
	Eric Meyer's CSS Reset 
	http://meyerweb.com/eric/tools/css/reset/
	v1.0 | 20080212
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}

body {line-height:1}
ol, ul {list-style: none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content:none}

/* remember to define focus styles! */
:focus {outline:0}

/* remember to highlight inserts somehow! */
ins {text-decoration:none}
del {text-decoration:line-through}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0}


/* ------- END CSS RESET --------- */

body {font:11px/1.5 "Lucida Grande", Helvetica, Arial, sans-serif;color:#333333;background-color:#1c181d}


/* ------------- General Classes ----------------- */
.clear:after {content: ".";display:block;height:0;clear:both;visibility:hidden}
.clear {display: inline-table;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

.skip {display:none;/* \*/display:block;/* */position:absolute;left:-5000px;top:-5000px;width:1px;height:1px}


/*------------- Element Styles ------------------- */

/*---- <a> ----*/
/* Hide dotted outlines in mozilla */
a {color:#0a486b;outline:none;text-decoration:none}
a:hover {text-decoration:underline}
a img {display:block;border:0}

/*---- <small> ----*/
small {font-size:11px}

/*---- <img> ----*/
img.alignleft {float:left;margin:1em 1em 1em -1.5em;display:inline}
img.alignright {float:right;margin:1em -1.5em 1em 1em;display:inline}

#img-lede {display:block;margin:0 auto 1.75em auto;padding:1px;border:1px solid #ddd}

body.page img.alignright {display:block;border:1px solid #ddd;padding:1px}
body.page img.alignleft {display:block;border:1px solid #ddd;padding:1px}

/*---- <h*> ----*/

h1 {width:507px;height:42px;padding:22px 0 0 60px;margin-bottom:1em;background:#f2f5f7 url(images/h1_bg.jpg) no-repeat 100% 0;font:24px/1 Helvetica, Arial, sans-serif;font-weight:normal;color:#1a2632;}

#home-page h1 {width:497px;height:56px;padding:8px 10px 0 60px;background:#f2f5f7 url(images/h1-home_bg.jpg) no-repeat 100% 0}
#home-page h1.second {height:30px;background:none;width:490px;padding:0 17px 0 60px}

/*
#home-page h1 {background:#f2f5f7 url(images/h1-home_bg.jpg) no-repeat 100% 0}
#home-page h1.second {background:none;width:490px;padding:0 17px 0 60px}
*/

h2 {font-size:16px;color:#1a2632;margin-bottom:.75em}
body.blog-section div.post h2 {display:block;font-size:16px;color:#1a2632;margin-bottom:1em;padding:0 60px}
body.blog-section .blog-home div.post h2 {padding:0}
	
	h2 span {font-size:11px;color:#555555}
		h2 span a {font-size:11px}
	
h3 {font-size:12px;color:#1a2632;margin-bottom:.75em}
.post .entry h3 {font-size:14px;}
/*---- <p> ----*/
#article p {margin-bottom:1.5em}
#article .post .entry {font-size:12px;}

#article blockquote {margin-bottom:1.5em;padding:1em 1.5em;background-color:#f7f7f7}
	#article blockquote p {margin-bottom:1em;color:#444444}
		#article blockquote p cite {display:block;text-align:right}

#sidebar blockquote {background-color:#384139;padding:20px;margin-bottom:2em;-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;}
	#sidebar blockquote p {font-size:12px;color:#ebe8af;line-height:1.3;margin-bottom:.5em}
	#sidebar blockquote p.first {text-indent:-8px}
		#sidebar blockquote p cite {font-size:11px;color:#b6b5b5;font-style:normal}
		#sidebar blockquote p span.quote {color:#888d77;font-weight:bold;padding-right:3px}

p.intro {font-weight:bold}
p.faded {font-size:11px;}
p.lead {font-size:12px;border-bottom:1px dotted #ccc;padding-bottom:1.5em;}
p.note {font-size:11px;color:#555555}

#article p.related {margin:1.5em 0 .5em 0}

p.datetime {font-size:11px;color:#555555;padding-left:60px}
.blog-home p.datetime {padding-left:0}
.postmetadata {width:444px;background-color:#f7f7f7;padding:1em 60px;border-bottom:1px dotted #dddddd;margin-bottom:2em !important}
.blog-home .postmetadata {padding:1em 60px;margin-left:-60px}


/*---- <ul> ----*/
#article ul {margin:0 0 1.5em 1.5em;list-style:disc}
	#article ul li {padding-bottom:.5em}
	
#article ul.col {margin:0 0 1.5em 0}
    #article ul.col li {width:45%;float:left;display:inline}
    #article ul.col li.first {margin-right:4%;}
        #article ul.col li strong {display:block;margin-bottom:8px;}
        #article ul.col li ol {margin:0 0 0 0;}
            #article ul.col li ol li {width:100%;display:block;float:none;margin-right:0;padding-bottom:8px;zoom:1}
        

#article ol {margin:0 0 1.5em 2.25em;list-style:decimal}
#article ol.topten {margin:0 0 2.25em 2.25em;list-style:decimal}
	#article ol li {padding-bottom:.5em}

/*---- <div> ----*/

#breadcrumbs {float:right;padding:6px 7px 0 0;font-size:10px;color:#aaaaaa;display:inline}
	#breadcrumbs a {color:#aaaaaa;font-size:10px;}

	div.navigation {position:relative;width:100%;height:50px}
		div.navigation div {width:120px;position:absolute;}
		div.navigation div.alignleft {left:20px;top:0}
		div.navigation div.alignright {top:0;right:20px}
			div.navigation div a {display:block;text-align:center;padding:6px 6px 5px 6px;background-color:#f7f6f3;border:1px solid #ddd;-moz-border-radius:6px;-webkit-border-radius:6px;-opera-border-radius:6px;border-radius:6px;font-size:11px;font-weight:bold;text-decoration:none}
			div.navigation div a:hover {color:#555555}


div.bio {clear:both;margin-bottom:1.5em;border-bottom:1px dotted #dddddd;}

div.contact-info {color:#dddddd;margin:0 0 2em 22px;}
	div.contact-info a {color:#dddddd;}

/*------------- Element Styles ------------------- */

#header-wrap {width:100%;height:147px;border-bottom:3px solid #8d8e7b}
	#header {width:845px;height:147px;margin:0 auto;position:relative;z-index:9000}
	
		#tools {position:absolute;top:0;right:0}
			#tools ul li {float:left;padding:8px 0 0 12px;display:inline}
				#tools ul li a {display:block;padding-top:3px;font-size:10px;color:#dddddd;text-decoration:none}
				#tools ul li a:hover {color:#ffffff}
				
				#tools form label {display:none}
				#tools form #q {background-color:#110c13 !important;background-image:none !important;border:1px solid #3f3142 !important;color:#ccc !important;font-size:11px !important;padding:2px !important}
	
#hero-wrap {width:100%;background:#121212 url(images/hero_bg.jpg) repeat-x 0 0}
	#hero {width:845px;height:103px;margin:0 auto;background:transparent url(images/hero.jpg) no-repeat 0 0}
	#home-page #hero {position:relative;z-index:1;height:335px;background:transparent url(images/hero-home.jpg) no-repeat 0 0}
		
		#hero #services-co {width:845px;height:300px;position:relative}
			#hero #services-co li {display:block;position:absolute;height:20px}
				#hero #services-co li a {display:block;width:100%;height:20px;text-indent:-9999px}
			
			#hero #service-one 		{width:170px;top:48px;left:170px}
			#hero #service-two 		{width:120px;top:214px;left:46px}
			#hero #service-three 	{width:90px;top:20px;left:580px}
			#hero #service-four 	{width:125px;top:242px;left:430px}
			#hero #service-five 	{width:90px;top:276px;left:720px}
		
		#hero-quote {}
			#hero-quote ul {width:508px;height:101px;position:absolute;right:0;top:132px;}		
				#hero-quote ul li {display:block;width:508px;height:101px;text-indent:-9999px}	
					#hero-quote ul li cite {display:none}	
				
				#hero-quote ul #quote1 {background:transparent url(images/quotes/quote1.jpg) no-repeat 0 0}
				#hero-quote ul #quote2 {background:transparent url(images/quotes/quote2.jpg) no-repeat 0 0}
				#hero-quote ul #quote3 {background:transparent url(images/quotes/quote3.jpg) no-repeat 0 0}
				#hero-quote ul #quote4 {background:transparent url(images/quotes/quote4.jpg) no-repeat 0 0}
				#hero-quote ul #quote5 {background:transparent url(images/quotes/quote5.jpg) no-repeat 0 0}
				#hero-quote ul #quote6 {background:transparent url(images/quotes/quote6.jpg) no-repeat 0 0}
				#hero-quote ul #quote7 {background:transparent url(images/quotes/quote7.jpg) no-repeat 0 0}
		
		#logo {display:block;position:absolute;top:59px;left:12px}
		
		#nav {width:407px;position:absolute;bottom:0;right:0;z-index:9999}
			#nav li {float:left;position:relative;width:81px;height:105px;background:transparent url(images/nav-li_bg.jpg) no-repeat 0 0;zoom:1}
			#nav #nav-five {width:83px}
			#nav li:hover,
			#nav li.current {background:transparent url(images/nav-li_bg.jpg) no-repeat 0 -105px;}
			
				#nav li a {display:block;width:81px;height:105px;text-decoration:none;text-indent:-9999px}
				
				#nav-one a 		{background:transparent url(images/nav-one_bg.jpg) no-repeat center 44px;}
				#nav-two a 	{background:transparent url(images/nav-three_bg.jpg) no-repeat center 44px;}
				#nav-three a 		{background:transparent url(images/nav-two_bg.jpg) no-repeat center 44px;}
				#nav-four a 	{background:transparent url(images/nav-four_bg.jpg) no-repeat center 44px;}
				#nav-five a 	{width:83px;background:transparent url(images/nav-five_bg.jpg) no-repeat center 44px;}
				
            #nav li ul {position:absolute;z-index:300;width:200px;background-color:#413f40;left:-999em;line-height:1;}
            #nav li:hover ul, #nav li.sfhover ul {left:0}
            
                #nav li ul li {float:none;position:relative;width:200px;background:none;height:auto;margin:0;padding:0 !important;}
                #nav li ul li:hover {background:none}    
                    #nav li ul li a {display:block;width:190px !important;height:auto;padding:8px 0 8px 10px;border-bottom:1px dotted #1d181e;font-size:11px;color:#fff;text-indent:0;background-image:none !important}
                    #nav li ul li a:hover {background-color:#1d181e;}

                #nav li ul ul {margin: -28px 0 0 200px;}
                #nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}
                #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left: auto;}


#stage-wrap {width:100%;border-top:1px solid #919369;background-color:#5b635c}
	#stage {width:845px;margin:0 auto}
	
		#article {width:567px;min-height:670px;height:auto !important;height:670px;float:left;margin-top:-53px;position:relative;z-index:5;padding:0 0 3em 0;background:#fff url(images/article_bg.jpg) repeat-y 100% 0;display:inline}
		#home-page #article {margin-top:-28px;}
		
			div.entry {width:422px;padding:0 85px 0 60px;}
		
		#sidebar {float:left;width:239px;padding:24px 0 3em 36px;display:inline}
			#subnav {width:223px;padding-left:16px;margin-bottom:2em}
				#subnav li {display:block;}
			 		#subnav li a {display:block;border-bottom:1px dotted #6e736e;padding:2px 0 3px 7px;color:#eff5c8;text-decoration:none}
			 		#subnav li a:hover {color:#ffffff}
			 		#subnav li.current_page_item a {font-weight:bold;color:#ffffff}
			 	
			 	#subnav ul {margin:.5em 0 0 1em}
					#subnav li.current_page_item ul a {font-weight:normal;color:#eff5c8}
	 	
			#blog-co {width:223px;padding-left:16px;position:relative}
				#blog-co #rss {display:block;position:absolute;top:0;right:16px}
				#blog-co h3 {width:137px;height:38px;margin-left:7px;background:transparent url(images/blog-title-co_bg.jpg) no-repeat 0 0;}
				#blog-co h3 a {display:block;width:137px;height:38px;text-indent:-9999px;text-decoration:none}
				#blog-co ul {width:223px;border-top:1px solid #737a74;padding-top:8px;}
					#blog-co ul li {display:block;padding:7px 7px 14px 7px;background-color:#565d57;zoom:1}
					#blog-co ul li.alt {background-color:transparent}
						#blog-co ul li a {color:#eff5c8;text-decoration:none}
						#blog-co ul li a:hover {color:#ffffff}
		
		.blog #sidebar h2, 
		#sidebar h3 {font-size:12px;padding-left:7px;color:#f9f9f9}
		.blog #sidebar h3 {padding-left:7px}
				
		.blog #sidebar ul {margin-bottom:1.5em}
			
			.blog #sidebar ul li.notice {background-color:#222e3c;padding:20px;margin-bottom:2em;color:#ccc}
				.blog #sidebar ul li.notice a {color:#eff5c8;}
			
			.blog #sidebar ul li li {display:block;border-bottom:1px dotted #6e736e;color:#ccc;padding:2px 0 3px 7px}
				.blog #sidebar ul li li a {color:#eff5c8;text-decoration:none}
				.blog #sidebar ul li li a:hover {color:#ffffff}
		
		div.ct-about p {color:#f9f9f9;padding-left:7px;margin-bottom:1.5em}
		#home-page div.ct-about {padding-left:16px;margin-top:1.5em}
		
#footer-wrap {border-top:7px solid #110f12}
	#footer {width:845px;margin:0 auto;padding:20px 0 80px 0;position:relative}
	
		#footer ul.col {width:72px;float:left;padding-left:63px;}
			#footer ul.col li {display:block;margin-bottom:.25em;zoom:1}
				#footer ul.col li a {color:#777777;text-decoration:none}
				#footer ul.col li a:hover {color:#ffffff}
	
		#contact-info {position:absolute;top:35px;right:7px;color:#777777;text-align:right}
			#contact-info a {color:#777777}
			#contact-info a:hover {color:#ffffff}

#comments {width:504px;font-size:12px;padding:0 0 .5em 60px;border-bottom:1px dotted #dddddd}			
ol.commentlist {list-style:none !important;margin:0 0 1.5em 0 !important}	
	ol.commentlist li {width:419px;padding:1em 85px 1em 60px;overflow:visible;border-bottom:1px dotted #dddddd;zoom:1}
	ol.commentlist li.alt {background-color:#f7f7f7;}
	
		ol.commentlist li div.comment-author {width:100%;position:relative;overflow:visible}
			ol.commentlist li div.comment-author img {display:block;position:absolute;top:0;left:-48px;padding:1px;border:1px solid #dddddd;margin-right:7px;display:inline}
			ol.commentlist li div.comment-author cite {font-size:12px;font-weight:bold}
		ol.commentlist li div.comment-meta {font-size:10px;padding-bottom:1.5em;}
			ol.commentlist li div.comment-meta a {color:#777777;text-decoration:none}	

#respond {padding-left:60px}

.contact-info a img {display:block;padding:1px;border:1px solid #ccc;margin-bottom:1em}
	.contact-info a:hover img {border:1px solid #0a486b}
	
/*---- Google Search Styles ----*/

div.gs-results {width:462px;padding:0 85px 0 28px;}

#res a {color:#0a486b !important;}