/*
Theme Name: Envano
Theme URI: http://envano.com
Description: 
Author: Tim Kadlec
Author URI: http://envano.com

Colors 
Font color - #a99eba
Links - #8d47bf
*/
@import "style/css/libraries.css";
@import "style/css/template.css";
@import "style/css/grids.css";

/* @group General */
html{
	text-align: center;
	background: #000;
	overflow-y: scroll; /* http://webdevel.blogspot.com/2007/05/controlling-browser-scrollbars.html */
}
body{
	margin: 0 auto;
	padding: 16px 0 0 0;
	font: 11px/1.2em helvetica, arial, sans-serif;
	text-align: left;
	color: #a99eba;
	background: url(style/images/bodybg.jpg) top center no-repeat #000;
}
#page{
	background: url(style/images/pagebg.jpg) top center no-repeat #141117;
}
/* ====== Lists ======*/
/* numbered list */
ol.simpleList li{list-style-type: decimal; margin-left:40px;}
/* standard list */
ul.simpleList li{list-style-type:disc; margin-left:40px;}

h1, h2, h3, h4, h5, h6, ul, ol,dl, p {padding:10px 15px;}
p{
	line-height: 1.4em;
	padding: 5px 15px
}
blockquote{
	margin: auto 30px;
}
a{
	outline: none;
	color: #8d47bf;
	text-decoration: none;
}
a:hover{
	color: #AE01A2;
}
strong{
	font-weight: bold;
}
.upper{
	text-transform: uppercase;
}
.nocolor{
	color: #fff;
}
.clear{
	clear:both;
}
.tightbtm{
	padding-bottom: 0;
}
.tighttop{
	padding-top: 0;
}
.entrydate{
	float: left;
	width: 50px;
	background: #AE01A2;
	display: inline;
	color: #040107;
	text-align: center;
	font-size: 1.3em;
	padding: 0;
	margin: 0 10px 10px 10px;
}
.entrydate span{
	display: block;
	font-size: .8em;
}
.entrydate .date{
	font-size: 1.6em;
}
.post{
	padding-bottom: .5em;
	margin-bottom: 2em;
	border-bottom: 1px dotted #612f85;
	margin: 0 10px 2em 10px;
	overflow: hidden;
	zoom:1;
}
.rightCol .post{
	border-bottom: 0;
	margin-bottom: 5px;
}
.post img{
	border: 3px solid #8D47BF;
	float: left;
	margin-right: 10px;
}
.alignnone{
	float: left;
	margin-right: 10px;
}
.portfolio .alignnone{
	float: none;
	margin-right: 0;
}
.portfolio .thickbox{
	display: none;
}
.alignright, img.alignright{
	float: right;
}
.alignleft, img.alignleft{
	float: left;
}
.pagenav{
	display: block;
	clear: both;
}
.pagenav .alignleft{
	display: inline;
	margin-left: 15px;
	margin-bottom: 10px;
	font-size: 1.2em;
}
.pagenav .alignright{
	display: inline;
	margin-right: 15px;
	margin-bottom: 10px;
	font-size: 1.2em;
}
.addthis{
	margin-top: 5px;
	margin-bottom: 3em;
}
.size3of4 {	position: relative; }
#addthis_nav{
	position: absolute;
	left: 539px;
	top: 2px;
}
.postmetadata{
	padding-top: 0;
	margin-bottom: 1em;
}
.postnav{
	margin: 0 10px;
	padding-bottom: 10px;
	overflow: hidden;
	zoom:1;
}
/* @end */

