/*   
Theme Name: Self Titled
Theme URI: http://denoizzed.com
Description: Creative WordPress Theme with unique fullscreen slider. Good for handling both portrait and landscape images.  
Author: Denoizzed
Author URI: http://themeforest.net/user/denoizzed?ref=denoizzed
Version: 1.1.0
*/




/* reset
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

/* GENERAL
-------------------------------------------------------------------------------*/

html, body
{
	font:  13px/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: black;
	color: white;
	min-width: 980px;
	
}

p
{
	margin: 10px 0 20px 0;
}

h1, h2, h3, h4, h5
{
	font-family: GnuolaneFreeRegular, 'Helvetica Neue', Arial, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
}

h2
{
	font-size: 30px;
	line-height: 35px;
	margin: 35px 0 20px 0;
	
}

h3
{
	font-size: 22px;
	margin: 0 0 16px 0;
	line-height: 30px;
}

a
{
	color: #ff6c00;
	-webkit-transition:color 0.3s ease-in;  
	   -moz-transition:color 0.3ss ease-in;  
	   -o-transition:color 0.3ss ease-in;  
	   transition:color 0.3ss ease-in; 
}

span.color
{
	color: #ff6c00;
}



/* NAVIGATION
-------------------------------------------------------------------------------*/


#navigation
{
	width: 160px;
	position: fixed;
	z-index: 9999;
	top: 0px;
	left: 0px;
}

#navigation.vertical_nav
{
	padding: 35px 60px 0 40px;
	z-index: 300;
	height: 100%;
    zoom: 1;		
} 

#navigation a
{
	color: #b9b9b9;
	text-decoration: none;	
}

#logo
{
	font-family: GnuolaneFreeRegular, 'Helvetica Neue', Arial, sans-serif;
	text-transform: uppercase;
}

#logo h1 a
{
	font-size: 24px;
	color: #ff6c00;
	margin: 0;
	font-weight: normal;
}

a.img_logo
{
	margin: 0 0 40px 0;
	display: block;
}

a.img_logo img
{
	width: 100%;
	height: auto;
}

#logo h2
{
	font-size: 48px;
	line-height: 40px;
	padding: 0 0 0 6px;
	border-left:  2px solid #ff6c00;
	color: white;
	margin: 0 0 60px 0;
	font-weight: normal;	
}

#logo h2 a
{
	color: white;
}


 #navigation  .menu
{

	font-family: GnuolaneFreeRegular, 'Helvetica Neue', Arial, sans-serif;
	text-transform: uppercase;
	padding: 0;	
}


 #navigation .menu  
{
	position: relative;
}

#navigation .menu a
{
	display: block;
	font-size: 36px;
	line-height: 36px;
	color: white;
	opacity: .76;
	filter: alpha(opacity=70);
	zoom: 1;
}

#navigation .menu a span
{
	filter: alpha(opacity=70);
	zoom: 1;
	cursor: pointer;
}


#navigation .menu a:hover, #navigation .menu a:hover span
{
	opacity: 1;
	filter: alpha(opacity=100);
}


/* --- Subnav --- */

#navigation .menu a.has_ul
{
	padding-right: 20px;
}

span.expand
{
	position: relative;
	top: -2px;
	margin: 0 0 0 5px;
}


#navigation .menu a.active
{
	background:  url('images/navigation_close.png') no-repeat right 4px;
}


 #navigation .menu  li ul
{
list-style: none;
border-left: 2px solid #e4e4e4;
display: none;
text-transform: uppercase;
}

#navigation .menu li ul a
{
	color: white;
	opacity: .7;
	font-size: 24px;
	line-height: 18px;
	padding: 2px 0 2px 10px;
	zoom: 1;
}

#navigation .menu ul ul
{
margin: 0 0 0 10px;
padding: 0;
}

#navigation .menu ul ul a
{
	font-size: 18px;
}

.plus
{position: relative;
top: -1px;
margin: 0px 0 0 3px;
zoom: 1;
}

#navigation .menu .current-menu-item>a, #navigation .menu .current-menu-ancestor>a, #navigation .menu .current-page-item>a, #navigation .menu .current-menu-item>a span, #navigation .menu .current-menu-ancestor>a span, #navigation .menu .current-page-item>a span
{
	opacity: 1;
	filter: alpha(opacity=100);
	
}



