/*
Theme Name: Interactive Blend V2
Theme URI: http://interactiveblend.com
Description: Custom design + coding by Louis Gubitosi
Version: 2
Author: Louis Gubitosi
Author URI: http://louisgubitosi.com/

*/

/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

* {
	padding:0;
	margin:0;
	border:0px none;
}

.clear {
clear:both;
padding:20px 0;
}

a{
color:#A6A285;
text-decoration:none
}

a:hover{
color:#8f8b71;
}

p {
	margin:15px 0
}

/** get rid of dotted line **/
div:active, div:focus, div:hover{
outline-style: none;
}

a:active, a:focus, a:hover{
outline-style: none;
}
/** get rid of dotted line **/

body {
background-image:url(../images/bg.jpg);
color:#5B5A4D;
font-family:Helvetica,Arial,sans-serif;
line-height:160%;
margin:0 auto;
overflow-x:hidden;
padding:0;
}

.sep {
background-image:url(../images/sep.png);
background-position:center center;
background-repeat:no-repeat;
height:40px;
margin:10px 0;
clear:both;
}

ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 23, 2011 */

@font-face {
	font-family: 'BebasRegular';
	src: url('../fonts/BEBAS___-webfont.eot');
	src: local('☺'), url('../fonts/BEBAS___-webfont.woff') format('woff'), url('../fonts/BEBAS___-webfont.ttf') format('truetype'), url('../fonts/BEBAS___-webfont.svg#webfontSRj8j0PE') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AllerRegular';
	src: url('../fonts/aller_rg-webfont.eot');
	src: local('☺'), url('../fonts/aller_rg-webfont.woff') format('woff'), url('../fonts/aller_rg-webfont.ttf') format('truetype'), url('../fonts/aller_rg-webfont.svg#webfontVPRweR7y') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	/* This declaration targets Internet Explorer */
	font-family: '!PaulMaulRegular';
	src: url('../fonts/paulmaul-webfont.eot');
}

@font-face {
	/* This declaration targets everything else */
	font-family: '!PaulMaulRegular';
	src: url(//:) format('no404'), url('../fonts/paulmaul-webfont.woff') format('woff'), url('../fonts/paulmaul-webfont.ttf') format('truetype'), url('../fonts/paulmaul-webfont.svg#webfontIPLZvZvh') format('svg');
	font-weight: normal;
	font-style: normal;
}



h1{
	font-family:'BebasRegular', Arial, Helvetica, sans-serif;
	color:#a6a285;
	font-size:24px;
	text-shadow:1px 1px 0 #FFFFFF;
}

h2{
	font-family: 'AllerRegular';
	color:#666;
	font-size:20px;
	text-shadow:1px 1px 0 #FFFFFF;
}



.wrapper{
	width:960px;
	margin:0 auto;
}

.wrapper2{
	width:1023px;
	margin:0 auto;
}

/*----- Header -----*/

.social_sidebar {
clear:both;
float:left;
width:270px;
}


a.btnRssFeed, a.btnTwitter, a.btnReadBlog {
background:transparent url(../images/socialbuttons.png) no-repeat scroll left top;
display:block;
float:left;
height:0;
margin-right:5px;
margin-top:15px;
overflow:hidden;
padding-top:32px;
}

a.btnRssFeed {
background-position:0 -32px;
width:32px;
}
a.btnTwitter {
background-position:-37px -32px;
width:32px;
}
a.btnReadBlog {
background-position:-74px -32px;
width:32px;
}
a.btnRssFeed:hover {
margin-top:14px;
background-position:0 0;
}
a.btnTwitter:hover {
margin-top:14px;
background-position:-37px 0;
}
a.btnReadBlog:hover {
margin-top:14px;
background-position:-74px 0;
}

#subscribe1 {
display:block;
color:#ff8900;
}

#subscribe2 {
display:none;
color:#54bcf3;
}

#subscribe3 {
display:none;
color:#666;
}

#subscribeNumbers {
float:left;
font-size:18px;
line-height:18px;
margin:24px 0 0 5px;
}

.top_edge{
	background-image:url(../images/top_edge.png);
	height:17px;
}

.header {
    height: 85px;
    margin: 10px 0 0;
    padding: 0;
}

.header_left {
    float: left;
    margin-top: 8px;
}

#nav {
float:right;
height:40px;
margin-top:25px;
}

#nav li {
display:block;
float:left;
height:40px;
margin:0 5px;
padding-left:10px;
}

#nav li:hover {
background:transparent url(../images/nav_hover_left_cap.png) no-repeat;
}

#nav li:hover a {
background:transparent url(../images/nav_hover_right.png);
background-repeat:no-repeat;
background-position:center right;
color:#555;
}