/* @group Headings */
h1 {
	font-size: 70%;
	margin-top:0em;	
	margin-bottom: 0em; 
	position: absolute;
	top: 10px;
	left: 15px;
	display: block;
	padding-left: 0;
}
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:focus,
h1 a:active{
	width: 182px;
	height: 45px;
	text-indent: -9999px;
	display: block;
	background: url(style/images/logo.png) top left no-repeat;
}
h2{
	font-size: 2em; /* 24px */
	line-height:1.2em;
	margin: .4em 10px .5em 0;
	font-weight: bold;
	color: #956ad2;
	display: block;
	padding: .4em 15px;
	font-family: "Trebuchet MS", arial, helvetica;
}
h3{
	font-size: 1.25em; /* 18px */
	font-weight: bold;
	color: #c2c2c2;
}
.replace{
	font-size: 16px;
}
h4{
	font-size: 1.1em; /* 14px */
	font-weight: bold;
	color: #c2c2c2;
	margin-bottom: -14px;
}
h5{
	font-size: 1.16em; /* 14px */
	margin: 1.3em 0;
	font-weight: bold;
	color: #000;
}
h6{
	font-size: 1.16em; /* 14px */
	margin: 1.3em 0;
	font-weight: bold;
	color: #000;
}
/* @end */

