@font-face{ 
	font-family: 'MyDejaVu';
	src: url('../fonts/DejaVuSansMono-webfont.eot');
	src: url('../fonts/DejaVuSansMono-webfont.eot?iefix') format('eot'),
	     url('../fonts/DejaVuSansMono-webfont.woff') format('woff'),
	     url('../fonts/DejaVuSansMono-webfont.ttf') format('truetype'),
	     url('../fonts/DejaVuSansMono-webfont.svg#webfont') format('svg');
}

@import url("base.css");				/* Default Reset, Typography, Forms, etc. */ 
@import url("skeleton.css");			/* 960 Grid + Media Query Layouts */ 


b {
	font-weight: bold;
}

b.keyword {
	font-weight: bold;
	font-style: italic;
	color: #268bd2;
}


/* Sub-Navigation */

#sub_navigation { float: left; }
#sub_navigation ul, #sub_navigation li { 
	list-style: none; 
	padding: 0; 
	margin: 0;
	display: inline; 
}
#sub_navigation ul li {
	float: left; 
	position: relative;
}

#sub_navigation ul li a { 
	font-family: Arial, sans-serif;
	display: inline-block;
	color: #888;
	padding: 9px 10px 7px 10px;
	margin: 0 5px;
	text-decoration: none;
	font-size: 12px;
	border-bottom: 3px solid transparent;
}

#sub_navigation ul li a:hover {
	border-bottom: 3px solid #555;
	border-bottom-color: #229922;
}

#sub_navigation ul ul {
	opacity: 0; 
	margin: -2px 0 0 5px;
  	filter: alpha(opacity=0); 
	position: absolute;
	top:-99999px; 
	left: 0;
	background: #fff;
	border: 1px solid #dddddd;
	border-top: 3px solid #555;
	z-index: 999;
}

#sub_navigation ul ul li a:hover {
	border-bottom: 1px solid #ddd;
}

#sub_navigation ul ul li a {
	padding: 8px 0;
	display: block;
	width: 150px;
	margin: 0 16px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	border-bottom: 1px solid #dddddd;
	border-top: 1px solid transparent;
}

#sub_navigation ul ul ul { 
	position:absolute; 
	top:-99999px; 
	left:100%; 
	opacity: 0;
	margin: -3px 0 0 0;
	z-index: 999;
}

#sub_navigation ul ul ul li a { 
	border-bottom: 1px solid #dddddd !important;
	border-top: 1px solid transparent;
}

#sub_navigation ul ul li:last-child a, #sub_navigation ul ul li:last-child a:hover {border-bottom: 1px solid transparent}
#sub_navigation ul ul ul li:last-child a {border-bottom: 1px solid transparent !important}
#sub_navigation ul li:hover>ul{ opacity: 1; position:absolute; top:99%; left:0;}
#sub_navigation ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497; background: #fff; border:0; }
#sub_navigation ul li:hover > a {color: #444;}
#sub_navigation ul ul li:hover > a {border-top: 1px solid transparent; color: #444;}
#sub_current {
	font-weight: bold !important; 
	color: #444 !important; 
	border-bottom: 3px solid #555 !important;
	border-bottom-color: #333 !important;
}


/**
 * Header and navigation style
 */
#header { 
	min-height: 80px;
}

.page_logo img { width: 100%; }

#navigation {float: right;}
#navigation ul, #navigation li {list-style:none; padding:0; margin:0; display:inline; }
#navigation ul li{float:left; position:relative;}

#navigation ul li a { 
	font-family: Arial, sans-serif;
	display: inline-block;
	color: #888;
	padding: 31px 10px 28px 10px;
	margin: 0 5px;
	text-decoration: none;
	font-size: 12px;
	border-bottom: 3px solid transparent;
}

#navigation ul li a:hover{
	border-bottom: 3px solid #555;
	border-bottom-color: #229922;
}

#navigation ul ul {
	opacity: 0; 
	margin: -2px 0 0 5px;
  	filter: alpha(opacity=0); 
	position: absolute;
	top:-99999px; 
	left: 0;
	background: #fff;
	border: 1px solid #dddddd;
	border-top: 3px solid #555;
	z-index: 999;
}

#navigation ul ul li a:hover {
	border-bottom: 1px solid #ddd;
}

#navigation ul ul li a {
	padding: 8px 0;
	display: block;
	width: 150px;
	margin: 0 16px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	border-bottom: 1px solid #dddddd;
	border-top: 1px solid transparent;
}

#navigation ul ul ul { 
	position:absolute; 
	top:-99999px; 
	left:100%; 
	opacity: 0;
	margin: -3px 0 0 0;
	z-index: 999;
}

