/*

THEME NAME: Dark Nature

THEME URI: http://redfactory.nl/themes/darknature/

DESCRIPTION: A creative portfolio website for all your creative pleasures

VERSION: 2.0

AUTHOR: <a href="http://themeforest.net/user/redfactory/portfolio/?ref=redfactory">Red Factory</a>

AUTHOR URI: http://themeforest.net/user/redfactory/portfolio/?ref=redfactory

*/

@import "reset.css";

/* ccs3 fonts, for when all browsers support it! Don't forget to disable cufon if you use this, saves you some loading time :) */

/*@font-face {

 font-family: Diavlo;

 src: url("font/DiavloLight-Regular.eot")

}

@font-face {

 font-family: Diavlo;

 font-weight: bold;

 src: url("font/DiavloBold-Regular.eot")

}

@font-face {

 font-family: Diavlo;

 src: url("font/DiavloLight-Regular.ttf")

}

@font-face {

 font-family: Diavlo;

 font-weight: bold;

 src: url("font/DiavloBold-Regular.ttf")

}*/

body {

	background: #000 url('images/body_bg.jpg') 50% 0% no-repeat;

	font-family: Helvetica, Arial, sans-serif;

	font-size: 13px;

	color: #fff;

	min-width: 980px;

	font-smooth: always;

}

a {

	color: #464646;

	text-decoration: none;

}

a:hover {

	text-decoration: underline;

}

strong {

	font-weight: 700;

}

hr {

	border: none 0;

	height: 1px;

	margin: 10px 0;

}

blockquote {

	font-style: italic;

	background: url(images/quotes.gif) no-repeat top left;

	background-position: 12px 12px;

	color: #595959;

	margin: 5px 0;

	padding: 8px 15px 8px 60px;

}

.text-shadow-black {

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

}

.text-shadow-white {

	text-shadow: #fff 0px 1px 0px;

}

.diavlo {

	font-family: Diavlo, Helvetica, Arial, sans-serif;

}

.diavlo-bold {

	font-family: Diavlo, Helvetica, Arial, sans-serif;

	font-weight: bold;

}

.button {

	color: #fff;

	padding: 5px 10px;

	border: 0px;

	cursor: pointer;

}

input[type="text"] {

	padding: 6px;

	font-size: 13px;

	color: #222;

}

#wrapper {

	width: 1000px;

	margin: 0 auto;

	position: relative;

	z-index: 1;

}

/* begin --------------------------------- Header */

#header {

	width: 960px;

	top: 5px;

	left: 30px;

	height: auto;

	display: inline-block;

	position: absolute;

	z-index: 10;

}

#logo-container {

	float: left;

	height: 50px;

	width: auto;

	margin: 8px 0 0 0;

}

#logo {

	font-size: 40px;

	font-weight: bold;

}

#logo a {

	color: #c1e460;

}

#menu {

	float: right;

	width: auto;

	height: auto;

	position: relative;

}

#menu_bg {

	width: auto;

	height: 50px;

	display: inline-block;

	position: absolute;

	right: 0px;

}

#menu_left {

	background: url('images/menu_left_bg.png') top no-repeat;

	width: 95px;

	height: 50px;

	display: inline-block;

	float: left;

}

#menu_middle {

	background: url('images/menu_middle_bg.png') top repeat-x;

	display: inline-block;

	height: 50px;

	width: 10px;

	float: left;

}

#menu_right {

	background: url('images/menu_right_bg.png') top no-repeat;

	width: 0px;

	height: 50px;

	display: inline-block;

	float: left;

}

#mainmenu {

	float: right;

	margin: 6px 0 0 0;

	padding: 0 0 0 0px;

}

.menu-title {

	font-size: 18px;

}

#menu ul li {

	float: left;

	width: 130px;

	display: inline-block;

	position: relative;

}

#menu ul li a {

	color: #ccc;

	height: 44px;

	display: block;

}

