/*
Theme Name: Pronamic
Theme URI: http://pronamic.nl/
Description: The default theme for Pronamic.nl
Author: Pronamic
Version: 1.1
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/

/**
 * Colors
 *
 * Orange: #F9461C
 * Black: #1C2830
 * Light Gray: #EFEFEF
 * Border: #DCDEE2
 */
 
 /**
 * Margins
 *
 * Blocks: 20px
 * Inside blocks: 15px
 */

/**
 * Reset
 */
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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body { line-height: 1; }
ol, ul { list-style: none; }
article, aside, dialog, figure, footer, header, hgroup, nav, section, img { display : block; }

/**
 *  Base
 */
body {
	background: #1C2830 url("styles/texture.gif");

	border-top: 4px solid #1C2830;

	color: #1C2830;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

	line-height: 20px;
}

p { margin: 15px 0; }

/**
 * Headings
 */
h1, h2, h3, h4 { font-weight: bold; margin-bottom: 15px; }

h1 { font-size: 36px; line-height: 40px; }
h2 { font-size: 24px; line-height: 28px; }
h3 { font-size: 16px; line-height: 16px; }
h4 { font-size: 14px; }

/**
 * Anchors
 */
a { color: #F9461C; text-decoration: none; }
a:hover { color: #1C2830; text-decoration: underline; }

h4 a { color: #F9461C; }
h2 a { color: #1C2830; }
h2 a:hover { color: #F9461C; text-decoration: none; }

/**
 * Global
 */
.clear { 
	clear: both;
}

.hr {
	border: none;

	clear: both;

	height: 30px;

	margin: 20px 0;

	background: url("styles/divider.gif") top center no-repeat;
}

.hr hr { display: none; }

blockquote {
	font-family: Georgia, serif;
	font-size: 20px;
	line-height: 26px;

	margin: 0 50px;

	text-align: center;
}

blockquote cite {
	font-family: arial;
	font-size: 12px;
	color: #999;
}

/* Lead */
p.lead, p.lead-alt { color: #F9461C; font-size: 18px; line-height: 26px; }
p.lead-alt { color: #1C2830; }

/**
 * Alignment
 */
.alignleft {
	display: inline;

	float: left;

	margin: 1em 1em 1em 0;
}

.alignright {
	display: inline;

	float: right;

	margin: 1em 0 1em 1em;
}

.aligncenter {
	clear: both;

	display: block;

	margin-left: auto;
	margin-right: auto;
}

.external-link {
	background: url("styles/external-link.gif") right center no-repeat;

	padding-right: 15px;
}

/**
 * Table
 */
table {
	border-collapse: collapse;

	font-size: 12px;
	line-height: 16px;

	margin-bottom: 20px;

	width: 100%;
}

th {
	background: #EFEFEF;

	font-weight: bold;

	padding: 0.8em 1.2em;

	text-align: left;
}

td {
	border-bottom: 1px solid #DCDEE2;

	padding: 0.8em 1.2em;
}

td+td {
	border-left: 1px solid #DCDEE2;
}

/**
 * Form
 */
form input[type=text],
form input[type=email] {
	border: 1px solid #D6D6D6;

	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

	-webkit-box-shadow: 0px 0px 5px #DFDFDF;
	-moz-box-shadow: 0px 0px 5px #DFDFDF;
	box-shadow: 0px 0px 5px #DFDFDF;

	outline: none;

	padding: 8px;
}

form input[type=text]:hover,
form input[type=email]:hover {
	border-color: #BBB;
}

form input[type=text]:focus,
form input[type=email]:focus {
	border-color: #F9461C;

	-webkit-box-shadow: 0px 0px 5px #FF8164;
	-moz-box-shadow: 0px 0px 5px #FF8164;
	box-shadow: 0px 0px 5px #FF8164;
}

input.button {
	border: none;

	background-color: #F9461C;

	color: #FFF;

	cursor: pointer;

	-moz-border-radius: 14px;
	-khtml-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;

	-webkit-transition-property: background-color; 
	-webkit-transition-duration: 0.1s; 
	-webkit-transition-timing-function: linear, linear;

	padding: 6px 12px;
}

input.button:hover {
	background-color: #1C2830;

	-webkit-transition-property: background-color; 
	-webkit-transition-duration: 0.1s; 
	-webkit-transition-timing-function: linear, linear;
}

/**
 * Site title
 */
#site-title { float: left; margin: 15px 0; padding: 0; }
#site-title a { background: url("styles/logo.gif") no-repeat center center; display: block; overflow: hidden; width: 280px; height: 73px; text-indent: -10000px; }

/**
 * Search
 */
#search { float: right; margin-top: 20px; }
#search label { display: none; }

#search #query-input {
	background: url("styles/search.gif") 8px center no-repeat;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;

	padding-left: 34px;

	width: 180px;
}

#search #query-input:focus { background-position: -274px center; }

/**
 * Navigation
 */
nav#main-nav { margin: 0 -5px; }
nav#main-nav #nav-top { background: url("styles/navigation/top.png") no-repeat; height: 11px; }
nav#main-nav #nav-wrap { background: url("styles/navigation/wrap.gif") repeat-y; }
nav#main-nav #nav-inner { background: #F5F5F5 url("styles/navigation/back.png") repeat-x bottom; margin: 0 11px; /* 5px shadow + 5px witespace + 1px border */ }
nav#main-nav #nav-bottom { background: url("styles/navigation/bottom.png") no-repeat; margin-bottom: 15px; /* 5px shadow + 15px margin = 20px */ height: 11px; }

nav#main-nav ul { float: left; }
nav#main-nav li { float: left; }

nav#main-nav a {
	color: #1C2830;

	display: block;

	font-size: 16px;

	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	padding: 10px 12px;

	text-decoration: none;
}

nav#main-nav a:hover, 
nav#main-nav a:focus, 
nav#main-nav li:hover a,
nav#main-nav li.hover a {
	color: #F9461C;
}

body.single-post #main-nav li.current_page_parent a , 
nav#main-nav li.current-menu-item a , 
nav#main-nav li.current-url-ancestor a , 
nav#main-nav li.current_page_item a,
nav#main-nav li.current-page-ancestor a,
nav#main-nav li.current-menu-ancestor a {
	background-color: #F9461C;

	color: #FFF;
}

/**
 * Site structure
 */
#container-wrap { background: #FFF; }
#container { margin: 0 auto; padding-bottom: 20px; width: 940px; min-height: 500px; }

#main.with-aside { background: url("styles/line.gif") repeat-y; }

/**
 * Page layout
 */
.col-1, .col-2, .col-3, .col-4 { float: left; }

#content { float: left; width: 620px; }
#content .col-1 { margin-right: 20px; width: 300px; }
#content .col-2 { width: 300px; }

#content-1, .content-1 { float: left; margin-right: 20px; width: 460px; }
#content-2, .content-2 { float: right; width: 460px; }

.page-template-service-php #content {
	float: right; 

	width: 680px;
}

.content-1, .content-2 {
	margin-bottom: 20px;
}

/* CSS list un-reset */
.hentry li ul , 
.hentry li ol { margin: 0 1.5em; }
.hentry ul , 
.hentry ol { margin: 0 1.5em 1.5em 1.5em; }
.hentry ul { list-style-type: disc; }
.hentry ol { list-style-type: decimal; }
.hentry ol ol { list-style-type: upper-alpha; }
.hentry ol ol ol { list-style-type: lower-roman; }
.hentry ol ol ol ol { list-style-type: lower-alpha; }

/**
 * Intro
 */
#intro {
	position: relative;

	margin-bottom: 20px;
}

#intro h2 {
	font-size: 56px;

	line-height: 1;
}

