/*
Theme Name: Thijs van Iersel
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2 (WP2.6.2)
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

/*
RESET
*/
*                 {margin:0; padding:0;}
html              {overflow-y: scroll;}
html, body        {height:100%;}
body              {font-size:62,5%; font-family: arial; background: #edfdff;}
ul                {list-style: none;}
ol                {list-style: none;}
a                 {font-weight: normal; color: #222;padding:2px;	font-size: 12px;					margin: 0 0 8px 0;	text-decoration:none;}
a:hover			  {font-weight: normal;color: #d9d9d9;	padding:2px;	font-size: 12px;						margin: 0 0 8px 0;	text-decoration:none; 					border: none;}	
#categorien a	  {font-weight: bold; color: #222;	    background:white; padding:2px;	font-size: 26px;					margin: 0 0 8px 0;	text-decoration:none;}
a img             {border:none; text-decoration: none; background: none;}
img               {vertical-align:middle; border:none;}
table             {border-collapse:collapse;}
:link img 		  {border: none; text-decoration: }


#motion{background: red;}

/*
TEKSTEN
*/
h3					{font-size: 25px; letter-spacing: -2px; font-weight: bold; font-family: Arial; padding-left: 10px;}
h1					{border:none;}
p					{font-family: arial; text-shadow: 0px 0px; font-size: 12px; 						word-wrap: normal;}
em					{color: #555; font-style:normal; font-weight: 100; font-size: 14px; letter-spacing: normal;}


/*
BG image resizable
*/
img.source-image {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}




/*
HANDIGE DINGEN
*/

.floatLeft         {float:left;}
.floatRight        {float:right;}
.clear             {clear:both;}
.button            {border: 1px solid black; background: #222; padding: 3px 8 px; 
                    -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #d9d9d9;}
.button:hover      {background:#d9d9d9; color:#222;}
.error				{position: relative; left:15px;}

/*
OPMAAK
*/

#page-wrap         {width:960px; margin: 0px auto -150px; min-height:100%;
                    height: auto !important; height: 100%; background: white; margin-top: 50px; }
.top				{position: relative;margin: 0px auto ;}
#push              {height: 150px; }
#description	   {font-family: Georgia; font-size: 50px; font-style: italic;}
.container 		   {width: 960px; 	margin: 0 auto; text-align: left;	position: relative;	overflow:hidden; background: white; z-index: 1;}


/*
HEADER
*/
#header				{background: url("images/shader.gif")no-repeat bottom; margin-bottom: 20px; background-position-y: 100px; height: 110px; padding: 10px;}
#header h1 			{float: left;}
#header p			{float: left; color: #f4e935; font-size: 35px; margin-top: 58px; }
#header li			{width: 900px; display: inline; }
.uitspraak			{float: right; margin-right: 20px;}

#portfolio_buttons		{width: 960px;}
#portfolio_buttons h3	{float: left;}
#portfolio_buttons li	{background: url("images/button.gif") no-repeat top left; float: right; height: 25px; width: 87px; padding: 5px;}

.recent					{margin-right: 30px;}
#portfolio_buttons span	{color: #ff6ac5; }


/*
THUMBS ON HOMEPAGE
*/
#posts			{float: left; min-width: 960px; }
#posts_data 	{float: right; margin-right: 13px;}
#posts_data h1	{font-size: 20px; font-weight: normal; border-bottom: 1px solid #d9d9d9; padding: 10px 10px 4px 10px; }
#posts_data h1 span	{color: #f4e935;}
.postthumb		{float: left; padding: 9px; border: 1px solid #d9d9d9; margin: 8px;}
.postthumb p	{border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;  position: relative; top:-10px; background: url("images/shader.gif") no-repeat top; 				width: 200px;  text-align: center; padding: 5px 0px 5px 0px;}
.genre_image	{position: absolute; }
.over			{background: #f4e935;}



/*
RSS Sneaks
*/
#feedControl 	{font-size: 12px;  border: none;}	
.gfc-results	{width: 960px; padding-left: 10px; border: none; }		
.gfc-result		{width: 220px;  float: left; margin-right: 20px;  }
.gf-title		{font-size: 14px; padding: 0px;}
.gf-title:hover	{font-size: 14px; padding: 0px;}

.trigger_img	{padding-left: 10px; cursor: pointer;}

/*
SINGLE HIERONDER STAAT ALLES VOOR DE SINGLE PAGINA VAN MOTION
*/

.content_single						{margin: 15px 15px 0px 10px;}
#thumbnails_content					{float: left;  background: url("images/images_bg.gif") no-repeat; width: 520px; height: 290px;}
.image_archive								{position: relative; left: 75px; top: 20px; }
#content_tekst						{float:right; width: 400px; position: relative; top:-13px; }
#content_tekst	p					{font-size: 14px; color: black; font-weight: normal;}
#content_tekst li					{color: #7b7b7b; font-weight: bold; list-style: none; font-size: 18px; }
.check_de_site						{position: absolute; top:265px; left: 243px; }	
.plusteken							{position: absolute; top: 350px; left: 92px;}
						


/*
SINGLE MOTION
*/
.motion_single						{min-width: 900px; padding: 15px;}
#content_tekst_motion_links			{float:left; width: 520px; background: url("images/video_bg.gif") no-repeat; height: 320px;}
#content_tekst_motion_rechts		{float: left; margin-left: 20px; position: relative; top:-13px; width: 380px; }
#content_tekst_motion_rechts p 		{font-size: 14px; color: black; font-weight: normal;}
#content_tekst_motion_rechts li		{color: #7b7b7b; font-weight: bold; list-style: none; font-size: 18px;}
.check_de_site_motion				{position: absolute; top:255px; left: 233px; }	
.video_player						{position: relative; left: 80px; top: 15px;}




/*
RELATED POSTS
*/

.related-posts li	{float: left; width: 160px; margin: 20px 0px 0px 0px; padding: 0px 26px 0px 0px;text-align: center; }
.related-posts a:hover	{color:#d9d9d9;}
.related-posts img	{border: 1px solid #d9d9d9;}
.meta				{background: url("images/h2_icoon_related_posts.gif") no-repeat left; padding-left: 35px;}
.related_motion		{padding-left: 15px; }


/*
FOOTER
*/
#footer					{width: 960px; background:url("images/shader.gif")no-repeat top center;}
#tekst_links			{width:580px; padding: 15px;}
#tekst_links, p, h2		{margin-top: 20px;}
#tekst_links h2			{color: #f4e935;}
#tekst_links .thijs		{padding-left: 45px; background: url("images/thijs.gif") no-repeat left;}


#project 				{width: 280px; float: left; padding-top: 20px; display: block;}
#project p				{width: 160px; float: left; margin-top: 0px; color: #444; }
#project img			{float: left; margin-right: 10px; padding: 0px 0px 10px 0px; width: 60px;}
#project h5				{font-size: 14px; color: #d9c96e;}

/*
CONTACTFORMULIER
*/
	

	
	
#contactform_rechts 	{float:right; margin-right: 30px;	margin-top: 35px; 	 border: 1px solid #d9d9d9; padding: 20px; background: url("images/shader.gif")no-repeat top;}
	
							
#contactform 			{margin-top:25px; 	font-family:Arial, Helvetica, sans-serif; 	font-size:16px; 	color:#333333; 	width:270px; 	
						text-align: left;}


#contactform label 		{width: 250px; padding: 10px; 	padding-left: 0px; float: left; }
#contactform .text		{width: 250px; height: 30px; float: left; border: none; background: url("images/textarea.gif") repeat-x; font-size: 14px; font-style: italic;} 
#contactform #message	{width: 250px; float: left; height: 30px; background: url("images/textarea.gif") repeat-x; border: none; font-size: 14px; font-style: italic;}


#contactform ol			{width: 300px; font-size: 12px; }
#contactform li			{width: 300px;}
#submit					{background: url("images/button_contact_form.png") no-repeat; width: 94px; height: 27px; border: none; cursor: pointer;}
#submit:hover			{background: url("images/button_contact_form_hover.png") no-repeat; width: 94px; height: 27px; border: none; cursor: pointer;}

#reset					{background: url("images/reset.png") no-repeat; width: 127px; height: 27px; border: none; cursor: pointer;}
#reset:hover			{background: url("images/reset_hover.png") no-repeat; width: 127px; height: 27px; border: none; cursor: pointer;}

.loader					{width: 20px; height: 20px; padding-right: 20px;}