/* WP Styles
-------------------------------------------------------------------------------*/

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin: 0 20px 20px 0;
}
.alignright {
	display: inline;
	float: right;
	margin: 0 0 20px 20px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.post a img
{
	padding: 3px;
	border: 1px solid #515151;
	-webkit-transition: border-color 0.5s ease-out; 
	-moz-transition: border-color 0.5s ease-out; 
	-o-transition: border-color 0.5s ease-out; 
	transition: border-color 0.5s ease-out;	
	display: block;		
}


.post .portfolio_list a img
{
	padding: 0;
	border: none;
    margin: 0;	
}




.wp-caption {
	background: #eee;
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 9px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}

.sticky
{
	
}

.gallery
{
	clear: both;
}



/* GALLERY PAGE
-------------------------------------------------------------------------------*/

.page_title
{position:absolute; z-index:100; bottom:80px; right:50px; color:#fff;font-size: 30px;
text-transform: uppercase;
}




/* PAGE
-------------------------------------------------------------------------------*/


#wrapper
{
	width: 760px;
	position: absolute;
	left: 300px;
	top: 0px;
	padding: 0 30px;
	background-color: rgba(0, 0, 0, 0.8); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
	zoom: 1;
	z-index: 3000;
	min-height: 100%;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display:block;
}


#main
{
	overflow: hidden;
}

#wrapper h1
{
	font-size: 60px;
	line-height: 60px;
	padding: 0 0 5px 0;
	margin: 0 0 30px 0;
}

#wrapper h1.big_title
{
	font-size: 160px;
	opacity: .3;
	padding: 33px 0 0 0;
	margin: 34px 0 -10px;
	filter: alpha(opacity=30);
	zoom: 1;
}


.page .post, 
.single .post
{
	float: left;
}

.post
{
	width: 500px;
	padding: 0 0 70px 0;
	background-color: transparent;
	
}

.post ul, .post ol
{
	margin: 20px 0 20px 30px;
}

.post.no-sidebar
{
	width: 100%;
}

h2.post_head
{
	font-size: 40px;
	margin: 64px 0 50px 0;
	width: 500px;
	
}

.blog_list h2.blog_title
{
	margin-bottom: 10px;
	line-height: 30px;
	
}

.post .blog_title a, .page .blog_title a, .portfolio .blog_title a
{
	color: white;
	text-decoration: none;
}

.post .blog_title a:hover, .page .blog_title a:hover, .portfolio .blog_title a:hover
{
	text-decoration: underline;
}


.meta
{
	margin: 0 0 20px 0;
	color: #ff6c00;
}

.meta span
{
	margin: 0 5px 0 5px;
	padding: 0 10px;
	display: inline-block;
	color: white;
}

.meta div
{
	display: inline-block;
}

.meta a.comments-link
{
	background: url('images/comments.png') no-repeat 10px top;
	margin: 0 0 0 5px;
	padding: 0 10px 5px 32px;
	text-decoration: none;
	color: white;
}

.meta a.comments-link:hover
{
	background: url('images/comments_hover.png') no-repeat 10px top;
	
}




/* PORTFOLIO 
-------------------------------------------------------------------------------*/
.loading
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 99;
	background: black url(images/ajax-loader.gif) no-repeat center center;
	display: none;
}



#mediaspace
{
	z-index: 1000000;
	position: fixed;
	top: 0;
	left: 0;
	visibility: hidden;
}


#mediaspace_wrapper
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100000;
	
}

#backgroundvimeo iframe
{
	z-index: 100001;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.single-portfolio #sidebar
{
	margin-top: 102px;
}

.portfolio_list {
	width: 570px;
	float: left;
	padding: 0 30px 20px 0;
}

.portfolio_list.full
{
	width: 100%;
	padding: 0 0 20px 0;
}

.portfolio_list ul 
{
	margin: 0;
}

.portfolio_list ul li
{
	position: relative;
	margin: 0 0 30px 0;
}

.portfolio_list ul li span.title
{
	display: block;
	
	  background-color: transparent;
	  background-color: rgba(0, 0, 0, 0.8);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); /* IE6–IE9 */
	  
	 zoom: 1;
	 position: absolute;
	 bottom: 0px;
	 left: 0px;
	 padding: 5px 15px;
	 z-index: 15;

	
}


.portfolio_list ul li a
{
	text-decoration: none;
}

.portfolio_list ul li span.zoom
{
	display: block;
	width: 100%;
	height: 100%;
	background: black url(images/zoom.png) no-repeat center center;
	z-index:10;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	filter: alpha(opacity=0);

}

.portfolio_list ul li span.zoom:hover
{

	opacity: .6;
	filter: alpha(opacity=60);
	-webkit-transition: opacity 0.5s ease-out; 
	   -moz-transition: opacity 0.5s ease-out; 
	     -o-transition: opacity 0.5s ease-out; 
	        transition: opacity 0.5s ease-out;
}

.portfolio_list img
{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 8;
}

#jw_space
{
	width: 100%;
	height: 400px;
}


.project_meta
{
margin: -25px 0 30px 0;
}

.project_meta a
{
	text-decoration: none;
	margin: 0 20px 0 0;
	text-transform: uppercase;
	font-size: 11px;
}

.project_meta a:hover
{
	text-decoration: underline;
}

.post-content
{
	width: 150px;
	float: left;
	margin: 0px 0 25px 0;	
}

.post .post-content ul
{
	margin: 0;
}