#intro .items-list {
	position: relative;

	height: 240px;
}

#intro .item {
	position: relative;

	height: 240px;

	padding-right: 400px;
}

#intro .items-list li {
	display: none;

	height: 240px;

	padding-right: 400px;

	position: absolute;
	top: 0;
}

#intro .items-list li:first-child {
	display: block;
}

#intro .items-list li .visual,
#intro .item .visual {
	margin: 0;

	position: absolute;

	bottom: 0;
	right: 0;
}

.post-it {
	background: url("styles/post-it.png") no-repeat;

	width: 103px;
	height: 84px;

	position: absolute;
	right: 40px;
	top: -45px;

	z-index: 15;
}

/* Intro - Navigation */
#intro #nav {
	position: absolute;

	top: 0;
	right: 0;

	z-index: 10;
}

#intro #nav a {
	cursor: pointer;

	margin-bottom: 5px;
}

#intro #nav a {
	background: url("styles/intro/intro-nav.gif");

	display: block;

	height: 20px;
	width: 20px;

	text-indent: -10000px;
}

#intro #nav a.activeSlide { background-position: left bottom; }
#intro #nav a.activeSlide:hover { background-position: left bottom; }
#intro #nav a:hover { background-position: left -25px; }

/* Intro - Hook */
#intro-hook {
	background: url("styles/shadow.png") no-repeat;

	position: absolute;

	bottom: 0;
	left: -38px;

	width: 1016px;
	height: 8px;

	z-index: 20;
}

#intro p {
	color: #999;

	font-size: 18px;

	line-height: 26px;
}

/**
 * Aside
 */
aside {

}

aside li.twitter a ,
aside li.flickr a ,
aside li.facebook a ,
aside li.hyves a ,
aside li.google-plus a ,
aside li.linkedin a {
	background-repeat: no-repeat;
	background-position: left center;

	float: left;

	margin-right: 15px;
	padding-left: 22px;
}

