/* @override http://expressionindesign.nl/css/screen.css */

@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/forms.css';

body {
	background: #000 url(../images/header_gradient.jpg) repeat-x;
}

#wrapper.container, #wrapper .span-24, #footerContainer.container {
	width: 900px;
}

#logo.span-13 {
	width: 450px;
}

#menu.span-7 {
	width: 400px;	
	margin: 82px 0 0 20px;
	padding: 0;
}

#menu ul {
	list-style: none;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}

#menu ul li {
	display: block;
	float: left;
	margin-left: 25px;
}

#menu ul li a {
	text-decoration: none;
	color: #fff;
}

#menu ul li a:hover {
	color: #d5e14d;
}
#menu a.current {
	color: #e98e24;
}

#description, #featured, #testimony {
	padding-bottom: 20px;
}

#description span.owner {
	color: #999;
}

#description span.company {
	color: #666666;
}

#description.span-6 {
	width: 260px;
}

.colborderempty {
  padding-right: 24px;
  margin-right: 25px;	
}

#featured h5 {
	color: #e98e24;
	padding: 0;
	margin: 0;
}

#featured h5 a:hover, .blogPost span.readmore a:hover, .blogPost span a:hover, #footerInfo a:hover, #footerWrapper #description a:hover, #featured span a:hover, #portfolioDetail a:hover, .link:hover  {
	background-color: #d5e14d;
	color: #000;
}

#featured img {
	margin-bottom: 10px;
	padding: 0;
	border: 5px solid #333;
}

#featured h5 a, #featured strong, #featured span, .position, .blogPost span.readmore a, .blogPost span a, .blogPost span.date, #footerInfo a, #footerWrapper #description a, #featured span a, #portfolioDetail a, .link  {
	color: #999;
	background-color: #333;
	padding: 0 5px;
	text-decoration: none;
}

#footerWrapper {
	width: 100%;
	background: #000 url(../images/header_gradient.jpg) repeat-x;
	margin: 0;
	border-top: 1px solid #666666;
	padding-bottom: 15%;	
}

.author {
	width: 249px;
	border: 1px solid #333;
	padding: 10px;
	float: left;
	clear: right;
	background-color: #000;
}

.author h3 a {
	color: #e9891d;
	text-decoration: none;
}

.author h3 a:hover {
	color: #d5e14d;
}

.author img {
	float: right;
	border: 3px solid #333;
}

#footerContainer {
	padding-top: 10px;
}

.skills {
	color: #e9891d;
}

#blogList div.blogPost span.skills {
	color: #999;
}

.blogPost {
	margin-left: 316px;
}

.blogPost h5 {
	margin: 0;
	padding: 0;
}

.blogPost h5 a {
	text-decoration: none;
	color: #d5e14d;
}

.blogPost h5 a:hover {
	color: #666666;
}

#footerInfo {
}

#footerInfo h5, #footerWrapper #description h5 {
	margin: 0;
	padding: 0;
}

#footerInfo .address, #footerWrapper #description .address {
	color: #999;
}

#featured span  {
	padding: 0;
}