/*/www/htdocs/w0147eaa/content/admin/modules/pageFramesAndModules/frames/custom/blog_001/styles.css*/
/********************************************************/
@charset "utf-8";
/* CSS Document */



.blog_001 .boxLeft {
    float: left;
    width: 57.5%;
}

.blog_001 .boxRight {
    border-left: 1px solid #cccccc;
    float: right;
    padding-left: 5.9%;
    width: 30.7%;
}


.blog_001 .leftHolder .name {
    width: 100%;
}

.blog_001 .rightHolder .name {
    width: 100%;
}

.blog_001 .headHolder.h1 {
    padding-bottom: 20px;
    padding-top: 18px;
}

.blog_001 .shareHolder {
    text-align: left;
}

.blog_001 .line {
    background-color: #377f71;
    height: 2px;
    margin-bottom: 34px;
}


.blog_001 .boxRight .shareHolder{
    text-align: left;
}

.blog_001 .boxRight .blogInner {
    padding-bottom: 28px;
    height: 112px;
}

.blog_001 .blogImage {
    float: left;
    height: 112px;
    overflow: hidden;
    position: relative;
    width: 112px;
    margin-right:5%;
}

.blog_001 .topHolder .rightHolder {
    padding-top: 20px;
    width: 100%;
}

.blog_001 .textInnerHolder {
    float: left;
    width: 64%;
}

.blog_001 .boxRight .date.text_small {
    margin-top: -4px;
}

.blog_001 .boxRight .name{
    margin-bottom: 12px;
}

.blog_001 .leftHolder {
    padding-bottom: 20px;
}

.blog_001 .imgHolder {
    float: right;
    margin-top: 7px;
    height: 220px;
    margin-bottom: 3%;
    margin-left: 4%;
    overflow: hidden;
    position: relative;
    width: 350px;
}




@media all and (max-width: 1280px) {
    .blog_001 .textInnerHolder {
        float: none;
        width: 100%;
    }

    .blog_001 .blogImage {
        margin-top: 4px;
    }
}

@media all and (max-width: 1024px) {
	.blog_001 .imgHolder {
		width:100%;
		margin-left:0;	
	}
}


@media all and (max-width: 960px) {
	.blog_001 .moduleBoxHolder.boxLeft {
		float:none;
		width:100%;	
	}
	
	.blog_001 .moduleBoxHolder.boxRight {
		float:none;
		width:100%;	
		padding-left:0;
		border-top: 1px solid #cccccc;
		border-left:none;
		margin-top:50px;
		
		height:auto !important;
	}
}


@media all and (max-width: 360px) {
/* styles for iPhone/Android landscape (and really narrow browser windows) */

    .blog_001 .blogImage {
        margin-right: 4%;
        width: 28%;
    }
}

@media all and (max-width: 320px) {
/* styles for iPhone/Android portrait */

    .blog_001 .blogImage {
        height: 81px;
        margin-top: 4px;
    }

	.blog_001 .sliderElement {
		margin-bottom:35px;
	}

}


/*/www/htdocs/w0147eaa/content/admin/modules/pageFramesAndModules/frames/custom/blog_001/blog.css*/
/********************************************************/
@charset "utf-8";
/* CSS Document */

#BlogFrame .blogEntry.withImg .blogImage {
	width:43.5%;/*45*/
	float:left;
}

#BlogFrame .blogEntry.withImg .blogContent {
	width:51%;/*50*/
	float:right;
}

#BlogFrame .blogEntry {
	margin-bottom:3.5em;
}
#BlogFrame .blogEntry:last-child {
	margin-bottom:1.5em;
}


#BlogFrame .blogCategory {
	margin:1.8em 0 0.3em;
	padding:0.5em 0 0.4em;
	border-top:1px solid #c4c4c4;
	border-bottom:1px solid #c4c4c4; 
}

#BlogFrame .commments {
	width:40%;
	float:left;	
}

#BlogFrame .socialElements {
	width:60%;
	float:right;	
	text-align:right;
	margin-top:0.5em;
}

#BlogFrame .socialE {
	display:inline-block;	
}