aside li.twitter a { background-image: url("styles/icons/twitter.png"); }
aside li.flickr a { background-image: url("styles/icons/flickr.png"); }
aside li.facebook a { background-image: url("styles/icons/facebook.png"); }
aside li.hyves a { background-image: url("styles/icons/hyves.png"); }
aside li.linkedin a { background-image: url("styles/icons/linkedin.png"); }
aside li.google-plus a { background-image: url("styles/icons/google-plus.png"); }

/**
 *
 */
.page-template-service-php aside {
	float: left;

	position: absolute;

	width: 220px;
}

/* Sub navigation */
#sub-nav {
	position: absolute;
	top: 0;
}

#sub-nav.fixed {
	position: fixed;
	top: 0;
}

aside li.widget-container  {
	border-bottom: 1px solid #DCDEE2;

	margin-bottom: 20px;
	padding-bottom: 20px;
}

aside li.widget-container:last-child {
	border: none;
}

aside ul, aside ol {
	margin: 0;
	padding: 0;

	list-style: none;
}

.simple-list li {
	float: left;

	margin-right: 10px;
}

/**
 * Services menu
 */
#menu-hoofdmenu-1 {
	margin-top: 10px;
}
 
#menu-hoofdmenu-1 li {
	margin-bottom: 10px;
}

#menu-hoofdmenu-1 li a {
	background: url("styles/dot.png") left center no-repeat;

	padding-left: 20px;

	color: #000;

	font-size: 18px;
}

#menu-hoofdmenu-1 .sub-menu {
	display: none;

	margin: 10px 0;
	margin-left: 20px;
}

#menu-hoofdmenu-1 .sub-menu li {
	margin-bottom: 0;
}

#menu-hoofdmenu-1 li.current_page_item .sub-menu,
#menu-hoofdmenu-1 li.current-menu-parent .sub-menu{
	display: block;
}

#menu-hoofdmenu-1 li.current_page_item a,
#menu-hoofdmenu-1 li.current-menu-parent a {
	color: #F9461C;
}

#menu-hoofdmenu-1 .sub-menu li a {
	font-size: 12px;

	color: #000;
}

#menu-hoofdmenu-1 .sub-menu li.current-menu-item a {
	color: #F9461C;
}

/* Tweet */
#last-tweet p.tweet { color: #999; font-size: 18px; line-height: 24px; }

/**
 * Primary
 */
#primary {
	float: right;

	padding-left: 20px;

	width: 280px;
}

/**
 * Primary - Gravity Forms widget
 */
#primary .gform_widget {
	background-color: #EFEFEF;

	border-bottom: none;
	border-radius: 5px;

	padding: 15px;
}

#primary .gform_widget .gform_wrapper {
	margin: 0;
}

#primary .gform_widget .gform_wrapper .gform_title {
	margin-top: 0;	
}

#primary .gform_widget .gform_wrapper .gform_footer {
	padding-bottom: 0;
}

/**
 * Primary - Categories widget
 */
#primary .widget_categories {
	float: left;
	
	width: 100%;
}

#primary .widget_categories .cat-item {
	float: left;

	margin: 0 5px 5px 0;
}

#primary .widget_categories .cat-item a {
	background: #EFEFEF;

	display: block;

	-moz-border-radius: 14px;
	-khtml-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;

	padding: 6px 12px;
}

#primary .widget_categories .cat-item a:hover {
	background-color: #E3E3E3;

	text-decoration: none;
}

/**
 * Primary - Flickr RSS widget
 */
#primary .widget_flickrRSS {
	
}

#primary .widget_flickrRSS a {
	display: block;

	float: left;
}

#primary .widget_flickrRSS a img {
	border: 1px solid #D2D2D2;

	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	display: block;

	float: left;

	margin: 0 8px 8px 0;
	padding: 4px;
}

#primary .widget_flickrRSS a:hover img {
	border-color: #f9461c;
}

/**
 * Primary - Twitter widget
 */
#primary .widget_twitter h3 a {
	color: #000;
}

#primary .widget_twitter .entry-content {
	font-size: 12px;
	
	line-height: 18px;
}

#primary .widget_twitter li {
	margin-bottom: 10px;
}

#primary .widget_twitter a.timesince {
	color: #999;
}

/**
 * Contact - Aside
 */
#contact-aside .widget-container {
	margin: 1em 0;
}

#contact-aside .widget-container {
	
}

/**
 * Contact Aside - Navigation Menu
 */
#contact-aside .widget_nav_menu {
	
}

/**
 * Colleagues
 */
section#colleagues {
	border-bottom: 1px solid #DCDEE2;

	margin-bottom: 20px;
	padding-bottom: 20px;
}

section#colleagues ul li {
	float: left;

	margin: 0 6px 6px 0 !important;

	height: 87px;
}

/**
 * Services
 */
