/*

-------------------------------------------------------------------------                                                             
|                                                                       |
|      ,,        ,,                             ,,                      |
|     *MM      `7MM                 `7MM        db           mm         |
|      MM        MM                   MM                     MM         |
|      MM,dMMb.  MM   ,6"Yb.  ,p6"bo  MM  ,MP'`7MM  .gP"Ya mmMMmm       |
|      MM    `Mb MM  8)   MM 6M'  OO  MM ;Y     MM ,M'   Yb  MM         |
|      MM     M8 MM   ,pm9MM 8M       MM;Mm     MM 8M""""""  MM         |
|      MM.   ,M9 MM  8M   MM YM.    , MM `Mb.   MM YM.    ,  MM         |
|      P^YbmdP'.JMML.`Moo9^Yo.YMbmd'.JMML. YA.  MM  `Mbmmd'  `Mbmo      |
|                                            QO MP                      |
|                                            `bmP                       |
|                                                                       |
-------------------------------------------------------------------------


     Hi! You're looking at our CSS? Spectacular! In fact, now that 
     we know you're savvy enough to check out the code let's talk
     about work. 

     We're always looking for great developers. Someone that can 
     produce valid and semantic HTML/CSS, utilize and customize 
     jQuery and have a deep understanding of PHP and WordPress. 
     You should also have a keen eye for design and typography.
     Agency experience is definitely a bonus.

     Skills required: HTML, CSS, PHP, MySQL, jQuery & WordPress 

     Does this sound like you? Apply now. 

	 jobs@blackjet.ca


-------------------------------------------------------------------------
|                                                                       |
|     THEME NAME: blackjet 2.0                                          |
|     THEME URI: http://www.blackjet.ca                                 |
|                                                                       |
-------------------------------------------------------------------------


*/


/*- Cufon Specific -*/

.cufon-loading { /* for Cufon.replace('h1') */
	visibility: hidden !important;
}

/*- Firefox! ugh -*/
a img { border: none; }

a { outline: none!important ; position:static;}

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

/*- bio icons -*/

.bio-mail a{
float:left;
display:block;
height:20px;
width:20px;
margin-right:5px;
background: url("images/icons/ico_mail.png") no-repeat right;
}

.bio-mail a:hover{
background: url("images/icons/ico_mail.png") no-repeat right;
}

.bio-phone {
background: url("images/icons/ico-phone.png") no-repeat left top;
padding-left:20px;
float:left;
display:block;
margin-left:3px;
margin-top:3px;

}

.bio-facebook a{
float:left;
display:block; 
height:20px;
width:20px;
background: url("http://cache.blackjet.ca/images/socialmedia/facebook.png") no-repeat right;
}

.bio-facebook a:hover{
background: url("http://cache.blackjet.ca/images/socialmedia/facebook-hover.png") no-repeat right;
}

.bio-twitter a{
float:left;
display:block;

height:20px;
width:20px;
background: url("http://cache.blackjet.ca/images/socialmedia/twitter.png") no-repeat right;
}
.bio-twitter a:hover{
background: url("http://cache.blackjet.ca/images/socialmedia/twitter-hover.png") no-repeat right;
}

.bio-linkedin a{
float:left;
display:block;
height:20px;
width:20px;
background: url("http://cache.blackjet.ca/images/socialmedia/linkedin.png") no-repeat right;
}

.bio-linkedin a:hover{
background: url("http://cache.blackjet.ca/images/socialmedia/linkedin-hover.png") no-repeat right;
}

/*- Modifiers -*/

.margintop {
margin-top:40px;
}

.marginbottom {
margin-bottom:40px;
}

/*- WRAPPERS -*/
#CompleteWrapper {
	width:100%;
	height: auto; 
	min-height: 100%;
	overflow:hidden;
	
}

#mainContent {padding-bottom:220px;}

#footerWrapper {
	position: relative;
	margin-top: -220px; /* negative value of footer height */
	height: 220px;
	clear:both;
	width:100%;
	/*- background-color:#111111;
	background: url("images/footer_bg.jpg") repeat-x;-*/	
}