#menu ul li ul {

	position: absolute;

	width: auto;

	top: 44px;

	left: 0px;

	margin: 0 0 0 -10px;

	border-top: #000 3px solid;

	background: url('images/submenu_bg.png');

	display: none;

}

#menu ul li:hover ul {

	display: block;

}

#menu ul li ul li {

	clear: both;

	height: auto;

	width: 200px;

}

#menu ul li:hover ul li a, #menu ul li ul li a {

	padding: 10px 30px 10px 10px;

	display: block;

	border-bottom: #000 1px solid;

	font-family: Helvetica, Arial, sans-serif;

	font-size: 14px;

	height: auto;

}

#menu ul li.current_page_item a, #menu ul li a:hover {

	color: #fff;

	text-decoration: none;

}

#menu .subtitle {

	display: block;

	font-size: 12px;

	padding: 5px 0 0 0;

	font-family: Helvetica, Arial, sans-serif;

}

/* end --------------------------------- Header */

#container {

	width: 1000px;

	display: inline-block;

	padding: 135px 0 20px 0;

	position: relative;

	z-index: 5;

}

/* begin --------------------------------- Frontpage */

#slider-container {

	background: url('images/slider_bg.png') no-repeat;

	height: 401px;

	width: 978px;

	margin: 0 0 10px 11px;

	display: inline-block;

	position: relative;

}

#slider {

	height: 320px;

	width: 940px;

	margin: 10px 0 0 18px;

	display: inline-block;

	border: #fff 1px solid;

	position: relative;

}

#slider-title {

	display: inline-block;

	color: #535353;

	font-size: 16px;

	margin: 15px 0 0 30px;

	float: left;

}

#slider-nav {

	display: inline-block;

	color: #535353;

	font-size: 16px;

	margin: 15px 30px 0 0;

	float: right;

}

#frontabout {

	height: auto;

	width: 940px;

	display: inline-block;

	margin: 0 0 10px 30px;

}

.frontabout-top, .frontabout-bottom {

	width: 940px;

	height: 2px;

	background: url('images/about_line_bg.png') no-repeat;

}

.frontabout-middle {

	width: 940px;

	height: auto;

	background: url('images/about_middle_bg.png') repeat-y;

	padding: 8px 0 10px 0;

}

#frontabout p {

	color: #ddd;

	font-size: 16px;

	line-height: 1.6;

}

#frontpage-spacer {

	width: 100%;

	height: 1px;

	margin: 0 0 20px 0;

	display: inline-block;

}

#frontcontent-container {

	width: 960px;

	height: auto;

	margin: 30px 0 0 10px;

	display: inline-block;

	position: relative;

	float: left;

}

.frontcontent {

	width: 280px;

	height: auto;

	display: inline-block;

	float: left;

	position: relative;

	padding: 20px 10px 20px 10px;

	margin: 0 0 20px 20px;

	background: url('images/frontcontent_bg.png');

}

.frontcontent h2 {

	color: #f4f4f4;

	font-size: 26px;

	margin: 0 0 20px 0;

	text-transform: uppercase;

}

.frontcontent .widgettext {

	font-size: 12px;

	color: #777;

	line-height: 1.6;

	word-spacing: 1px;

	width: 100%;

}

.widgettext ul {

	border-top: #222 1px solid;

}

.widgettext ul li {

	padding: 8px 0 8px 15px;

	line-height: 1.3;

	background: url('images/bullet.png') left no-repeat;

	border-bottom: #222 1px solid;

}

.widgettext input[type="text"] {

	background: #fff;

	color: #000;

	border: 0px;

	width: 160px;

}

#getintouch {

	float: right;

	line-height: 1.5;

}

#getintouch #social-buttons a {

	margin: 0 10px 0 0;

}

#getintouch #phone, #getintouch #email {

	width: 100%;

	display: inline-block;

	margin: 10px 0 0 0;

}

#getintouch #phone .icon {

	background: url('images/phone.png') 5px 2px no-repeat;

}

