/*******TRIPLE CANOPY ISSUE #1 ARTICLE STYLES***********/

/* bump font size down for issue #1... */
ul#pagelike li,
div.offscreenRender {
	padding: 25px 50px 25px 25px;
	font-size: 11px;
	line-height: 130%;
	*line-height: 125%;
	}

/* built-in padding-top in issues 2+? */
#titlepage img {
	padding-top: 0;
}

/******PAGE LAYOUTS*******/


	/******Single Big Image BLACK*******/
	
.fullpageBlack {
background-color: #000000;
width: 800px;
height: 585px;
margin:-25px 0px 0px -25px;
float: left;
padding:0px;
}

.fullpageBlack img,
.fullpageBlack div.css_img {
margin: 0px;
margin-top: 100px;
}

.white {
color: #ffffff;
font-size: 14px;
}

	/******TWO COLUMN - BIG LEFT + SMALL RIGHT*******/


.twocolumnBLSR {
	width: 750px;
	height: 600px;
	float: left;
	}
	
.twocolumnBLSR .bigleft {
	width: 492px;
	height: 600px;
	float: left;
	}
	

.twocolumnBLSR .smallright {
	width: 238px;
	height: 600px;
	float: left;
	padding-left:20px;
	}	
	

	/******TWO COLUMN - SMALL LEFT + BIG RIGHT *******/


.twocolumnBRSL {
	width: 750px;
	height: 600px;
	float: left;
	}
	

.twocolumnBRSL .smallleft {
	width: 238px;
	height: 600px;
	float: left;
	padding-left:0px;
	}

.twocolumnBRSL .bigright {
	width: 492px;
	height: 600px;
	float: left;
	padding-left: 20px;
	}
	
	
	/******TWO COLUMN - HUGE LEFT + SMALL RIGHT*******/


.twocolumnHLSR {
	width: 750px;
	height: 600px;
	float: left;
	}
	

.twocolumnHLSR .bigleft {
	width: 620px;
	height: 600px;
	float: left;
	padding-left:0px;
	}

.twocolumnHLSR .smallright {
	width: 100px;
	height: 600px;
	float: left;
	padding-left: 20px;
	overflow: hidden;
	}

	/******TWO COLUMN - SMALL LEFT + HUGE RIGHT*******/


.twocolumnHRSL {
	width: 750px;
	height: 585px;
	float: left;
	margin-top:0px;
	line-height: 120%;
	*line-height: 110%;
	}
	
.twocolumnHRSL .bigright {
	width: 550px;
	height: 585px;
	float: left;
	padding-left: 50px;
	}
	
.twocolumnHRSL .smallleft {
	width: 100px;
	height: 585px;
	float: left;
	}
	
	
/******FULL PAGE*****/
.fullpage {
	/* DO NOT ENTER DEFINITIONS. this class is used by JS to make decisions */
}

.fullpage2 {
padding-left:130px;

width: 800px;
height: 585px;
margin:-25px 0px 0px -25px;
float: left;
}

.fullpage_intro {
width: 800px;
height: 550px;
margin:-25px 0px 0px -25px;
float: left;
background-image: url(http://canopycanopycanopy.com/static/images/1/introduction.jpg);
overflow: visible;
}


.fullpage2textCenter{
font-size: 12px;
width: 400px;
height:auto;
padding: 25px 0px 0px 100px;
float:left;
line-height: 130%;
*line-height: 125%;
}


/******IMAGE CREDITS*****/

.credit {
	margin:0px;
	text-align: left;
	color:#666666;
	font-size:100%;
	font-weight:normal;
	line-height:120%;
	*line-height:110%;
	text-align:right;
	padding-bottom: 20px;
	}

.credit img,
.credit div.css_img {
padding-bottom: 0px;}




/***********TOC*********/

#issue_number {
float:left;
width: 198;
height: 418;
padding-top:100px;
padding-left:40px;
}


table.toc {
	margin: 0;
	padding: 0;
	height: 530px;
}
table.toc td {
  font-family: verdana;
  width: 220px;
	padding-left: 35px;
  text-align: right;
	line-height: 135%;
	*line-height: 125%;
}
table.toc tr td div.piece {
	margin-bottom: 1.6em;
}
table.toc tr td div.piece a.title {
  font-weight: bold;
  font-size: 120%;
}
table.toc tr td div.piece span.tagline {
   color: #999;
   font-size: 90%;
}