/*- footer -*/
.footer {
line-height:20px;
}

.footerinfo {
margin-top:20px;
width:150px;
float:left;
font-size:10px;
color:#999999;
}

#footerinfo_menu{
clear:both;
margin-top:30px;
font-size:10px;  
float:left;
line-height: 11px;
width:640px;
}

#footerinfo_menu a:visited{
color:#999999;
}

#footerinfo_menu a:hover{
color:#00aaef;
}




.footerinfo_menu ul{
margin: 0; padding: 0; 
list-style-type: none; list-style-image: none; 
}

.footerinfo_menu ul li {
display:inline;
float:left;
}

.footerinfo_menu ul ul {
display:inline;
float:left;
}

.footerinfo_menu li{
padding:0 5px 0 0;
}

.footerinfo h2 {
color:#666666;
font-size:12px;
margin-bottom:-8px;
margin-top:0px;
}

.footergraphics {
top:-50px;
left:0px;
width:320px;
height:245px;
position:relative;
float:right;
}

.footergraphics img {
z-index:5000;
top:0;
left:0;
}

.fmenu{
position:relative;
z-index:4900;
top:-240px;
left:10px;
display:block;
width:273px;
height:118px;
}

.fm-work a{
float:left;
display:block;
height:49px;
width:273px;
background: url("http://cache.blackjet.ca/images/footer/images/fm1.png") no-repeat right;
}

.fm-work a:hover{
background: url("http://cache.blackjet.ca/images/footer/images/fm1_hover.png") no-repeat right;

}
.fm-hello a{
float:left;
display:block;
height:25px;
width:273px;
background: url("http://cache.blackjet.ca/images/footer/images/fm2.png") no-repeat right;
}
.fm-hello a:hover{
background: url("http://cache.blackjet.ca/images/footer/images/fm2_hover.png") no-repeat right;
}
.fm-social a{
float:left;
display:block;
height:44px;
width:273px;
background: url("http://cache.blackjet.ca/images/footer/images/fm3.png") no-repeat right;
}
.fm-social a:hover{
background: url("http://cache.blackjet.ca/images/footer/images/fm3_hover.png") no-repeat right;
}

/* - the basics - */

html {
	height: 100%;
}


body {
	background-color:#f0f0f0;
	color:#777777;
	margin:0;
	padding:0; 
	font-family:Helvetica, sans-serif;
	height:100%;
}
h1{

} 
h2 { 
font-weight:lighter;
}

/* - Standard body copyw -*/
.bodycopy {
color:#777777;
font-size:12px;
line-height:20px;
padding:0 0 0 0;
margin:0;
}

.bodycopy p a{
	color:#00AEEF !important;
	text-decoration:underline;
}

.bodycopy p a:hover{
	color:#666666 !important;
}

.bodycopy h2 {
margin-top:10px;
color:#666666;
font-size:23px;
}

.bodycopy p {
padding-right:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;

}


/*- The Top Menu -*/
/*- While this could have been automated, we'd like to only show 4 menu options-*/

#menu-holder{
  position:relative;
  right:0px;
  top:0px;
  float:right;
  width:auto;
  z-index:9000;
}

#menu-holder li {display:inline;}

#menu-holder li.current_page_item a, #menu-holder li.current_page_parent a{
float:left;
text-align:center;
font-size:11px;
font-weight:bold;
margin-left:5px;
color:#f0f0f0;
width:85px;
background-color:#00adee; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
padding-top:11px;
padding-bottom:8px;
/*background: url("images/menu_btn.png") no-repeat;*/
cursor:pointer;
/*background: url("images/hvr_menu_btn.png") no-repeat;*/
}

#menu-holder li a{
float:left;
text-align:center;
font-size:11px;
font-weight:bold;
margin-left:5px;
color:#f0f0f0;
width:85px;
background-color: #dbdbdb; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
padding-top:11px;
padding-bottom:8px;
/*background: url("images/menu_btn.png") no-repeat;*/
cursor:pointer;
}

