/* 

Name: typo3 Images

Author: RBurnie

Purpose:	To overwrite/modify default typo3 settings for image styles

			

			typo3 uses various configurations of markup/css classes to

			acheive different image positioning in content. Use this file to

			modify that behavior to suit specific site needs

*/



/* 	used by:	all images w/ text options *************************************/

div.csc-textpic {

	

}

/* 	div wrapper for actual text *************************************************

	used by:	all

*/

div.csc-textpic-text {

	

}

/*	header **********************************************************************

	used by:	In text, right (column)

				In text, left (column)

*/

div.csc-textpicHeader {

	

}

/* used by: all */

div.csc-textpic-imagewrap {

	

}

/*	DEFINITION LIST wrapper *****************************************************

	used by: all

*/

dl.csc-textpic-image {

	

}

/*	additional classes used in DL 

ie:	<dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol"

*/

dl.csc-textpic-firstcol {

	

}

dl.csc-textpic-lastcol {

	

}

/* DEFINITION TERM (contains the image) ****************************************/

dl.csc-textpic-image dt {

	

}

/* DEFINITION DATA (contains captions - if applicable) *************************/

dd.csc-textpic-caption {

	font-size: 0.85em;

	color: #756E5F;

	padding: 0.5em 0;

}

dd.csc-textpic-caption * {

	padding-left: 0;

	padding-right: 0;

	color: #756E5F;

}

dd.csc-textpic-caption h1,

dd.csc-textpic-caption h2 {

	font-size: 1.8em;

}

dd.csc-textpic-caption h3 { font-size: 1.5em;font-weight:bold; }

dd.csc-textpic-caption h4 { font-size: 1em; }

dd.csc-textpic-caption h5 { font-size: 0.8em; }

dd.csc-textpic-caption h6 { font-size: 0.75em; }

/* image border */

div.csc-textpic-border img,
div.news-single-img img,
div#main.column div.news-latest-container img{

	border: 1px solid #D9E7EB !important;

	padding: 3px !important;

	background: #fff !important;

}

/*	CLEARER ********************************************************************/

div.csc-textpic-clear {

	

}

/********************************************************************************

********************************************************************************/

/*	ABOVE ***********************************************************************

	used by: 	Above, center

				Above, right

				Above, left

*/

div.csc-textpic-above {

	

}

/*	CLEARER - used by: all *****************************************************/

div.csc-textpic-clear {

	

}

/*	BELOW ***********************************************************************

	used by: 	Below, center

				Below, right

				Below, left

*/

div.csc-textpic-below {

	

}

/*	CENTER **********************************************************************

	used by:	Above, center

				Below, center

*/

div.csc-textpic-center {

	

}

/*	RIGHT ***********************************************************************

	used by:	Above, right

				Below, right

*/

div.csc-textpic-right {

	

}

div.csc-textpic-right div.csc-textpic-imagewrap {

	margin-right: 30px;

}

/*	RIGHT intext (inline)

	used by:	In text, right (inline icon)

*/

div.csc-textpic-intext-right {

	

}

div.csc-textpic-intext-right div.csc-textpic-imagewrap {

	margin-right: 30px;

}

/*	RIGHT (column)

	used by:	In text, right (colomn icon)

*/

div.csc-textpic-intext-right-nowrap {

	

}

div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {

	margin-right: 30px;

}

/*	LEFT ***********************************************************************

	used by:	Above, left

				Below, left

*/

div.csc-textpic-left {

	

}

div.csc-textpic-left div.csc-textpic-imagewrap {

	margin-left: 30px;

}

/*	LEFT intext (inline)

	used by:	In text, left (inline icon)

*/

div.csc-textpic-intext-left {

	

}

div.csc-textpic-intext-left div.csc-textpic-imagewrap {

	margin-left: 30px;

}

/*	LEFT (column)

	used by:	In text, left (colomn icon)

*/

div.csc-textpic-intext-left-nowrap {

	

}

div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {

	margin-left: 30px;

}

/* news images */
div.news-single-img{
	
	float:right;
}

div.news-single-img img,
div#main.column div.news-latest-container img{
	margin-left: 30px;
	margin-right:30px;
	
}
div#right.column div.news-latest-container img,
div.news-list-container img,
div#main.column div.news-latest-container img{
	display:none;
}

p.news-single-imgcaption{ width: 250px;
	font-size: 0.85em;

	color: #756E5F;
	text-align:center;
	padding: 0.5em 0;
	margin-left: 30px;
	margin-right:30px;
}