#services {
	background: #EFEFEF url("styles/services.gif") right top no-repeat;
}
#services .col-1, #services .col-2 { margin-right: 20px; width: 205px; }
#services .col-2 { margin: 0; }
#content-2 #products img { float: right; margin-left: 10px; }
#services h2 { line-height: 36px; }

/**
 * Services page
 */
#services-overview {
	margin-left: -20px;
}

#services-overview article {
	float: left;

	margin: 0 0 20px 20px;

	width: 220px; 
}

#services-overview article h2 {
	font-size: 20px;
}

/**
 * Service cloud
 */
#service-cloud {
	font-size: 14px;

	margin-bottom: 20px;

	text-align: center;
}

#service-cloud li {
	display: inline;

	margin: 0 10px;
}

#service-cloud .post-24,
#service-cloud .post-34,
#service-cloud .post-1238,
#service-cloud .post-1232 {
	font-size: 18px;
	line-height: 24px;
}

#service-cloud .post-28,
#service-cloud .post-1205,
#service-cloud .post-1223 {
	font-size: 26px;
	line-height: 32px;
}

/**
 * Quote request
 * Vision
 * Subscribe newsletter
 * Contact form
 */
#quote-request,
#vision,
#subscribe-newsletter,
#contact-form,
#more-information,
#portfolio-information,
#services,
div.em,
.content-2 form {
	background-color: #EFEFEF;

	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	padding: 15px;
}

#quote-request, #vision {
	background: #EFEFEF url("styles/offerte-icon.gif") 15px 15px no-repeat;

	padding-left: 160px;
}

#vision {
	background-image: url("styles/vision.gif");
}

/* More information services */
#more-information { margin-bottom: 20px; }
#more-information .author { float: left; width: 310px; margin-right: 20px; }
#more-information .visual { float: left; margin-right: 15px; }
#more-information .visual-trigger { padding: 4px; }
#more-information .information { float: left; width: 220px; }
#more-information .information p { margin: 0; }

#more-information .quote {
	float: left; 

	width: 310px;
}

/* Related services */
#related-services { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #DCDEE2; }

/**
 * Weblog sidebar
 */
p.rss-feed { background: url("styles/icons/feed.png") left center no-repeat; padding-left: 25px; margin-bottom: 0; }

/**
 * About
 */
#pronamic-features .col-1,
#pronamic-features .col-2,
#pronamic-features .col-3,
#pronamic-features .col-4 {
	margin-right: 20px;
	padding-left: 60px;

	width: 160px;
}

#pronamic-features .col-4 {
	margin: 0;
}

#pronamic-features h4 { color: #f9461c; margin-bottom: 5px; }
#pronamic-features p { margin-top: 0; }

#pronamic-features .one { background: url("styles/services/one.gif") no-repeat; }
#pronamic-features .two { background: url("styles/services/two.gif") no-repeat; }
#pronamic-features .three { background: url("styles/services/three.gif") no-repeat; }
#pronamic-features .four { background: url("styles/services/four.gif") no-repeat; }

/**
 * Carrousel navigation
 */
.carrousel-nav {
	display: none;

	margin-top: -4px;

	float: right;
}

.carrousel-nav a,
.carrousel-nav a {
	display: block;

	width: 34px;
	height: 34px;

	overflow: hidden;

	text-indent: -10000px;
}

.carrousel-nav a:hover { background-position: bottom left; }

.carrousel-nav .left { background: url("styles/left.png"); float: left; margin-right: 5px; }
.carrousel-nav .right { background: url("styles/right.png"); float: right; }

/**
 * Team
 */
#team {
	background-color: #EFEFEF;

	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	min-height: 327px;

	margin-bottom: 20px;
	padding: 15px;
}

#team ul { clear: left; float: left; margin-bottom: -15px; }
#team li { float: left; margin: 0 15px 15px 0; position: relative; }
#team li.last { margin-right: 0; }

#team li img { display: block; width: 82px; height: 82px; }
#team li h3 { display: none; }

#team figure {
	margin: 0;
}

#team figcaption {
	background: #F9461C;

	color: #FFF;

	display: block;

	overflow: hidden;

	position: absolute;

	right: 7px;
	bottom: 7px;
	left: 7px;
}

#team figcaption span {
	display: block;

	margin: 6px 10px;
}

#team figcaption a {
	color: #FDD1C6;
}

#team a:hover {
	text-decoration: none;
}

#team figcaption .title {
	color: #FFF;

	font-size: 14px;
	font-weight: bold;
}