#navigation ul ul ul li a { 
	border-bottom: 1px solid #dddddd !important;
	border-top: 1px solid transparent;
}

#navigation ul ul li:last-child a, #navigation ul ul li:last-child a:hover {border-bottom: 1px solid transparent}
#navigation ul ul ul li:last-child a {border-bottom: 1px solid transparent !important}
#navigation ul li:hover>ul{ opacity: 1; position:absolute; top:99%; left:0;}
#navigation ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497; background: #fff; border:0; }
#navigation ul li:hover > a {color: #444;}
#navigation ul ul li:hover > a {border-top: 1px solid transparent; color: #444;}
#current {
	font-weight: bold !important; 
	color: #444 !important; 
	border-bottom: 3px solid #555 !important;
	border-bottom-color: #333 !important;
}


/**
 * 	IE Dropdown Fix
 */
.ie7 .ie-dropdown-fix {position: relative; z-index: 5;}
.ie8 .ie-dropdown-fix {position: relative; z-index: 5;}


/**
 * 	Page Title
 */ 
#page-title {
	border: 1px solid #e2e2e2;
	border-left: none;
	border-right: none;
	margin-top: -1px;
	background-image: linear-gradient(bottom, #FAFAFA 0%, #FCFCFC 100%);
	background-image: -o-linear-gradient(bottom, #FAFAFA 0%, #FCFCFC 100%);
	background-image: -moz-linear-gradient(bottom, #FAFAFA 0%, #FCFCFC 100%);
	background-image: -webkit-linear-gradient(bottom, #FAFAFA 0%, #FCFCFC 100%);
	background-image: -ms-linear-gradient(bottom, #FAFAFA 0%, #FCFCFC 100%);
	background-color: #fafafa;
}

#page-title h2 {
	font-weight: normal;
	font-size: 18px;
	padding: 3px 0;
}

#page-title span {
	color:#a0a0a0;
	font-size: 16px;
}

/** 
 * Headlines	
 */
.headline {
	display: block;
	border-bottom: 1px solid #e7e7e7;
	padding: 0 0 10px 0;
	margin: 20px 0 20px 0;
}

.headline span {
	color: #888;
	font-weight: normal;
	font-size: 12px;
	float: right;
}

h5.headline {
	padding: 0 0 8px 0;
	margin: 0px 0 12px 0;
}

/**
 * 	About
 */
.who-desc {
	margin: 0px 0px 0px 0px;
	
}

.who-desc p {
	text-align: justify;
}

.who-photo {
	margin: 0 0 0 0;
	position: relative;
	width: auto;
	height: auto;
	max-width: 100%;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

.img-border {
	border: 1px solid #bec2c8;
	padding: 1px;
	float: left; 
	margin-right: 10px
}

/**
 * 	Recent Work
 */
.recent-work-item {margin-bottom: 20px;}

.recent-work-item-meta h5 {
	font-size: 12px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	line-height: 16px;
	padding: 12px 0 8px 0;
	margin: 0 0 8px 0;
	border-bottom: 1px solid #e7e7e7;
	letter-spacing: 0;
}

.recent-work-item-meta h5 span {
	display: block;
	color: #888;
	font-weight: normal;
	margin-top: 3px;
}

.recent-work-item-meta a{color:#444;}
.recent-work-item-meta a:hover {color:#888;}
.recent-work-item-meta p {color: #555;}


/**
 * 	Publications
 */
.publications li a {
	color: #888;
	display: block;
	padding: 7px 0;
	padding-left: 12px;
	border-bottom: 1px solid #e7e7e7;
}

.publications li:first-child a {margin: -10px 0 0 0;}
.publications li:last-child a {border: none;}
.publications li a:hover {color: #444;}

.pub-sidebar, .sidebar {
	 margin: 0px 10px 0 0;
	 position: fixed;
	 width: 220px;
}

.pub { margin: 30px 0 0 0; }
.pub p { margin: 0 0 20px 0; }

.pub-img, .embed { margin: 0 0 15px 0; }

.pub-content { margin: 0 0 0 20px !important; }

.pub-title {
	border-bottom: 1px solid #e7e7e7;	
}

.pub-title h2 a {
	font-size: 18px;
	color: #444;
	margin: 0 0 10px 0;
	display: block;
	padding-left: 0px;
}

.pub-title h2 a:hover { color: #606060; }

.pub-date {
	color: #888;
	border-top: 1px solid #e7e7e7;
	display: block;
	text-align: right;
	padding: 15px 0;
}

.pub-desc {
	padding: 15px 0 0 0;
/* 	border-top: 1px solid #e7e7e7; */
	/*border-bottom: 1px solid #e7e7e7;*/
}

.pub-entry {
	margin-bottom: 20px;
	display: inline-block;
	background: url(../images/link_arrow_ico.png) no-repeat right 55%;
	padding-right: 13px;
}

.pub-entry:hover { background: url(../images/link_arrow_ico_hover.png) no-repeat right 55%; }

.pub-meta {padding: 15px 0 25px 0;}
.pub-meta, .pub-meta a {color: #888;}
.pub-meta a:hover {color: #606060;}
.pub-meta span:first-child {padding-left:0;}
.pub-meta span:last-child {border: none;}

.pub-meta span {
	padding: 0 10px;
	border-right: 1px solid #e7e7e7;
}


/** 
 * Images Overlay	
 */
.item-img, .pub-img { position: relative; }

.overlay {
	height: 100%;
    left: 0;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 1;
	z-index: 40;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	-webkit-transition: opacity 180ms ease-in-out;
	-moz-transition: opacity 180ms ease-in-out;
	-o-transition: opacity 180ms ease-in-out;
	transition: opacity 180ms ease-in-out;
}

.overlay.zoom {
	background: url(../images/overlay.png) no-repeat center center, url(../images/overlay_bg.png) center center;
}

.overlay:hover {
	opacity: 0.30;
	-moz-opacity: 0.30;
	filter:alpha(opacity=30);
}


/**
 * 	Widgets
 */

.widget {
	margin: 25px 0 0 0;
	line-height: 20px;
}

.widget h5 {
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #e7e7e7;
}

/**
 * 	Google maps
 */
#google-map {
    position: relative;
    padding: 0px;
    padding-bottom: 40%;
    height: 0;
    overflow: hidden;
}

/**
 * 	Contact Details
 */ 
.contact-details li {
	margin: 0 0 15px 0;
}

.contact-details p {
	margin: -5px 0 0 20px;
	line-height: 18px;
}

.contact-details li i {
	float: left;
	margin: 2px 0 0 0;
}

/**
 * Footer
 */ 
#footer {
	background: #383838;
	color:#a4a4a4;
	padding: 0 0 10px 0;
	margin: 30px 0 0 0;
}

#footer h5 {
	color: #fff;
	border-bottom: 1px solid #444444;
	padding: 25px 0 8px 0;
	margin: 0 0 15px 0;
}

/**
 * 	Footer bottom
 */
#footer-bottom { background: #2c2c2c; min-height: 60px; }
#copyright { color: #777; margin: 22px 0; }
#copyright a, #copyright span {color:#bbb; }

/**
 * 	Social Links
 */
.social-links {margin: 22px 0; float: right;}
.social-links-about {
	padding: 15px 0 5px 0;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.social-links li:first-child, 
.social-links-about li:first-child {margin-left: 0;}

.social-links li {
	display: inline;
	list-style: none;
	opacity: 0.4;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	text-indent: -9999px;
	margin-left: 15px;
	float: left;
}

.social-links-about li {
	display: inline;
	list-style: none;
	opacity: 0.4;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	text-indent: -9999px;
	margin-right: 15px;
	margin-bottom: 10px;
	float: left;
}
			
.social-links a,
.social-links-about a {
	background-repeat: no-repeat;
	background-position: 0 -16px;
	display: block;
	height: 16px;
	width: 20px;
}

.social-links li:hover,
.social-links-about li:hover {opacity: 1;}

.twitter { background: url(../images/twitter-bird-dark-bgs.png) no-repeat; }
.linkedin { background: url(../images/linkedin-20x16.png) no-repeat; }
.youtube { background: url(../images/youtube-20x16.png) no-repeat; }

/**
 * Media Queries
 */

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	#navigation {float: left; width: 100%;}
	#navigation ul li a { 
		font-family: Arial, sans-serif;
		display: inline-block;
		color: #888;
		padding: 21px 2px 18px 2px;
		margin: 0 2px;
		text-decoration: none;
		font-size: 12px;
		border-bottom: 2px solid transparent;
	}
	#navigation ul li a:hover{
		border-bottom: 2px solid #555;
		border-bottom-color: #229922;
	}
	#current {
		font-weight: bold !important; 
		color: #444 !important; 
		border-bottom: 2px solid #555 !important;
		border-bottom-color: #333 !important;
	}
	#header {min-height: 0px;}
	.page_logo img { width: 0%; }
	.social-links {margin: -5px 0 20px 0; float: left;}
	.project .flexslider {margin-bottom: 20px;}
}