@charset "utf-8";
/* 
CSS Document
Site: http://www.cityonahillproductions.com
Author: JLOOP - Daniel Fordyce
Date: January 24, 2008
*/



/*------------------------ HTML styles ------------------------*/

body { background: url(../images/bg_tan.gif) repeat; }

/*------------------------ Typography ------------------------*/

.content_box_clear li p { color: #666666; }

li.sidebar p, li.our_team p { color: #333333; }

li.content_col p, li.content_col ul li, li.content_col ol li { 
	font-size: 12px; 
	line-height: 18px;
	}	

/*----------------------- Link Styles ------------------------*/

a { 
	color: #3399FF;
	font-size: 12px;
	text-decoration: none;
	}

#footer a, .content_box_clear a, h3 a { font-size: 10px; }

h3 a { color: #5B3717; }

a.team {
	display: block;
	height: 19px;
	padding-top: 3px;
	padding-left: 30px;
	background: url(/images/icon_link_our_team.jpg) top left no-repeat;
	}
	
a.tv {
	display: block;
	height: 19px;
	padding-top: 3px;
	padding-left: 30px;
	background: url(/images/icon_link_tv.jpg) top left no-repeat;
	}
	
a.support {
	display: block;
	height: 19px;
	padding-top: 3px;
	padding-left: 30px;
	background: url(/images/icon_link_support.jpg) top left no-repeat;
	}
	
a.news {
	display: block;
	height: 19px;
	padding-top: 3px;
	padding-left: 30px;
	background: url(/images/icon_link_news.jpg) top left no-repeat;
	}
	
a.store {
	display: block;
	height: 19px;
	padding-top: 3px;
	padding-left: 30px;
	background: url(/images/icon_link_store.jpg) top left no-repeat;
	}
	
/*-------------------------- Layout --------------------------*/
	
#container { background: url(../images/paper_tan.gif) repeat-y; }

body#home .content_box { background: none; }
body#home .content_box li {
	position: relative;
	background-color: #E8E8D1; 
	}

.content_box li h3, .content_box li p { background-color: #E8E8D1; }
body#home .content_box li h3 {
	position: absolute;
	bottom: 5px;
	}

.content_box_clear {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	}
body#home .content_box_clear { margin-top: 10px; }
	
.content_box_clear li {
	float: left;
	width: 300px;
	margin-right: 10px;
	padding-top: 4px;
	border-top: 1px solid #CCCCCC;
	}
	
.content_box_clear li p {
	padding-top: 10px;
	background-color: #FFFFFF;
	border: none;
	}
	
.content_box { background: url(/images/bg_home_content.gif) top left repeat-y; }
	
li.content_col { 
	float: right;
	margin: 0;
	padding: 0 0 30px;
	}
	
li.content_col p {
	width: auto;
	padding: 10px 0 5px;
	background-color: transparent;
	}
	
li.content_col ul, li.content_col ol {
	width: 400px;	
	padding: 15px 0 0 18px;
	list-style-type: none; 
	}
	
li.content_col ol { list-style-type: decimal; }
	
li.content_col ul li, li.content_col ol li { 
	float: none; 
	width: 400px;
	}
	
li.content_col img { margin-top: 10px; }	
	
li.sidebar {
	float: left; 
	width: 280px;
	padding: 10px 10px 20px;
	}

li.sidebar p {
	padding-left: 0;
	padding-right: 0;
	}

li.sidebar img { margin-bottom: 20px; }
	
li.sidebar ul li {
	width: 250px; 
	padding-left: 20px;
	padding-bottom: 20px;
	background: url(/images/leaf.gif) 0 3px no-repeat; 
	}
	
li.content_col ul.team_bios {
	width: 610px;
	margin: 0;
	padding: 0;
	list-style: none;
	}

li.content_col ul.team_bios li {
	display: inline;
	float: left;
	width: 300px;
	height: 375px;
	margin: 0 10px 0 0;
	}
li.content_col ul.team_bios li.last { margin-right: 0; }
	
li.content_col ul.team_bios p {
	width: auto;
	padding: 10px 0;
	background-color: #FFFFFF;
	border: none;
	font-size: 10px;
	line-height: 14px;
	}
	
li.content_col ul.team_bios blockquote {
	margin: 5px 10px;
	padding: 0;
	font-size: 10px;
	line-height: 14px;
	}
	
li.content_col ul.team_bios div {
	position: relative;
	width: 300px;
	height: 100px;
	}
li.content_col ul.team_bios div img { margin: 0; }
	
li.content_col ul.team_bios h5 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 190px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #C2C2C2;
	}
	
li.content_col ul.team_bios h5 span { font-weight: normal; }
	

li.content_col ul.team_bios li.wide {
	width: 600px; 
	height: auto;
	margin: 20px 0 40px;
	}
li.content_col ul.team_bios li.wide div { width: 600px; }
li.content_col ul.team_bios li.wide h5 { width: 490px; }
		
img.thumb_home {
	float: left;
	margin-left: -5px;
	padding: 32px 10px 10px 0;
	}

/*--------------------------- Misc ---------------------------*/

.link_row {
	display: block;
	margin-top: 6px;
	color: #3399FF;
	font-size: 12px;
	}
	
li.birthday { 
	width: 300px;
	padding: 0;
	background: url(/images/birthday_cake.jpg) no-repeat bottom right; 
	}
	
li.birthday img { margin: 20px 0 0; }

li.birthday p { 
	padding: 0;
	background-color: transparent; 
	}
	
#video { margin: 10px 0; }