.post .post-content .project_details
{
	margin: 0 0 25px 0;
}
span.separator
{
	display: block;
	width: 60px;
	border-bottom: 1px solid #ff6c00;

	margin: 0 0 25px 0;
	
	
}

.testimonail_wrap
{
	margin: 0 0 25px;
	padding: 0 0 10px 0;
}

.testimonail_wrap blockquote
{
	font-style: italic;
}

.quote_mark
{
	float: left;
	padding: 0 5px 0px 0;
	display: block;
	width: 24px;
	height: 24px;
	position: relative;
	font: 48px Georgia, sans-serif;
	line-height: 48px;
	position: relative;
	top: 6px;
}

.testimonial-author {
    text-align: right;
     font-weight: bold;
     margin: -15px 0 0 0;
 
}

.testimonial-author span
{
	display: block;
	font-weight: normal;
}



/* BLOG 
-------------------------------------------------------------------------------*/

.blog_list.with_sidebar
{
	margin: -2px 0 0 0;
}

.blog_list.with_sidebar, .blog_list.with_sidebar .post
{
	float: left;
	width: 500px;
}

.blog_list.no_sidebar .post
{
	float: none;
}

.blog_list.no_sidebar, .blog_list.no_sidebar .post, .single #wrapper .post.no_sidebar, .page #wrapper .post.no_sidebar

{
	width: 100%;
}

.blog_list img.attachment-blog-thumb
{
	border: none;
	padding: 0 0 5px 0;
	border-bottom: 2px solid transparent;
	-webkit-transition: border-color 0.5s ease-out; 
	   -moz-transition: border-color 0.5s ease-out; 
	     -o-transition: border-color 0.5s ease-out; 
	        transition: border-color 0.5s ease-out;
	width: 100%;
	height: auto;  
	margin: 0 0 10px 0;      
	     
}


.blog_list img.attachment-blog-thumb:hover
{
   border-color: #ff6c00; 
}

.blog_list 
{
	position: relative;
}

h2.blog_title
{
	margin-top: 0;
}

a.more-link
{
	text-decoration: none;
	margin: -5px 0 0 0;
	display: block;
}

a.more-link:hover
{
	text-decoration: underline;
}

/* --- pagination --- */

#pagination
{
	position: relative;
	padding: 0 0 30px 0;
	clear: left;
}

#pagination span.bullet
{
	position: relative;
	top: -2px;
	margin: 0 15px 0 0;
}

#pagination div.prev-posts
{
display: inline-block;
margin: 0 15px 0 0;
}

#pagination div.next-posts
{
display: inline-block;
}

.page_amount
{
	position: absolute;
	top: 0px;
	right: 0px;
}

#pagination a, .page_amount
{
	font-family: GnuolaneFreeRegular, 'Helvetica Neue', Arial, sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	text-decoration: none;
	
}

.pagination a, .pagination span
{
	font-family: GnuolaneFreeRegular, 'Helvetica Neue', Arial, sans-serif;
	text-decoration: none;
	font-size: 24px;
	color: #acacac;
	margin: 0 5px 0 0;
	
}

.pagination a:hover
{
	text-decoration: underline;
}

.pagination
{
	padding: 0 0 30px 0;
}

.pagination span.bullet
{
	font-size: 12px;
	position: relative;
	top: -3px;
	color: #757575;
}

.pagination span
{
	color: white;
}

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

.page-template-blog-template-php #sidebar
{
	margin-top: 2px;
}

#sidebar
{
	width: 200px;
	float: left;
	margin: 0 0 0 30px;
	padding: 0 0 50px 30px;  
}

#sidebar div
{
	margin: 0 0 35px 0;
}

#sidebar ul 
{
	list-style: none;
}

#sidebar ul li
{

}

#sidebar ul li a
{
	color: #979797;
	text-decoration: none;
	width: 100%;
	display: block;	
}

#sidebar ul li a:hover
{
	text-decoration: underline;
}

#sidebar h2
{
	font-size: 20px;
	display: inline-block;
	line-height: 24px;
	color: white;
	font-weight: normal;
	margin: 0 0 13px 0;
}


/* --- Widgets --- */

/* Twitter */

.twitter_widget ul li
{
	padding: 20px 0 0 20px;
	margin: -20px 0 20px -20px;
	background:  url('images/twitter.png') no-repeat 3px 10px;
	width: 180px;
}

#sidebar .twitter_widget ul li a
{
	display: inline;
}

#sidebar .twitter_widget ul span.at
{
	color: grey;
}

.twitter_widget ul li span.tweet_time
{
	font-size: 11px;
	display: block;
}

/* Recent posts */

.recent_posts_widget ul.with_thumbs li img
{
	padding: 3px;
	border: 1px solid #3c3c3c;
	margin: 0 15px 0 0;
	float: left;
	position: relative;
	top: 2px;
	width: 50px;
	height: 50px;
}

.recent_posts_widget ul li
{

padding: 10px 0;
overflow: hidden;
}

