/*   
Theme Name: Osten
Theme URI: osteninteractive.com
Description: Wordpress theme for Osten Interactive
Author: Brian Fletcher
Author Email: bfletcher@gmail.com
Template: 
Version: 1.0
.
Copyright (c) 2009, Osten Interactive
.
*/

/* general */
* {font-size: 100%; padding: 0; margin: 0;}
body {font: 0.75em/1.333 'Tahoma','Arial',sans-serif; margin: 0; padding: 0; color: #666; background-color: #121212; }
a:link {color: #B8461F;text-decoration:none;}
a:visited {color: #666;}
a:hover {color:#B8461F;}
a img {border: none;}
ul,li {list-style:none;}
p {line-height:1.5em;padding-bottom:1.5em;}

/* misc */
a.cta {text-decoration:none;padding-left:11px;background:transparent url('resources/css/images/cta.gif') 0 50% no-repeat;}
a.cta:hover {text-decoration:underline;}
blockquote p {font-style:italic;font-family:'Georgia','Times',serif;font-size:21px;}
p.intro, .intro p {font-size:20px;line-height:1.2em;padding:0.7em 0 1em 0;color:#666;font-style:italic;font-family:'Georgia','Times',serif;}
p.intro em, .intro p em {color:#B84720;}
p.intro_mobile {font-size:26px;line-height:1.2em;padding:0.7em 0 1em 0;color:#666;font-style:italic;font-family:'Georgia','Times',serif;}
/* horizontal rules and IE6: must follow this convention: <div class="hr"><hr/></div> */
.hr {clear:both; height:1px; overflow:hidden; margin:1.5em 0; background:#666;}
.hr hr {display:none;} /* IE hack to cancel default MARGIN on HR */
#map_canvas {margin-bottom:2em;}

/* layout */
#container {width:100%; padding-top:13px;text-align:center;background:url('resources/css/images/bg-top.gif') 0 0 repeat-x;}
#masthead {;min-height:100px;padding-bottom:60px;text-align:left;background:#fff url('resources/css/images/bg-masthead.png') bottom left repeat-x;}
#global-nav {position:relative;width:960px;margin:0 auto;padding:10px 0;}
	#global-nav ul {width:600px;position:absolute;right:0;top:37px;text-align:right;}
	#global-nav ul li {display:inline;padding:8px 20px;}
	#global-nav li a {color:#999486;font-size:16px;padding:3px 0;text-decoration:none;text-transform:lowercase;}
	#global-nav li a.active,#global-nav li a:hover {color:#666;background:url('resources/css/images/bg-nav-active.gif') bottom left repeat-x;}
	#client-login {position:absolute;top:-13px;right:0;padding:6px 12px;background-color:#1AA5CA;}
	#client-login a {font-size:11px;color:#68BED5;}
	#client-login a:hover {text-decoration:underline;}
#hero {width:960px;margin:0 auto;padding:10px 0;overflow:hidden;}
	#hero img {float:left;margin-right:10px;}
	#hero blockquote {text-align:left;padding:20px;}
	#hero blockquote p {color:#999;padding-bottom:1em;}
	#hero blockquote strong {font-weight:normal;color:#B84720;}
	#hero blockquote em {color:#333;font-size:28px;font-family:Helvetica,Arial,sans-serif;font-style:normal;}
#body {width:100%;text-align:left;background:#10687E url('resources/css/images/bg-glow.png') 50% 0 no-repeat;}
	#body .wrapper {width:976px;margin:0 auto;padding:0;position:relative;top:-60px;min-height:100px;color:#999;}
		#body .wrapper .content {background:url('resources/css/images/bg-content-top-tall.png') 50% 0 no-repeat;}
		#body .wrapper .content-inner {min-height:200px;padding:20px 47px;background:url('resources/css/images/bg-content-inner-repeat.gif') 50% 50px repeat-y;}
		#body .wrapper .content-bottom {bottom:-14px;left:0;height:14px;background:url('resources/css/images/bg-content-bottom.png') 50% 100% no-repeat;}	
		.ie6 #body .wrapper .content-bottom {display:none;}
#footer {width:100%;min-height:300px; padding:140px 0;text-align:center;color:#666;background:#121212 url('resources/css/images/bg-footer.png') 0 0 repeat-x;}
	#footer .wrapper {width:960px;margin:0 auto;text-align:left;}
	#footer .row {padding-left:37px;width:883px;}
	#footer fieldset .row {padding-left:0;width:auto;}
	#footer .col {padding-right:35px;}
	#footer .contact {float:right;display:inline;width:220px;}
	#footer li {padding:0 0 .8em 0;}
	#footer li a {color:#666;text-decoration:none;padding-left:12px;background:url('resources/css/images/arrow.gif') 0 50% no-repeat;}
	#footer li a:hover {text-decoration:underline;color:#B8461F;}
	#footer h4 {font-size:1.5em;padding-bottom:1em;}
	#footer .legal {}
	#footer .legal li {display:inline;padding-right:20px;}
	#footer .legal a {padding:0;color:#B8461F;background-image:none;}
.row {width:100%;display:block;clear:both;overflow:hidden;margin-bottom:1em;}
.col {display:inline;float:left;padding-right:1em;}
.last {padding-right:0;}
/* clear float for all col containers */
.row:after {content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;}

/* headers */
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:1em;}
#masthead h1 {position:relative;width:331px;text-indent:-2000em;margin-top:15px;background:url('resources/css/images/logo-osten-interactive.png') no-repeat;}
#masthead h1 a {display:block;height:62px;}
h2,h3 {font-size:20px;color:#19A5CA;}

/* modules */
.home .services-callout {width:920px;margin:0;padding:20px 0 20px 20px;overflow:hidden;}
.home .services-callout li {float:left;display:inline;position:relative;width:210px;height:180px;padding-right:1px;margin-right:25px;background:url('resources/css/images/bg-services-item.gif') right no-repeat;}
.home .services-callout li.last {margin-right:0;background-image:none;}
.home .services-callout h2 {font-size:20px;color:#19A5CA;margin-bottom:12px;}
.home .services-callout img {float:right;padding-left:10px;}
.home .services-callout p {line-height:1.4em;margin-bottom:12px;}
.home .services-callout a.cta {position:absolute;bottom:5px; left:0;}

.featured-prod {width:920px;padding:20px 0 0 37px;overflow:hidden;}
.featured-prod img {float:left;}
.featured-prod blockquote {float:right;clear:right;width:400px;margin:20px 0 0 0;padding:20px 0 0 30px;background:url('resources/css/images/bg-blockquote.png') 0 0 no-repeat;}
.featured-prod blockquote p {color:#8DCBD8;background:url('resources/css/images/bg-blockquote-p.png') 80% 100% no-repeat;}
.featured-prod blockquote p.attr {background-image:none;color:#0A3D4B;font-size:16px;}

.project-selector {float:right;width:200px;margin:10px 10px 0 5px;}
.project-selector select {width:180px;}

.callout {height:120px;overflow:hidden;padding:30px 20px;margin-bottom:30px;background:url('resources/css/images/bg-callout.gif') 0 0 repeat-x;}
.callout .col-1 {width:310px;padding-right:20px;}
.callout .col-2 {width:505px;padding-right:0;}
.callout .col img {display:block;float:left;margin:0 30px 0 0;}
.callout .col-2 img {margin-right:5px;}
.callout .col p {font-size:12px;margin-top:0;color:#666;}
.callout-alt {padding-top:20px;}
.callout-alt .content-list {float:left;}
.callout-alt .content-list li {padding-bottom:0.2em;}
.callout-alt .content-list li a {font-size:13px;color:#B84720;background-image:url('resources/css/images/arrow-callout.gif');}
.callout-alt .overview {float:left;width:410px;padding-right:30px;}
.callout-alt p {line-height:1.4em;}

.two-col {width:880px;overflow:hidden;}
.two-col .main {float:left;display:inline;width:580px;padding-right:20px;}
.two-col .main h2 {margin-bottom:0.8em;}
.two-col .main h3 {color:#999385;font-size:16px;margin-bottom:0.8em;}
.two-col .main .hero {display:block;margin-bottom:0.8em;}
.two-col .sidebar {float:left;display:inline;width:280px;}
	.ie6 .two-col .sidebar {width:270px;}
.two-col .sidebar h4 {color:#19A5CA;font-size:20px;margin-bottom:0.8em;}
.two-col .main .col {width:180px;padding-right:20px;}
.two-col .main .last {padding-right:0;}

.portfolio-list .row img {float:left;margin-right:20px;}
.portfolio-list .row h2 {font-size:18px;margin-bottom:0.3em;}
.portfolio-list .row h2 a {color:#19A5CA;}
.portfolio-list .row .ext-link {margin-bottom:.8em;}
.portfolio-list .row .ext-link a {color:#0A3D4B;font-size:13px;}
.portfolio-list .row p {line-height:1.5em;}

ul.plain_bullets {float:left;width:405px;clear:none;margin-left:15px;margin-right:5px;color:#0A3D4B;list-style-type:circle;overflow:visible;list-style:circle;}

.services-list {width:880px;overflow:hidden;}
.services-list li {clear:both;width:880px;overflow:hidden;}
.services-list li.even {background-color:#EDEDED;}
.services-list .col-1 {width:190px;padding:20px;}
.services-list .col-2 {width:210px;padding:20px 20px 20px 0;}
.services-list .col-3 {width:410px;padding:20px 0 20px 0;}
.services-list .col-2-wide {width:620px;padding-top:20px;}
.services-list h3 {font-size:18px;margin-bottom:0.3em;}
.services-list p {padding-bottom:1em;}
.services-list .col-3 ul {width:410px;list-style-type:disc;overflow:visible;}
.services-list .col-3 ul li {float:left;width:185px;clear:none;margin-left:15px;margin-right:5px;color:#0A3D4B;list-style-type:disc;overflow:visible;}
.services-list .col-2-wide ul {float:left;width:150px;padding-right:30px;list-style-type:disc;}
.services-list .col-2-wide ul li {clear:none;margin-left:15px;font-size:12px;color:#0A3D4B;list-style-type:disc;overflow:visible;}

.project .hero {margin-bottom:20px;}
.project .col {width:270px;padding-right:20px;}
.project .last {width:290px;padding-right:0;}
.project h2 a {font-size:20px;color:#19A5CA;text-decoration:none;}
.project h2 em {font-style:normal;color:#444;}
.project .subhead-services {color:#999;margin-bottom:2em;}
.project .subhead-services em {color:#444;font-style:normal;}
.project h3 {font-size:18px;color:#19A5CA;margin-bottom:0.85em;}
.project blockquote p {font-family:'Tahoma','Arial',sans-serif;font-size:12px;font-style:normal;}
.project blockquote p.attr {color:#444;}

.contact h2 {margin-bottom:1em;}
.contact .map {display:block;margin-bottom:2em;}
.contact .phone {color:#0A3D4B;}
.contact #body .wrapper .content-inner {overflow:hidden;padding-right:27px;}
.contact .content-inner .col {width:280px;padding-right:15px;}
.contact .content-inner form {padding:20px;background-color:#EDEDED;}
.contact .content-inner form fieldset .row, .contact .content-inner form fieldset .fieldset {padding-bottom:1em;}
.contact .content-inner form fieldset .row label, .contact .content-inner form fieldset .fieldset .legend {color:#666;padding-bottom:4px;}
.contact .content-inner form fieldset label.for-checkbox {padding-left:4px;}
.contact .content-inner form fieldset .row input, .contact .content-inner form fieldset .row textarea {width:232px;padding:4px;color:#666;background-color:#fff;border:1px solid #ccc;}
.contact .content-inner form fieldset input.checkbox {width:15px;height:15px;}
.contact .content-inner form fieldset .submit input {width:83px;padding:0;border:0 none;background-color:transparent;}
.contact .attractions {padding:20px;color:#666;background-color:#ededed;}
.contact .attractions a {color:#19A5CA;}
.contact .attractions ul li {padding-left:60px;background-position:0 0; background-repeat:no-repeat;}
.contact .attractions ul li.tots {background-image:url('resources/css/images/attr-tots.gif');}
.contact .attractions ul li.music {background-image:url('resources/css/images/attr-drum.gif');}
.contact .attractions ul li.beer {background-image:url('resources/css/images/attr-beer.gif');}

.social-links li {margin-bottom:.8em;}
.social-links li a {font-size:12px;height:16px;line-height:16px;color:#999;padding:0 0 0 24px;background-image:url('resources/css/images/social-link-sprite.gif');background-repeat:no-repeat;}
.ie .social-links li a {padding:2px 0 0 24px;}
.social-links li a:hover {color:#444;}
.social-links li.linkedin a {background-position:0 0;}
.social-links li.delicious a {background-position:0 -16px;}
.social-links li.feed a {background-position:0 -32px;}
.social-links li.facebook a {background-position:0 -48px;}
.social-links li.twitter a {background-position:0 -64px;}

.two-col .team .bio-photo {display:block;margin-bottom:1em;}
.two-col .team h3 {margin-bottom:0.2em;}
.two-col .team .subhead-title {margin-bottom:0.9em;}

div.prev a, div.next a {display:block;height:21px;width:20px;line-height:21px;color:#999;background-image:url('resources/css/images/prev-next-sprite.gif');background-repeat:no-repeat;}
div.prev a:hover,div.next a:hover {color:#444;}
div.prev {float:left;}
div.prev a {float:left;padding-left:30px;background-position:0 0;}
div.prev a:hover {background-position:0 -21px;}
div.next {float:right;}
div.next a {float:right;padding-right:30px;background-position:100% -42px;}
div.next a:hover {background-position:100% -63px;}

ul.content-list {margin-bottom:0.8em;}
ul.content-list li {padding:0 0 .8em 0;}
ul.content-list a {color:#666;text-decoration:none;padding-left:12px;background:url('resources/css/images/arrow-dark.gif') 0 50% no-repeat;}
ul.content-list a:hover {text-decoration:underline;}

blockquote.alt {padding:20px;background:url('resources/css/images/bg-blockquote-alt.gif') bottom no-repeat;}
blockquote.alt p {color:#4F737D;}

a.view-projects {position:relative;display:block;width:131px;height:24px;background:url('resources/css/images/button-view-projects.gif') 0 0 no-repeat;}
a.view-projects span {position:absolute;left:-2000em;}

/* page-specific overrides */
.home #body .wrapper .content-inner {padding:0 0 0 17px;}
.portfolio .hr {background-color:#EFEFEF;}

/* forms */
form {font-family:'Tahoma','Arial',sans-serif;}
form fieldset {border:0 none;}
form fieldset .row,form fieldset .fieldset {clear:none;width:auto;padding-bottom:0.5em;margin-bottom:0;}
form fieldset .row label {display:block;}
form fieldset .row input, form fieldset .row textarea {width:210px;padding:2px 0;background-color:#999587;color:#F0F0F0;}
form fieldset .row textarea {height:100px;font-family:inherit;}
form fieldset .submit input {width:83px;height:24px;border:0 none;background-color:transparent;}