#nav li:active {
margin-top:1px;
margin-bottom:-1px;
}

#nav a {
color:#777;
display:block;
font-family:'BebasRegular',Arial,Helvetica,sans-serif;
font-size:18px;
height:40px;
line-height:40px;
padding:0 10px 0 0;
text-decoration:none;
text-shadow:1px 1px 0 #FFFFFF;
}

#nav li.current a {
background:transparent url(../images/nav_active_right.png) no-repeat scroll right 0 !important;
color:#555;
}

#nav li.current {
background:transparent url(../images/nav_active_left_cap.png) no-repeat scroll 0 0 !important;
}


/*----- Slideshow -----*/

div#slideshow {
height:306px;
margin:20px auto 0;
overflow:scroll;
position:relative;
width:900px;
z-index:5;
}

	div#slideshow ul#slides_nav {
		display: none;
		list-style: none;
		top: 120px; z-index: 15;
		position:absolute;
		width:900px;
	}
		div#slideshow ul#slides_nav li#prev {
			float: left; margin: 0 0 0 0;
		}
		div#slideshow ul#slides_nav li#next {
			float: right; margin: 0 0 0 0;
		}
		div#slideshow ul#slides_nav li a {
			display: block; width: 50px; height: 50px; text-indent: -9999px;
		}
			div#slideshow ul#slides_nav li#prev a {
				background-image:url(../images/prev.png);
			}
			div#slideshow ul#slides_nav li#next a {
				background-image:url(../images/next.png);
			}

	div#slideshow ul#slides {
		list-style: none;
	}
		div#slideshow ul#slides li {
			margin: 0 0 20px 0;
		}
		
.welcome_top {
    background-image: url("../images/white_mark_top.png");
    background-position: center top;
    height: 27px;
    margin: 10px 0 0;
    padding: 0;
}

.welcome {
    background-image: url("../images/white_mark.png");
    background-position: center center;
    background-repeat: repeat-x;
    border-top: 1px solid #D6D3B9;
    color: #777777;
    font-family: 'AllerRegular',Helvetica,sans-serif;
    font-size: 18px;
    line-height: 150%;
    margin: 15px 0 0;
    padding: 20px 0;
    text-align: center;
    text-shadow: 1px 1px 0 #FFFFFF;
}

.welcome_bottom {
    background-image: url("../images/white_mark_bottom.png");
    background-position: center bottom;
    height: 25px;
    margin: 0;
    padding: 0;
}

.desc {
    color: #7C795D;
    font-size: 16px;
    margin: 5px 10px 10px 0;
    text-shadow: 1px 1px 0 #FFFFFF;
}

.top_nav {
    margin: 0 20px 20px 30px;
    overflow: auto;
}

.whoweare {
font-size:14px;
text-shadow:1px 1px 0 #FFFFFF;
}

div.interviews {
float:left;
font-size:14px;
margin:0 0 0 30px;
text-shadow:1px 1px 0 #FFFFFF;
width:480px;
}

.current_info {
float:left;
width:260px;
margin:0 0 20px;
}

a.blue_button {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background:#537ea5 url(../images/button.png) repeat-x scroll 0 50%;
color:#fff;
font-size:1em;
line-height:1;
margin:0;
padding:7px 12px;
text-decoration:none;
font-weight:bold;
}

.mail_button {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
background:#B24646 url(../images/button.png) repeat-x scroll 0 50%;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
letter-spacing:0;
margin:0;
padding:6px;
text-decoration:none;
width:100px;
border-bottom:0px;
text-shadow:none;
height:34px
}

.mail_button:hover {
background:#B24646;
}

#mail_email {
background-image:url(../images/mailing_box.png);
background-position:left top;
background-repeat:no-repeat;
border-bottom:0 none;
height:36px;
line-height:36px;
margin:10px 5px 0 0;
padding:5px 10px 0;
width:250px;
}

input:focus {
outline:none;
}

#link li:hover {
background:transparent url(../images/nav_hover_left_cap.png) no-repeat;
}

#link li:hover a {
background:transparent url(../images/nav_hover_right.png);
background-repeat:no-repeat;
background-position:center right;
color:#555;
}

a.button-brown {
    background: url("../images/bg_button_a.png") no-repeat scroll right top transparent;
    color: #777777;
    display: block;
    float: left;
    font-family: 'BebasRegular',Arial,Helvetica,sans-serif;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin-right: 0;
    padding: 0 12px 0 0;
    text-decoration: none;
    text-shadow: 1px 1px 0 #FFFFFF;
}

a.button-brown span {
    background: url("../images/bg_button_span.png") no-repeat scroll 0 0 transparent;
    display: block;
    padding: 0 0 0 12px;
}

