/*
	style_listing.css
	Stylesheet for akimbo.ca
	
	Copyright (c) 2010 Gordon Hicks, all rights reserved	

*/	


/* Columns */

	.content-column {
		padding-right: 9px;
		border-right: solid 1px #919191; /* grey L=60 */
		margin-right: 9px;
		z-index: 2;
	}

	.left-column {
		position: relative;
		float: left;
		width: 319px; /* = 297px + 22px gutter */
		z-index: 2;
	}
	
	.right-column {
		position: relative;
		float: left;
		width: 482px;
		z-index: 2;
	}

/* Theme photos */

	.theme {
		margin-left: 97px;
		width: 200px;
		height: 140px;
		background-repeat: no-repeat;
		background-image: url(../img/global/theme_news.jpg); /* default */
	}
	
	.theme.submissions { background-image: url(../img/global/theme_call_for_submissions.jpg); }
	.theme.exhibitions { background-image: url(../img/global/theme_exhibitions_festivals.jpg); }
	.theme.jobs { background-image: url(../img/global/theme_jobs.jpg); }
	.theme.publications { background-image: url(../img/global/theme_publications.jpg); }
	.theme.learning { background-image: url(../img/global/theme_workshops_courses.jpg); }
	.theme.akimblog { background-image: url(../img/global/theme_akimblog.jpg); }
	.theme.kjblog { background-image: url(../img/global/theme_kjblog.jpg); }
	.theme.atblog { background-image: url(../img/global/theme_atblog.jpg); }
	.theme.news { background-image: url(../img/global/theme_news.jpg); }
	.theme.hitlist { background-image: url(../img/global/theme_hitlist.jpg); }
	.theme.search { background-image: url(../img/global/theme_search.jpg); }

/* Listing Nav */

	.listing-nav {
		position: relative;
		overflow: hidden;
		width: 482px;
		height: 14px;
		padding: 4px 0 1px 0;
		border-top: dotted 1px #c6c6c6; /* light grey L=80 */
		border-bottom: dotted 1px #c6c6c6; /* light grey L=80 */
		font-size: 10px;
		line-height: 10px;
		font-weight: bold;
		color: #505050; /* dark grey */
		text-align: center;
	}

	.listing-nav a.select {
		background-color: #c6c6c6; /* light grey L=80 */
	}

	.listing-nav a {
		text-decoration: none;
	}

	.listing-nav a:link,
	.listing-nav a:visited {
		color: #505050; /* dark grey */
	}

	.listing-nav a:hover,
	.listing-nav a:active {
		color: #ff6600; /* orange */
	}

	.listing-nav a.select:link,
	.listing-nav a.select:visited {
		color: #333333; /* very dark grey */
	}

	.listing-nav a.select:hover,
	.listing-nav a.select:active {
		color: #333333; /* very dark grey */
	}
		

/* Select Nav */

	.select-nav {
		position: absolute;
		height: 14px;
		width: 360px;
		text-transform: uppercase;
	}

	.select-nav a,
	.select-nav span {
		position: relative;
		float: left;
		height: 10px;
		padding: 2px 4px 2px 4px;
	}

	.select-nav .text {
		padding-left: 2px;
	}

	.select-nav a {
		text-align: center;
		text-decoration: none;
	}

	.select-nav.select-page a {
		padding: 2px 3px 2px 3px;
	}

	.select-nav a.ellipsis {
		top: -3px;
	}

/* Page Nav */

	.page-nav {
		position: absolute;
		left: 362px;
		height: 14px;
		width: 120px;
	}

	.page-nav a,
	.page-nav .text {
		position: relative;
		float: right;
		height: 10px;
	}

	.page-nav .text {
		padding: 2px 0 2px 0;
	}

	.page-nav a { /* chevrons */
		padding: 1px 6px 3px 6px;
		font-size: 14px;
		text-align: center;
		text-decoration: none;
	}

/* Listings */

	.listings {
		width: 482px;
	}

	.listings .item {
		width: 478px;
		padding: 9px 2px 8px 2px;
		border-top: dotted 1px #c6c6c6; /* light grey L=80 */
		font-size: 12px;
		line-height: 16px;
	}

	.listings .item:first-child {
		border-top: none;
	}

	.listings p {
		margin: 0;
	}

	.listings .dateline {
		font-size: 11px;
		color: #666666; /* dark grey */
	}

	.listings .city {
		text-transform: uppercase;
		padding-right: 3px;
	}

	.listings .date {
	}

	.listings .title {
		font-weight: bold;
		color: #3151b5; /* blue */
	}

	.listings .venue {
	}

	.listings .text {
	}

	.listings .link {
		margin-top: 1px;
		font-size: 11px;
		font-weight: bold;
	}

	.listings .link a {
		text-decoration: none;
	}

	.listings .link a:link,
	.listings .link a:visited {
		color: #ff6600; /* orange */
	}

	.listings .link a:hover,
	.listings .link a:active {
		color: #3151b5; /* blue */
	}

/* footer */

	.footer {
		width: 482px;
		margin-left: 319px;
		padding: 24px 0 0 0;
		text-align: right;
	}



/* Mark Additions */

	/* this is global for a reason */
	a.offarrow,
	a.offarrow:hover {
		color: #ccc;
	}



/* Hit List Components */


/* Biography */

	.biography {
		padding: 2px 12px;
		font-size: 11px;
		line-height: 14px;
		color: rgb(33,33,33); /* lightened black */
		background-color: rgb(180,213,254); /* light blue */
	}
	
	.biography p {
		margin: 14px 0;
	}



/* Author */

	.author {
		width: 200px;
		height: 80px;
		padding-top: 1px;
		padding-bottom: 1px;
		border-top: solid 25px rgb(49,81,181); /* blue */
		border-bottom: solid 25px rgb(49,81,181); /* blue */
		margin-bottom: 8px;
		line-height: 15px;
		overflow: hidden;
	}
	
	.author img {
		width: 80px;
		height: 80px;
		float: right;
	}

	.author h3 {
		padding-top: 10px;
		margin: 0 85px 0 5px;
		color: rgb(255,102,0); /* orange */
	}

	.author h3.lines-1 { padding-top: 30px; }
	.author h3.lines-2 { padding-top: 22px; }
	.author h3.lines-3 { padding-top: 16px; }
	.author h3.lines-4 { padding-top: 10px; }
	.author h3.lines-5 { padding-top: 4px; }


	.author p {
		margin: 0 86px 0 12px;
	}

	#authorWrapper {
		display: block; 
		width: 200px; 
		position: relative; 
		margin-left: 100px;
	}


/* Hit List Item */

	.hit-list-item {
		width: 100%;
		padding: 3px 0 3px 0;
		border-bottom: dotted 1px rgb(204,204,204);
	}

	.hit-list-item h3 {
		margin: 7px 0 7px 0;
		font-weight: bold;
		color: rgb(49,81,181); /* blue */
	}
	
	.hit-list-item h3 span {
		color: rgb(255,102,0); /* orange */
	}
	
	.hit-list-item p {
		width: 470px;
		margin: 7px 0 7px 0;
		line-height: 17px;
	}