/* @override http://www.kevin.ie/css/portfolio.css */

/* ......................................................... Reset */

* {
	padding: 0; margin: 0;
}

/* ......................................................... General Styles */

body {
	background-color: #F4F4F4;
	color: #6B6B74;
	font-size: 62.5%;
	font-family: Helvetica, Arial, Helvetica, sans-serif;
	padding-top: 25px;
	line-height: 1.5em;
}

body a {
	color: #353449;
}

#container {
	width: 800px;
	margin: 0;
	padding: 0;
	/*margin: auto;*/
}


/* Headings */

h1, h2 {
	color: white;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 1.3em;
	margin-top: 0;
}

h2 {
	margin: 1em 0;
}

/* ......................................................... Nav */

#navigation {
	position: fixed;
	background-color: white;
	border: 1px solid #DDDDDD;
	top: -1px;
	left: 0px;
	width: 772px;
	text-align: center;
	color: #6B6B74;
	z-index: 10;
	font-family: Helvetica, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height: 1.8em;
	
 	-webkit-box-shadow: 1px 1px 4px rgba(50, 50, 50, 0.1);
	-opera-box-shadow: 1px 1px 4px rgba(50, 50, 50, 0.1);
	-moz-box-shadow: 1px 1px 4px rgba(50, 50, 50, 0.1);
	box-shadow: 1px 1px 4px rgb(50, 50, 50, 0.1);
	
}

#navigation a {
	color: #6B6B74;
	text-decoration: none;
	padding-right: 22px;
	
}

#navigation a:hover {
	color: black;
	padding-bottom: 0.3em;
	border-bottom: 3px solid #666666;
}

#navigation a.selected {
	color: black;
	padding-bottom: 0.3em;
	border-bottom: 3px solid #000;
}

body#homepage a#a-homepage, 
body#interactive a#a-interactive, 
body#physicalinstallation a#a-physicalinstallation,
body#graphicdesign a#a-graphicdesign,
body#webdesign a#a-webdesign {
	color: black;
	padding-bottom: 0.3em;
	border-bottom: 3px solid #000;
}

/* ......................................................... Panel */

div.panel {
	background-color: #FFFFFF;
	padding: 25px;
	margin-top: 25px;
	margin-bottom: 25px;
	position: relative;
	left: -26px;
	text-align: center;
	border: 1px solid #DDDDDD;
	color: white;
	-webkit-box-shadow: 1px 1px 4px rgba(50, 50, 50, 0.1);
	-opera-box-shadow: 1px 1px 4px rgba(50, 50, 50, 0.1);
	-moz-box-shadow: 1px 1px 4px rgba(50, 50, 50, 0.1);
	box-shadow: 1px 1px 4px rgb(50, 50, 50, 0.1);

}

div.panel p.neutralbg {
	background-color: #ECECEC;
}

div.panel hr {
	background: #EEE;
	border: 0;
	color: #EEE;
	height: 1px;
	padding: 0;
	margin: 20px auto 20px auto;
	width: 85%;
}

/* ....................... Details */

div.panel div.details {
	color: #63646B;
	width: 175px;
	position: absolute;
	left: 825px;
	top: 25px;
	text-align: left;
}

div.panel div.details h3 {
	font-family: Helvetica, Neue, Arial, Helvetica, sans-serif;
	font-weight: bold;
	
	font-size: 1.2em;
	line-height: 1.3em  !important;
	margin-bottom: 1.3em  !important;
	margin-top: 0;	
	line-height: 1;
	margin-bottom: 0.5em;
	color: #444;

	text-shadow:1px 1px 1px #FFFFFF;

}

div.panel div.details h3 em {
	font-size: 0.8em;
	font-style: italic;
	position: relative;
	top: -0.2em;
	color: #767676;
	
}

div.panel div.details p {
	margin-bottom: 1em;
	font-size: 1.2em;
	line-height: 1.4;
}

div.panel div.details a {
	color: #999;
}

div.panel div.details a.view-more {
	background-color: #DCDCDC;
	padding: 0.4em 1em;
	text-decoration: none;
	-opera-border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
	color: #666;
	display: inline-block;
	margin-bottom: 1em;
}

div.panel div.details a.view-more:after {
	content: " › ";
}

div.panel div.details a.view-more:hover:after {
	content: " »";
	
}	


div.panel div.details div.credits {
	margin-top: 3em;
	padding-top: 0.2em;
	border-top: 1px solid #6B6B74;
}
/* .........................................................  Item */


/* item types */

div.text-info {
	background-color: #000000;
	color: #DDD;
	padding: 25px;
	width: 700px;
	position: relative;
	font-size: 1.2em;
	line-height: 1.6;
	text-align: left;
}

div.text-info p {
	margin-bottom: 2em;
}


div.text-info h1 {
	width: 740px;
	color: white;
	font-size: 1px;
	text-indent: -200px;
	height: 410px;
	overflow: hidden;
	background:url(../data/header_satellites.jpg) no-repeat left top;
	padding: 0;
	margin: 0;
	margin-top: -25px;
	margin-left: -27px;
	margin-right: -27px;
}

div.text-info a {
	color: #FFF;
}

dl.skills {
	margin-top: 2em;
}

div.text-info ul {
	margin: 1em 2em;
}


dl.skills dt:before {
	content: "› ";
}

dl.skills dt {
	font-weight: bold;
	font-style: normal;
	margin-top: 0.4em;
	margin-bottom: 0.4em;


}

dl.skills dd {
	margin-left: 2em;
}