@import url("reset.css");

/********************************************************************************************************************
portfolio.css
********************************************************************************************************************/

/*** Global ***/
body { background: #ECECEC url("../img/bg-document.jpg") repeat-x fixed 50% 0; }
#document { margin-top: 50px; }

.coming-soon { width:601px; height:227px; background: url("../img/coming-soon.png") top center no-repeat; text-indent:-9999px; display:block; margin:100px auto 0 auto; overflow: hidden }

/*** Fonts ***/
@font-face {
	font-family: "Calluna";
	src: url("");/* IE */
	src: local("Calluna Regular"), local("Calluna"), url("../fonts/Calluna-Regular.otf") format("opentype");
	font-weight: normal;
} 		
@font-face {
	font-family: "AlteHaasGroteskBold";
	src: url("");/* IE */
	src: local("AlteHaasGrotesk Bold"), local("AlteHaasGroteskBold"), url("../fonts/AlteHaasGroteskBold.ttf") format("truetype");
	font-weight: normal;
}
@font-face {
	font-family: "Mido";
	src: url("");/* IE */
	src: local("Mido Regular"), local("Mido"), url("../fonts/Mido.otf") format("opentype");
	font-weight: normal;
} 	
.altehaas-bold { color: #505050; font: 30px/1.2 "AlteHaasGroteskBold", arial, sans-serif; }	
.calluna { color: #000; font: 12px/1.2 "Calluna", georgia, serif; }	
.mido { font: 18px/1.2 "Mido", arial, georgia, serif; }	
h2 { 
	color: #505050; 
	font: 20px/1.2 mido, georgia, serif; 
	font-weight: bold;
	-moz-box-text-shadow: 0 1px 0 #fff;
  	-webkit-box-text-shadow: 0 1px 0 #fff;
	text-shadow: 0 1px 0 #fff;
}
h3 { font: 18px/1.2 mido, georgia, serif;  margin: 0 0 5px; }
p { 	
	color: #000;
	font-family:Helvetica,Arial,sans-serif;
	font-size: 14px;
	line-height:18px;
	margin-bottom: 10px;
}

a { color: #4A7F91;/*960000*/ }
a:hover,.active a { 
	border-bottom: 2px solid #4A7F91; 
	color: #7196a3; 
	text-decoration: none;
}

.clear { clear: both; }
#document .last { border: 0; }


/*** Image Formats ***/
.photo { 
	background: rgba(0, 0, 0, 0.1);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border-color:rgba(0, 0, 0, 0.2);
	border: 1px solid #999;
	padding: 10px;
}
.photo a:hover { border-bottom: none; }
.photo:hover { background: #fff; }

/*** Header ***/
#header { 
	height: 130px;
	margin: 0; 
	overflow: hidden;
	position: relative;  	  
}
#header h1, #header #nav-main { position: absolute; }
#header h1 { 
	background: url("../img/logo.png") no-repeat; 
	height: 52px;
	left: 7px;
	text-indent: -9999px;
	top: 6px;
	width: 405px;
}
#header h1 a {
  display: block;
  border-bottom: 0;
  width: 100%;
  height: 100%;
}
#header #nav-main li { float: left;  margin-left: 20px; }
#header #nav-main { top:40px; right: 8px; }

/*** Welcome ***/
.welcome {
	font-size: 30px;
	letter-spacing: -0.05em;
	margin: 0 0 30px;
	padding: 0; 
}

/*** Section Mod ***/
.section-mod { margin: 0 0 30px;  padding: 0 0 8px; }
.section-mod .title { border-bottom: 2px solid #505050; margin: 0; padding: 0 10px 5px; }
.section-mod .content { overflow: hidden; margin: 0 8px; padding: 10px 0; }
.section-mod .description + * { clear: both;}
.section-mod .external { font-weight: bold; text-align: right; }

/*** Smashing Mag ***/
.smashingwidget { margin: 0 0 30px;  padding: 0 0 8px; }
.smashingwidget h3 { 
	border-bottom: 2px solid #505050;
	font: 20px/1.2 mido, georgia, serif;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 0 10px 5px;
	-moz-box-text-shadow: 0 1px 0 #fff;
  	-webkit-box-text-shadow: 0 1px 0 #fff;
	text-shadow: 0 1px 0 #fff;
}
.smashingwidget h3 a { border: none; color: #505050; text-decoration: none; }
.smashingwidget h3 img { margin: 0 0 0 15px; vertical-align: bottom; }
.smashingwidget ol {
	list-style-type: disc;
	margin: 0 0 0 20px ;
}
.smashingwidget ol li { padding: 5px 0; }

/*** Featured ***/
ul.featured { margin: 0 0 0 15px; padding: 0; }
ul.featured li { float: left; margin: 0 20px 0 0; }
ul.featured li:nth-child(2) { margin-top: 20px; }
ul.featured li:nth-child(3) { margin: 10px 0; }

/*** Work Page ***/
ul.works li { 
	float: left; 
	font-weight: bold;
	margin: 0 20px 20px 0; 
	width: auto; 
}
ul.works li:nth-child(5) { margin-right: 0; }

/*** Work Pages ***/
#content-main-works { float: left; width: 355px; }
#content-related-works { float: right; width: 612px; }
.inner { 
	background: rgba(0, 0, 0, 0.1);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border-color:rgba(0, 0, 0, 0.2);
	border: 1px solid #999;
	padding: 10px;
	margin: 0 0 30px;
}
.inner-top { 
	background: rgba(0, 0, 0, 0.1);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border-color:rgba(0, 0, 0, 0.2);
	border: 1px solid #999;
	padding: 10px;
	margin: 0;
}
.about-work { font-size: 18px; letter-spacing: -0.05em; }

/*** Contact Page ***/
.contact .inner { margin:20px auto; width:650px; }
.contact .inner h3, .contact .inner p { margin-left: 25px; }
.following { font-size: 14px; font-weight: bold; margin: 10px 0 10px 15px; }
.following li { padding: 5px 0; }
.contact .inner a { font: 18px/1.2 mido, georgia, serif; }


/*** Footer ***/
#footer { 
	background: url("../img/bg-footer.png") no-repeat 100% 100%;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	margin:20px 0;
	padding:15px 10px;
	position:relative;
}

/*** hasLayout ***/
#header,.section-mod .content, .entry li,#footer { zoom: 1; }