#getintouch #email .icon {

	background: url('images/email.png') 2px 12px no-repeat;

}

#getintouch .icon {

	height: 40px;

	width: 50px;

	display: inline-block;

	float: left;

}

#getintouch .text {

	display: inline-block;

	float: left;

}

#getintouch .title {

	text-transform: uppercase;

}

/* end --------------------------------- Frontpage */

/* begin --------------------------------- Portfolio & gallery page */

#portfolio-top {

	float: left;

	width: 998px;

	height: 17px;

	margin: 0 0 0 1px;

	background: url('images/portfolio_top_bg.png') bottom no-repeat;

}

#portfolio-bottom {

	float: left;

	width: 998px;

	height: 33px;

	margin: 0 0 0 1px;

	background: url('images/portfolio_bottom_bg.png') top no-repeat;

}

#portfolio-content {

	float: left;

	width: 978px;

	height: auto;

	margin: 0 0 0 1px;

	padding: 0 0 0 20px;

	background: url('images/portfolio_middle_bg.png') repeat-y;

}

#portfolio-container, #gallery-container {

	width: 978px;

	height: auto;

	display: inline-block;

}

.portfolio-item {

	width: 320px;

	height: auto;

	display: inline-block;

	float: left;

}

#portfolio-container .page-subtitle, #gallery-container .page-subtitle {

	margin: 0 0 0 10px;

	color: #ddd;

	font-size: 16px;

}

#portfolio-container .devider, #gallery-container .devider {

	width: 940px;

	height: 2px;

	background: url('images/line.png') top repeat-x;

	margin: 0 0 20px 10px;

	border: 0px;

}

.item-devider {

	width: 100%;

	height: 40px;

	display: inline-block;

}

.portfolio-item .post-img-container {

	background: url('images/portfolio_item_bg.png') no-repeat;

	width: 320px;

	height: 169px;

	display: inline-block;

}

.portfolio-item .post-img {

	display: inline-block;

	margin: 6px 0 0 16px;

	width: 286px;

	height: 136px;

	overflow: hidden;

	border: #fff 1px solid;

	position: relative;

}

.portfolio-item .portfolio-text {

	width: 300px;

	height: auto;

	margin: 0 0 0 8px;

	color: #ddd;

	display: inline-block;

}

.portfolio-item .portfolio-text a {}

.portfolio-item .post-title a {

	font-size: 24px;

	color: #f4f4f4;

}

.portfolio-item .post-meta {

	font-size: 11px;

	color: #ddd;

	margin: 10px 0 0 0;

	line-height: 1.3;

}

.portfolio-item .post-meta a {

	color: #fff;

}

.portfolio-item .post-content {

	font-size: 13px;

	color: #ddd;

}

.portfolio-item .more-link {

	display: block;

	margin-top: 15px;

}

#portfolio-content .navleft {

	float: left;

	margin: 0 0 0 5px;

}

#portfolio-content .navright {

	float: right;

	margin: 0 25px 0 0;

}

#portfolio-content .navleft a, #portfolio-content .navright a {

	margin-bottom: 20px;

}

/* end --------------------------------- Portfolio page */

/* begin --------------------------------- Pages & Posts */

#content {

	width: 650px;

	display: inline-block;

	position: relative;

	margin: 0 0 0 10px;

}

#content-top, #content-bottom {

	width: 648px;

	height: 92px;

	display: inline-block;

	margin: 0 0 0 1px;

	float: left;

	background: url('images/content_top_bg.png');

}

#content-middle {

	width: 648px;

	height: auto;

	display: inline-block;

	margin: 0 0 0 1px;

	position: relative;

	float: left;

	background: url('images/content_middle_bg.png');

}

#content-bottom {

	height: 110px;

	background: url('images/content_bottom_bg.png');

}

#post-container {

	width: 590px;

	margin: -100px 0 0 29px;

}

