/*
Theme Name:jasonking.ca
Theme URI: http://jasonking.ca
Author: Jason King
Author URI: http://JasonKing.ca
*/
*{
margin:0;
border:0;
padding:0;
color:#fff;
font:1em/1.5em 'Helvetica Neue', Arial, Verdana, serif;
}  

body{
font-size:85%;
position:relative;
}
body.blog{
background:url(http://jasonking.ca/graphics/bg.jpg) 50% 0;
}

#bg1,#bg2,#bg3,#bg4{
position:absolute;
left:0;
width:100%;
height:1000px;
z-index:-1;
}

body.blog #bg1,
body.blog #bg2,
body.blog #bg3,
body.blog #bg4,
body.blog #clouds{
display:none;
}

#bg1{
top:0;
background:url(http://jasonking.ca/graphics/bg-1.jpg) 50% 0;
}

#bg2{
top:1000px;
background:url(http://jasonking.ca/graphics/bg-2.jpg) 50% 0;
}

#bg3{
top:2000px;
background:url(http://jasonking.ca/graphics/bg-3.jpg) 50% 0;
}

#bg4{
top:3000px;
background:url(http://jasonking.ca/graphics/bg-4.jpg) 50% 0;
}

#clouds{
height:4000px;
background-image:url(http://jasonking.ca/graphics/bg-clouds.png);
background-repeat:repeat;
background-attachment:fixed;
position:absolute;
left:0;
width:100%;
z-index:15;
}

.alignright{
float:right;
border:3px solid #fff;
margin:0 0 10px 10px;
}
.alignleft{
float:right;
margin:0 0 10px 10px;
}



strong{
font-weight:bold;
}

h1,
legend{
font-size:1.7em;
text-shadow:#333 0 0 3px;
opacity:0.9;
margin:0 0 10px;
}
h1.address{
margin-bottom:0 !important;
}
h2{
font-size:1.5em;
text-shadow:#333 0 0 3px;
opacity:0.9;
margin:0 0 10px;
}
h3{
font-size:1.3em;
color:#FFFFFF;
text-shadow:#333 0 0 3px;
}
p{
text-shadow:#333 0 0 3px;
opacity:.9;
margin:0 0 20px;
}

p a{
background:url(http://jasonking.ca/graphics/bg-black.png);
padding:2px 5px 4px;
}
p a:hover{
background:url(http://jasonking.ca/graphics/bg-blacker.png);
text-decoration:none;
}

.outer{
z-index:20;
position:absolute;
width:977px;
}

.important{
z-index:90 !important;
}

#footer{
position:fixed;
bottom:0; 
left:0;
width:100%; 
height:40%; 
background:url(http://jasonking.ca/graphics/bg-footer.png) repeat-x 50% 0;
z-index:30;
}
#footerwrap{
width:977px; 
height:100%;
margin:0 auto;
position:relative;
}
#social{
height:50px;
position:absolute;
top:215px;
left:20px;
z-index:90;
color:#FFFFFF;
}
#social p{
margin:0;
font-size:.8em;
opacity:10;
color:#FFFFFF;
}
#social ul{
float:left;
}
#social li{
float:left;
display:block;
}
#social li a{
float:left;
display:block;
height:0;
padding-top:18px;
width:18px;
margin-right:5px;
background-repeat:no-repeat;
background-position:0 0;
overflow:hidden;

}
#social li a:hover{
background-position:0 -50px;
}					
#social li.twitter a{
background-image:url(http://jasonking.ca/graphics/icon-twitter.png);
}					
#social li.google a{
background-image:url(http://jasonking.ca/graphics/icon-google.png);
}					
#social li.facebook a{
background-image:url(http://jasonking.ca/graphics/icon-facebook.png);
}					
#social li.skype a{
background-image:url(http://jasonking.ca/graphics/icon-skype.png);
}					


#baselinks{
position:absolute;
top:215px;
right:10px;
height:50px;
}
#baselinks p{
margin:0;
font-size:.8em;
float:right;
opacity:1;
clear:both;
color:#999;
}
#baselinks ul{
float:right;
}
#baselinks li{
float:left;
display:block;
font-size:.9em;
}
#baselinks li a{
text-decoration:none;
text-transform:uppercase;
display:block;
float:left;
padding:0 0 0 10px;
color:#fff;
text-shadow:#000 0 0 3px;
}
#baselinks li a:hover{
color:#999;
}