#menu-holder li a:hover{
color:#f0f0f0;
width:85px;
background-color: #00adee; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
padding-top:11px;
padding-bottom:8px;
/*background: url("images/hvr_menu_btn.png") no-repeat;*/

}

	
/*- linkage! -*/

a:link {
color: #444444;
text-decoration: none;
outline:none;}

a:visited {
text-decoration: none;
color:#444444;
}
a:hover { 
text-decoration: none;
color:#00AEEF;
}
a:active {
text-decoration: none;
color:#00AEEF;
}


/*- Content Holders -*/

.container {
	margin:0 auto;
	padding:0 0 0 0 ;
	width:960px;  	
}

.threehundred {
float:left;
margin:0px;
padding-right: 25px;
width:270px !important;

}

.three20 {
float:left;
margin:0px;
padding:40px 0px 0px 40px;
width:280px !important;

}

.six40 {
float:left;
padding:40px 0px 40px 40px;
width:600px !important;
}

/* Logo */

#logo {
  position:absolute;
  top:0px;
  display: inline;
  z-index:1200;
}
#logo a{
  display: block;
  width: 150px !important;
  height: 50px;
  background: url("images/logo-trans.png") no-repeat left top;
  text-indent: -9000px;
  margin-bottom: 10px
}
#twitnow {
  position:absolute;
  top:16px;
  margin-left:190px;
  display: inline;
  z-index:1200;
}
#twitnow a{
  display: block;
  width: 21px;
  height: 21px;
  background: url("images/icons/h_twit.png") no-repeat left top;
  text-indent: -9000px;
  margin-bottom: 10px
}
#rssnow {
  position:absolute;
  top:16px;
    margin-left:150px;
  display: inline;
  z-index:1200;
}
#rssnow a{
  display: block;
  width: 21px;
  height: 21px;
  background: url("images/icons/h_rss.png") no-repeat left top;
  text-indent: -9000px;
  margin-bottom: 10px
}

/* Slider Content (throughout) */

.slider-headline{
    margin:0px;
	top:60px;
	left:60px;
	position:relative;
	line-height:0px;
}

.slider-headline h1{
	font-size:60px;
	letter-spacing:-2px;
}


.slider-copy{
	clear:both;
	width:650px;
	font-size:14px;
	line-height:30px;
    margin:60px 0 0 40px;
}

.slider-copy a:link{
color:#00AEEF !important;
}

.slider-copy2{
	clear:both;
	width:650px;
	font-size:13px;
	line-height:30px;
    margin:60px 0 0 40px;
}

.slider-copy2 a:link{
color:#333333 !important;
}


/*- Portfolio Slider -*/

#s3slider { 
    width: 960px; /* important to be same as image width */
    height: 375px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}


#s3sliderContent {
    width: 960px; /* important to be same as image width or wider */
	height:375px;
	position: absolute; /* important */
   top: 0; /* important */
   margin:0px;
   padding:0 !important;

}

#s3sliderContent ul{
list-style:none;
margin:0px;
}
.s3sliderImage {
    float: left;
    position: relative;
	display: none;
}
.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: -20px;
   width: 1px;
   background-color: #000;
   filter: alpha(opacity=0); /* here you can set the opacity of box with text */
   -moz-opacity: 0; /* here you can set the opacity of box with text */
   -khtml-opacity: 0; /* here you can set the opacity of box with text */
   opacity: 0; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;
}
.clear {
	clear: both;
}
.s3sliderImage span strong {
    font-size: 14px;
}