.recent_posts_widget ul.with_thumbs li:hover img
{
	
	  -webkit-transition: border-color 0.3s ease-out; 
	     -moz-transition: border-color 0.3s ease-out; 
	       -o-transition: border-color 0.3s ease-out; 
	          transition: border-color 0.3s ease-out;
	          border-color: #ff6c00;	
}

span.rp_title
{
	text-transform: uppercase;	
	display: block;
	font-size: 11px;
	line-height: 16px;
	color: white;
}


.widget_date
{
	font-size: 11px;
	color: #858585;
}

#sidebar .recent_posts_widget ul.with_thumbs a:hover
{
	text-decoration: none;
}

/* Contact */

.contact_details_widget img
{
	position: relative;
	top: 4px;
	margin: 0 5px 0 0;
	float: left;
}

.contact_details_widget .e_mail img
{
	top: 5px;
}

.contact_details_widget .address img
{
	top: 3px;
}

.contact_details_widget li
{
	margin: 0 0 3px 0;
}

.contact_details_widget li.map
{
	margin: 15px 0 0 0;	
}

#sidebar #map
{
	width: 100%;
	height: 200px;
	margin: 0;
}

li.map a
{
	margin: 15px 0 0 0;
}


/* CONTACT PAGE 
-------------------------------------------------------------------------------*/

#map_big
{
	width: 100%;
	height: 200px;
	margin: 0 0 50px 0;
}

#contactform {
position: relative;

}

#contactform label
{
	font: bold 12px 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

#loader
{
	display: none;
	height: 24px;
	width: 24px;
	background:  url('images/ajax-loader.gif') no-repeat left top;
	text-indent: -9999px;
	position: relative;
	top: 4px;
}


.error_input
{
	border-color: red;
}

.error
{
	color: red;
}


.success
{
	color: green;
	position: absolute;
	bottom: 15px;
	left: 120px;
}


#contactform p
{
	position: relative;
}

#contactform .error
{
	position: absolute;
	top: 4px;
}



/* SLIDER 
-------------------------------------------------------------------------------*/

.ketslider {width: 100%; height:100%; margin: 0; padding: 0; position:absolute; top: 0; left: 0;
	background:#222; 
}
.ketslider .slides {list-style:none; margin:0; padding:0; overflow:hidden;
}
.ketslider .slides li {display: block; visibility: hidden; position:relative; -webkit-backface-visibility: hidden; float:left; zoom: 1; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.ketslider .slides li span {display:block; width:100%;	height:100%; background-color:#000; opacity:0.7; filter:alpha(opacity=60); position:absolute; z-index:100; left:0; top:0;}
.ketslider .slides li.active span {opacity:0; filter:alpha(opacity=0); z-index:-1;}
.ketslider .slides img { display: block;}
.ketslider .ketslider-nav { }

.ketslider .ketslider-nav a {position:absolute; top: 40px; display:block; width:30px; height:48px; text-indent:-9999px; outline:none; margin: -24px 0 0 0; z-index: 999;

}

.ketslider .ketslider-nav .disabled {display:none;}
.ketslider .ketslider-nav .prev {background:url("images/slider-arrows.png") left bottom no-repeat; right:60px;} 
.ketslider .ketslider-nav .prev:hover {background-position: left top;}
.ketslider .ketslider-nav .next {background:url("images/slider-arrows.png") right bottom no-repeat; right:30px;} 
.ketslider .ketslider-nav .next:hover {background-position: right top;}
.ketslider .ketslider-label {position:absolute; z-index:100; bottom:80px; right:50px; color:#fff; font-size: 24px; text-transform: uppercase; font-family: GnuolaneFreeRegular, 'Helvetica Neue', Arial, sans-serif;
}
.ketslider .ketslider-number {position:absolute; z-index:100; bottom:35px; right:50px; color:#fff; font-size: 48px; font-family: GnuolaneFreeRegular, 'Helvetica Neue', Arial, sans-serif; 
	padding: 16px 0 0 0;
	border-top: 2px solid #ff6c00;
}


.ketslider .slides li span.play_video
{
	width: 100px;
	height: 100px;
	opacity: .5;
	position: absolute;
	background:  url('images/play_icon.png') no-repeat left top;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -50px;
	z-index: 1000;
	text-indent: -9999px;
	display: none;
	-webkit-transition: opacity 0.3s ease-out; 
	   -moz-transition: opacity 0.3s ease-out; 
	     -o-transition: opacity 0.3s ease-out; 
	        transition: opacity 0.3s ease-out;        
}

.ketslider .slides li.active span.play_video
{
	display: block;
	opacity: .5;
    filter:alpha(opacity=50); 
}

.ketslider li.active:hover span.play_video
{
	opacity: .8;
	 filter:alpha(opacity=80);
}

/* Clearfix for the .slides element */
.ketslider .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .ketslider .slides {display: block;}
* html .ketslider .slides {height: 1%;}

h2.page_title
{
	display: none;
}

a.close_video
{
	display: block;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	background:  url('images/close_big.png') no-repeat left top;
	position: absolute;
	right: 70px;
	top: 10px;
	z-index: 10000001;
	display: none;
	zoom: 1;
}

a.nojs {
	display: none;
}



/* SEARCH PAGE 
-------------------------------------------------------------------------------*/
.big_title_search
{
	font-size: 48px;
	display: block;
	position: relative;
	top: -24px;
	left: 5px;
}

.search #wrapper h1.big_title
{
	margin-top: 15px;
}

.search article
{
	margin: 0 0 70px 0;
}

.search .post
{
	padding: 0;
}



/* 404  
-------------------------------------------------------------------------------*/
#wrapper.not_found_page h1.custom_error
{
	text-indent: -9999px;
	background:  url('images/404.png') no-repeat left top;
	width: 300px;
	height: 380px;
	margin: 35px 0 0 0;
	
}

.not_found_page #s
{
	width: 300px;
}



/* FOOTER 
-------------------------------------------------------------------------------*/

footer
{
	position: fixed;
	bottom: 15px;
	left: 40px;
	width: 180px;
	z-index: 1000;
	clear: both;
}

#social_footer
{
	margin: -10px 0 0 0;
	padding: 0;
}

#social_footer li
{
	display: inline;
}


#social_footer a
{
	margin: 9px 8px 0 0;
	display: block;
	float: left;
}



/* ELEMENTS 
-------------------------------------------------------------------------------*/

/* --- comments --- */

.post ol.commentlist {list-style: none; margin: 0;
}
ol.commentlist li {
}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {padding: 20px 0 0px 0; margin: 0 0 10px 0; border-top: 1px dashed #333;
}


ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal; font-weight: bold; display: inline-block;  margin: 2px 0 0 0;
}
ol.commentlist li.comment div.vcard cite.fn a.url {
}
ol.commentlist li.comment div.vcard img.avatar {float:left; margin: 0 15px 15px 0px;
-webkit-transition: border-color .25s linear .1s;
}

ol.commentlist li.comment div.vcard img.avatar:hover
{}

ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {padding: 3px;
border: 1px solid #e9e9e9;
}
ol.commentlist li.comment div.vcard span.says {display: none;
}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 11px; margin: -3px 0 10px 0; }
ol.commentlist li.comment div.comment-meta a {color: #8c8c8c; text-decoration: none;
}

ol.commentlist li.comment div.comment-meta a:hover
{
	text-decoration: underline;
}

ol.commentlist li.comment p {clear: left;
}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px; padding: 0 0 10px 0;
}
ol.commentlist li.comment div.reply a {font-weight: bold; color: #959595; margin: 0; 
}
ol.commentlist li.comment ul.children {list-style: none; margin-top: 20px;}
ol.commentlist li.comment ul.children li {
}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {margin: 0  0 0 25px;
}
ol.commentlist li.comment ul.children li.depth-3 {margin: 0  0 0 50px;
}
ol.commentlist li.comment ul.children li.depth-4 {margin: 0  0 0 75px;
}