/* Team member page */
.team-member .entry-content img { border: 1px solid #D5D6D7; }

.team-member #team li:last-child { margin-right: 0; }
.team-member #team li img { width: 92px; height: 92px; }
.team-member #team { min-height: inherit; }

/**
 * Image em
 */
#services-overview article img,
img.em , 
img.avatar {
	background-color: #FFF;

	border: 1px solid #D5D6D7;

	display: inline-block;

	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	-webkit-box-shadow: 0px 0px 5px #DFDFDF;
	-moz-box-shadow: 0px 0px 5px #DFDFDF;
	box-shadow: 0px 0px 5px #DFDFDF;

	padding: 6px;
}

img.avatar {
	padding: 4px;
}

#services-overview article a:hover img,
a.active img.em , 
a:hover img.em , 
a:hover img.avatar {
	border-color: #f9461c;

	-webkit-box-shadow: 0px 0px 5px #ff8164;
	-moz-box-shadow: 0px 0px 5px #ff8164;
	box-shadow: 0px 0px 5px #ff8164;
}

/**
 * Vacancy
 */
section#vacancy {
	background-color: #EFEFEF;

	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	position: relative;

	margin-bottom: 20px;
	padding: 15px;
	padding-right: 160px;
}

section#vacancy .hook {
	background: url("styles/polaroid.png");

	width: 194px;
	height: 198px;

	position: absolute;
	top: -5px;
	right: -30px;
}

/**
 * Products
 */
section#products {
	margin-bottom: 20px;
}

section#products img {
	display: inline;

	margin-right: 10px;
}

/**
 * Weblog
 */
section#blog h4 {
	margin-bottom: 5px;
}

.post {
	margin-left: 100px;

	position: relative;
}

/* Author */
#author .visual { float: left; margin-right: 20px; }
#author .text { float: right; width: 525px; }

/* Author archive */
.author-archive { margin-bottom: 20px; }
.author-archive #author .visual { margin-right: 15px; }
.author-archive #author #text { width: 505px; float: right; }
	
/* Post info */
.post-info {
	position: absolute;
	top: 0;
	left: -95px;

	width: 75px;
}

.date-info {
	background: url("styles/date.gif") no-repeat;

	color: #f9461c;

	font-size: 16px;

	width: 75px;
	height: 40px;

	text-align: center;
	margin-bottom: 5px;
	padding: 19px 0 18px 0;
}

.date-info span {
	display: block;

	font-size: 26px;
	font-weight: bold;
}

a.reaction-info {
	background: url("styles/reaction.gif") no-repeat;

	display: block;

	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	width: 20px;
	height: 20px;

	margin: 0 auto;
	padding: 10px;
	text-align: center;
}

a:hover.reaction-info {
	background-position: left bottom;
	text-decoration: none;
}

a.link:hover {
	color: #000;
}

.nav-previous { float: left; }
.nav-next { float: right; }

a.more-link,
.nav-previous a,
.nav-next a {
	background-color: #f9461c; 

	-moz-border-radius: 14px;
	-khtml-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;

	-webkit-transition-property: background-color; 
	-webkit-transition-duration: 0.1s; 
	-webkit-transition-timing-function: linear, linear;

	display: inline-block;

	font-size: 12px;
	line-height: 20px;

	padding: 6px 12px;

	color: #FFF;
}

a.more-link:hover,
.nav-previous a:hover,
.nav-next a:hover { 
	background-color: #1c2830;

	-webkit-transition-property: background-color; 
	-webkit-transition-duration: 0.1s; 
	-webkit-transition-timing-function: linear, linear;

	text-decoration: none; 
}

.nav-previous a,
.nav-next a {
	background-color: #1c2830;
}

.nav-previous a:hover,
.nav-next a:hover {
	background-color: #f9461c; 
}

/* Navigation */
.navigation .meta-nav { display: none; }

a.more-link.basic { background-color: #1c2830; }
a.more-link.basic:hover { background-color: #f9461c; }

.entry-meta {
	color: #999;

	margin: -3px 0 5px 0;
}

.entry-meta a { color: #999; }
.entry-meta a:hover { color: #000; }

.entry-meta ul { margin: 0 !important; }

.entry-meta ul li {
	background: url("styles/tween-line.gif") right center no-repeat;

	float: left;

	list-style: none !important;

	margin-right: 10px;
	padding-right: 10px;
}

.hentry {
	min-height: 80px;
}

.hentry h1,
.hentry h2 {
	margin-bottom: 5px;
}

.entry-content {
	font-size: 14px;

	line-height: 24px;
}

.entry-content p {
	margin: 0 0 20px 0;
}

.entry-content h3 {
	margin: 0 0 5px 0;
}

.entry-meta ul li:last-child {
	background: none;
}

.project-info {
	font-size: 12px;
}

ol.commentlist {
	margin: 0;
	padding: 0;
}

ol.commentlist li {
	border-bottom: 1px solid #dcdee2;

	margin-bottom: 20px;

	position: relative;
}

ol.commentlist li:last-child {
	border: none;

	margin-bottom: 0;
}

ol.commentlist .visual {
	float: left;

	margin-right: 20px;
}

ul.children li:first-child.comment {
	border-top: 1px solid #dcdee2;

	padding-top: 20px;
}
	
ul.children li.comment {
	margin-left: 95px;
	padding-bottom: 20px;
}

.comment-body {
	float: left;

	width: 525px;
}

.comment-body img {
	display: inline;
}

ul.children li.comment .comment-body {
	width: 430px;
}

p.form-allowed-tags {
	display: none;
}

#respond {
	float: left;
}

.form-submit #submit {
	border: none;

	background-color: #f9461c;

	color: #FFF;

	cursor: pointer;

	-moz-border-radius: 14px;
	-khtml-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;

	padding: 6px 12px;
}

.form-submit #submit:hover {
	background-color: #1C2830;
}

#commentform input,
#commentform textarea {
	display: block;

	margin-right: 10px;
}