a.button-brown:hover{
    background: url("../images/bg_button_hover_a.png") no-repeat scroll right top transparent;
    color: #555;
    display: block;
    float: left;
    font-family: 'BebasRegular',Arial,Helvetica,sans-serif;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin-right: 0;
    padding: 0 11px 0 3px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #FFFFFF;
}

a.button-brown span:hover {
    background: url("../images/bg_button_hover_span.png") no-repeat scroll 0 0 transparent;
    display: block;
    padding: 0 0 0 10px;
}

a.button-brown:active {
    margin-top:1px;
	margin-bottom:-1px;
}

a.blue_button:hover {
background:#679ccd;
border-bottom:0px;
}

.blog_info {
float:left;
width:260px;
margin:0 0 20px;
}

a.green_button {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background:#81a455 url(../images/button.png) repeat-x scroll 0 50%;
color:#fff;
font-size:1em;
line-height:1;
margin:0;
padding:7px 12px;
text-decoration:none;
font-weight:bold;
}

a.green_button:hover {
background:#81a455;
border-bottom:0px;
}

.featured_thumb {
float:left;
height:156px;
margin:15px 0 10px;
overflow:hidden;
}

.home_page_work li {
float:left;
height:156px;
padding:0 3px;
width:344px;
}

/*****BLOG*****/
.blog_left {
float:left;
width:650px;
}

.post {
background-image:url(../images/sep.png);
background-position:center bottom;
background-repeat:no-repeat;
overflow:auto;
padding:0 0 65px;
}

.post h1 {
color:#666666;
line-height:36px;
margin:15px 0 10px;
}

div.post_image{
	float:left;
}

.post_image img{
 -moz-box-shadow:0 2px 6px #666;
   -webkit-box-shadow:0 2px 6px #666;
   box-shadow:0 2px 6px #666;
}

.post_image img:hover{
-moz-box-shadow:0 0 0 #666;
   -webkit-box-shadow:0 0 0 #666;
   box-shadow:0 0 0 #666;
}

.post_desc {
background-image:url(../images/sep_right.png);
background-position:right top;
background-repeat:repeat-y;
float:left;
font-size:14px;
height:120px;
line-height:20px;
margin-left:15px;
overflow:hidden;
padding:0 15px 0 0;
text-shadow:1px 0 1px #FFFFFF;
width:340px;
}

.category a{
	color:#8d0d41;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}

.post_data {
float:left;
padding:0 0 0 15px;
}

.post_data .button-brown{
	margin:5px 0 0 0;
}

.post_data a.button-brown:active {
    margin-bottom: -1px;
    margin-top: 6px;
}
	
div.postComments {
color:#666666;
font-size:12px;
padding:5px 0 0;
text-transform:uppercase;
}
	
.postComments a {
background-image:url(../images/comments.png);
background-position:left center;
background-repeat:no-repeat;
color:#666;
padding:5px 0 5px 20px;
text-decoration:none;
}

div.postDate {
background-image:url(../images/clock.png);
background-position:left center;
background-repeat:no-repeat;
color:#666666;
font-size:12px;
padding:0 0 0 20px;
text-transform:uppercase
}

.siderbar {
background-image:url(../images/sidebar_shadow.png);
background-position:left top;
background-repeat:no-repeat;
float:right;
min-height:800px;
padding:0 0 0 20px;
width:270px;
}

#s {
background-image:url(../images/search_box.png);
background-position:left top;
background-repeat:no-repeat;
border-bottom:0 none;
height:36px;
line-height:36px;
margin:10px 5px 20px 0;
padding:5px 10px 0;
width:160px;
}

.search_button, #submit {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
background:#B24646 url(../images/button.png) repeat-x scroll 0 50%;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
letter-spacing:0;
margin:0;
padding:6px;
text-decoration:none;
width:80px;
border-bottom:0px;
text-shadow:none;
height:34px
}

.search_button:hover {
background:#B24646;
background-image:none;
}

#submit:hover {
	background-color:#B24646;
	background-image:none;
}

div.side_dribbble {
	min-height:200px;
	margin:15px 0 30px
}

div.side_comments {
	min-height:200px;
	margin:15px 0 30px
}

div.side_tweets {
	min-height:200px;
	margin:15px 0 30px
}

h1.side_dribbble {
	color:#ea4c89;
	background-image:url(../images/drib_title.png);
	background-position:center center;
	background-repeat:no-repeat;
	text-align:center;
	font-size:22px;
}

.side_dribbble a{
	color:#ea4c89;
	background-image:url(../images/drib_title.png);
	background-position:center center;
	background-repeat:no-repeat;
	text-align:left;
	font-size:22px;
}