ol.commentlist li.comment ul.children li.depth-5 {margin: 0  0 0 100px;}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {}
ol.commentlist li.odd {}
ol.commentlist li.parent {}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

#respond
{
	position: relative;
}

#cancel-comment-reply-link
{
	position: absolute;
	top: 0;
	right: 0;
	background:  url('images/cross.png') no-repeat left top;
	padding: 0 0 0 20px;
}


#respond h3#reply-title
{
	font-size: 18px;
	line-height: 18px;
	padding: 0 0 0 20px;
	margin: 40px 0 20px 0;
	background:  url('images/reply.png') no-repeat left -1px;
	
}

h2#comments
{
	margin-top: 40px;
}

p.no_comments
{
	display: none;
}




/* ----- Forms ----- */

input, textarea
{
	padding: 3px;
	margin: 0 0 10px 0;
	  -webkit-border-radius: 10px;
		border-radius: 10px;
	  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	-webkit-transition-property: background-color;
	  -webkit-transition-duration: 0.3s;
	  -webkit-transition-timing-function: linear;  
	-moz-transition: background-color 0.3s linear;
	    transition: background-color 0.3s linear;
	border: none;
	font-size: 12px;
}

input:focus, textarea:focus
{
	background-color: #d7d7d7;
}



/* --- Comment form --- */

#commentform #submit
{
	
}

#commentform p.logged-in-as
{
	margin: 0 0 20px 0;
}

#commentform input
{
	width: 150px;
}

#commentform p
{
	position: relative;
}

#commentform label
{
position: relative;
top: -6px;
margin: 0 0 0 7px;
}

#commentform .comment-form-url label
{
	margin: 0 0 0 3px;
}

#commentform span.required
{
	position: relative;
	top: -7px;
	left: -2px;
}

#commentform p
{
	margin: 0;
}

#commentform input
{
	margin: 0 0 15px 0;
}