#commentform p {
	margin: 5px 0;

	float: left;
}

p.form-submit {
	clear: both;
}

.reply {
	margin-bottom: 15px;

	text-align: right;
}

.reply a {
	color: #999;
}

.comment-meta {
	color: #999;
}

.comment-meta span {
	color: #1C2830;
	font-size: 14px;
	font-weight: bold;
}

/* Share */
.share-element {
	float: left;

	margin-right: 15px;
}

/**
 * Reaction
 */
#respond {
	background-color: #EFEFEF;

	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	padding: 15px;
	margin-bottom: 20px;
}

li #respond {
	margin-left: 95px;
}

/**
 * Portfolio & Projects
 */
#projects { margin-bottom: 20px; }
#projects ol { float: left; margin: -10px; }
#projects li { float: left;  margin: 10px; position: relative; width: 300px; }
#projects h3 { display: none; }

#projects p.project-intro {
	font-size: 50px;
	font-weight: bold;

	line-height: 50px;

	text-align: center;
}

#projects p.project-intro span {
	color: #F9461C;

	display: block;

	font-size: 28px;
}

#projects .no-image {
	background: url("styles/no-image.gif") no-repeat center center;
}

#projects img {
	display: block;
}

#projects footer {
	background: #F9461C;

	color: #FFF;

	display: none;

	overflow: hidden;

	padding: 0 10px;

	position: absolute;

	right: 7px;
	bottom: 7px;
	left: 7px;
}

#projects footer a {
	color: #FDD1C6;
}

#projects footer .title {
	color: #FFF;

	font-size: 14px;
	font-weight: bold;
}

#projects footer .view-link { margin-right: 0.5em; }
#projects footer .result-link { margin-left: 0.5em; }
#projects footer span { color: #FE937B; }

.single-portfolio h1 {
	font-size: 26px;

	line-height: 30px;
}

#portfolio-information { margin-top: 15px; }

.project-services { float: left; width: 450px; }
.project-services li { float: left; width: 150px; }

.project-url,
.project-share {
	float: right;
}

.project-url a.more-link {
	font-size: 18px;

	padding: 20px 30px;

	-moz-border-radius: 30px;
	-khtml-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}

.project-share { margin: 0 15px; }

/* Filter */
ul#filter { float: right; }
ul#filter li { float: left; width: inherit; }

section#portfolio { position: relative; }
section#portfolio .content { float: left; width: 300px; }
section#portfolio .images { float: right; }

.large-image {
	background-color: #FFF;

	border: 1px solid #D5D6D7;

	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	-webkit-box-shadow: 0px 0px 5px #DFDFDF;
	-moz-box-shadow: 0px 0px 5px #DFDFDF;
	box-shadow: 0px 0px 5px #DFDFDF;

	padding: 6px;
	margin-bottom: 20px;
}

/* Entry images */
.entry-images { margin-bottom: 20px; }
.entry-images ol li { float: left; margin-right: 10px; }
.entry-images ol li a img {
	background-color: #FFF;

	border: 1px solid #d5d6d7;

	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	-webkit-box-shadow: 0px 0px 5px #dfdfdf;
	-moz-box-shadow: 0px 0px 5px #dfdfdf;
	box-shadow: 0px 0px 5px #dfdfdf;

	padding: 4px;
}

.entry-images ol li a:hover img {
	border-color: #F9461C;

	-webkit-box-shadow: 0px 0px 5px #FF8164;
	-moz-box-shadow: 0px 0px 5px #FF8164;
	box-shadow: 0px 0px 5px #FF8164;
}

/* Portfolio navigation */
section#portfolio .nav-previous { position: absolute; top: 200px; left: -70px; }
section#portfolio .nav-next { position: absolute; top: 200px; right: -70px; }

section#portfolio .nav-previous a,
section#portfolio .nav-next a {
	background-position: center top;
	background-repeat: no-repeat;
	background-color: inherit;

	display: block; 
	padding: 0;
	height: 50px; 
	width: 50px;

	text-indent: -10000px;
}

section#portfolio .nav-previous a { background-image: url("styles/prev.gif"); }
section#portfolio .nav-next a { background-image: url("styles/next.gif"); }

