/* ----------------------------------- */

#main-content	article img[style*="float:left"]	{
	margin-right: 2% !important;
}

#main-content	article img[style*="float:right"]	{
	margin-left: 2% !important;
}

.published_items:after {	
  content: '';
  display: block;
  clear: both;
}

.article_container a {
	text-decoration : none;
}

/* Generic article image */

.article_container article img {
	width : 100%;
    height : 100%;
    object-fit: cover;
	object-position : 50% 25% ;    
	position : relative;
	
}

article {
	position : relative;
        text-align: center;
}

footer.fade_out  {
	display : none;
}

/* Article styles */
.article_container p {
    font-size : 1.2em;
      letter-spacing : .12em;
      line-height: 1.9em;
  
}
.article_container h1 {
    color : #71929f;
    font-size : 3.5em;
    letter-spacing : .15em;
    padding-bottom : 35px;
}

.article_container h2 {
}

/* Remember ... heading 2 in editor is h3! */

.article_container h3 {
    color : #3a794f;
    font-size : 1.6em;
       letter-spacing : .17em;
     padding-bottom : 20px;

}

.article_container h4 {
    color : #71929f;
       letter-spacing : .17em;
         padding-bottom : 20px;

    font-size : 1.6em;
}
.article_container h5 {
    color : #ac6673;
    font-size : 1.6em;
           letter-spacing : .17em;
}

/* ================================================== */
/* The main content block (within 'main') */

#main-content	article	blockquote	{
	float : right;
	font-size : 1em;
	line-height :1.5em;
	font-weight : normal;
	font-style : italic;
	width : 40%;
	margin: 2%;
	background-color: #a2b4bf;
	color : white;
}

#main-content	article	blockquote	sup,
#main-content	article	blockquote	sub {
	font-style : normal !important;
}

#main-content	article	blockquote	p {
	margin: 0;
	padding: 16px;
}

article div.article_block_clear {
    overflow : hidden;
}


/* ------ FileManger Modules -------- */

/*	position : absolute;	*/

.one_file	{
	overflow: hidden;
	display : block;
	padding : 20px 0 20px 0;
	border-bottom : 1px dotted #cccccc;
}

.one_file .icon	{
	width : 140px;
	height : auto;
	float : left;
}

.one_file .icon	img	{
	border : none;
}

.one_file .content	{
	margin-left : 150px;
	line-height : 1em;
}

.one_file .extras	{
	margin-left :8px;
	font-size : auto;
}

/* Single file page */

.one_file	.comments	{
	clear : both;
	padding-top : 15px;
}

.one_file	.comments	ul	{
	margin : 0;
	padding: 0;
}

.one_file	.comments	li	{
	border-top : 1px dotted #cccccc;
	list-style-type: none;
	margin : 10px 0 0 0;
	padding : 0;
}

.offsetleft	{
	margin-left : 140px;
}
.one_file	.comments	li	p	{
	margin : 0;
	padding : 0 0 0 140px;
}

.one_file	.properties	{
	
}

.one_file	.properties	h5	{
	font-size : 1em;
	float : left;
	width : 150px;
	font-weight : bold;
}

.one_file	.properties	p	{
	font-size : 1em;
	text-indent : 10px;
}
/*

form	p	{
	font-size : .8em;
}

div.formcontainer	span.oneline {
	display : block;
}

.formcontainer	.oneline.widelabel label {
	display : block;
	width : 100%;
}

.formcontainer	.oneline.widelabel input  {
	width : 612px !important;
}

.formcontainer {
}

.formcontainer.left {
    text-align:  left;
}

*/

@media only screen and (min-width :300px) and (max-width : 1000px) {

	#main-content	article	span.likkle{
		font-size : inherit;
		line-height : inherit;
		
	}
	
	#main-content	article	{
		padding : 2%;
	}


/*
        .article_container  h1 {
            padding : 220px 0 35px 0;
        }
*/
        #main-content article:first-child {
            padding-top : 0;
            margin-top : 220px;
        }               
 

/*

    font-size : 3.5em;
    letter-spacing : .15em;
*/
	/* In ckeditor, this is Heading 1 */
	#main-content	article		h2 {
		font-size : 1.2em;
		padding : 5px 0 5px 0;
		color : #6cb9d4;
		font-weight : normal;
		
		}
	
	#main-content	article		h3 {
		font-size : 1.2em;
		font-weight : bold;
		line-height : 1em;
	}
	
	#main-content	article		h4 {
		font-size : 1.1em;
		font-weight : normal;
		line-height : 1em;
	}
	
	#main-content	article		h5 {
		font-size : .8em;
		font-weight : bold;
		line-height : 1em;
		padding : 0 0 0 0;
	}
	
	#main-content	article		h6 {
		font-size : .7em;
		font-weight : bold;
		padding : 0 0 0 0;
	}


	#main-content	article	p {
		margin : 0;
	}

	#main-content	article	blockquote	{
		float : none;
		width : 100%;
		margin : 0;
	}
/*
        
    	padding : 2%;
		width : 96%;
*/
	.article_container {
    	margin-top : 0;
    	
	}

	.article_style_wholepage.fullwidth {
	    width : 100%;
	    padding : 0 ;
	    margin-left  : 0 ;	
	    background-color : transparent;
	}


	.article_style_wholepage {
	    background-color : transparent;
	    width : 100%;
	    float:left;
	    padding : 0%;
	}
}