@media all and (max-width: 1024px) {
	#BlogFrame .blogEntry.withImg .blogImage{margin-right:5.5%; margin-bottom:1.3em;}
	#BlogFrame .blogEntry.withImg .blogContent{width:100%; float:none;}
	#BlogFrame .blogEntry.withImg .blogContent .blogText{clear:both;}
}
@media all and (max-width: 786px) {
	#BlogFrame .blogEntry.withImg .blogImage {
		width:25%;
		float:left;
	}
	
	#BlogFrame .blogEntry.withImg .blogContent {
		width:100%;/*70*/
		/*float:right;*/
	}	
}
@media all and (max-width: 610px) {
	#BlogFrame .blogEntry.withImg .blogImage {
		width:31%;
	}
}

@media all and (max-width: 480px) {
	
	#BlogFrame .blogEntry.withImg .blogImage,
	#BlogFrame .blogEntry.withImg .blogContent {
		width:100%;
		float:none;
	}
	#BlogFrame .blogEntry.withImg .blogImage {
		padding-bottom:0.5em;	
	}
	#BlogFrame .blogEntry {
		margin-bottom:3em;
	}
	
}

@media all and (max-width: 320px) {	
	#BlogFrame .blogEntry.withImg .blogImage {
		display:none;	
	}
	
	
	#BlogFrame .commments,
	#BlogFrame .socialElements {
		width:100%;
		float:none;	
	}
	
	#BlogFrame .socialElements {
		margin-top:1em;
		text-align:left !important;
	}		
	
}

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

#BlogFrame .similarBlog {
	margin-bottom:1em;
	padding-bottom:1em;
	border-bottom:1px solid #c7c7c7;
}

#BlogFrame .similarBlog:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}

#BlogFrame .similarBlog.withImg .similarImage {
	width:15%;
	float:left;
}

#BlogFrame .similarBlog.withImg .similarContent {
	width:82%;
	float:right;
}


@media all and (max-width: 480px) {
	
	#BlogFrame .similarBlog.withImg .similarImage,
	#BlogFrame .similarBlog.withImg .similarContent {
		width:100%;
		float:none;
	}
	#BlogFrame .similarBlog.withImg .similarImage {
		margin-bottom:1em;	
	}
}

@media all and (max-width: 320px) {	
	#BlogFrame .similarBlog.withImg .similarImage {
		display:none;
	}
}

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

#BlogFrame .popularElement {
	margin-bottom:0.5em;
	padding-bottom:0.5em;
	overflow:hidden;
}

#BlogFrame .popularElement.withImg .blogImage {
	width:23%;/*25*/
	float:left;
	margin-top:0.2em;
}

#BlogFrame .popularElement.withImg .blogContent {
	width:70%;
	float:right;
}
#BlogFrame .popularElement.withImg .blogContent .h5{margin-bottom:0.2em;}

@media all and (max-width: 1024px) {	
	#BlogFrame .popularElement.withImg .blogImage{
		margin-right:7%; 
		margin-bottom:0.4em;
	}
	
	#BlogFrame .popularElement.withImg .blogContent {
		width:100%;
		float:none;
	}
	
	#BlogFrame .popularElement.withImg .blogContent .blogText{clear:both;}
	#BlogFrame .popularElement{margin-bottom:0.9em; padding-bottom:0.9em;}
}

@media all and (max-width: 800px) {
	#BlogFrame .popularElement.withImg .blogImage{width:20%;}
	#BlogFrame .popularElement.withImg .blogContent .blogText{clear:inherit;}
}	
@media all and (max-width: 480px) {	
	#BlogFrame .popularElement.withImg .blogImage,
	#BlogFrame .popularElement.withImg .blogContent {
		width:100%;
		float:none;
	}
	#BlogFrame .popularElement.withImg .blogImage {
		display:none;
	}
}



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

#BlogFrame .blogSearch {
	position:relative;
}

#BlogFrame .blogSearch .singleIcon{
	position:absolute;
	right:10px;
	top:16px;
	color:#c8c8c8;
}