section#portfolio .nav-previous a:hover,
section#portfolio .nav-next a:hover {
	background-position: center bottom;
}

/**
 * Contact
 */
section#address-information,
section#contact-information {
	float: left;

	width: 230px;
}

section#contact-information p {
	font-size: 18px;
	
	line-height: 26px;
}

/*
.button {
	clear: both;

	display: block;
}
*/

/* Route */
section#route {
	margin-bottom: 20px;
}

/**
 * Footer
 */
footer #footer-wrap { color: #ACACAF; }
footer #footer-inner {
	background: url("styles/footer/footer-line.gif") repeat-y;

	margin: 0 auto;
	margin-top: 20px;

	width: 940px;
}

footer a:hover { color: #FFF; }

footer h4 { color: #FFF; font-size: 18px; font-weight: normal; text-shadow: 1px 1px 1px #000; }

footer p { margin: .5em 0; }

footer p.call-text {
	color: #FFF;

	font-size: 20px;
	font-weight: bold;

	margin-top: 15px;
}

footer p.call-text a {
	color: #FFF;
}

/* Cols */
footer .col-1 { float: left; margin-right: 20px; width: 620px; }
footer .col-2 { float: right; padding-left: 20px; width: 280px; }

/**
 * Footer - Gravity Forms
 */
body footer .gform_wrapper .gform_body input { 
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/**
 * Footer Aside
 */
#footer-aside {
	
}

/* Widget Title */
#footer-aside .widget-title {
	color: #FFF;

	font-size: 18px;
	font-weight: normal;

    text-shadow: 1px 1px 1px #000;
}

/**
 * Footer - Gravity Forms
 */
#footer .gform_wrapper .gform_body input { 
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#footer .gform_wrapper .gform_footer input.button , 
#footer .gform_wrapper .gform_footer input[type="submit"] { 
	background-color: #3E484F;
}

#footer .gform_wrapper .gform_footer input.button:hover , 
#footer .gform_wrapper .gform_footer input[type="submit"]:hover { 
	background-color: #F9461C; 
}

/* Colofon */
section#colofon {
	color: #ACACAF;

	border-top: 1px solid #595a60;

	font-size: 11px;

	margin: 0 auto;
	margin-top: 20px;
	padding: 20px 0;

	width: 940px;
}

section#colofon p#copyright { float: left; clear: both; display: block;}

section#colofon nav#foot-nav { float: right; margin: 6px 0 0 0;}

nav#foot-nav ul { float: right; }
nav#foot-nav ul li { float: left; margin: 0 10px; }
nav#foot-nav ul li:last-child { margin-right: 0; }

section#colofon p#copyright a,
nav#foot-nav ul li a { color: #ACACAF; }

section#colofon p#copyright a:hover,
nav#foot-nav ul li a:hover { color: #FFF; }

.search-icon {
	background: url("styles/icons/page.png");

	width: 75px;
	height: 75px;
}

.type-post .search-icon { background-image: url("styles/icons/post.png"); }
.type-portfolio .search-icon { background-image: url("styles/icons/portfolio.png"); }

/**
 * Article - portfolio
 */
article.type-portfolio {
	
}

article.type-portfolio .text { 
	clear: left;

	float: left;

	font-size: 14px;

	width: 300px;
}

article.type-portfolio .visual { 
	float: right;

	width: 620px;
}

article.type-portfolio h2 {
	font-size: 14px;

	margin: 0;
}

article.type-portfolio .project-url p {
	margin-top: 0;
}

article.type-portfolio .project-info h2 , 
article.type-portfolio .project-images h2 {
	display: none;
}

article.type-portfolio .services-list {
	float: left;

	list-style: none;

	margin: 0 0 1em 0;
	padding: 0;
}

article.type-portfolio .services-list li {
	float: left;

	width: 150px;
}

article.type-portfolio .project-images p {
	margin: 0;
}

article.type-portfolio .project-images ol { 
	float: left;

	list-style-type: none;

	margin: 0 -5px;
	padding: 0;
}

article.type-portfolio .project-images li { 
	float: left;

	margin: 5px 5px 0 0;
}

article.type-portfolio .project-images a {
	display: block;

	position: relative;
}

article.type-portfolio #slideshow {
	height: 389px;

	overflow: hidden;
}

.activeSlide img {
	border-color: #F9461C;
}

article.type-portfolio .project-images .activeSlide .hook {
	background: url("styles/arrow-up.png") no-repeat;

	display: block;

	position: absolute;

	top: -12px;
	left: 40px;

	width: 24px;
	height: 12px;

	z-index: 10;
}

article.type-portfolio .project-images li img {
	padding: 4px;
}

article.type-portfolio header {
	float: left;
}

article.type-portfolio .navigation {
	float: right;

	width: 73px;
}