.subhead {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 0.5em;
}



/*******ARTICLES CSS*******/



/*******BASIC INSTINCT*******/

.bifullpage {
padding-left:130px;
background-color: #000000;
width: 690px;
height: 585px;
margin:-25px 0px 0px -45px;
float: left;
}

.bitext{
color: #ffffff;
font-size: 12px;
width: 260px;
height: 365px;
padding: 100px 50px 0px 0px;
float:left;
line-height: 140%;
*line-height: 130%;
}

.bitextCenter{
color: #ffffff;
font-size: 12px;
width: 300px;
height: 365px;
padding: 80px 0px 0px 150px;
float:left;
line-height: 140%;
*line-height: 130%;
}

.bitextVideo{
color: #ffffff;
font-size: 12px;
width: 320px;
height: 300px;
padding: 120px 0px 0px 240px;
float:left;
line-height: 140%;
*line-height: 130%;
}

.bifullpage h2 {
	font-weight: bold;
	font-size: 16px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding:5px 0px 10px 0px;
	color: #FFFFFF;
	}
	
	
/*******BRUSH*******/	

.brushtextVideo{
color: #ffffff;
font-size: 12px;
width: 640px;
height: 490px;
padding: 50px 0px 0px 80px;
float:left;
}


/*****TRANSIT*****/

.fullpage_transit {
background-color: #000000;
width: 800px;
height: 585px;
margin:-25px 0px 0px -25px;
float: left;
background-repeat: no-repeat;
}

.fullpage_transit .bigleft {
	width: 492px;
	height: 600px;
	float: left;
	}
	

.fullpage_transit .smallright {
	width: 230px;
	height: 585px;
	float: left;

	
	font-size: 12px;
	line-height: 135%;
	*line-height: 125%;
	}
	
	.fullpage_transit .smallright .text {
	/***background-image: url(http://canopycanopycanopy.com/static/images/1/transit/transit_sidebar.png);***/
	padding:20px;
	width: 230px;
	height: auto;
	background-color: #ffffff;
	}
	
/*****Campaign*****/

.fullpage_campaign {
padding-left:130px;
background-repeat: no-repeat;
width: 800px;
height: 585px;
margin:-25px 0px 0px -25px;
float: left;
}


/*****Brush*****/

.fullpage_brush {
padding-left:130px;
background-repeat: no-repeat;
width: 800px;
height: 585px;
margin:-25px 0px 0px -25px;
float: left;
background-image: url(http://canopycanopycanopy.com/static/images/1/brush/brush_still.jpg);
}




/*****To Displace*****/

.fullpage_displace {
padding-left:130px;
background-repeat: no-repeat;
width: 800px;
height: 585px;
margin:-25px 0px 0px -25px;
float: left;
background-image: url(http://canopycanopycanopy.com/static/images/1/displace/displace_still2.jpg);
}


/*****outside in*****/

.twocolumn_outside {
	width: 800px;
	height: 585px;
	float: left;
	}
	
.twocolumn_outside .bigright {
	width: 515px;
	height: 585px;
	float: left;
	padding-left:25px;
	}
	
.twocolumn_outside .smallleft {
	width: 185px;
	height: 585px;
	float: left;
	padding-left:50px;
	}
	

.twocolumn_outside {
	width: 800px;
	height: 585px;
	float: left;
	}
	
.twocolumn_outside .bigleft {
	width: 515px;
	height: 585px;
	float: left;
	padding-left:25px;
	}
	
.twocolumn_outside .smallright {
	width: 185px;
	height: 585px;
	float: left;
	padding-left:50px;
	}
	
	
/*****splash*******/


.fullpage_splash {
width: 798px;
height: 585px;
margin:-25px 0px 0px -25px;
float: left;
background-repeat: no-repeat;
}

.fullpage_splash .bigleft {
	width: 422px;
	height: 600px;
	float: left;
	}
	

.fullpage_splash .smallright {
	width: 300px;
	height: 585px;
	float: left;

	
	font-size: 12px;
	line-height: 135%;
	
	}
	
	.fullpage_splash .smallright .text {
	background-image: url(http://canopycanopycanopy.com/static/images/news/news_bg.png);
	background-repeat: repeat-y;
	padding:20px;
	width: 300px;
	height: auto;
	
	}