.post {

	width: 590px;

	height: auto;

	color: #303030;

	margin: 40px 0 0 0;

	display: inline-block;

}

.fullwidthpage #content {

	width: 980px;

	position: relative;

}

.fullwidthpage #content-top, .fullwidthpage #content-bottom {

	width: 978px;

	background: url('images/content_full_top_bg.png');

}

.fullwidthpage #content-middle {

	width: 978px;

	background: url('images/content_full_middle_bg.png');

}

.fullwidthpage #content-bottom {

	background: url('images/content_full_bottom_bg.png');

}

.fullwidthpage #post-container {

	width: 920px;

}

.fullwidthpage .post {

	width: 920px;

}

.post-title {

	font-size: 35px;

	line-height: 1.2;

	font-weight: normal;

	color: #000;

	margin: 0 0 10px 0;

}

.post-title a {}

.page-subtitle {

	color: #303030;

	font-size: 12px;

	text-transform: uppercase;

	padding-bottom: 10px;

}

.devider {

	width: 100%;

	height: 1px;

	background: #ccc;

	border-bottom: #fff 1px solid;

}

.post-meta {

	font-size: 11px;

	margin: 10px 0;

	text-transform: uppercase;

	display: inline-block;

	width: 100%;

}

.post-meta a {}

.meta-content {

	display: inline-block;

	float: left;

}

.jump_to_comments {

	display: inline-block;

	float: right;

}

.post-comments {

	float: right;

	background: url(images/cbubble_left.gif) no-repeat top left;

	padding: 3px 0 7px 7px;

}

.post-comments a {

	background: url(images/cbubble_right.gif) no-repeat top right;

	padding: 3px 7px 7px 0;

	color: #FFF;

}

.post-comments a:hover {

	color: #FFF;

}

.post-img {

	margin: 15px 0 0 0;

	width: 100%;

	height: auto;

	display: inline-block;

	position: relative;

}

.post-img .eye {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0px;

	left: 0px;

	background: #fff url('images/eye.png') 50% 50% no-repeat;

	z-index: 2;

}

.post-img img {

	width: 100%;

	height: auto;

	position: relative;

	z-index: 3;

}

.post-content {

	margin-top: 15px;

}

.post-content a {}

.post-content h1 {

	font-size: 28px;

	margin: 10px 0;

	padding: 20px 0 0 0;

}

.post-content h2 {

	font-size: 24px;

	margin: 10px 0;

	padding: 20px 0 0 0;

}

.post-content h3 {

	font-size: 20px;

	font-weight: bold;

	margin: 5px 0;

	padding: 0px 0 0 0;

}

.post-content h4 {

	font-size: 16px;

	font-weight: bold;

	margin: 5px 0;

	padding: 20px 0 0 0;

}

.post-content h5 {

	font-size: 14px;

	font-weight: bold;

	margin: 5px 0;

	padding: 20px 0 0 0;

}

.post-content h6 {

	font-size: 13px;

	font-weight: bold;

	margin: 5px 0;

	padding: 20px 0 0 0;

}

.post-content p {

	line-height: 1.5;

	padding: 5px 0 15px 0;

}

.post-content img.alignnone {

	padding: 5px;

}

.post-content img.alignleft {

	float: left;

	margin: 0 25px 15px 0;

	padding: 5px;

}

.post-content img.alignright {

	float: right;

	margin: 0 0 15px 25px;

	padding: 5px;

}

.post-content img {

	max-width: 590px;

	height: auto;

	padding: 10px 0;

}

.post-content ul,.post-content ol {

	margin-left: 30px;

	margin-bottom: 20px;

}

.post-content ul {

	list-style: outside;

}

.post-content ol {

	list-style: decimal;

}

.post-content ul li,.post-content ol li {

	line-height: 1.3;

	margin-bottom: 5px;

}

#post-container #share-container {

	margin: 20px 0 0 0;

	color: #303030;

}

#post-container #share-buttons {

	padding: 5px 0 6px 0;

}