#container{
width:977px;
height:4000px;
margin:0 auto;
position:relative;
}	
body.blog #container{
height:auto;
}

.nav{
float:left;
margin:50px 0 0 0;
}
.nav li{
display:block;
float:left;
}
.nav li a{
display:block;
float:left;
height:0;
padding-top:51px;
background-position:0 -51px;
background-repeat:no-repeat;
overflow:hidden;
margin:5px 0 0;
}
.nav li a:hover,
#about .nav li.about a,
#work .nav li.work a,
#contact .nav li.contact a{
background-position:0 0;
}
.nav li.intro a{
background-image:url(http://jasonking.ca/graphics/jasonking-logo.png);
padding-top:130px;
margin:-30px 250px 0 0;
overflow:hidden;
width:324px;
background-position:0 0;
}
.nav li.about a{
width:122px;
background-image:url(http://jasonking.ca/graphics/nav-about-us.png);
}
.nav li.work a{
width:125px;
background-image:url(http://jasonking.ca/graphics/nav-our-work.png);
}
.nav li.contact a{
width:148px;
background-image:url(http://jasonking.ca/graphics/nav-get-in-touch.png);
}


.content{
overflow:hidden;
width:700px;
position:relative;
height:310px;
margin:30px 0 0 0;
float:left;
}

.subnav{
float:left;
clear:both;
width:250px;
margin:30px 0 0 10px;
list-style:none;
}
.subnav li,
.subnav a{
display:block;
float:left;
clear:both;
}
.subnav a{
width:230px;
font-size:1.7em;
text-shadow:#333 0 0 3px;
opacity:.6;
padding:10px;
text-decoration:none;
line-height:1.3em;
}
.subnav a:hover{
opacity:1;
}
.subnav img{
display:block;
float:left;
margin-right:10px;
border:1px solid #fff;
}
.subnav small{
display:block;
font-size:.5em;
text-transform:uppercase;
}
.subnav .aboutscrolling,
.subnav .workscrolling{
background:url(http://jasonking.ca/graphics/bg-black.png);
opacity:1;
}
.subnav ul{
float:left;
clear:both;
width:250px;
margin:0;
list-style:none;
}
.subnav ul a{
font-size:1em;
padding:5px 0 5px 20px;
line-height:1em;
margin:0;
}

.section{
width:6000px;
position:relative;
float:left;
clear:both;
}
.section ul{
list-style:none;
}		
.section .sub{
position:relative;
float:left;
width:660px;
height:290px;
padding:10px 20px;
background:url(http://jasonking.ca/graphics/bg-black.png);
}
.sub img{
float:left;
margin:10px 20px 10px 20px;
border:0px solid #fff;
opacity:.8;
}
#work .sub img{
float:left;
margin:0 20px 10px 0;
opacity:1;
}
.section .sub.photography{
padding-right:0;
width:680px;
}
#work .sub.photography img{
margin:0 10px 10px 0;
}
.next,
.previous,
.sitelink{
position:absolute;
display:block;
padding:5px 10px;
text-decoration:none;
background:url(http://jasonking.ca/graphics/bg-black.png);
}
.next{
right:0;
bottom:0;
}
.previous{
left:0;
bottom:0;
}
.sitelink{
top:0;
right:0;
}
.next:hover,
.previous:hover,
.sitelink:hover{
opacity:1;
background:url(http://jasonking.ca/graphics/bg-blacker.png);
}

blockquote{
border-left:3px solid #fff;
font-size:.9em;
padding:0 10px;
margin-left:5px;
opacity:.8;
}
blockquote p{
font-style:italic;
margin:0 0 10px;
opacity:1;
}



#blog{
top:0;
}	

#intro{
top:0;
}		
#intro .welcome{
float:left;
clear:left;
width:550px;
margin:40px 0 20px 20px;
}
#intro .folio{
float:right;
width:391px;
position:relative;
}				
#foliothumbs{
display:block;
width:391px;
height:333px;
overflow:hidden;
}
#foliothumbs img{
float:none;
margin:60px 0 0 47px;
}
#intro .folio p{
position:absolute;
top:283px;
left:83px;
z-index:25;
}


#about{
top:1000px;
}	
#jasonexperience p{
margin:0 0 10px;
}	
#companyfuture img{
float:none;
margin:0 0 0 85px;
border:none;
opacity:1;
}			


#work{
top:1960px;
}

