/*   
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://goo.gl/l5KI9
Version: 1.3.0
*/




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

@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,cyrillic-ext,latin-ext,cyrillic);

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: 0 0 20px 0;
}

h1, h2, h3, h4, h5
{
	font-family: 'Open Sans Condensed', '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;
    background-color: rgba(0,0,0,0.05);		
} 

#navigation a
{
	color: #b9b9b9;
	text-decoration: none;
	text-shadow:1px 1px 2px #000;	
}

#logo
{
	font-family: 'Open Sans Condensed', '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: 'Open Sans Condensed', 'Helvetica Neue', Arial, sans-serif;
	text-transform: uppercase;
	text-shadow:1px 1px 2px #000;
	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: 260px;
	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: 35px 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: 'Open Sans Condensed', 'Helvetica Neue', Arial, sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	text-decoration: none;
	
}

.pagination a, .pagination span
{
	font-family: 'Open Sans Condensed', '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 .play_button
{
	position:absolute; top: 40px; display:block; width:30px; height:48px; text-indent:-9999px;
	outline:none; margin: -24px 0 0 0; z-index: 999;
	background:url("images/pause.png") 6px top no-repeat; 
	right:58px;
	margin: -14px 0 0 0;
	cursor: pointer;
	opacity:0.7; filter:alpha(opacity=60); 
}


.ketslider .progress
{
	width: 40px;
	position: absolute;
	bottom: 100px;
	right: 0;
}

.ketslider .progress span
{
	display: block;
	height: 2px;
	background: orange;
}

.ketslider .progress span.progress_inactive
{
	opacity:.5; filter:alpha(opacity=50);
}

.ketslider .progress span.progress_active
{
	width: 0;
}


.ketslider .play_button:hover
{
	opacity:1; filter:alpha(opacity=100); 

}

.ketslider .play_button.play
{
		background:url("images/play.png") center top no-repeat; 
		display:  none;
}


.ketslider .ketslider-nav .disabled {display:none;}
.ketslider .ketslider-nav .prev {background:url("images/slider-arrows.png") left bottom no-repeat; right:90px;} 
.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: 'Open Sans Condensed', 'Helvetica Neue', Arial, sans-serif;text-shadow:1px 1px 2px #000;
}
.ketslider .ketslider-number {position:absolute; z-index:100; bottom:35px; right:50px; color:#fff; font-size: 48px; font-family: 'Open Sans Condensed', 'Helvetica Neue', Arial, sans-serif;text-shadow:1px 1px 2px #000; 
	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: 20px;
	left: 40px;
	width: 180px;
	z-index: 1000;
	clear: both;
	font-family: 'Open Sans Condensed', 'Helvetica Neue', Arial, sans-serif;
	text-shadow:1px 1px 2px #000;
}

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

#social_footer li
{
	display: inline;
}


#social_footer a
{
	margin: 0 5px 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%;
}

/* upravil koky */
 input, textarea {
	border-radius:0px;
}
/* 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;
	border:0;
	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;
	*/
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	
	/*Background*/
	background-color: #237fd7; /*Fallback*/
	background-color: #ff6c00;

	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%
				);
	
	//border-color: #af7440; border-bottom-color: #9a5420; background-color: #d76b23;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e88e52),color-stop(1, #cf6e2e));
	background: -moz-linear-gradient(center top,#e88e52 20%,#cf6e2e 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%
				);
	background: #d25e00;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e57d3e),color-stop(1, #ca5116));
	background: -moz-linear-gradient(center top,#e57d3e 20%,#ca5116 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: 'Open Sans Condensed', '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;
}