/*  
Theme Name: Bilderish
Description: Design in motion
Version: 1.0
*/


/* Normalize
   rearranged Meyer reset v1.0 | 20080212
------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
/*font-size: 100%;*/
background: transparent;
vertical-align: baseline;
margin: 0; padding: 0;
border: 0; outline: 0; }

*
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

html
{
	background:#0F1418;
}

body { line-height: 1px; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

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

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0; }




/* Body
---------------------------------------- */
body {  -webkit-text-stroke:1px transparent;
background: #0f1418;
/*font-size: 12px;*/ line-height: 15px;
color: #00deff;  direction: rtl;}


#wrapper {

width: 100%;
margin: 20px 0 0 0;  overflow: hidden; }


	/* General rules
	---------------------------------------- */
	a, h2 { text-decoration: none; color:#ff9600 }
		a:hover { text-decoration: underline; }

	.clear { clear: both; }
	.hidden { display: none; }
	#dumpster { display: none; }
	
	ul, ol { list-style-position: outside; list-style-type: hebrew; }
	ul { list-style-type: none; }
	ol { list-style-type: decimal; }
	
	
	/* Typography
	---------------------------------------- */
	body, textarea, input, button { /*font-family: 'Helvetica Neue', Arial, sans-serif;*/ }
	
	
	

/* Header
---------------------------------------- */
#main-header {
position: relative;
width: 850px;
height: 100px;
margin: 0 auto; }

	#main-header h1 {
	position: absolute; top: 15px; left: 0;
	display: block;
	width: 185px; height: 80px;
	background: url(i/branding.png) top left no-repeat;
	line-height: 10px; color: #0f1418; /*for safari */
	overflow:hidden;
	text-indent:-3000px;   }

	#nav { padding: 40px 0 0 0; }

		#nav li { float: right; margin: 0 0 0 1px; }

		#nav li a {
		display: block;
		width: 79px;
		font-size: 16px; line-height: 18px;
		color: #fff; text-align: center;
		padding: 5px 0 1px 0;
		border-bottom: 4px solid #ccc; }
			#nav li a:hover, #nav li.selected a { text-decoration: none; color: #0f1418; }
			#nav.freezed li a:hover { background: none !important; color: #fff !important; } 
			
			#nav li a.home { border-color: #ffd800; }
				#nav li a.home:hover, #nav li.selected a.home { background-color: #ffd800; }
				#nav li.selected a.home:hover { background-color: #ffd800 !important; }
			#nav li a.showreel { border-color: #8025c6; }
				#nav li a.showreel:hover, #nav li.selected a.showreel { background-color: #8025c6; }
				#nav li.selected a.showreel:hover { background-color: #8025c6 !important; }
			#nav li a.projects { border-color: #00d2ff; }
				#nav li a.projects:hover, #nav li.selected a.projects { background-color: #00d2ff; }
				#nav li.selected a.projects:hover { background-color: #00d2ff !important; }
			#nav li a.bytes { border-color: #c60070; }
				#nav li a.bytes:hover, #nav li.selected a.bytes { background-color: #c60070; }
				#nav li.selected a.bytes:hover { background-color: #c60070 !important; }
			#nav li a.contact { border-color: #ff9600; }
				#nav li a.contact:hover, #nav li.selected a.contact { background-color: #ff9600; }
				#nav li.selected a.contact:hover { background-color: #ff9600 !important; }
			#nav li a.blog { border-color: #659421; }
				#nav li a.blog:hover, #nav li.selected a.blog { background-color: #659421; }

 
