/* 
Title:     Just 24-7 styles
Author:    ben@worthers.com 04/02/10

Index:
(N) 1.  just index
*/

/* 1. just index
---------------------------------------------------------- */

#just24-7 {
	position: relative;
}

#just24-7 .mainTitle {
	display: block;
	width: 129px;
	height: 35px;
	background-image: url(heading.png);
	margin-bottom: 1em;
}

#priority_buttons {
	position: absolute;
	right: 20px;
	top: 1px;
}

.buttonJusticeProjects {
	display: block;
	float: left;
	background-image: url('button_justice_projects.gif');
	width: 162px;
	height: 32px;
	margin-right: 10px;
}

.buttonJusticeResources {
	display: block;
	float: left;
	background-image: url('button_justice_resources.gif');
	width: 162px;
	height: 32px;
}


#twitter_and_projects {
	height: 288px;
	position: absolute;
	top: 60px;
}

#twitter_feed_arrow {
	background-image: url('drop_arrow.png');
	background-repeat: no-repeat;
	background-position: 50% 100%;
	position: absolute;
	background-colour: #334499;
	height: 9px;
	width: 212px;
	top: 286px;
	left: 0px;
	z-index: 2;
}

#twitter_feed_outer {
	height: 288px;
	float: left;
	overflow: hidden;
	position: relative;
	z-index: 3;
}

#twitter_feed {
	margin-right: 4px;
	width: 212px;

	background-color: #1d1d1d;
	color: #fff;
	font-size: 1em;
}


#twitter_feed ol {
	padding: 14px 14px 2px 14px;
	margin: 0;
	line-height: 1.2em;
	list-style-type: none;
	overflow: hidden;
}

#twitter_feed ol li{
	margin: 0 0 10px 0;
	overflow: hidden;
}

#twitter_feed ol li span.tweet{
	display: block;
}

#twitter_feed ol li span.tweet a {
	color: #fff;
	padding: 0;
	margin: 0;
	background-image: none;
}

#twitter_feed ol li span.tweet_time{
	color: #999;
	display: block;
	font-size: 0.9em;
}

#twitter_feed #twitter_feed_viewall {
	text-align: right;
	padding: 0px 14px 16px 14px;
}


#intro_columns {
	margin-top: 328px;
}

#intro_col1, #intro_col2, #intro_col3 {
	float: left;
	width: 213px;
	padding: 0 25px 0 0;
}

#intro_col3 {
	padding: 0;
}

h2.heading_whatisjust247 {
	background-image: url('heading_whatisjust247.png');
	width: 155px;
	height: 20px;
}

h2.heading_foricallyou {
	background-image: url('heading_foricallyou.png');
	height: 20px;
	width: 137px;
}

h2.heading_whyjustice {
	background-image: url('heading_whyjustice.png');
	height: 20px;
	width: 139px;
}



/* 2. just index - projects box
---------------------------------------------------------- */

#projects_wrapper {
	float: left;
	width: 472px;
	height: 288px;
	background-color: #ccc;
	overflow: hidden;
	position: absolute;
	left: 216px;
}

#projects_slides, #projects_texts {
	width: 4200px;
}

#projects_slides {
	z-index: 20;
}

div.project_slide {
	float: left;
	position: relative;
	height: 288px;
	width: 472px;
}

#projects_slides_overlay {
	width: 472px;
	height: 288px;
	position: absolute;
	left: 216px;
	background-image: url('projectsbrowse_dark_overlay.png');
	z-index: 40;
}

#projects_slides_nav {
	width: 472px;
	height: 165px;
	position: absolute;
	left: 216px;
	z-index: 50;
}

#nextSlide, #prevSlide {
	display: block;
	position: absolute;	
	top: 0px;

	padding-left: 236px;

	width: 0px;
	height: 165px;
	overflow: hidden;

	background-repeat: no-repeat;

	cursor: pointer;

	opacity: 0.6;
	background-repeat: no-repeat;
}

#nextSlide:hover, #prevSlide:hover {
	opacity: 0.9;
}

#prevSlide {
	background-position: 13px 120px;
	background-image: url('projects_arrow_left_large.png');
	left: 0px;
}

#nextSlide {
	background-image: url('projects_arrow_right_large.png');
	left: 236px;
	background-position: 209px 120px;
}

a.slide_text {
	position: absolute;
	z-index: 55;
	left: 10px;
	bottom: 29px;
	color: #fff;
	width: 414px;
	font-family: Georgia, serif;
	text-decoration: none;
}

.slide_text .slide_text_title span{
	font-size: 1.8em;
	padding: 5px;
	background-color: #e20026;
}

.slide_text .slide_text_desc {
	background-color: #e20026;
	padding: 6px;
	margin-top: 10px;
}


#project_viewall {
	position: absolute;
	left: 226px;
	bottom: 8px;
	font-size: 0.9em;
	z-index: 90;
	width: 150px;
}

#project_viewall a{
	color: #b1b1b1;
}



/* 3. just resources directory
---------------------------------------------------------- */

dl#just24-7_directory {
	margin: 30px 0 0 0;
	padding: 0 0 0 190px;

}

dl#just24-7_directory dt {
	position: relative;
	font-size: 1.4em;
	font-weight: bold;
	font-family: Georgia, serif;
}

dl#just24-7_directory dt span {
	display: block;
}

dl#just24-7_directory dt span.category {
	color: #999;
	font-size: 0.95em;
	padding-top: 4px;
}

dl#just24-7_directory dd {
	padding: 0;
	margin: 0 0 30px 0;
}

dl#just24-7_directory dt img.thumbnail {
	left: -195px;
	top: -5px;
	position: absolute;
	margin: 0;
	border: 0;
}

dl#just24-7_directory dd div.hostedby span{
	color: #666666;
}