/* Banner Slider + Slider2 */

	#slider{
	}	
	#slider2{
	clear:both;
	overflow:hidden;
	position:relative;
	}
	#slider-none{
	}
	#slider ul, #slider li, #slider2 ul, #slider2 li, #slider-none ul, #slider-none li{
	margin:0;
	padding:0;
	list-style:none;
	}
	#slider2 ul{
	padding-left:0px;
	list-style:none;
	}
	  
	#slider-none li { 
	width:960px;
	height:380px;
	overflow:hidden;
	}
	
	#slider li { 
	width:960px;
	height:250px;
	overflow:hidden;
	}
	
	#slider2 li{ 
	width:960px;
	height:380px;
	overflow:hidden; 
	}
		
	#slider2 li p{ 	
	margin:20px;	
	}		
	#slider-none li p{
	margin:20px;
	}		
			
	p#controls, p#controls2{
	margin:0;
	position:relative;	
	} 
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 	
	z-index:30;
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-8000px;
	width:23px;
	height:20px;
	position:absolute;
	left:890px;
	top:-200px;
	}	
	
	#nextBtn, #nextBtn2{ 
	left:920px;
	}				
											
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{
	display:block;
	width:23px;
	height:20px;
	background:url("images/prev.png") no-repeat 0 0;
	}	
	

	#nextBtn a, #nextBtn2 a{
	background:url("images/next.png") no-repeat 0 0;
	}	
		
	/* - hover effects - */
	
	#nextBtn a:hover, #nextBtn2 a:hover{
	background:url("images/next_hvr.png") no-repeat 0 0;
	}		
	#prevBtn a:hover, #prevBtn2 a:hover{
	background:url("images/prev_hvr.png") no-repeat 0 0;
	}	
	

/*- Styling and accessories -*/

.withrule-bottom{
background: url("images/hrule.png") repeat-x;
background-position:bottom;
}

.withrule-top{
background: url("images/hrule.png") repeat-x;
background-position:top;
}

.withrule-right{
background: url("images/vrule.png") repeat-y;
background-position:right;
}

/*- Those fancy side tabs! -*/

.side-tab{
margin:-20px 2px 0 0;
float:right;
display: inline;
}

.side-tab-inactive{
display: inline;
margin:0px 2px 0 0;
float:right;
width:160px;
height:60px;
background: url("images/tab.png") repeat-y;
background-position:top left;
}

.side-tab-inactive h2{
position:relative;
padding:0;
margin:0;
top:10px;
right:-50px;
color:#FFFFFF;
}

.tab-desc {
clear:both;
font-weight:lighter;
float:right;
text-align:right;
margin:-30px 20px 0 0;
font-size:12px;
width:130px;
line-height:14px;
}
.tab-desc2 {
clear:both;
font-weight:lighter;
float:right;
text-align:right;
margin:0 20px 0 0;
font-size:12px;
width:130px;
line-height:14px;
}
.side-tab a{
padding:10px 0 0 50px;
color:#FFFFFF;
display:block;
width:110px;
height:60px;
background: url("images/tab.png") repeat-y;
background-position:top left;
}

.side-tab a:hover{
padding:10px 0 0 50px;
color:#FFFFFF;
display:block;
width:110px;
height:60px;
background: url("images/tabhover.png") repeat-y;
background-position:top left;
}

.side-tab h2{

}

.sixletter{
font-size:20px;
padding-top:6px;
}

#tweetit{
	position:relative;
	right:1px;
	margin-top:30px;
	display:inline;
	clear:both;
	float:right;
}

#tweetit a{
display:block;
width:127px;
height:83px;
background: url("images/tweetthis.png") repeat-y;
background-position:top left;
}

#tweetit a:hover{
background: url("images/tweetthis_hvr.png") repeat-y;
}


/*- Index Page -*/

.primary-post{
float:left;
width:600px;
margin-bottom:40px;
padding:0px;
}

.entry-content{
  /*- background: url("images/bla_slide.png") no-repeat left top;-*/
  position:relative;
  overflow:visible;
  float:left;
  width:250px;
  height:125px;
}

.entry-content a{
  display: block;
  height: 125px;
  width: 250px;
  position: relative;
}
.entry-content a img{
  position: absolute;
  z-index: 5
}