h1.side_comments{
	color:#666;
	background-image:url(../images/comm_title.png);
	background-position:center center;
	background-repeat:no-repeat;
	text-align:center;
	font-size:22px;
}

h1.side_tweets {
	color:#35C7FF;
	background-image:url(../images/twit_title.png);
	background-position:center center;
	background-repeat:no-repeat;
	text-align:center;
	font-size:22px;
}

.side_tweets a{
	color:#35C7FF;
	background-image:url(../images/twit_title.png);
	background-position:center center;
	background-repeat:no-repeat;
	text-align:center;
	font-size:22px;
}

ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

ol.user-list {
font-size:0.8em;
margin-top:0;
}

ol.user-list li a img {
background:#FFFFFF none repeat scroll 0 0;
border-color:#E5E5E5 #E5E5E5 #999;
border-style:solid;
border-width:1px;
float:left;
margin:0 6px 0 0;
padding:3px;
vertical-align:middle;
width:24px;
}

ol.user-list li {
    background-image: url("http://interactiveblend.com/images/double_line.png");
    background-position: center bottom;
    background-repeat: repeat-x;
color:#666666;
display:block;
font-size:12px;
font-weight:normal;
line-height:20px;
margin:0;
min-height:32px;
padding:8px 0;
}

ol.user-list a{
color:#666666;
display:block;
font-size:12px;
font-weight:normal;
line-height:20px;
margin:0;
min-height:32px;
padding:8px 0;
}

ol.user-list li a:hover{
color:#999;
}

/*****PORTFOLIO*****/

ul#filter {
    float: left;
    font-size: 16px;
    list-style: none outside none;
}

div.hire {
    color: #777777;
    float: right;
    font-family: 'AllerRegular',Helvetica,sans-serif;
    font-size: 16px;
    margin: 0;
    text-align: right;
    text-shadow: 1px 1px 0 #FFFFFF;
}

.hire {
float:left;
font-size:16px;
margin:8px 15px 0 0;
}

ul#filter li {
float:left;
padding:0 20px 0 10px;
}

ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }

ul#filter a { 
color:#777777;
display:block;
font-family:'BebasRegular',Arial,Helvetica,sans-serif;
font-size:16px;
height:40px;
line-height:40px;
padding:0 10px 0 0;
text-decoration:none;
text-shadow:1px 1px 0 #FFFFFF;
}

ul#filter li:active {
margin-top:1px;
margin-bottom:-1px;
}

ul#filter li:hover {
background:transparent url(../images/nav_hover_left_cap.png) no-repeat;
}

ul#filter li:hover a {
background:transparent url(../images/nav_hover_right.png);
background-repeat:no-repeat;
background-position:center right;
color:#555;
}

ul#filter li.current a, ul#filter a:hover { text-decoration: none; }

ul#filter li.current {
-moz-background-clip:border !important;
-moz-background-inline-policy:continuous !important;
-moz-background-origin:padding !important;
background:transparent url(../images/nav_active_left_cap.png) no-repeat scroll 0 0 !important;
padding-left:10px;
}

ul#filter li.current a {
background:transparent url(../images/nav_active_right.png) no-repeat scroll right 0 !important;
color:#555555;
}

ul#portfolio { float: left; list-style: none; margin-left: 0; width: 1032px; }

ul#portfolio li {
color:#444444;
float:left;
height:230px;
margin:0;
padding:0;
width:344px;
}

ul#portfolio li:hover{
	color:#999;
}

ul#portfolio a { display: block; width: 100%; }
ul#portfolio a:hover { text-decoration: none; }

a img {
    border: none;
}

li h2 {
color:#A6A285;
font-family:Helvetica,Arial,sans-serif;
font-size:18px;
font-weight:bold;
line-height:10px;
margin:170px 0 0 35px;
text-shadow:1px 1px 0 #FFFFFF;
}

li p {
color:#7C795D;
font-size:12px;
font-style:italic;
line-height:16px;
margin:0;
padding:5px 0 0 35px;
text-shadow:1px 1px 0 #FFFFFF;
}

img.fade_iblend {
	background: url("../images/logo2.png") no-repeat scroll right bottom transparent;
	position:absolute;
}

img.fade_web {
    background: url("../images/view_portfolio_web.png") no-repeat scroll right bottom transparent;
	position:absolute;
}

img.fade_blog {
    background: url("../images/view_portfolio_blog.png") no-repeat scroll right bottom transparent;
	position:absolute;
}

img.fade_flash {
    background: url("../images/view_portfolio_flash.png") no-repeat scroll right bottom transparent;
	position:absolute;
}