ul.services{
float:left;
margin:0 0 0 20px;
}	
ul.services li{
line-height:1.7em;
opacity:.7;
text-shadow:#333 0 0 3px;
padding-left:20px;
background:url(http://jasonking.ca/graphics/icon-bullet.png) no-repeat 0 6px;
}
ul.services li:hover{
background:url(http://jasonking.ca/graphics/icon-bullet.png) no-repeat 0 -594px;
}

dl.projectinfo{
float:left;
width:180px;
}
dl.projectinfo dt{
opacity:.7;
font-size:.9em;
text-shadow:#333 0 0 3px;
line-height:1em;
}
dl.projectinfo dd{
opacity:.9;
text-shadow:#333 0 0 3px;
margin-bottom:20px;
line-height:1em;
}

ul.workpreview{
float:left;
width:660px;
clear:both;
}
ul.workpreview li{
width:220px;
float:left;
}
ul.workpreview li strong{			
opacity:.8;
font-size:1.4em;
text-shadow:#333 0 0 3px;
float:left;
clear:both;
display:block;
width:220px;
font-weight:normal;
}
ul.workpreview li img{
margin:0 8px 0 0 !important;
float:left;
}

#contact{
top:2815px;
}
#contactform{
margin:10px 0;
float:left;
clear:both;
width:600px;
}
#contactform p,
#contactform label,
#contactform input,
#contactform textarea,
#contactform legend{
	display:block;
	float:left;
	margin:0;
	clear:none;
	}
#contactform legend{
	padding:10px 0 10px 6px; 	
	}
#contactform p{
	clear:left !important;
	opacity:1 !important;
	background:url(http://jasonking.ca/graphics/bg-black.png);
	padding:6px 6px 0;
	}
	#contactform p.secondtolast{
		padding:6px;
		}
	#contactform p.last{
		padding:0 6px 6px;
		}
#contactform label{
	text-shadow:#333 0 0 0px;
	opacity:.9;
	width:70px;
	padding-top:2px;
	margin-left:5px;
	}
input,
textarea{
	padding:2px;
	border:1px solid #333;
	background:url(http://jasonking.ca/graphics/bg-white.png);
	color:#333;
	font:1em/1.5em 'Helvetica Neue', Arial, Verdana, serif;
	}
input:hover,
textarea:hover,
input:focus,
textarea:focus{
	background:url(http://jasonking.ca/graphics/bg-whiter.png);
	color:#000;
	}
input#submit{
	cursor:pointer;
	padding:2px 10px;
	background:url(http://jasonking.ca/graphics/bg-whiter.png);
	color:#000;
	}
	input#submit:hover{
	background:#fff;
		}
		
.visitus{
float:left;
margin:20px;
width:330px;
text-align:left !important;
}
.visitus p{
	margin:0;
	}
.visitus h1{
	margin-bottom:20px;
	}
.visitus h2{
	margin-bottom:0;
	}
address{
text-shadow:#333 0 0 0px;
opacity:.9;
margin:0 0 20px;
}








#blog .entries{
float:left;
width:640px;
clear:left;
margin:20px 20px 0 10px;
padding-bottom:360px;
}
#blog .post{
clear:both;
background:url(http://jasonking.ca/graphics/bg-blacker.png);
padding:20px;
margin-bottom:20px;
float:left;
width:620px;
}
#blog .posttop{
clear:both;
margin:0 0 20px;
float:left;
text-shadow:#333 0 0 3px;
opacity:.9;
width:620px;
}
#blog .posttop .dateicon{
border-right:1px solid #fff;
padding-right:8px;
float:left;
padding-bottom:3px;
width:30px;
text-align:center;
text-transform:uppercase;
}
#blog .posttop .dateicon .day{
font-size:1.7em;
}
#blog .posttop .dateicon .month{
font-size:.9em;
}
#blog .posttop .title{
padding-left:8px;
float:left;
}
#blog .posttop .title a{
text-decoration:none;
}
#blog .posttop .title a:hover{
text-decoration:underline;
}
#blog .posttop .thetitle a{
font-size:1.7em;
}
#blog .posttop .title .under{
font-size:.9em;
color:#ccc;
}
#blog .entry{
float:left;
clear:both;
width:620px;
}
#blog .entry ul{
float:left;
clear:both;
width:590px;
margin:0 0 15px 20px;
text-shadow:#333 0 0 3px;
opacity:.8;
list-style:none;
}
#blog .entry li{
background:url(http://jasonking.ca/graphics/icon-bullet.png) no-repeat 0 6px;
width:590px;
padding:4px 0 6px 15px;
display:block;
clear:both;
float:left;
}
#blog .entry li:hover{
background:url(http://jasonking.ca/graphics/icon-bullet.png) no-repeat 0 -594px;
}