#post-container #share-buttons a {

	display: inline-block;

}

.more-link {

	font-weight: 700;

	display: block;

	margin-top: 10px;

	text-decoration: underline;

}

.section-title {

	font-size: 24px;

	padding-bottom: 20px;

	border-bottom: #ccc 1px solid;

}

.navleft {

	float: left;

	margin: 30px 0 0 0;

}

.navright {

	float: right;

	margin: 30px 20px 0 0;

}

.navigation div a {

	font-size: 24px;

	color: #919191;

}

#contact-wrapper {

	width:590px;

	display: inline-block;

	margin: 50px 0 0 0;

}

#contact-wrapper h2 {

	font-size: 18px;

	margin-bottom: 10px;

	padding: 10px 0 5px;

}

#contact-wrapper div {

	clear:both;

}

#contact-wrapper input {

	margin: 0 10px 0 0;

}

#contact-wrapper label {

	float:none;

	font-size:13px;

	width:auto;

	margin: 20px 0 5px 0;

	display: inline-block;

}

#contact-wrapper #message {

	display: block;

	margin: 0 0 20px 0;

}



.fullwidthpage .column2x1 {

	display: inline-block;

	width: 440px;

	height: auto;

	margin-right: 20px;

	vertical-align: top;

	float: left;

}

.fullwidthpage .column3x1 {

	display: inline-block;

	width: 287px;

	height: auto;

	margin-right: 20px;

	vertical-align: top;

	float: left;

}

.fullwidthpage .column3x2 {

	display: inline-block;

	width: 594px;

	height: auto;

	margin-right: 20px;

	vertical-align: top;

	float: left;

}

.fullwidthpage .column4x1 {

	display: inline-block;

	width: 210px;

	height: auto;

	margin-right: 20px;

	vertical-align: top;

	float: left;

}

.fullwidthpage .column4x3 {

	display: inline-block;

	width: 670px;

	height: auto;

	margin-right: 20px;

	vertical-align: top;

	float: left;

}

.fullwidthpage .last {

	margin-right: 0px;

}

/* end --------------------------------- Pages & Posts */

/* begin --------------------------------- Comments */

#comments, #respond {

	color: #1d1d1d;

	width: 590px;

	height: auto;

	margin: 30px 0 0 0;

}

.fullwidthpage #comments, .fullwidthpage #respond {

	width: 920px;

}

#comments ol li {

	margin-top: 2px;

	border-bottom: 1px solid #ccc;

	padding: 10px 0;

	overflow: hidden;

	height: 1%;

}

.comment-gravatar {

	float: left;

	margin-right: 10px;

	background: #c0c0c0;

	border: 1px solid #ccc;

	padding: 3px;

}

.comment-data {

	float: left;

	width: 400px;

}

.fullwidthpage .comment-data {

	width: 840px;

}

.comment-data p {

	margin-bottom: 6px;

	line-height: 1.5;

}

.comment-meta-container {

	width: 100%;

	height: auto;

	display: inline-block;

	margin: 0 0 10px 0;

}

.comment-author {

	display: inline-block;

	margin: 0 20px 0 0;

	font-size: 18px;

	color: #1d1d1d;

	float: left;

}

.comment-meta {

	display: inline-block;

	float: left;

	margin: 6px 0 0 0;

	font-size: 11px;

	text-transform: uppercase;

}

.unapproved {

	font-style: italic;

}

#comment-form {

	margin-top: 15px;

	margin-bottom: 10px;

}

#comment-form p {

	margin: 10px 0;

}

#comment-form label {

	font-size: 90%;

	display: block;

	margin-bottom: 5px;

}

#comment-form input {

	width: 240px;

	margin-bottom: 10px;

	padding: 5px;

}

#comment-form textarea {

	width: 455px;

	height: 200px;

	margin-top: 15px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 100%;

	padding: 10px;

}

/* end --------------------------------- Comments */

/* begin --------------------------------- Sidebar */