img.fade_logo {
    background: url("../images/view_portfolio_logo.png") no-repeat scroll right bottom transparent;
	position:absolute;
}

img.fade_print {
    background: url("../images/view_portfolio_print.png") no-repeat scroll right bottom transparent;
	position:absolute;
}

/*----- Services -----*/
.service {
background:rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
border:2px solid rgba(255, 255, 255, 0.7);
float:left;
margin:10px 10px 25px;
min-height:328px;
padding:10px;
position:relative;
width:275px;
z-index:0;
   -moz-box-shadow:inset 0 0 10px #ccc;
   -webkit-box-shadow:inset 0 0 10px #ccc;
   box-shadow:inset 0 0 10px #ccc;
}

.service p.desc {
	font-size:13px;
	color:#888;
}

.service .image {
margin:20px auto 0;
 box-shadow:inset 0px 0px 40px rgba(0,0,0,.5);
-webkit-box-shadow:inset 0px 0px 40px rgba(0,0,0,.5);
-moz-box-shadow:inset 0px 0px 40px rgba(0,0,0,.5);
width:270px;
border:1px solid #999999;
}

.service img{
z-index: -1;
position: relative;
}

/*----- Contact -----*/
#slider {
position:relative;
width:480px;
}

.scroll {
float:left;
height:500px;
overflow:hidden;
position:relative;
width:430px;
}

.scrollContainer div.panel {
margin:0 10px 0 5px;
}

div.scrollContainer{
	overflow:hidden;
}

.contact_wrap {
background:rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
border:2px solid rgba(255, 255, 255, 0.7);
float:left;
margin:10px 0 25px;
min-height:365px;
padding:10px;
position:relative;
width:400px;
z-index:0;
   -moz-box-shadow:inset 0 0 10px #ccc;
   -webkit-box-shadow:inset 0 0 10px #ccc;
   box-shadow:inset 0 0 10px #ccc;
}	

legend {
color:#666666;
font-family:'BebasRegular';
font-size:24px;
letter-spacing:1px;
padding:10px 0;
text-shadow:1px 1px 0 #FFFFFF;
}
	
input           {width:250px;}

form input {
background-color:transparent;
border-bottom:1px dashed #989895;
bottom:13px;
color:#4F4F4F;
font-family:'!PaulMaulRegular',Courier New;
font-size:22px;
letter-spacing:3px;
margin:10px 0 0;
padding:4px 0 0;
}

.contact_wrap input#email {
-moz-box-shadow:0 0 0 #CCCCCC inset;
   -webkit-box-shadow:0 0 0 #CCCCCC inset;
   box-shadow:0 0 0 #CCCCCC inset;
background-color:transparent;
border-color:-moz-use-text-color -moz-use-text-color #989895;
border-style:none none dashed;
border-width:medium medium 1px;
bottom:13px;
color:#4F4F4F;
font-family:'!PaulMaulRegular',Courier New;
font-size:22px;
letter-spacing:3px;
margin:10px 0 0;
padding:4px 0 0;
width:340px;
}

textarea {
background:transparent none repeat scroll 0 0;
color:#4F4F4F;
font-family:'!PaulMaulRegular',Courier New;
font-size:22px;
height:150px;
letter-spacing:3px;
margin:15px 0;
padding:0 5px;
width:390px;
}

label {
clear:left;
display:block;
float:left;
font-family:'AllerRegular';
font-size:14px;
margin:15px 10px 0 0;
text-transform:uppercase;
}

label:after     {content:": ";}


.submit-button {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background:#81A455 url(../images/button.png) repeat-x scroll 0 50%;
color:#FFFFFF;
font-size:1em;
font-weight:bold;
line-height:1;
margin:0 auto;
padding:7px 12px;
text-align:center;
text-decoration:none;
width:400px;
font-family:'AllerRegular';
border-bottom:0px;
}

.submit-button:hover {
background:#9cc767;
border-bottom:0px;
}

.yay, .oops     {font-size:.8em;text-align:center;padding:10px;color:#fff;font-weight:700;}
.yay            {background:#090;}
.oops           {background:#f30;}

div.error {
color:#FF3300;
font-size:0.8em;
font-weight:700;
margin:0 8px 0 0;
padding:5px 0 0;
text-align:right;
}

input#name {
width:340px;
}

input#email {
width:340px;
}

input#website {
width:325px;
}

textarea#message {
width:400px;
}

/*----- Footer -----*/

.footer_up a.scroll {
height:129px;
margin-top:0;
width:120px;
}

.footer_top_edge {
background-image:url(../images/footer_top.jpg);
background-position:center bottom;
background-repeat:repeat-x;
clear:both;
height:40px;
padding:40px 0 0;
}

