/*
Theme Name: Echoes Wordpress Theme
Theme URI: http://echoes.imaginemthemes.com/wp/
Description: Theme Design by Mondre'
Version: 1.4.1
Author: Mondre'
Author URI: http://www.imaginemthemes.com/
Tags: fixed width, two columns, widgets

	Echoes Wordpress Theme v1.4.1
	http://echoes.imaginemthemes.com/wp/

	This theme was designed and built by Mondre,
	you will find him at http://themeforest.net/user/imaginem 
	in Themeforest

*/

/*
begin resets
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	padding: 0;
	border: 0;
	outline: 0;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
}

/*
Main Global Layout Settings
*/


*{ padding: 0px; }
body, html{ height: 100%; margin: 0;height: auto; min-height: 100%; }
body{ font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
font-size: 62.5%; background: #c0c0c0;}
a{ outline: none; text-decoration: none; }
a:hover{ text-decoration: underline; }
a img{ border: none; }

.clear {clear:both;}
.clearlast {clear:both;padding-bottom:35px;}
.clearlastgallery {clear:both;padding-bottom:55px;}
.ienoclear {clear:both;}
.clearfix:after	{ content: "."; visibility: hidden; display: block; height: 0px; clear: both; }
* html .clearfix{ height: 1%; }
*+html .clearfix{ height: 1%; }

/* -------- Page Structure -------- */

#mainpagecontainer{ width: 1035px; margin: 0px auto; padding:0px; margin-top:10px;background: #fff; border-top:8px solid #464646;}
#mainpagecontainer1{ width: 800px; margin: 0px auto; padding:0px; margin-top:10px;background: #fff; border-top:8px solid #464646;}
#pagecontainer{ width: 1035px; margin: 0px auto; padding:0px; margin-top:10px;background: #fff; border-top:8px solid #464646;}
#mainpage{ width: 940px; margin: 0px auto; padding-top:30px;  }
#mainpage1{ width: 800px; margin: 0px auto; padding-top:30px;  }
#mainpageheader { padding-bottom:20px;}
#gallerypageheader { padding-bottom:20px;border-bottom:1px dotted #D1D1D1;}
#header { padding-bottom:20px;border-bottom:1px dotted #D1D1D1;}
#logo { margin:0;padding:0; margin-top:-20px; }
#rss { float:right; position:relative; top:15px; }
.twocolumn {width:600px; float:left;}
.noflashtop {margin-top:-50px;}
.topmargin10 {margin-top:10px;}
.topmargin35 {margin-top:35px;}
.pmarginbottom { margin-bottom:25px;}
	

	

	
/* -------- Mainpage Portfolio -------- */

#mportfoliowrap , #contents #mportfoliowrap {
	padding:10px 0 0px 0;
	margin: 25px 0 20px 0;

	}
	
	.homeportfoliotitle { font-size:18px; color:#3a3a3a; font-style:normal; font-weight:bold;  margin-bottom:15px;}
	.homeportfoliotitle a { color:#3a3a3a; font-weight:bold; }
	.homeportfoliotitle a:hover { color:#111; text-decoration:none; }
	
	.mportfoliotitle , #contents .mportfoliotitle { font-size:18px; color:#3a3a3a; font-style:normal; font-weight:bold;  margin-bottom:15px;}
	.mportfoliotitle a , #contents .mportfoliotitle a { color:#3a3a3a; font-weight:bold; }
	.mportfoliotitle a:hover , #contents .mportfoliotitle a:hover { color:#111; text-decoration:none; }
	.mportfoliobox , #contents .mportfoliobox {width:220px;float:left;}

	.mportfolio {}
		.mportfolio img , #contents .mportfolio img { width:220px; height:124px;float:left;}
		.mportfoliospace , #contents .mportfoliospace { margin-left:20px;}
		.mportfoliobg , #contents .mportfoliobg { width:220px; height:124px; float:left; background: #111 url(images/hover-media.jpg) no-repeat top left;}
		.mportfoliocatbg , #contents .mportfoliocatbg { width:220px; height:124px; float:left; background: #111 url(images/hover-category.jpg) no-repeat top left;}
		.mportfoliobgvideo , #contents .mportfoliobgvideo { width:220px; height:124px; float:left; background: #111 url(images/hover-video.jpg) no-repeat top left;}

		
.mportfoliowrap-med, #contents .mportfoliowrap-med {
	padding:10px 0 10px 0;
	margin: 25px 0 25px 0;
	}
	
	.mportfoliotitle-med, #contents .mportfoliotitle-med { font-size:18px; color:#3a3a3a; font-style:normal; font-weight:bold;  margin-bottom:15px;}
	.mportfoliotitle-med a, #contents .mportfoliotitle-med a { color:#3a3a3a; font-weight:bold; }
	.mportfoliotitle-med a:hover, #contents .mportfoliotitle-med a:hover { color:#111; text-decoration:none; }
	.mportfoliobox-med, #contents .mportfoliobox-med {width:300px;float:left;}

	.mportfolio-med , #contents .mportfolio-med {}
		.mportfolio-med img, #contents .mportfolio-med img { width:300px; height:185px;float:left;}
		.mportfoliospace-med, #contents .mportfoliospace-med { margin-left:20px;}
		.mportfoliobg-med, #contents .mportfoliobg-med { width:300px; height:185px; float:left; background: #111 url(images/hover-media-med.jpg) no-repeat top left;}
		.mportfoliocatbg-med, #contents .mportfoliocatbg-med { width:300px; height:185px; float:left; background: #111 url(images/hover-media-med.jpg) no-repeat top left;}
		.mportfoliobgvideo-med, #contents .mportfoliobgvideo-med { width:300px; height:185px; float:left; background: #111 url(images/hover-video-med.jpg) no-repeat top left;}
		
/* -------- Big Saying -------- */

.mbigsaying {
		margin: 30px 0 35px 0;
		}
	.mbigbutton {
	float:right;
	width:550px;
	text-align: left;

	}
		
		
		
	.mbigtextwrap {
		float:left;
		width:340px;
	}
	.mbigtitle {
		font-size:26px; letter-spacing:-1px; font-weight:bold; color:#424242;
	}
		.mbigtitle a{
			color:#424242;
		}
		.mbigtitle a:hover{
			color:#111; text-decoration:none;
		}
	.mbigdesc {
		font-size:18px; letter-spacing:-1px; font-weight:bold; color:#a3a2a2;
	}
	
	
	.mbigmorewrap {
		text-align:center;
		width:940px;
		padding-bottom:15px;
	}
	
	.morearrow { padding-top:0px;margin-left:20px;padding-left:27px; background: #fff url(images/buttons/more-arrow.png) no-repeat bottom left; width:27px;height:27px; }
	a.morearrow:hover { background: #fff url(images/buttons/more-arrow-hover.png) no-repeat bottom left; }
	
/* -------- Steps -------- */

#mstepswrap {
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	margin-right: 0;
	margin-bottom: 35px;
	margin-left: 0;
	padding-top: 24px;
	padding-right: 0;
	padding-bottom: 24px;
	padding-left: 0;

}

	.stepblock {
		width:310px;
		float:left;
	}
	.stepspace {
		margin-right:5px;
	}
	.stepbullet {
	float:left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;/* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	border: 5px solid #CCCCCC;
	margin-top: 7px;
	}
	.stepcontents {
		width:196px; 
		float:left; margin-left:10px;
	}
	.steptitle {
		font-size:26px; letter-spacing:-1px; font-weight:bold; color:#424242; padding-bottom:8px;
	}
		.steptitle a{
			color:#424242;
		}
		.steptitle a:hover{
			color:#111; text-decoration:none;
		}	
	.steptext {
		font-size:12px; color:#7d7d7d; line-height:1.6;
	}
		.steptext a { color:#119ff7; }
		.steptext a:hover { text-decoration:none; }

		
/* -------- Category Portfolio -------- */
		
.categoryportfoliowrap, #contents .categoryportfoliowrap {
	padding:10px 0 10px 0;
	margin: 5px 0 5px 0;

	}

	#mblogwrap {
		padding: 0 0 12px 0;
		margin: 0px 0 35px 0;
		}
	.mblogbox {
		width:220px;
		float:left;
		}
		.mblogtitle { font-size:18px; color:#3a3a3a; font-weight:bold; margin-bottom:10px;}
			.mblogtitle a { color:#3a3a3a; text-decoration:none;}
			.mblogtitle a:hover { color:#111; text-decoration:none;}

		.mblogtext { font-size:12px; color:#7d7d7d; line-height:1.6;}
			.mblogtext a { color:#111; }
			.mblogtext a:hover { text-decoration:none; }
		.mblogspace { margin-left:20px; }
		
		
		
#midplacement {
	width:100%; margin: 35px 0 25px 0; padding: 0 0 15px 0; border-bottom:1px solid #e3e3e3;
	}
	.articlewrap {
		width: 480px; float:left;
	}
		.articles {
			
		}
			.articleimage {
				float:left; width:135px; 
			}
				.articleimage img {
					border:5px solid #b2b2b2;
				}
					.articleimage img:hover {
						border:5px solid #969696;
					}
			.articletext {
				float:right; width:310px;
				font-size:13px; line-height:20px; color:#7d7d7d;
				margin-bottom:20px;
			}
				.articletitle, .articletitle a {
					font-size:18px; font-weight:bold; margin-bottom:5px; color:#5D5D5D;
				}
					.articletitle a:hover {
						color:#111; text-decoration:none;
					}
	
	
	#aboutwrap {
		width:940px; border-top:1px solid #e3e3e3; margin-top:10px;
		float:right;
	}
		.abouttext {
			float:right; font-weight:bold;
			font-size:22px; line-height:20px; color:#464646;
			margin-bottom:5px; margin-top:25px;
			}
		.abouthighlight {
			font-size:18px; font-style:normal;line-height:26px; color:#717171;
			margin-bottom:8px;margin-top:15px;font-weight:normal;
			}
		.abouttitle, .abouttitle a {
			font-size:16px; font-weight:bold; margin-bottom:5px; color:#5D5D5D;
			}
				.abouttitle a:hover {
						color:#111; text-decoration:none;
					}

/* -------- Mainpage button -------- */

.blankbutton { 
	background: #fff url(../images/blank_button.gif) no-repeat top left; 
	float:right; 
	width:133px; 
	height:31px;
	font-family:georgia, serif;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
	padding:7px 0 0 22px;
	margin-top:20px;
	}

	.blankbutton a { 
		font-family:georgia, serif;
		font-size:11px;
		font-weight:bold;
		font-style:italic;
		text-decoration:none;
		color:#111;
		}

	.blankbutton a:hover { 
		font-family:georgia, serif;
		font-size:11px;
		font-weight:bold;
		font-style:italic;
		text-decoration:none;
		color:#0878aa;
		}



/* -------- Footer -------- */

#footer{
background:#000;
}
	
	#footerwrap {
		padding: 40px 0 35px 46px;
		background: #e8e8e8;
		}
		#footerwrap1 {
	background: #e8e8e8;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;
		}
	.footerminibox {
		width:147px;
		float:left;
		}
	.footerbox {
	width:250px;
	float:left;
		}
		.aboutimage {float:left; }
		.aboutimage img {padding:0 18px 3px 0; width:80px;height:80px;margin-top:8px;}
	.footertitle { font-size:14px;  margin-bottom:10px; color:#111;}
	.footertitle a { font-size:14px;  margin-bottom:10px; color:#111;}
	.footertitle a:hover { text-decoration:none;}
	.footertext { font-size:12px; line-height:20px;color:#7d7d7d;}
	.footertext a{color:#111;}
	.footertext a:hover {text-decoration:none;color:#000;}
	
	/* -------- Footer list style -------- */
	
	.footer-item h3 {
	font-size:14px;
	margin:0;
	padding:0;
	color:#111;
}
	.footer-item {
	font-size:12px;
	line-height:19px;
	color:#7d7d7d;
}
	.footer-item a { color:#7d7d7d; }
	.footer-item a:hover {color:#fff; text-decoration:none;}
		.footer-item ul { list-style:none; font-size:12px; line-height:18px; color:#7d7d7d; padding:0;margin:0; padding-top:5px;}
		.footer-item ul li { font-size:12px; line-height:18px; color:#7d7d7d; border-bottom:1px solid #B9B9B9; padding:6px 0 5px 0;}
		.footer-item ul li a {
	font-size:12px;
	line-height:18px;
	color:#7d7d7d;
	display:block;
	height: 13px;
}
		.footer-item ul li img { margin:0px; padding:0; float:left; margin:0 8px 0 0; }
		.footer-item ul li a:hover { font-size:12px; line-height:18px; color:#000; text-decoration:none;}
	
	/* -------- Footer list style -------- */

	.footerposts { font-size:12px; line-height:18px; color:#7d7d7d; margin-top:-8px;}
		.footerposts ul { list-style:none; font-size:12px; line-height:18px; color:#7d7d7d; padding:0;margin:0; padding-top:5px;}
		.footerposts ul li { font-size:12px; line-height:18px; color:#7d7d7d; border-bottom:1px solid #B9B9B9; padding:6px 0 5px 0;}
		.footerposts ul li a { font-size:12px; line-height:18px; color:#7d7d7d;}
		.footerposts ul li a:hover { font-size:12px; line-height:18px; color:#000; text-decoration:none;}
		
	/* -------- Social list -------- */

	.footersocial { font-size:12px; line-height:18px; color:#7d7d7d; margin-top:-8px;}
		.footersocial ul { list-style:none; font-size:12px; line-height:18px; color:#7d7d7d; padding:0;margin:0; padding-top:5px;}
		.footersocial ul li { font-size:12px; line-height:18px; color:#7d7d7d; border-bottom:1px solid #B9B9B9; padding:6px 0 3px 0;}
		.footersocial ul li a { font-size:12px; line-height:18px; color:#7d7d7d;}
		.footersocial ul li a:hover { font-size:12px; line-height:18px; color:#000; text-decoration:none;}

	.footerspace {
	margin-left:40px;
	padding-left:20px;
}
	.footerspace1 {
	margin-left:10px;
	padding-left:20px;
}
	
	/* -------- Flickr  -------- */

	.flickrfooterspace { margin-left:60px; }

	.footerflickrwrap { width:280px;float:left; margin:0;padding:0; margin-left:80px; }
		.footerflickr ul { list-style:none; }
		.footerflickr ul li { float:left; margin-right:38px; margin-bottom:38px; }
		.footerflickrimage {width: 40px; height:40px; }
		
	/* -------- Footer Address  -------- */
	
	.footerminibox .textwidget { padding-right:15px;}
	.footerminibox .textwidget a { color:#111;}
	.footerminibox .textwidget a:hover { color:#000;}
		
	.footeraddresswrap .textwidget { margin-top:10px; }
	
	.footeraddress .textwidget  {
		font-size:12px; line-height:8px;color:#7d7d7d; margin-top:3px;
	}
		.footeraddress .textwidget ul {
			list-style:none; border:none;line-height:8px;
		}
			.footeraddress .textwidget ul li {
				font-size:12px; line-height:8px;color:#7d7d7d; border:none; 
			}
			
				.footeraddress .textwidget ul li a {
					color:#7d7d7d; display:inline;line-height:8px;
				}
				.footeraddress .textwidget ul li a:hover {
					color:#111; text-decoration:none;line-height:8px;
				}
		
	/* -------- Copyright style -------- */

	#footerbarwrap {
		padding: 20px 0 20px 35px;
		margin: 0;
		background:#111;
		font-size:12px;
		color:#FFFFFF; 
		}
		#footerbarwrap ul {
			font-family:verdana;
			font-size:10px;
			line-height:15px;
			color:#FFFFFF;
			list-style:none;margin:0;padding:0;
			}
		#footerbarwrap ul li {
			color:#FFFFFF;
			}
		#footerbarwrap ul li a{
			color:#fff;
			}




/*=== End of CSS ===*/