@charset "utf-8";
/* CSS Document */
img, a {
	border:none;
}

body{
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
}
.networks{
	position:absolute;
	left:0px;
	top:0px;
	width:204px;
	height:72px;
}
.contact{
	position:absolute;
	right:135px;
	top:0px;
	width:127px;
	height:37px;
	z-index:12;
	opacity:0;
}
.paper-edge{
	background-image: url(../images/Paper-Edge.png);
	background-repeat: repeat-x;
	height: 44px;
	width: 100%;
	position:absolute;
	bottom:0px;
	left: 0px;
	z-index:999;
}
.postit{
	height: 282px;
	width: 255px;
	position: absolute;
	left: 20px;
	bottom: 150px;
	z-index:11;
	background-image: url(../images/Post-its5.png);
	background-repeat: no-repeat;
}
.postit2{
	height: 282px;
	width: 255px;
	position: absolute;
	left: 20px;
	bottom: 150px;
	z-index:11;
	background-image: url(../images/Post-its4.png);
	background-repeat: no-repeat;
}
.postit3{
	height: 282px;
	width: 255px;
	position: absolute;
	left: 20px;
	bottom: 150px;
	z-index:11;
	background-image: url(../images/Post-its3.png);
	background-repeat: no-repeat;
}
.postit4{
	height: 282px;
	width: 255px;
	position: absolute;
	left: 20px;
	bottom: 150px;
	z-index:11;
	background-image: url(../images/Post-its2.png);
	background-repeat: no-repeat;
}

.james{
	height: 554px;
	width: 675px;
	bottom:-554px;
	z-index:10;
	position:absolute;
	bottom:-554px;
	left:148px;
}
.navigation{
	position:absolute;
	right:0px;
	top:0px;
	width:400px;
	height:600px;
	z-index:11;
}
.navigation div :hover{
	cursor:pointer;
}

#home{
	width:148px;
	height:129px;
	position:absolute;
	top:75px;
	left:20px;
}
#home a{
	display: block;
	width:148px;
	height: 0px !important;
	height /**/:129px; /* IE 5/Win hack */ 
	padding-top: 129px;
	overflow: hidden;
	background-image: url(../images/home2.png);
	background-repeat:no-repeat;
}
#home a:visited{
	background-image: url(../images//home2.png);
	background-repeat:no-repeat;
}
#home a:hover{
	background-image: url(../images/home1.png);
	background-repeat:no-repeat;
}
#bio{
	width:165px;
	height:140px;
	position:absolute;
	top:50px;
	right:0px;
}
#bio a{
	display: block;
	width:165px;
	height: 0px !important;
	height /**/:140px; /* IE 5/Win hack */
	padding-top: 140px;
	overflow: hidden;
	background-image: url(../images/bio1.png);
	background-repeat:no-repeat;
	background-position: bottom;
}
#bio a:visited{
	background-image: url(../images/bio1.png);
	background-repeat:no-repeat;
	background-position: bottom;
}
#bio a:hover{
	background-image: url(../images/bio2.png);
	background-repeat:no-repeat;
	background-position: bottom;
}
#videos{
	width:202px;
	height:118px;
	position:absolute;
	top:195px;
	right:15px;
}
#videos a{
	display: block;
	width:202px;
	height: 0px !important;
	height /**/:118px; /* IE 5/Win hack */
	padding-top: 118px;
	overflow: hidden;
	background-image: url(../images/videos1.png);
	background-repeat:no-repeat;
}
#videos a:visited{
	background-image: url(../images/videos1.png);
	background-repeat:no-repeat;
}
#videos a:hover{
	background-image: url(../images/videos2.png);
	background-repeat:no-repeat;
}
#gigs{
	width:248px;
	height:114px;
	position:absolute;
	top:305px;
	right:0px;
}
#gigs a{
	display: block;
	width:248px;
	height: 0px !important;
	height /**/:114px; /* IE 5/Win hack */
	padding-top: 114px;
	overflow: hidden;
	background-image: url(../images/gigs1.png);
	background-repeat:no-repeat;
}
#gigs a:visited{
	background-image: url(../images/gigs1.png);
	background-repeat:no-repeat;
}
#gigs a:hover{
	background-image: url(../images/gigs2.png);
	background-repeat:no-repeat;
}

#news{
	width:167px;
	height:140px;
	position:absolute;
	bottom:40px;
	right:35px;
}
#news a{
	display: block;
	width:167px;
	height: 0px !important;
	height /**/:140px; /* IE 5/Win hack */
	padding-top: 140px;
	overflow: hidden;
	background-image: url(../images/news1.png);
	background-repeat:no-repeat;
}
#news a:visited{
	background-image: url(../images/news1.png);
	background-repeat:no-repeat;
}
#news a:hover{
	background-image: url(../images/news2.png);
	background-repeat:no-repeat;
}