#respond textarea
{
	width: 90%;
}

/* Submit */
#commentform #submit, #contactform #form_submit  {
	font-family: sans-serif;
	display: inline-block;
	line-height: 1em;
	padding: 6px 13px;
	margin:0 .6em 1.5em 0;
	border: 1px solid #4081af;
	border-bottom-color: #20559a;
	color: white !important;
	text-align: center;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	text-decoration: none !important;
	
	/*Border radius*/
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	/*Background*/
	background-color: #237fd7; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #52a8e8),
					color-stop(1, #2e76cf)
				);
	background: -moz-linear-gradient(
					center top,
					#52a8e8 20%,
					#2e76cf 100%
				);
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
						inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
						0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
					inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
					0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
				inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
				0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;		
				
}

#commentform #submit:hover, #contactform #form_submit:hover
{
	text-decoration: none !important;
	/*Background*/
	background: #0073d2; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #3e9ee5),
					color-stop(1, #1666ca)
				);
	background: -moz-linear-gradient(
					center top,
					#3e9ee5 20%,
					#1666ca 100%
				);
}



/* --- contact form --- */

#contactform p
{
	margin: 0 0 5px 0;
}

#contactform label
{
	position: relative;
	top: -4px;
	margin: 0 0 0 6px;
}

#contactform #form_submit.not_active {
color: #444 !important;
text-shadow:0 1px #fff;
border-color: #bbb; border-bottom-color: #999; background-color: #d8d8d8;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e9e9e9),color-stop(1, #ccc));
background: -moz-linear-gradient(center top,#e9e9e9 20%,#ccc 100%);
cursor: default;
}

#contactform #form_submit.not_active:hover {
background: #ccc;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e0e0e0),color-stop(1, #bebebe));
background: -moz-linear-gradient(center top,#e0e0e0 20%,#bebebe 100%);
}

.hide
{
	display: none;
}

.success p
{
	position: relative;
	left: 10px;
	top: -3px;
}

/* --- password protected --- */

.password_protect input[name=post_password]
{
	position: relative;
	top: 4px;
	left: 5px;
}

.password_protect input[type="submit"]
{
	position: relative;
	top: 8px;
	left: 7px;
}


/* --- Gallery --- */


.gallery img
{
border: none;
padding: 3px;
border: 1px solid grey !important;
	-webkit-transition: border-color 0.5s ease-out; 
	   -moz-transition: border-color 0.5s ease-out; 
	     -o-transition: border-color 0.5s ease-out; 
	        transition: border-color 0.5s ease-out;	
}


.gallery img:hover
{
   border-color: #ff6c00 !important;
}


/* --- Fancybox outer nav --- */ 

body .fancybox-nav {
    width: 60px;       
}

body .fancybox-nav span {
    visibility: visible;
}

body .fancybox-next {
    right: -80px;
}

body .fancybox-prev {
    left: -90px;
}


/* --- Search form --- */

#searchsubmit
{
	width: 24px;
	height: 24px;
	cursor: pointer;
	background:  url('images/search.png') no-repeat left top;
	border: none;
	text-indent: -9999px;
}

#s
{
	font-size: 11px;
	width: 80%;
	color: #7b7b7b;
}





/* MOBILE STYLES 
-------------------------------------------------------------------------------*/

.mobile
{
	display: none;
}

.select-menu { display: none; }

.touch #sidebar .separator
{
	display: none;
}


/* --- touch slider --- */

.touch .ketslider .slides li.active span {opacity:1; filter:alpha(opacity=100); z-index:99;}

.touch .ketslider .slides li span.touch_title
{
	position: absolute;
	z-index: 999;
	background: none;
	color: white;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	position: absolute;
	bottom: 20px;
	top: auto;
	left: 0;
	width: 90%;
	padding: 0 5%;
	text-align: center;
	height: auto;
	font-family: GnuolaneFreeRegular, 'Helvetica Neue', Arial, sans-serif;
	font-size: 20px;
	opacity:1; filter:alpha(opacity=100);
}

.touch .ketslider .slides li span.play_video
{
	display: block;
	width: 42px;
	height: 42px;
	background:  url('images/play_icon_mobile.png') no-repeat left top;
	left: 10px;
	margin: 0;
	z-index: 99;
	position: absolute;
}


.touch .ketslider .slides li span.mobile_info
{
	display: block;
	width: 42px;
	height: 42px;
	background:  url('images/info_mobile.png') no-repeat left top;
	left: 10px;
}

.touch .ketslider .slides li span.mobile_info, .touch .ketslider .slides li span.play_video
{
	top: auto;
	bottom: 14px;
}



/* --- ipad vertical styles ---*/