h1.firstHeading{
color:#666666;
font-family:'AllerRegular';
font-size:20px;
text-shadow:1px 1px 0 #FFFFFF;
}

#bodyContent p {
color:#888888;
font-size:14px;
line-height:18px;
margin:0
}

.footer {
background-image:url(../images/footer_bg.jpg);
min-height:150px;
padding:20px 0 0;
}

.footer_up {
float:right;
position:relative;
top:-94px;
}

.footer_text {
font-size:12px;
height:35px;
text-align:center;
width:960px;
}

.footer h2 {
font-size:24px;
margin:0 0 15px;
}

.footer h2  a{
color:#666
}

.footer h2  a:hover{
color:#888
}

.twitter_footer{
	float:left;
	width:190px;
}

.twitter_bird {
float:left;
left:30px;
margin-left:-40px;
position:relative;
top:120px;
}

#twitter_div {
background-image:url(../images/twitbox.png);
background-position:center top;
background-repeat:no-repeat;
height:150px;
margin-top:10px;
overflow:hidden;
text-shadow:1px 1px 0 #FFFFFF;
width:190px;
}

#twitter_div ul {
margin:0 auto;
padding-top:15px;
text-align:center;
width:170px;
}

.tweet {
color:#5B5A4D;
font-size:14px;
line-height:22px;
width:190px;
}

.tweet a{
	color:#429bb9;
}

.tweet a:hover{
	color: #59bee0;
}

.email_updates {
color:#5B5A4D;
float:left;
font-size:14px;
line-height:24px;
margin:0 0 0 70px;
text-shadow:1px 1px 0 #FFFFFF;
width:380px;
}

ul.footer_navigate {
float:left;
font-size:14px;
line-height:22px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
text-shadow:1px 1px 0 #FFFFFF;
width:150px;
}

ul.footer_navigate a{
	color:#979379;
}

ul.footer_navigate a:hover{
	color:#a50a0a;
}

ul.footer_navigate a.active{
	color:#a50a0a;
}


.footer_bottom{
	background-image:url(../images/color_bar.jpg);
	height:7px;
}

/*----- Network Icons -----*/
.networks {
clear:both;
height:60px;
margin:0 auto 5px;
overflow:hidden;
padding:0 5px;
width:420px;
}

.facebook {
background-image:url(../images/networks.png);
background-position: 0px 0px;
display:block;
float:left;
height:60px;
width:60px;
}

.facebook span.hover {
background-image:url(../images/networks.png);
background-position: 0px -60px;
display:block;
float:left;
height:60px;
width:59px;
}

.networks .twitter {
background-image:url(../images/networks.png);
background-position: -60px 0px;
display:block;
float:left;
height:60px;
width:60px;
}

.networks .twitter span.hover {
background-image:url(../images/networks.png);
background-position: -60px -60px;
display:block;
float:left;
height:60px;
width:59px;
}

.networks .dribbble {
background-image:url(../images/networks.png);
background-position: -120px 0px;
display:block;
float:left;
height:60px;
width:60px;
}

.networks .dribbble span.hover {
background-image:url(../images/networks.png);
background-position: -120px -60px;
display:block;
float:left;
height:60px;
width:60px;
}

.digg {
background-image:url(../images/networks.png);
background-position: -180px 0px;
display:block;
float:left;
height:60px;
width:60px;
}

.digg span.hover {
background-image:url(../images/networks.png);
background-position: -180px -60px;
display:block;
float:left;
height:60px;
width:60px;
}

.forrst {
background-image:url(../images/networks.png);
background-position: -240px 0px;
display:block;
float:left;
height:60px;
width:60px;
}

.forrst span.hover {
background-image:url(../images/networks.png);
background-position: -240px -60px;
display:block;
float:left;
height:60px;
width:60px;
}

.linked {
background-image:url(../images/networks.png);
background-position: -300px 0px;
display:block;
float:left;
height:60px;
width:60px;
}

.linked span.hover {
background-image:url(../images/networks.png);
background-position: -300px -60px;
display:block;
float:left;
height:60px;
width:60px;
}

.flickr {
background-image:url(../images/networks.png);
background-position: -360px 0px;
display:block;
float:left;
height:60px;
width:60px;
}

.flickr span.hover {
background-image:url(../images/networks.png);
background-position: -360px -60px;
display:block;
float:left;
height:60px;
width:60px;
}

.stripViewer {
float:left;
overflow:hidden;
position:relative;
width:430px;
}

		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 700px; /* Also specified in  .stripViewer  above */
		}

.stripNav ul {
clear:both;
float:left;
margin:0 0 10px;
width:960px;
}

.stripNav li {
background:transparent url(../images/nav_hover_left_cap.png) no-repeat scroll 0 0 !important;
float:left;
padding:0 20px 0 10px;
}

