/* 
	content and columns framework
	ccf.css | Alekzander Voznuk, alekzander@fishdesign.com.ua
	v 0.2, 17.12.09
*/
	
	
	
/* text blocks */
/* -------------------------------- */
/* 
	All this styles use inside 
	<div class="text"></div>			
												*/
												
												
												
.text { font-size: 1.4em; line-height: 1.4em; }												

	.text h1, .text h2, .text h3, .text h4, .text h5, .text h6 
			{ /*font-family: Georgia, Times, serif;*/ font-weight: normal; line-height: normal; clear: both; margin-bottom: 0.5em; }			
	.text h2, .text h3, .text h4, .text h5, .text h6 
			{ /*font-style: italic;*/ }
												
/* page header */												

.text h1.page-header 
		{ font-size: 2.2em; margin-bottom: 1em; }
												

/* content headers */

.text h1 { font-size: 2em; }
.text h2 { font-size: 1.4em; }
.text h3 { font-size: 1.3em; color: #333; }
.text h4 { font-size: 0.9em; font-weight: bold; color: #333; }

.text p+h1, p+h2, .text p+h3, .text p+h4,
.text ul+h1, ul+h2, .text ul+h3, .text ul+h4,
.text ol+h1, ol+h2, .text ol+h3, .text ol+h4,
.text div+h1, div+h2, .text div+h3, .text div+h4,
.text table+h1, table+h2, .text table+h3, .text table+h4,
.text img+h1, img+h2, .text img+h3, .text img+h4
		{ margin-top: 2em; }

/*
* html #internal-page h1, * html #internal-page h2, * html #internal-page h3, * html #internal-page h4 
		{ margin-top: 2em; }
*/



/* paragrafs */

div.text p { margin: 0 0 0.5em 0; }


/* lists */

.text ul, .text ol { margin-bottom: 0.5em; float: none; clear: both; margin-left: 40px; }
	.text ul li, .text ol li { padding-bottom: 0.3em; }

	.text ul li { background: url(../../images/icons/em_dash.png) no-repeat 0 0.7em; padding-left: 19px; min-height: 1em; }
		* html .text ul li { height: 1em; }

	.text ol { list-style: decimal; padding-left: 2em; }

	.text ul.no-bullet li { background: none; padding-left: 0; }

	
/* images */

.text img 
		{ margin: 0 0 1em 0; }

	.text img.float 
			{ float: left;	margin: 0 1em 0.2em 0; }

	.text img.floatright
			{ float: right;	margin: 0 0 0.2em 1em; }
			
			
	.text img.no_float 
			{ float: none; margin: 0 0 1em 0; }
			
	.text img.border 
			{ border: 1px solid #ccc; padding: 5px; }

.text .image_legend 
		{ font-size: 13px; color: #555555; font-style: italic; margin: -0.8em 0 1.5em 0; }


/* panel */
/* -------------------------------- */				
		
.panel {
	float: left;
}		
		

/* block */
/* -------------------------------- */		

.block {
	clear: both;
	margin-bottom: 3em;
}
		
	.text .block h2 {
		margin-bottom: 0.5em;
		font-size: 1.3em;
		color: #344246;
	}
	
		.text .block h2 a {
			color: #344246;
		}

		
			
/* teaser items */
/* -------------------------------- */

.item 
		{ clear: both; margin-bottom: 2.2em; }
	
		#home-page .item { margin-bottom: 1.2em; }
	
	.text .item h2 { clear: none; margin-bottom: 0.2em; }
	.text .item h3 
			{ clear: none; font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.4em; font-style: normal; font-weight: normal; margin-bottom: 0.2em; }
	
			#home-page .text .item h3 { line-height: 1.3em; margin-top: 0; }
			#internal-page .text .item h3 { font-size: 1.2em; }
	
		.text .item p+h3 { margin-top: 0; }
		* html #internal-page .text .item h2, * html #internal-page .text .item h3, * html #internal-page .text .item h4 { margin-top: 0; }
			
	
	.text img.teaser-image							 { border: 3px solid #ddd; float: left; margin: 0.3em 15px 2px 0; }
		#internal-page .text img.teaser-image	 {float: right; margin: 0.3em 0 5px 15px; }
	
	.text .item p { margin-bottom: 0.2em; }
		.text .item p.author	 { font-weight: bold; font-size: 0.9em; margin-bottom: 0; }
		.text .item p.issue		 { font-style: italic; margin-bottom: 0.1em; }		
		.text .item p.datetime	 { font-size: 0.8em; margin-bottom: 0; color: #555; }		
		.text .item p.place		 { font-style: italic; font-size: 0.9em; color: #555; }		
		.text .item p.about		 { margin-bottom: 0; font-style: italic; font-size: 0.9em; }
		.text .item p.special	{ margin-bottom: 0; font-weight: bold; }


/* page-header-fields */

.text .page-header-fields {
	margin-bottom: 1em;
}		
		
		
/* pager */		

.pager 
		{ margin-top: 4em;}

	.pager a, .pager span.pos { margin-right: 5px; }
	.pager span.pos { font-weight: bold; }

		
		
/* content */
/* -------------------------------- */
/* 
	All this styles use both inside 
	and outside 
	<div class="text"></div>
				

/* additional text styles */

.small	 { font-size: 0.8em; }
.select	 { font-size: 1.1em; font-style:italic; color: #333333; }
.file	 { font-size: 0.8em; color: #666; }



/* special links */

ul.special_links { margin-bottom: 1.5em; margin-left: 5px; margin: 0; }
	ul.special_links li { position: relative; margin-bottom: 0.2em; list-style: none; padding-left: 0; background: none; padding-left: 0; }

		ul.special_links a { padding: 0 0 0 20px; margin: 0; display: block; }
			ul.special_links li.sel a { background-image: none; background-color: #ccc; color: #fff; padding-top: 4px; padding-bottom: 5px; text-decoration: none; }
			
		.special_links a:link		 { background: url(../../images/icons/em_dash_l.png) no-repeat 0 0.5em; }
		.special_links a:visited	 { background: url(../../images/icons/em_dash_v.png) no-repeat 0 0.5em; }
		.special_links a:hover		 { background: url(../../images/icons/em_dash_l.png) no-repeat 0 0.5em; }
		.special_links a:active		{ background: url(../../images/icons/em_dash_a.png) no-repeat 0 0.5em; }
	
		


/* columns */
/* -------------------------------- */

html .fc { /* first column */
	clear: both !important; 
}

html .row	{ padding-top: 0; }
html .row10	{ padding-top: 10px; } 
html .row20	{ padding-top: 20px; } 
html .row30	{ padding-top: 30px; }
html .row40	{ padding-top: 40px; }



.col, col0, .col10, .col20, .col25, .col30, .col40, .col50, .col60, .col70, .col80, .col90, .col130, .col140, .col150, .col200, .col240, .col250 {
	float: left;
	position: relative;
	display: inline;
}

.colright { float: right !important; }

.col		 { margin-left: 0; }		 
.col0		 { margin-left: 0; }		 
.col10	 { margin-left: 10px; }
.col20	 { margin-left: 20px; }
.col25	 { margin-left: 25px; }
.col30	 { margin-left: 30px; }
.col40	 { margin-left: 40px; }
.col50	 { margin-left: 50px; }
.col60	 { margin-left: 60px; }
.col70	 { margin-left: 70px; }
.col80	 { margin-left: 80px; }
.col90	 { margin-left: 90px; }
.col130	{ margin-left: 130px; }
.col140	{ margin-left: 140px; }
.col150	{ margin-left: 150px; }
.col200	{ margin-left: 200px; }
.col240	{ margin-left: 240px; }
.col250	{ margin-left: 250px; }

.w100  { width: 100px; }
.w150  { width: 150px; }
.w170  { width: 170px; }
.w180  { width: 180px; }
.w200  { width: 200px; }
.w210  { width: 210px; }
.w220  { width: 220px; }
.w230  { width: 230px; }
.w260  { width: 260px; }
.w270  { width: 270px; }
.w280  { width: 280px; }
.w290  { width: 290px; }
.w300  { width: 300px; }
.w310  { width: 310px; }
.w340  { width: 340px; }
.w350  { width: 350px; }
.w360  { width: 360px; }
.w420  { width: 420px; }
.w480  { width: 480px; }
.w490  { width: 490px; }
.w520  { width: 520px; }
.w530  { width: 530px; }
.w590  { width: 590px; }
.w600  { width: 600px; }
.w620  { width: 620px; }
.w690  { width: 690px; }
.w700  { width: 700px; }
.w710  { width: 710px; }
.w730  { width: 730px; }
.w740  { width: 740px; }
.w940  { width: 940px; }
.w960  { width: 960px; }

.w180_p10 {
	padding: 10px;
	width: 180px;
	w\idth: 160px;
}

.f16 { font-size: 1.6em !important; }
.f15 { font-size: 1.5em !important; } 
.f14 { font-size: 1.4em !important; } 
.f13 { font-size: 1.3em !important; }
.f12 { font-size: 1.2em !important; }
.f11 { font-size: 1.1em !important; }
.f10 { font-size: 1em !important;}


.l20 { line-height: 2em; }
.l18 { line-height: 1.8em; } 
.l16 { line-height: 1.6em; }
.l14 { line-height: 1.4em; }
.l12 { line-height: 1.2em; }