@media screen  and (max-width: 768px) {

	body {-webkit-text-size-adjust: none;
	overflow-x: hidden;
	}
	
	#logo
	{
		position: absolute;
		top: 20px;
		left: 5%;
	}
	
	
	a.img_logo img
	{
		width: auto;
		height: 90px;
	}
	
	 #navigation .menu   { display: none; }
	  
	  .select-menu { display: inline-block;
	  position: absolute;
	  right: 5%;
	  top: 40px;  
	}
	
	#navigation.vertical_nav
	{
		width: 90%;
		height: 110px;
		position: absolute;
		background-color: rgba(0, 0, 0, 0.6); 
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
		z-index: 1000;
		padding: 0 5%;
		
	}
	
	
	.home #navigation.vertical_nav, .page-template-portfolio-php #navigation.vertical_nav, .page-template-gallery-php #navigation.vertical_nav
	{
		position: fixed;
	}
	
	
	#wrapper
	{
		width: 90%;
		position: absolute;
		top: 110px;
		left: 0px;
		padding: 0 5%;
		border-top: 1px dashed #333;
	}
	
	#wrapper h1.big_title
	{
		padding: 0;
		margin: 35px 0 30px 0;
		font-size: 48px;
		opacity: 1;
	}
	
	#wrapper h1.big_title span.big_title_search
	{
		display: inline-block;
		left: 0;
		top: 0;
		margin: 0 5px 0 0;
	}
	
	
	
	body.page .post, body.single .post {
	    float: none;
	    padding: 0;
	}
	
		
	.blog_list .post
	{
		border-top: 1px solid #333;
		padding: 0 0 20px;
		margin: 0 0 30px 0;
		float: none;
	}
	
	.blog_list .post h2.blog_title
	{
		margin-top: 30px;
	}
	
	.blog_list .post:first-child
	{
		border-top: none;
	}
		
	.blog_list.with_sidebar, .blog_list.with_sidebar .post, .post
	{
		float: none;
		width: 100%;
	}
	
	.single #sidebar, .page #sidebar, .search #sidebar
	{
		width: 100%;
		float: none;
		margin: 31px 0 0 0;
		padding: 30px 0 0 0;
		border-top: 1px dashed #333;
	}
	
	
	#sidebar div.widget
	{
		width: 100%;
	}
	
	#sidebar #s
	{
		width: 50%;
	}
	
	#map
	{
		width: 50%;
	}
	
	.twitter_widget ul li
	{
		width: 50%;
		
	}
	
	#sidebar .twitter_widget ul li a
	{
		display: inline;
	}
	
	.twitter_widget ul li small
	{
		display: block;
	}
	
	.portfolio_list 
	{
		padding: 0;
		width: 520px;
	}
	
	.project_info
	{
	margin: 0 0 0 30px;
	width: 130px;
	}
	
	.portfolio_list ul
	{
		margin: 0;
	}
	
	.ketslider li
	{
		position: relative;
	}

	.entry-content img,
	.comment-content img,
	.widget img {
	    max-width: 100%; /* Fluid images for posts, comments, and widgets */
	}
	
	img[class*="align"],
	img[class*="wp-image-"] {
	    height: auto; /* Make sure images with WordPress-added height and width >attributes are scaled correctly */
	}
	
	img.size-full {
	    max-width: 100%;
	    width: auto; /* Prevent stretching of full-size images with height and >>width attributes in IE8 */
	}
	
	textarea
	{
		max-width: 95%;
	}
	
	label.error
	{
		opacity: 0;
	}
	
	.error_input
	{
		border: 2px solid red;
	}
	
	#the_name
	{
		width: 100%;
		height: 200px;
	}
	
	.meta a.comments-link
	{
		margin: 0;
	}

footer
	{
	display: block;		
	position: relative;
	clear: both;
	border-top: 1px dashed #333;
	width: 100%;
	left: 0;
	padding: 20px 0 0 0;
	margin: 40px 0 0 0;
	font-size: 12px;
	text-align: center;
	}
	
	footer .social_footer_wrap
	{

			display: table;   /* Allow the centering to work */
			margin: 0 auto;
		
	}
	
	
	.touch .page-template-portfolio-php footer, body.home footer, .touch .page-template-gallery-php footer
	{
		display: none;
	}


	span.zoom
	{
		visibility: hidden;
	}
}


/* --- ipad horizontal styles --- */

@media screen and (max-width: 1024px) and (min-width: 800px) {
	
	.touch .page-template-portfolio-php footer, body.home footer, .touch.page-template-gallery-php footer
		{
			display: none;
		}
		
	
	#wrapper
	{
		width: 706px;
		left: 240px;
	}
	
	.touch #wrapper
	{
			width: 704px;
			left: 260px;
	}
	
	.blog_list.with_sidebar, .blog_list.with_sidebar .post {
	    float: left;
	    width: 460px;
	}
	
	.single #wrapper .post, .page  #wrapper .post
	{
		width: 460px;
		float: left;
	}
	
	#wrapper #sidebar
	{
		width: 180px;
	}

	#wrapper .post .portfolio_list
	{
		width: 520px;
	}
	
	.touch #sidebar .separator
	{
		display: block;
	}	
}