/* Content
---------------------------------------- */
#content { width: 7100px; overflow: hidden; height: 550px; margin: 0 50% 0 0;  }

	#content h2 { margin: 15px 0 10px 0; font-weight:normal; }
	#content h3 {  }
	#content h4 {  }

	#content .panel {
	width: 850px; height: 550px;
	float: right; }
	
	span.doto { color: #ff9600; }
	span.dotp { color: #ff008a; }
	span.doty { color: #ffd800; }
	span.dotc { color: #67fdfd; }
	
	span.doto, span.doty, span.dotp { font-weight: normal; }
	
	#home { background: url(i/b_home.jpg) right 10px no-repeat; }

		#home p { padding: 0 0 0 520px; }
	
		#home li { }
	
		#tabbed { 
		
		height: 200px;
		background: url(i/tabbed_border.png) right bottom no-repeat;
		padding: 0 0 12px 0;  }
		
			#tabbed .container {
			height: 150px;
			overflow: hidden; } 	
		
			#tabbed .tabpanel {
			clear: both; 
			width: 300px; height: 150px; overflow: hidden; margin: 0 0 50px 0; }

				
			#tabbed .tabs {
			display: block;
			background: url(i/tabbed_border.png) right 10px no-repeat;
			padding: 20px 0 10px 0; }
			
			
					#tabbed .tabs  a { color: #808080; }
					#tabbed .tabs  a.selected { color: #ff9600; }
			
			#stamp { 
			display: block;
			width: 140px; height: 125px;
			background: url(i/stamp.png) top left no-repeat;
			text-indent: -9999px; text-decoration: none;
			margin: -59px 150px 0 0; }

	#showreel { padding: 0 560px 0 0; background: url(i/b_showreel.jpg) right 10px no-repeat; }
	
		#showreel_movie {
		width: 500px; height: 360px;
		background: url(i/showreel_border.png) top left no-repeat;
		margin: 0 0 10px 0; }
		
			.placeholder {
			width: 480px; height: 360px;}
		
		#showreel p {
		clear: both;
		margin: 0 0 10px 0; padding: 0 0 0 380px; }
	
		
	#projects {  padding: 0 890px 0 0; background: url(i/b_projects.jpg) right 10px no-repeat; }
	
		#video_list { 
		width: 500px; height: 380px;
		background: url(i/projects_border.png) top left no-repeat;
		margin: 0 0 10px 0; }	
	
		#projects .nav { width: 480px; clear: both; }
		
			#projects .nav .forward, #projects .nav .back, #bytes .nav .forward, #bytes .nav .back {
			display: block;
			width: 78px; height: 21px;
			background-repeat: no-repeat; background-position: top left;
			text-indent: -9999px; text-decoration: none; }
			#projects .nav .back, #bytes .nav .back { float: right; background-image: url(i/carousel_back.png); }
			#projects .nav .forward, #bytes .nav .forward { float: left; background-image: url(i/carousel_forward.png); }
	
		.carousel_list { overflow: hidden;  }
	
			.carousel_list .view { height: 380px;}
	
		.carousel_list ul.page { float: right; width: 500px; height: 380px; margin: 0 0 0 1px;  }
	
		.carousel_list li {
		float: right;  margin: 0 0 4px 4px;  } 
		
			.carousel_list li a {
			position: relative;
			display: block; 
			width: 117px; height: 90px; }
	
				.carousel_list li a strong {
				position: absolute; top: 0; left: 0;
				display: block;
				width: 117px; height: 90px;
				background: #fff;
				opacity: 0; }
	
				.carousel_list img {
				display: block;
				width: 117px; height: 90px;
				background: #333; }
				
			#projects .notes {
			float: left;
			width: 330px; }
				
	#bytes { padding: 0 650px 0 0; background: url(i/b_bytes.jpg) right 10px no-repeat; }

		#photo_list {
		width: 480px; height: 200px;
		background: url(i/bytes_border.png) bottom right no-repeat; 
		margin: 20px auto 10px auto; }
		
			#photo_list ul.page { width: 484px; }
		
		#bytes .nav {
		width: 670px;
		margin: -127px auto 0 auto;  }
		
			#bytes .nav .back { }
			#bytes .nav .forward {  }
		
		#bytes .notes { width: 480px; margin: 137px auto 0 auto; }


	#contact { padding: 0 560px 0 0; background: url(i/b_contact.jpg) right 10px no-repeat; /*position:relative;*/ }
	
		#contact .notes { width: 330px; float: right; background: url(i/contact_border.png) top right no-repeat; padding: 0 20px 0 0; }
	
		#contact form { float: right; width: 290px;  }
	
			#contact legend { display: none; }
		
			#contact p { margin: 0 0 10px 0; }
			#contact label { cursor: pointer; display: block; float: right; width: 50px; color: #ff9600; text-align: left; margin: 0 0 0 10px; }
		
			#contact input, #contact textarea {
			width: 200px;
			background: #090c0e;
			color: #fff;
			padding: 4px;
			border: 1px solid #00d2ff; }
		
			#contact textarea { /*font-size: 12px;*/ }
			
			#contact #submit {
			width: 79px; height: 23px;
			background: url(i/submit.png) top left no-repeat;
			border: none;
			cursor: pointer;
			margin: 10px 50px 0 0;
			 }