article.type-portfolio .navigation .next-project a,
article.type-portfolio .navigation .previous-project a {
	display: block;

	width: 34px;
	height: 34px;

	text-indent: -10000px;
}

article.type-portfolio .navigation .previous-project a { background: url("styles/right.png") left top no-repeat; float: right; }
article.type-portfolio .navigation .next-project a { background: url("styles/left.png") left top no-repeat; float: left; }

article.type-portfolio .navigation .next-project a:hover,
article.type-portfolio .navigation .previous-project a:hover { background-position: left bottom; }

#contact-map-canvas {
	width: 460px;
	height: 260px;
}

/**
 * Gravity Forms
 */
body .gform_wrapper .gform_heading {
	margin-bottom: 0;
}

body .gform_wrapper input[type="text"] ,
body .gform_wrapper input[type="tel"] ,  
body .gform_wrapper input[type="url"] , 
body .gform_wrapper input[type="email"] , 
body .gform_wrapper input[type="phone"] , 
body .gform_wrapper input[type="number"] , 
body .gform_wrapper input[type="password"] , 
body .gform_wrapper select ,
body .gform_wrapper textarea {
	border: 1px solid #D6D6D6;

	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

	-webkit-box-shadow: 0px 0px 5px #dfdfdf;
	-moz-box-shadow: 0px 0px 5px #dfdfdf;
	box-shadow: 0px 0px 5px #dfdfdf;

	outline: none;

	padding: 8px;
}

body .gform_wrapper input[type="text"]:hover ,
body .gform_wrapper input[type="tel"]:hover ,  
body .gform_wrapper input[type="url"]:hover , 
body .gform_wrapper input[type="email"]:hover , 
body .gform_wrapper input[type="phone"]:hover , 
body .gform_wrapper input[type="number"]:hover , 
body .gform_wrapper input[type="password"]:hover ,  
body .gform_wrapper select:hover ,
body .gform_wrapper textarea:hover {
	border-color: #BBB;
}

body .gform_wrapper input[type="text"]:focus ,
body .gform_wrapper input[type="tel"]:focus ,  
body .gform_wrapper input[type="url"]:focus , 
body .gform_wrapper input[type="email"]:focus , 
body .gform_wrapper input[type="phone"]:focus , 
body .gform_wrapper input[type="number"]:focus , 
body .gform_wrapper input[type="password"]:focus , 
body .gform_wrapper select:focus , 
body .gform_wrapper textarea:focus {
	border-color: #f9461c;

	-webkit-box-shadow: 0px 0px 5px #ff8164;
	-moz-box-shadow: 0px 0px 5px #ff8164;
	box-shadow: 0px 0px 5px #ff8164;
}

body .gform_wrapper .top_label li.gfield.gf_left_half input.medium , 
body .gform_wrapper .top_label li.gfield.gf_left_half input.large , 
body .gform_wrapper .top_label li.gfield.gf_left_half select.medium , 
body .gform_wrapper .top_label li.gfield.gf_left_half select.large , 
body .gform_wrapper .top_label li.gfield.gf_right_half input.medium , 
body .gform_wrapper .top_label li.gfield.gf_right_half input.large , 
body .gform_wrapper .top_label li.gfield.gf_right_half select.medium , 
body .gform_wrapper .top_label li.gfield.gf_right_half select.large {
	/* We increased the padding of the fields, we have decrease the width (default: 97%) */
    width: 90%;
}

body .gform_wrapper .ginput_complex .ginput_full input {
	/* We increased the padding of the fields, we have decrease the width (default: 98%) */
    width: 95% !important;
}

body .gform_wrapper .field_name_first input , 
body .gform_wrapper .ginput_complex .ginput_left input {
	/* We increased the padding of the fields, we have decrease the width (default: 95%) */
    width: 90% !important;
}

body .gform_wrapper .ginput_complex .ginput_right input , 
body .gform_wrapper .ginput_complex .ginput_right select {
	/* We increased the padding of the fields, we have decrease the width (default: 96%) */
    width: 90% !important;
}

body .gform_wrapper .ginput_complex input , 
body .gform_wrapper .ginput_complex select {
	/* We increased the padding of the fields, we have decrease the width (default: 95%) */
    width: 90% !important;
}

body .gform_wrapper .gform_footer {
    margin-top: 0;
}

body .gform_wrapper .gform_footer input.button , 
body .gform_wrapper .gform_footer input[type="submit"] {
	-moz-border-radius: 14px 14px 14px 14px;

    background-color: #3E484F;

	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.1s;
	-webkit-transition-timing-function: linear, linear;

    border: none;

    color: #FFF;

    cursor: pointer;

    padding: 6px 12px;
}

body .gform_wrapper .gform_footer input.button:hover , 
body .gform_wrapper .gform_footer input[type="submit"]:hover {
	background-color: #F9461C;

	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.1s;
	-webkit-transition-timing-function: linear, linear;
}