/* --- Iphone styles --- */

@media screen and (max-device-width: 480px) {


	body
	{
		font-size: 13px;
	}
	
	#logo h1 a
	{
		font-size: 16px;
	}
	
	#logo h2
	{
		font-size: 24px;
		line-height: 20px;
		padding-left: 3px;
		margin: -2px 0 0 0;
		
		
	}
	
	body #logo
	{
		top: 4px;
	}
	
	body .select-menu
	{
		top: 13px;
	}
	
	
	
	body #navigation.vertical_nav
	{
		
		width: 90%;
		padding: 0 5%;
		height: 15%;
		
	}
	
	
	.ketslider
	{
		position: absolute;
		top: 15%;
		left:  0px;
		height: 85% !important;
		z-index: 999;
	}
	

	
	.post
	{
		padding-bottom: 30px;
	}
	
	.post h2.post_head
	{
		font-size: 24px;
		
	}
	
	h2.post_head
	{
		width: 100%;
	}
	
			
	.post-content
	{
		width: 100%;
	}

	span.separator
	{
		margin: 0 auto 25px;
	}
	
	body #wrapper
	{
		padding-bottom: 25px;
		border-top: 1px dashed #333;
		top: 15%;
		
		
	}
	
	body .portfolio_list 
	{
		padding: 0;
		width: 100%;
	}
	
	body .project_info
	{
	margin: 30px 0 0 0;
	width: 100%;
	}

	ol.commentlist li.comment ul.children li.depth-2 {margin: 0  0 0 3px;
	}
	ol.commentlist li.comment ul.children li.depth-3 {margin: 0  0 0 6px;
	}
	ol.commentlist li.comment ul.children li.depth-4 {margin: 0  0 0 9px;
	}
	ol.commentlist li.comment ul.children li.depth-5 {margin: 0  0 0 12px;}
	
	#sidebar
	{
			border-top: 1px dashed #333;
			clear: left;
			margin: 0;
			padding: 0;
	}
	
	
	
	#sidebar, #sidebar ul, #sidebar ul li, body #sidebar div.widget
	{
		width: 100%;
		float: none;
		margin-right: 0;
	}
	
	.twitter_widget ul
	{
		padding: 0 0 0 10px;
	}
	
	.twitter_widget ul li
	{
		width: 100%;
		
	}
	
	#sidebar .twitter_widget ul li a
	{
		display: inline;
	}
	
	.twitter_widget ul li small
	{
		display: block;
	}
	
	#s
	{
		width: 50%;
	}
	
	#map
	{
		width: 100%;
	}
	
	#sidebar ul li.map a
	{
		display: none;
	}
	
	.desktop
	{
		display: none;
	}
	.mobile
	{
		display: inline-block;
	}
	
	.meta span
	{
		display: inline-block;
	}
	
	.meta div
	{
		display: block;
		margin: 0 0 3px 0;
	}
	
	.meta
	{
		margin: 0 0 30px 0;
	}
	

	
		
}

@media screen and (max-device-width: 480px) and (orientation: portrait) {
	.touch .ketslider .slides li span.mobile_info, .touch .ketslider .slides li span.play_video
	{
		bottom: auto;
		top: 5px;
	}
	
	a.img_logo img
	{
		width: auto;
		height: 40px;
	}
	
	
}

/* --- iphone landscape styles --- */

@media screen and (max-device-width: 480px) and (orientation: landscape) {
	
	body #navigation.vertical_nav
	{	
		width: 90%;
		padding: 0 5%;
		height: 25%;
	}
	
	body #logo
	{
		top: 3px;
	}
	
	body .select-menu
	{
		top: 14px;
	}
	
	.ketslider
	{
		position: absolute;
		left:  0px;
		top: 0;
		height: 100% !important;
		z-index: 999;
	}
	
	body #wrapper
	{
		padding-bottom: 25px;
		border-top: 1px dashed #333;
		top: 25%;
		
		
	}
	
	
	body .ketslider .slides li span.touch_title	{
		font-size: 14px;
		bottom: 10px;
	}
	
	.touch .ketslider .slides li span.mobile_info, .touch .ketslider .slides li span.play_video
	{
		bottom: auto;
		top: 5px;
	}
	
	a.img_logo img
	{
		width: auto;
		height: 40px;
	}
	
	
}


/* IE STYLES 
-------------------------------------------------------------------------------*/

.ie textarea { overflow: auto; }


.ie .ketslider .ketslider-number{
line-height: 36px;
padding: 7px 0 0 0;
}

.ie .ketslider .ketslider-label
{
	bottom: 85px;
}

.ie .portfolio_list ul li span.title 
{
	bottom: 0;
	text-decoration: none;
	cursor: pointer;
}

.ie7 #wrapper h1.big_title
{
	line-height: 125px;
	margin: 10px 0 50px 0;
}

.ie7 .meta div
{
	display: inline;
}

.ie7 #sidebar
{
	margin-top: -15px;
}