/* Footer
---------------------------------------- */
#main-footer {
width: 850px; color: #9d9d9d;
clear: both;
margin: 0 50% 0 0; text-align: center; }




div#fancy_overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666; display: none; z-index: 30;}
* html div#fancy_overlay {position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
div#fancy_loading {position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100;}
div#fancy_loading div {position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('i/fancy/fancy_progress.png') no-repeat;}
div#fancy_loading_overlay {position: absolute; background-color: #FFF; z-index: 30;}
div#fancy_loading_icon {position: absolute; background: url('i/fancy/fancy_loading.gif') no-repeat; z-index: 35; width: 16px; height: 16px;}
div#fancy_outer {position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 33px 18px; margin: 0; overflow: hidden; background: transparent; display: none;}
div#fancy_inner {position: relative; width:100%; height:100%; border: 0px; background: #FFF;}
div#fancy_content {margin: 0; z-index: 100; position: absolute;}
div#fancy_div {background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100;}
img#fancy_img {position: absolute; top: 0; left: 0; border:0;  padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%;}
div#fancy_close {position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('i/fancy/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none;}
#fancy_frame {position: relative; width: 100%; height: 100%; display: none;}
#fancy_ajax {width: 100%; height: 100%; overflow: auto;}
a#fancy_left, a#fancy_right {position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111;  display: none; background-image: url(data:image/gif;base64,AAAA); outline: none;}
a#fancy_left {left: 0px;}
a#fancy_right {right: 0px;}
span.fancy_ico {position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112;  cursor: pointer; display: block;}
span#fancy_left_ico {	left: -9999px;	background: transparent url('i/fancy/fancy_left.png') no-repeat;}
span#fancy_right_ico {	right: -9999px;	background: transparent url('i/fancy/fancy_right.png') no-repeat;}
a#fancy_left:hover {  visibility: visible;}
a#fancy_right:hover {  visibility: visible;}
a#fancy_left:hover span {	left: 20px; }
a#fancy_right:hover span {	right: 20px; }
.fancy_bigIframe {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	background: transparent;}
div#fancy_bg {	position: absolute;	top: 0; left: 0;	width: 100%;	height: 100%;	z-index: 70;	border: 0;	padding: 0;	margin: 0; display:none;}
div.fancy_bg {	position: absolute;	display: block;	z-index: 70;	border: 0;	padding: 0;	margin: 0;}
div.fancy_bg_n {	top: -18px;	width: 100%;	height: 18px;}
div.fancy_bg_ne {	top: -18px;	right: -13px;	width: 13px;	height: 18px;}
div.fancy_bg_e {	right: -13px;	height: 100%;	width: 13px;}
div.fancy_bg_se {	bottom: -18px;	right: -13px;	width: 13px;	height: 18px;}
div.fancy_bg_s {	bottom: -18px;	width: 100%;	height: 18px;}
div.fancy_bg_sw {	bottom: -18px;	left: -13px;	width: 13px;	height: 18px;}
div.fancy_bg_w {	left: -13px;	height: 100%;	width: 13px;}
div.fancy_bg_nw {	top: -18px;	left: -13px;	width: 13px;	height: 18px;}
div#fancy_title {	position: absolute;	bottom: -34px;	left:0px;	width: 100%;	z-index: 100;	display: none; background: #ffffff; padding:0px 0px 5px;}
div#fancy_title div {	color: #666;	font: bold 12px Arial;	padding-bottom: 3px;}
div#fancy_title table {margin: 0 auto;}
div#fancy_title table td {padding: 0; vertical-align: middle;}
td#fancy_title_left {height: 32px; width: 15px;;}
td#fancy_title_main {height: 32px;}
td#fancy_title_right {height: 32px; width: 15px;}

#contact_message
{
	display:none;
	position:absolute;
	top:150px;
	left:650px;
	width:400px;
	height:100px;
	background:#0F1418;
	/*margin-left:-200px;*/
	border:5px solid #00D2FF;
	font-size:24px;
	text-align:center;
	color:#fff;
	line-height:100px;
}