#sidebar {

	width: 330px;

}

#sidebar-top {

	width: 328px;

	height: 12px;

	display: inline-block;

	margin: 0 0 0 1px;

	background: url('images/sidebar_top_bg.png') no-repeat;

}

#sidebar-middle {

	width: 328px;

	height: auto;

	display: inline-block;

	margin: 0 0 0 1px;

	background: url('images/sidebar_middle_bg.png') repeat-y;

}

#sidebar-bottom {

	width: 328px;

	height: 27px;

	display: inline-block;

	margin: 0 0 0 1px;

	background: url('images/sidebar_bottom_bg.png') no-repeat;

}

#sidebar-content {

	width: 274px;

	height: auto;

	display: inline-block;

	margin: 23px 0 0 27px;

}

.sidepanel {

	margin-bottom: 50px;

	color: #fff;

}

.sidepanel h3 {

	padding: 0 0 10px 0;

	color: #fff;

	font-size: 24px;

}

.sidepanel-content {

	background: url('images/sidebar_line.png') top left no-repeat;

	width: 100%;

	height: auto;

	display: inline-block;

	padding: 8px 0 0 0;

}

#searchform {

	margin: 5px 0 0 0;

}

#searchform .screen-reader-text {

	display: none;

}

#sidebar input[type="text"] {

	background: #fff;

	color: #000;

	border: 0px;

	width: 160px;

}

.sidepanel a {}

.sidepanel ul li {

	background: url('images/sidebar_line.png') bottom left no-repeat;

	padding: 0 0 8px 0;

	line-height: 1.3;

	margin: 0 0 8px 0;

}

.sidepanel p {

	margin-top: 8px;

	line-height: 1.5;

}

/* end --------------------------------- Sidebar */

/* begin --------------------------------- Footer */

#footerwidget-container {

	width: 960px;

	height: auto;

	margin: 0 0 20px 10px;

	display: inline-block;

	position: relative;

	float: left;

}

.footerwidget {

	width: 280px;

	height: auto;

	display: inline-block;

	float: left;

	position: relative;

	padding: 20px 10px 20px 10px;

	margin: 0 0 20px 20px;

	background: url('images/frontcontent_bg.png');

}

.footerwidget h2 {

	color: #f4f4f4;

	font-size: 26px;

	margin: 0 0 20px 0;

	text-transform: uppercase;

}

#footer {

	margin: 0 0 20px 30px;

	width: 940px;

	height: auto;

	display: inline-block;

	position: relative;

	z-index: 1;

}

#footer-links {

	list-style: none;

	display: inline-block;

	color: #777;

	padding: 5px 0;

}

#footer-links a {

	color: #777;

}

#footer-links li {

	float: left;

	margin-right: 15px;

}

/* end --------------------------------- Footer */

.sep {

	color: #CCC;

	margin: 0 8px;

}

.ico-small {

	vertical-align: middle;

	margin: 0 5px 2px 0;

}

/* begin --------------------------------- Calendar */

#wp-calendar caption {width: 290px; text-align: center; color: #FFF; font-weight: bold; padding: 5px 0 10px 0;}

#wp-calendar { border-collapse:collapse; width: 290px; text-align: center;}

#wp-calendar thead th {padding: 5px 0 5px 10px; font-weight: bold;}

#wp-calendar tbody td, #wp-calendar #prev {padding: 5px 0 5px 10px;}

#wp-calendar #today, #wp-calendar tbody td:hover, #wp-calendar #prev:hover {padding: 5px 0 5px 10px;}

#wp-calendar a {padding: 2px 0; font-weight: bold;}

#wp-calendar tfoot td {padding: 3px 0;}

#calendar_wrap {display: block; width: 290px; padding: 0 1px 1px 0; margin: 5px 0 0 0;}

#wp-calendar #next {text-align: right; color: #000; padding: 5px 10px 5px 0;}

#wp-calendar #prev {text-align: left;}

/* end --------------------------------- Calendar */