.bottom{
	background-image: url(../images/Crushed-Paper.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	width: 100%;
	height: 915px;
}
.bottom .container{
	width:975px;
	margin-left:auto;
	margin-right:auto;
}
.content{
	font-size:12px;
	line-height:18px;
	color:#999;
	padding-bottom:30px;
}
.textblock{
	float:left;
	width:430px;
	margin-left:22px;
}
.quoteblock{
	float:right;
	width:387px;
	background-image: url(../images/reviewsBG.jpg);
	background-repeat: no-repeat;
	height: 400px;
	margin-top:30px;
}
.ticker{
	width:300px;
	height:222px;
	margin-top:127px;
	margin-left:51px;
	font-size:18px;
	line-height:normal;
	text-align:left;
	color:#209daf;
}
.ticker strong{
	color:#115964;
	display:block;
	margin-top:5px;
}
.ticker ul{
	padding:0px;
	margin:0px;
	list-style:none;
	width:300px;
	height:222px;
}
.ticker ul li{
	padding:0px;
	margin:0px;
	display:block;
	width:300px;
	height:222px;
}
#biog{
	background-image: url(../images/James-crouching.jpg);
	background-repeat: no-repeat;
	background-position: right 300px;
	width:545px;
}
.mainphoto{
	float:right;
	margin-bottom:20px;
	margin-right:20px;
}
.column{
	float:left;
	width:230px;
	margin-right:17px;
	font-size:12px;
	line-height:18px;
	color:#999;
}
img.a {
	position: absolute;
	left: 8;
	top: 8;
	z-index: 10;
        }
 
img.b {
	position: absolute;
	left: 8;
	top: 8;
	z-index: 9;
	}

.clear{
	clear:both;
	height:1px;
}
.videoL{
	background-image: url(../images/video-left2.jpg);
	background-repeat: no-repeat;
	height: 900px;
	width: 305px;
	float: left;
	position:relative;
}
.newclip{
	position:absolute;
	width:106px;
	height:106px;
	top:102px;
	left:50px;
}
.clip1{
	position:absolute;
	width:106px;
	height:106px;
	top:380px;
	left:25px;
}
.clip1b{
	position:absolute;
	width:106px;
	height:106px;
	top:407px;
	right:26px;
}
.clip1c{
	position:absolute;
	width:106px;
	height:106px;
	top:589px;
	right:25px;
}
.clip2{
	position:absolute;
	width:106px;
	height:106px;
	bottom:23px;
	right:28px;
}
.socks{
	background-image: url(../images/james-socks.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 540px;
	width: 281px;
	float: left;
	margin-left:27px;
	margin-right:27px;
}
.videoR{
	background-image: url(../images/video-right2.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 881px;
	width: 333px;
	background-position: left;
	position:relative;
}
.clip3new{
	position:absolute;
	width:150px;
	height:105px;
	top:115px;
	left:0px;
}
.clip3anew{
	position:absolute;
	width:150px;
	height:105px;
	top:95px;
	left:150px;
}

.clip3{
	position:absolute;
	width:197px;
	height:138px;
	top:285px;
	left:82px;
}
.clip4{
	position:absolute;
	width:228px;
	height:172px;
	top:455px;
	left:52px;
}
.clip5{
	position:absolute;
	width:191px;
	height:150px;
	top:653px;
	left:28px;
}
.nevermind{
	padding-left:20px;
	width:281px;
	height:467px;
}

.twitterfeed{
	float:right;
	width:280px;
	max-height:480px;
	background-image: url(../images/tweeting-away.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top:15px;
	padding-top: 120px;
	padding-bottom: 20px;
	padding-right: 35px;
	padding-left: 35px;
	overflow:hidden;
}
.twitterfeed ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
.twitterfeed ul li{
	display:block;
	padding-top:4px;
	padding-bottom:4px;
	margin-bottom:4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
#blanket {
    background-color:#000;
    opacity: 0.65;
    filter:alpha(opacity=65);
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    z-index:2998;
}
#popUpDiv {
	position:absolute;
	width:370px;
	height:356px;
	background-image:url(../images/contactBG.png);
	background-repeat:no-repeat;
	padding-left:114px;
	padding-top:194px;
	font-size:13px;
	line-height:22px;
	z-index:2999;
}
a.close{
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	top:0px;
	right:0px;
}
#newsposts ul{
	list-style:none;
}
#newsposts ul li{
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
#newsposts .date{
	font-size:12px;
	font-weight:bold;
	color:#8C4B0B;
	display:block;
	margin-bottom:6px;
}
#newsposts .newshead{
	font-size:18px;
	color:#462300;
	display:block;
	margin-bottom:10px;
}