#blog .post .credits{
float:left;
width:290px;
font-size:.9em;
line-height:18px;
}
#blog .post .postbottom{
list-style:none;
display:block;
clear:none;
float:right;
width:290px;
padding-top:5px;
text-shadow:#333 0 0 3px;
opacity:.8;
overflow:Hidden;
margin:0;
}
#blog .post  .postbottom li,
#blog .post  .postbottom li a{			
display:block;
font-size:.9em;
line-height:18px;
text-decoration:none;
float:right;
background:none;
padding:0;
clear:none;
}		
#blog .post  .postbottom li{
width:38px;
}		
#blog .post  .postbottom li:hover{
background:none;
}	
#blog .post  .postbottom li a{
margin-left:10px;
padding-left:10px;
border-left:1px solid #fff;
background-repeat:no-repeat;
background-position:10px 0;
}
#blog .postbottom li.last{
width:100px;
text-align:right;
}
#blog .postbottom li.last a{
border-left:none;
}
#blog .postbottom li a:hover{					
background-position:10px -50px;
}
#blog .postbottom li a.stumbleupon{
width:18px;
height:0;
padding-top:18px;
overflow:hidden;
background-image:url(http://jasonking.ca/graphics/icon-stumbleupon.png);
}
#blog .postbottom li a.digg{
width:18px;
height:0;
padding-top:18px;
overflow:hidden;
background-image:url(http://jasonking.ca/graphics/icon-digg.png);
}
#blog .postbottom li a.delicious{
width:18px;
height:0;
padding-top:18px;
overflow:hidden;
background-image:url(http://jasonking.ca/graphics/icon-delicious.png);
}
#blog .postbottom li a.google{
width:18px;
height:0;
padding-top:18px;
overflow:hidden;
background-image:url(http://jasonking.ca/graphics/icon-google.png);
}
#sidebar{
float:right;
margin:20px 0;
padding-bottom:360px;
}
#sidebar ul{
list-style:none;
display:block;
float:left;
clear:both;
}
#sidebar li{				
padding:20px 20px 10px;
background:url(http://jasonking.ca/graphics/bg-blacker.png);
width:240px;
margin-bottom:20px;
}
#sidebar li li{
background:none;
margin-bottom:0;
}
#sidebar li,
#sidebar li li a,
#sidebar form{			
display:block;
float:left;
clear:both;
}
#sidebar form,
#sidebar ul ul{
margin:0 0 20px 5px;
}
#sidebar li li a{
background:url(http://jasonking.ca/graphics/icon-bullet.png) no-repeat 0 6px;
padding:4px 0 4px 15px;
line-height:1em;
}
#sidebar li li a:hover{
background:url(http://jasonking.ca/graphics/icon-bullet.png) no-repeat 0 -594px;
}
#sidebar li .aktt_tweets li{
background:url(http://jasonking.ca/graphics/icon-bullet.png) no-repeat 0 6px;
padding:4px 20px 10px 15px;
font-size:.9em;
width:205px;
line-height:1.5em;
text-shadow:#333 0 0 3px;
opacity:.9;				
}
#sidebar li .aktt_tweets li:hover{
background:url(http://jasonking.ca/graphics/icon-bullet.png) no-repeat 0 -594px;
}
#sidebar li .aktt_tweets li a{
background:none;
padding:0;
white-space:nowrap;
float:none;
display:inline;
clear:none;				
}

#sidebar h2.search{
background:url(http://jasonking.ca/graphics/icon-search.png) no-repeat;
padding-left:23px;
line-height:21px;
}
#sidebar h2.tags{
background:url(http://jasonking.ca/graphics/icon-tags.png) no-repeat;
padding-left:29px;
line-height:21px;
}
#sidebar #twitter-tools h2{
background:url(http://jasonking.ca/graphics/icon-twitter2.png) no-repeat;
padding-left:25px;
line-height:21px;
}	

.commentlist{
margin:20px 0;
}		

.commentlist li{	
clear:both;
background:url(http://jasonking.ca/graphics/bg-blacker.png);
padding:20px;
margin-bottom:20px;
float:left;
width:620px;
}
.commentmetadata{
float:right;
}

#ie6{
display:none;
}

#commentform p{
margin-bottom:5px !important;
}