.entry-content-details{

margin:0px;
width:330px;
padding:0 0 0 20px;
position:relative;
overflow:visible;
float:left;
}

.primarycategory{
font-size:10px;
margin-top:-10px;
}

span.cover-up{
	position: absolute;
	right:0;
	top:0;
	height: 125px;
	width: 250px;
	z-index: 4;
}

.thumbnail{
border:solid;
border-color:#d2d2d2;
border-width:2px;
}

/*- These are the funky corner banners for our portfolio images -*/

.new{
  	display: block;
	position: absolute;
	top: 0;
	right: -3px;
	width: 50px;
	height: 50px;
	background: url("images/new.png") no-repeat top left;
	z-index: 501;
}

.casestudy{
color:transparent;
  	display: block;
	position: absolute;
	top: 0;
	right: -3px;
	width: 75px;
	height: 68px;
	background: url("images/casestudy.png") no-repeat top left;
	z-index: 503;
}

/* secondary posts */

.secondary-post{
margin-bottom:40px;
}

.post-info {
	padding:0;
	margin:5px 0 0 0 ;
	text-align:left;
	font:10px Helvetica, sans-serif; color:#666666;
}

.secondary-title{
padding:0 0 0 0;
margin:0;
font-size:34px;
font-weight:normal;
}

.secondary_entry {
color:#999999;
font-size:12px;
line-height:20px;
padding:0 0 0 0;
margin:0;
}

/*- Flickr Image styling -*/

.flickr-hover{
position:absolute;
width:50px;
height:50px;
filter: alpha(opacity=0); /* here you can set the opacity of box with text */
   -moz-opacity: 0; /* here you can set the opacity of box with text */
   -khtml-opacity: 0; /* here you can set the opacity of box with text */
   opacity: 0; /* here you can set the opacity of box with text */

}

.flickr img a{
border:solid #000000 thin !important ;
z-index: 100;
}

#cboxElement {
border:inherit;
}


.flickr ul{
list-style:none;
padding:0px;
margin:0px;
}

.flickr li{
display:block;
overflow:hidden;
float:left;
padding:10px 10px 0px 0px;
}
.flickr span{
font-size:10px;
float:left;
padding:0px 10px 10px 0px;
}


/*- blog post navigation -*/

.navigation {
  font-size:10px;
  font-family: Helvetica,Arial,sans-serif;
  overflow: hidden;
  text-transform: uppercase;
}
.nav-above {
  display: none;
}
.nav-below{
  clear: both;
  padding-top: 20px;
  height: auto;
  overflow: auto;
  padding-bottom: 20px
}
.nav-next {
  float: left;
  text-align: left;
  width: 47%;
  margin-right:25px;
}
.nav-previous {
  float: right;
  text-align: right;
  width: 47%;
}
.nav-above{
  display: none;
}


/*- Comments & fields -*/

/* input area */

input[type="text"],
input[type="password"],
textarea,
select{
  font-family: Arial, Helvetica, sans-serif;
  border: 1px solid #303030;
  background: #f0f0f0;
  color: #222222;
  padding: 5px;
  margin: 10px 0;
}

/* All Comment Stlyling -*/

#arrowup{
  float:left;
  width: 100%;
  height: 20px;
  padding:7px 0 0 25px;
  background: url("images/arrow_up.gif") no-repeat top left;
  
}

.comment-content {
font-family: Helvetica, sans-serif;
font-size:12px;
}

.commentlist, .commentlist ul {
padding:0px;
}

.commentlist li {

padding:10px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-border-radius: 3px;
}

.commentlist li.alt, .thread-alt {
background-color:#CCCCCC;
color:#333333;

}

.commentform p{
margin:0px;
}

.comment {
background-color:#ebebeb;
}

/* CONTACT FORM 7 STYLING */

.contactSubmit{
cursor:pointer;
color:#FFFFFF;
font-weight:bold;
outline:none;
margin-top:-20px;
padding:0px 0px 10px 0px;
border:none;
background:none;
width:112px;
height:50px;
text-align:center;
background-image:url("images/submitcontact.png");
background-repeat:no-repeat;
}