/* @group Page Structure */
ul.outposts li{
	display: block;
	float: left;
}
ul.outposts a{
	display: block;
	width: 48px;
	height: 81px;
	text-indent: -9999px;
	margin-right: 10px;
}
.facebook a{
	background: url(style/images/facebook.png) top left no-repeat;
}
.linkedin a{
	background: url(style/images/linkedin.png) top left no-repeat;
}
.twitter a{
	background: url(style/images/twitter.png) top left no-repeat;
	margin-right: 0;
}
/* @group Page setup */
/* @group Header (#hd) */
#hd{
	position: relative;
}
.navbar label{
	display: none;
}
.navbar{
	background: rgba(3, 1, 6, .5);
	padding: 5px 10px 5px 0px;
}
.navigation{
	padding: 10px;
}
.navbar #s{
	background: #080108;
	color: #8d47bf;
	border: 1px solid #8d47bf;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 4px;
	float: left;
}
.navbar #searchsubmit{
	margin-top: 2px;
	float: right;
}
#searchform{
	margin-right: 10px;
	padding-top: 0px;
	padding-left: 2px;
}
.contact{
	display: block;
	position: absolute;
	top: 0;
	right: 10px;
	background: url(style/images/contact_tab.gif) top left no-repeat;
	text-transform: lowercase;
	width: 102px;
	padding: 5px 0 8px 0;
	text-align: center;
}
.contact a{
	display: block;
	color: #8d47bf;
}
.contact a:hover{
	color: #AE01A2;
}
.results{
	color: #8d47bf;
	width: 145px;
	padding: 35px 0 0 220px;
	font-size: 9px;
	float: left;
}
.tagline{
	color: #ae01a2;
	padding: 40px 20px 20px 0;
	letter-spacing: .2em;
	word-spacing: 10px;
	float: right;
}
.navigation{
	padding-top: 1px;
}
.navigation li{
	display: inline;
}
.navigation a{
	display: block;
	float: left;
	background: url(style/images/navigation.png?3) top left no-repeat;
	height: 19px;
	text-indent: -9999px;
	margin-right: 25px;
}
.navigation li.services a{
	width: 83px;
}
.navigation li.services a:hover, #services .navigation li.services a{
	background-position: 0px -19px;
}
.navigation li.work a{
	width: 69px;
	background-position: -125px 0px;
}
.navigation li.work a:hover, #work .navigation li.work a, #social-marketing .navigation li.work a, #corporate-site .navigation li.work a, #interactive-advertising .navigation li.work a, #search-engine .navigation li.work a, #word-of-mouth .navigation li.work a{
	background-position: -125px -19px;
}
.navigation li.blog a{
	width: 59px;
	background-position: -234px 0px;
}
.navigation li.blog a:hover, #blog .navigation li.blog a{
	background-position: -234px -19px;
}
.navigation li.outposts a{
	width: 95px;
	background-position: -335px 0px;
}
.navigation li.outposts a:hover, #outposts .navigation li.outposts a{
	background-position: -335px -19px;
}
.navigation li.about a{
	width: 80px;
	background-position: -464px 0px;
}
.navigation li.about a:hover, #about .navigation li.about a{
	background-position: -464px -19px;
}
/* @end */
/* @group content */
/* http://www.dustindiaz.com/min-height-fast-hack/ */
#content{
	min-height: 500px;
	height: auto !important;
	height: 500px;
}
/* @end */
/* @group autobahn */
.autobahn h2{
	background: url(style/images/autobahn.png) top left no-repeat;
	text-indent: -9999px;
	display: block;
	width: 482px;
	height: 49px;
	margin-left: 110px;
	margin-bottom: 0;
	padding-bottom: 0;
}
.autobahnfeatures{
	background: url(style/images/autobahn_bg.jpg?6) left bottom no-repeat;
	position: relative;
	width: 679px;
	height: 378px;
	margin-left: 20px;
}/*
.autobahnfeatures:hover{
	background-position: left bottom;
	-webkit-transition: background-position .3s linear;
}*/
.autobahnfeatures a{
	display: block;
	height: 347px;
}
/* @end */
.brand{
	padding-bottom: 0;
	margin-top: 30px;
	margin-bottom: -4x;
	font-size: 18px;
	background:url(style/images/envano.png) 95px 5px no-repeat;
}
#vcard strong{
	color: #fff;
}
#vcard p{
	padding-top: 0;
}
#vcard ul, #vcard p{
	font-size: .9em;
}
/* @group Technologies (.technologies) */
.technologies{
	background: #0A080B;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin: 10px 15px;
}
.technologies h3{
	float: left;
	width: 130px;
	margin-right: 20px;
	color: #6b6a6c;
	line-height: 1.4em;
}
.technologies ul{
	background: url(style/images/technologiesbg.png?3) no-repeat 180px 15px;
	height: 48px;
}
.technologies li{
	display: block;
	float: left;
	height: 48px;	
	text-indent: -9999px;
	margin-right: 30px;
	margin-bottom: 7px;
}
/* @end */
/* @group Mod */
#mod{
	font-size: 11px;
}
#mod h3{
	padding-bottom: 0;
	padding-top: 0;
	font-size: 1.2em;
	line-height: 1.2em;
}
#mod h3 a:link{
	color: #C2C2C2;
}
#mod h3 a:hover{
	color: #AE01A2;
}
#mod h2{
	font-size: 18px;
	color: #956ad2;
	padding-bottom: 0;
}
.mod{
	width: 425px;
	margin: 0 0 10px 25px;
	padding: 0 18px 0 5px;
	height: 148px;
}
cite{
	color: #fff;
	font-size: .9em;
	padding: 10px;
}
#mod p{
	padding-top: .2em;
}
.left{
	background: url(style/images/modleft.png?1) top left no-repeat;
	margin-top: 10px;
}
.twittermod{
	background: url(style/images/modtwitter.png?1) 0px -5px no-repeat;
	padding: 5px 10px 5px 88px;
	margin-top: 0;
	width: 360px;
	margin-left: 2px;
}
.twittermod h2{
	background: url(style/images/twitterfeed.png) 2px 0px no-repeat;
	text-indent: -9999px;
	height: 24px;
}
#twitter_update_list span{
	font-size: 1.2em;
}
#twitter_update_list a{
	display: block;
	margin: 10px 0px;
}
#twitter_update_list span a{
	display: inline;
}
.rss{
	color: #fff;
	background: url(style/images/rssicon.gif) top left no-repeat;
	position: absolute;
	right: 28px;
	top: 10px;
	padding-left: 17px;
	padding-top: 1px;
}
.twittermod .rss{
	top: 20px;
}
.blogmod, .twittermod{
	position: relative;
}
.blogpic{
	float: left;
	margin: 0 10px;
	display: inline;
}
.left cite{
	margin-left: 0px;
	padding-left: 15px;
}
/* @end */
.socialoutposts{
	width: 100%;
}
.socialoutposts li{
	float: left;
	width: 32%;
	text-align: center;
	overflow: hidden;
	padding-bottom: 2em;
}
/* @group Portfolio */
.portfolio{
	width: 658px;
	float: right;
	background: #0b0a0c;
	display: inline;
	margin: 1em 10px;
	position: relative;
}
.portfolio cite{
	position: absolute;
	top: 250px;
	right: 0;
}
.portfolio cite span{
	color: #b4aeff;
}
#page .portfolio p{
	margin: 0;
	margin:1.4em 0 1.4em 0;
	padding: 0 10px;
}
#page .portfolio h2{
	color: #dec8ff;
	font-size: 1.4em;
	margin: 1em 0 1em 0;
	padding: 0 10px;
}
.portfolio img{

}
.viewproject{
	float: right;
	margin-right: 10px;
	display: inline;
	height: 21px;
	width: 93px;
	text-indent: -9999px;
	margin-bottom: 5px;
	background: url(style/images/viewproject.png);
}
.viewproject:hover{
	background-position: -93px 0;
}
/* @end */
/* @group Work */
.workNav{
	background: url(style/images/worknav.png?15) top left no-repeat;
	width: 205px;
	height: 172px; /* 173 */
	padding: 0;
	margin-top: 15px;
	position: fixed;
}
.workNav a{
	display: block;
	height: 30px; /* 29 */
	text-indent: -9999px;
}