.stripNav li:last-child { border-right: none; margin-right: 0; padding-right: 0; }

.stripNav a { 
color:#777777;
display:block;
font-family:'BebasRegular',Arial,Helvetica,sans-serif;
font-size:16px;
height:40px;
line-height:40px;
padding:0 10px 0 0;
text-decoration:none;
text-shadow:1px 1px 0 #FFFFFF;
background:transparent url(../images/nav_hover_right.png);
background-repeat:no-repeat;
background-position:center right;
color:#555;
}

.stripNav li:active {
margin-top:1px;
margin-bottom:-1px;
}

.stripNav li.current a, .stripNav a:hover { text-decoration: none; }

.stripNav li.current {
background:transparent url(../images/nav_active_left_cap.png) no-repeat scroll 0 0 !important;
height:40px;
line-height:40px;
padding-left:10px;
}

.stripNav a.current  {
background:transparent url(../images/nav_active_right.png) no-repeat scroll right 0 !important;
color:#555555;
height:40px;
line-height:40px;
}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}

#map_canvas {
border:2px solid rgba(255, 255, 255, 0.7);
float:left;
height:330px;
margin:10px 0 25px 15px;
overflow:hidden;
padding:10px;
position:relative;
width:490px;
}

.contactus {
float:left;
margin:0 0 0 15px;
width:500px;
}

select {
background:#F5F5F5 none repeat scroll 0 0;
border-color:#B8B8B8 #D5D5D5 #D5D5D5 #B8B8B8;
border-style:solid;
border-width:1px;
float:left;
font-family:'!PaulMaulRegular',Courier New;
font-size:22px;
letter-spacing:1px;
margin:10px 0 0 5px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:2px;
}

.budget {
margin-bottom:25px;
width:325px;
}

.work {
width:282px;
}

.whoweare {
float:left;
width:450px;
}

ul.interviews {
float:left;
font-size:14px;
font-style:italic;
margin:15px 0 0;
}

ul.interviews li {
background-image:url(../images/bullet.png);
background-repeat:no-repeat;
font-size:14px;
line-height:24px;
margin:0 0 5px;
padding:2px 0 0 28px;
}

ul.interviews a {
font-family:Helvetica,Arial,Sans-Serif;
font-size:14px;
font-weight:normal;
}

div.Profile {
clear:both;
float:left;
font-size:14px;
margin:15px 0;
position:relative;
text-align:left;
text-shadow:1px 1px 0 #FFFFFF;
}

.Profiledesc {
float:left;
font-size:14px;
line-height:22px;
width:700px;
}

div.Profile img {
background-color:#FFFFFF;
border-bottom:1px solid #888888;
float:left;
margin:0 15px 0 0;
padding:5px;
}

div.Profile small {
color:#7C795D;
display:block;
font-size:12px;
line-height:14px;
margin:5px 0 10px 1px;
text-shadow:1px 0 1px #FFFFFF;
}

div.Profile a.twitter_badge {
background:transparent url(../images/twitter_connect.png) no-repeat scroll 0 0;
border:medium none;
display:block;
height:70px;
left:0;
position:absolute;
top:80px;
width:70px;
}

div.Profile a.twitter_badge:hover {
background:transparent url(../images/twitter_connect.png) no-repeat scroll 0 -70px;
}

div.Profile a.twitter_badge span {
display:none;
}

.privacy{
text-shadow: 1px 1px 0 #FFFFFF;
}

ul.twitter {
font-size:0.8em;
}

ul.twitter .twit_picture img {
background:#FFFFFF none repeat scroll 0 0;
border-color:#E5E5E5 #E5E5E5 #999;
border-style:solid;
border-width:1px;
float:left;
margin:0 6px 0 0;
padding:3px;
vertical-align:middle;
width:24px;
}

.twit_picture {
float:left;
padding:0 5px 0 0;
}

.twit_picture a {
color:#666666;
display:block;
font-size:12px;
font-weight:normal;
line-height:20px;
margin:0;
min-height:32px;
padding:0 0 8px;
}

ul.twitter {
	margin-top:0px;
}

ul.twitter li {
color:#666666;
display:block;
font-size:12px;
font-weight:normal;
line-height:20px;
    background-image: url("http://interactiveblend.com/images/double_line.png");
    background-position: center bottom;
    background-repeat: repeat-x;
margin:0;
min-height:32px;
padding:15px 0;
}

ul.twitter li a:hover{
color:#74c8e8;
}

a.twitter-link, a.twitter-user{
background-image:none;
color:#32b1e1;
font-size:12px;
text-align:left;
}