div.wpcf7 {
	border:none;
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}


div.wpcf7-mail-sent-ok {
	background: #00AEEF;
}

div.wpcf7-mail-sent-ng {
	background: #00AEEF;
}

div.wpcf7-spam-blocked {
	background: #00AEEF;
}

div.wpcf7-validation-errors {
	height:20px;
	width:275px;
	margin-top:-55px;
	margin-left:120px;
	font-size: 10px;
	color:#ffffff;
	border:none;
}

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

span.wpcf7-not-valid-tip {
	position: absolute;
	z-index: 1000;
	border:none;
	top:-35px;
	left:130px;
	font-size: 10px;
	width: 280px;
	padding:5px 0px 0px 5px;
	color:#00AEEF;
	height:50px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

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

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

img.ajax-loader {
	border: none;
	vertical-align: middle;
}

.artwork-container{
  float: left;
  margin-left: 0px;
}


/*- Archives Page -*/

.archive-title {
float:left;
text-transform:lowercase;
font-size:14px;
}

.archive-title-holder{
padding:0px 0 10px 0;
width:960px;
height:auto;
float:left;
background-position:top left;
}

.sortby {
clear:both;
float:right;
text-align:right;
margin:10px 20px 40px 0;
font-size:10px;
line-height:12px;
}

.sortby ul{
list-style:none
}

/*- Client Logo Page listing -*/

.clients{
margin:-40px -40px -40px -40px;
padding:0px;
}

.clients li{
list-style:none;
width:140px;
height:140px;
float:left;
display:block;
padding:0 10px 10px 0;
}



/*- Inspiration Page listing -*/

.inspiration{
margin:-40px -40px -40px -40px;
padding:0px;
}

.inspiration li{
list-style:none;
width:140px;
height:180px;
float:left;
display:block;
padding:0 10px 10px 0;
}


/*- .text {
padding-top:5px;
border-top:#666666 thin solid;
} 

/*- Header Graphics -*/


.index-2{
background: url("http://cache.blackjet.ca/headers/bj_index02.png") no-repeat;
}
.index-1{
background: url("http://cache.blackjet.ca/headers/bj_index01.png") no-repeat;
}
.work-1{
background: url("http://cache.blackjet.ca/headers/bj_work1.png") no-repeat;
}
.work-2{
background: url("http://cache.blackjet.ca/headers/bj_work2.png") no-repeat;
}
.about-1{
background: url("http://cache.blackjet.ca/headers/bj_about1.png") no-repeat;
}
.about-2{
background: url("http://cache.blackjet.ca/headers/bj_about2.png") no-repeat;
}
.clients-1{
background: url("http://cache.blackjet.ca/headers/bj_clients.png") no-repeat;
}
.services-1{
background: url("http://cache.blackjet.ca/headers/bj_services.png") no-repeat;
}
/*- .inspiration-1{
background: url("http://www.blackjet.ca/headers/bj_inspire.png") no-repeat;
} -*/
.socialize-1{
background: url("http://cache.blackjet.ca/headers/bj_social1.png") no-repeat;
}
.socialize-2{
background: url("http://cache.blackjet.ca/headers/bj_social2.png") no-repeat;
}
.join-1{
background: url("http://cache.blackjet.ca/headers/bj_xbox.png") no-repeat;
}
.contact-1{
background: url("http://cache.blackjet.ca/headers/bj_contact.png") no-repeat;
}
.blog-1{
background: url("http://cache.blackjet.ca/headers/bj_blog.png") no-repeat;
}
.blog-2{
background: url("http://cache.blackjet.ca/headers/bj_blog2.png") no-repeat;
}

.video-1{
background: url("http://cache.blackjet.ca/headers/bj_video.png") no-repeat;
}
.video-2{
background: url("http://cache.blackjet.ca/headers/bj_video2.png") no-repeat;
}
.four04-1{
background: url("http://cache.blackjet.ca/headers/bj_404.png") no-repeat;
}

/*- About Blackjet -*/

.jobtitles{
margin:-25px 0 -10px 0;
color:#00aaef;
font-weight:bold;
}

.bio-individual{
clear:both;
}

.bio-text{
width:420px;
float:right;
padding:0 0 40px 35px;
}

.bio-image {
width:140px;
float:left;
}

.bio-image p {
padding:0px;
margin:0px;
}

.bio-image img{
border:solid #999999 2px;
}

/*- All the little icons used -*/

.cs_background {
background: url("images/icons/ico_background.png") no-repeat;
padding-left:30px;
margin-bottom:-10px;

}

.cs_insight {
padding-left:30px;
background: url("images/icons/ico_insight.png") no-repeat;
margin-bottom:-10px;

}
.cs_video {
padding-left:30px;
background: url("images/icons/ico-tv.png") no-repeat;
}
.cs_yes {
padding-left:30px;
background: url("images/icons/ico_yes.png") no-repeat;
margin-bottom:-10px;
}
.cs_no {
padding-left:30px;
background: url("images/icons/ico_no.png") no-repeat;
margin-bottom:-10px;
}

.cs_idea {
padding-left:30px;
background: url("images/icons/ico_idea.png") no-repeat;
margin-bottom:-10px;

}

.cs_result {
padding-left:30px;
background: url("images/icons/ico_result.png") no-repeat;
margin-bottom:-10px;

}

.cs_burst {
padding-left:30px;
background: url("images/icons/ico_burst.png") no-repeat;
margin-bottom:-10px;

}

.cs_person {
padding-left:30px;
background: url("images/icons/ico_person.png") no-repeat;
margin-bottom:-10px;

}

.cs_portfolio {
padding-left:30px;
background: url("images/icons/ico_portfolio.png") no-repeat;
margin-bottom:-10px;

}

.cs_imac {
padding-left:30px;
background: url("images/icons/ico-imac.png") no-repeat;
margin-bottom:-10px;

}
.cs_lightning {
padding-left:30px;
background: url("images/icons/ico-lightning.png") no-repeat;
margin-bottom:-10px;

}
.cs_piechart {
padding-left:30px;
background: url("images/icons/ico-piechart.png") no-repeat;
margin-bottom:-10px;

}
.cs_notepad {
padding-left:30px;
background: url("images/icons/ico-notepad.png") no-repeat;
margin-bottom:-10px;

}

/*- follow icons -*/
.follow-rss h2{
float:left;
display:block;
height:30px;
width:240px;
padding:8px 0 0 35px;
margin:0 20px 0px 0;
background: url("http://cache.blackjet.ca/images/socialmedia/30px_rss.png") no-repeat top left;
}
.follow-twit h2{
float:left;
display:block;
height:30px;
width:240px;
padding:8px 0 0 35px;
margin:0 20px 0px 0;
background: url("http://cache.blackjet.ca/images/socialmedia/30px_twit.png") no-repeat top left;
}
.follow-face h2{
float:left;
display:block;
height:30px;
width:240px;
padding:8px 0 0 35px;
margin:0 20px 0px 0;
background: url("http://cache.blackjet.ca/images/socialmedia/30px_face.png") no-repeat top left;
}
.follow-flckr h2{
float:left;
display:block;
height:30px;
width:240px;
padding:8px 0 0 35px;
margin:0 20px 0px 0;
background: url("http://cache.blackjet.ca/images/socialmedia/30px_flckr.png") no-repeat top left;
}
.follow-linkd h2{
float:left;

display:block;
height:30px;
width:240px;
padding:8px 0 0 35px;
margin:0 20px 0px 0;
background: url("http://cache.blackjet.ca/images/socialmedia/30px_in.png") no-repeat top left;
}

a.flickrgallery{
padding-bottom:10px;
padding-left:25px;
background: url("images/icons/flickr_16.png") no-repeat 0 0;
margin-bottom:-10px;

}