.workNav .socialMarketing a:hover, #social-marketing .workNav .socialMarketing a{
	background: url(style/images/worknav.png?15) top left no-repeat;
	background-position: 0px -173px;
}

.workNav .wordOfMouth a:hover, #word-of-mouth .workNav .wordOfMouth a{
	background: url(style/images/worknav.png?15) top left no-repeat;
	background-position: 0px -203px;
}

.workNav .searchEngine a:hover, #search-engine .workNav .searchEngine a{
	background: url(style/images/worknav.png?15) top left no-repeat;
	background-position: 0px -233px;
}

.workNav .interactiveAdvertising a:hover, #interactive-advertising .workNav .interactiveAdvertising a{
	background: url(style/images/worknav.png?15) top left no-repeat;
	background-position: 0px -263px;
}

.workNav .corporateSite a:hover, #corporate-site .workNav .corporateSite a{
	background: url(style/images/worknav.png?15) top left no-repeat;
	background-position: 0px -293px;
}

.workNav .socialMarketing a{
	height: 31px;
}
/* @end */
/* @group Footer (#ft) */
#ft{
	background: #120e14;
	border-top: 1px solid #24202a;
	clear:both;
	padding: 0 0;
}
#ft dl{
	overflow: auto;
	background: #0a080b;
	padding: 10px 7px;
	width: 416px;
	margin-left: 15px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#ft dt{
	color: #c2c2c2;
	font-size: 14px;
	font-weight: bold;
	float: left;
	display: block;
	margin-right: 20px;
	padding-top: 3px;
}

#ft dd{
	float: left;
	margin-right: 8px;
}
#ft dl a{
	display: block;
	height: 16px;
	width: 16px;
	background: url(style/images/social-sprite.jpg) no-repeat left top;
}

#ft dl span { display: none; }

dd#social-facebook a { background-position: 0px 0px; }
dd#social-twitter a { background-position: -16px 0px; }
dd#social-youtube a { background-position: -32px 0px; }
dd#social-linkedin a { background-position: -48px 0px; }
dd#social-scribd a { background-position: -64px 0px; }

.footmap{
	width: 47%;
	float: left;
	padding: 10px 15px;
}
.footmap li{
	display: block;
	float: left;
	padding-right: 30px;
}
.footmap a{
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
.footmap a:hover{
	color: #AE01A2;
}
/* @end */

/* @end */

/* @end */