div.siderbar {
padding-bottom:20px;
text-shadow:1px 0 1px #FFFFFF;
}

.navigation {
clear:both;
text-align:center;
}
	
div#author-info {
   -moz-box-shadow:0 0 10px #CCCCCC inset;
   -webkit-box-shadow:0 0 10px #CCCCCC inset;
   box-shadow:0 0 10px #CCCCCC inset;
background:rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
border-bottom:2px solid rgba(255, 255, 255, 0.7);
border-top:2px solid rgba(255, 255, 255, 0.7);
font-size:14px;
margin:20px 0 0;
overflow:auto;
padding:10px;
text-shadow:1px 0 1px #FFFFFF;
}

ol.commentlist li.author {
   -moz-box-shadow:0 0 10px #CCCCCC inset;
   -webkit-box-shadow:0 0 10px #CCCCCC inset;
   box-shadow:0 0 10px #CCCCCC inset;
background:rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
border-bottom:2px solid rgba(255, 255, 255, 0.7);
border-top:2px solid rgba(255, 255, 255, 0.7);
font-size:14px;
margin:0;
text-shadow:1px 0 1px #FFFFFF;
}

div#author-info div#author-image {
background-color:#FFFFFF;
border-bottom:1px solid #666666;
float:left;
margin:5px 15px 5px 0;
padding:5px;
}

#comments span {
float:right;
}

h2#comments {
margin:30px 0 10px;
}

ol.commentlist li {
background-image:url(http://interactiveblend.com/images/double_line.png);
background-position:center top;
background-repeat:repeat-x;
overflow:hidden;
padding:20px 10px 5px;
}

li.commentlist p {
	margin:15px 0
}

ol.commentlist li.item img:hover {
    background-color: #d9d5b9;
}

.comment_info {
clear:both;
float:left;
font-size:14px;
margin:0;
}

.comment_info p {
font-size:16px;
font-style:normal;
line-height:160%;
margin:15px;
padding:0;
}

.comment_author {
color:#A6A285;
float:left;
font-size:18px;
font-weight:bold;
overflow:hidden;
text-shadow:1px 0 1px #FFFFFF;
text-transform:uppercase;
}

ol.trackbacks li {
background-image:url(../images/hyperlink.png);
background-position:left top;
background-repeat:no-repeat;
clear:both;
font-size:14px;
margin:10px 0;
padding-left:30px;
}

li.trackbacks a {
font-size:14px;
font-weight:normal;
line-height:160%;
padding-left:0;
text-transform:none;
}

a.url {
font-size:18px;
font-weight:bold;
text-transform:uppercase;
}

.commentmetadata {
font-size:14px;
}

a.twitter-anywhere-user {
background-image:url(../images/twitter_comment.png);
background-position:left center;
background-repeat:no-repeat;
color:#52D0D7;
display:block;
font-size:14px;
overflow:hidden;
padding:8px 0 5px 28px;
}

textarea#comment {
   -moz-box-shadow:0 0 10px #CCCCCC inset;
   -webkit-box-shadow:0 0 10px #CCCCCC inset;
   box-shadow:0 0 10px #CCCCCC inset;
background:rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
border:2px solid rgba(255, 255, 255, 0.7);
color:#4F4F4F;
font-family:Helvetica,Arial,sans-serif;
font-size:14px;
height:150px;
letter-spacing:0;
padding:10px;
width:620px;
}

form input#twitter,input#url,input#email,input#author {
   -moz-box-shadow:0 0 10px #CCCCCC inset;
   -webkit-box-shadow:0 0 10px #CCCCCC inset;
   box-shadow:0 0 10px #CCCCCC inset;
background:rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
border:2px solid rgba(255, 255, 255, 0.7);
color:#4F4F4F;
font-family:Helvetica,Arial,sans-serif;
font-size:14px;
letter-spacing:0;
margin:10px 10px 0 0;
padding:10px;
width:300px;
}

.fb-like {
background-image:url(../images/line_fb.png);
background-repeat:repeat-x;
font-size:11px;
font-weight:bold;
height:25px;
margin:15px 0;
padding:6px 10px;
text-transform:uppercase;
}

div.content {
font-size:14px;
text-shadow:1px 0 1px #FFFFFF;
width:645px;
}

ul.social_icons {
background-image:url(../images/tools_bg.png);
height:85px;
margin-top:30px;
padding:25px 0 0 25px;
width:620px;
}

.social_icons li {
float:left;
margin:0 15px;
}

td.time {
color:#777777;
text-align:right;
}

a.viewArchives {
background-image:url(http://interactiveblend.com/images/archives.png);
background-position:left center;
background-repeat:no-repeat;
padding:20px 0 20px 40px;
}