/*

	Theme Name: emilykocken.nl
	Theme URI: http://emilykocken.nl
	Description: The default theme
	Version: 3.0
	Author: Carst van der Molen
	Author URI: http://carstvandermolen.nl/
	Tags: fixed width, widgets

*/


/* Begin Typography & Colors */
body				{	margin: 0; padding: 0;
						font-size: 62.5%; /* Resets 1em to 10px */
						font-family: Verdana, sans-serif;
						background-color: #fff;
						color: #000; }
						
img#wpstats			{	display: none; }


/* browser reset */

h1,
h2,
h3,
h4,
p,
ul,
li					{	margin: 0; padding: 0; }

a					{	text-decoration: none; }

img 				{	display: block; margin: 0; padding: 0; }

a img				{	border: none; }

a:link img,
a:visited img		{	opacity: 1.0; filter: alpha(opacity=100); -moz-opacity: 1.0; }
a:hover img			{	opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: .70; }

object				{	display: block; }

.fir span			{	display: none; }

/* end : browser reset */


h1,
h2,
h3,
h4,
p,
ul,
li,
input				{	font-family: Verdana, sans-serif; }


a					{	border-width: 0 0 1px 0; border-style: solid; }
a:link, a:visited	{	color: #000; border-color: #000; }
a:hover				{	color: #ccc; border-color: #ccc; }

a + img				{	border: none; }

#container			{	margin: 0 0 0 0; width: 1000px; }

#content-wrapper	{	margin: 0 387.5px 0 142.5px; width: 470px; /* background: #00f; */ padding: 0; }

#comments-wrapper	{	clear: both; margin: 0; width: 100%; background: #fff; border-top: 1px solid #eee;
						overflow: hidden; zoom: 1; }

/* menu */

#menu				{	z-index: 100; position: fixed; top: 0; display: block; width: 470px; overflow: hidden; zoom: 1;
						padding: 50px 0 30px 0; list-style: none; background: #fff; color: #ccc; }

#home ul#menu		{	color: #000; }

#menu li			{	float: left; display: block; margin: 0 0.4em 0 0; padding: 0;
						font-family: Arial, sans-serif; font-size: 13px; letter-spacing: 0.05em;
						line-height: 21px; }

#menu li.projects	{	float: none; font-weight: bold; }
#menu li.projects li{	font-weight: normal; }

	/* submenu styles */

#menu ul			{	float: none; list-style: none; display: inline; overflow: hidden; }

#menu ul li			{	float: none; display: inline; margin: 0; }

#menu li li a		{	font-weight: normal; }

	/* end: submenu styles */
						
#menu li a			{	font-weight: bold; }

#menu li.new		{	clear: both; float: left; }

#menu li.last		{	margin-bottom: 21px; float: none; }


#menu a				{	border: none; }
#menu a:link,
#menu a:visited		{	color: #ccc; }
#menu a:hover		{	color: #000; }

#menu li.emily-kocken a	
					{	padding-bottom: 2px; border-bottom: 1px solid #000; font-weight: normal; }
#menu li.emily-kocken a:link,
#menu li.emily-kocken a:visited
					{	color: #000; }
#menu li.emily-kocken a:hover
					{	color: #ccc; }		

#home #menu a:link,
#home #menu a:visited
					{	color: #000; }
#home #menu a:hover	{	color: #ccc; }

#menu li.current_page_item a:link,
#menu li.current_page_item a:visited
					{	color: #000; }
					
/* end: menu */


/* general styles */

h1, h2, h3 			{	font-weight: bold; 
						font-size: 11px; }

h1					{	margin: 0 0 18px 0; }
						
h2					{	margin: 0; }

h3 					{	font-weight: normal; } 

p,
address				{	margin: 0 0 18px 0; font-size: 11px; line-height: 18px; text-align: left; }

address				{	font-style: normal; }

small 				{	font-size: 10px; }

p.edit				{	position: fixed; top: 50px; right: 50px; }

p.postmeta			{	font-style: italic; }

.post p em			{	font-weight: normal; }

.entry				{	margin: 20px 0 20px 0; }

.navigation 		{	display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
	
blockquote 			{	z-index: -10; margin: 0 0 18px 0; padding: 0; }

blockquote p		{	margin: 0; padding: 0; }

blockquote cite 	{	}

/* end : general styles */


/* gallery styles */

#gallery			{	z-index: 300; position: fixed; top: 220px; left: 0; width: 100%;
						background: #fff; overflow: hidden; zoom: 1; }
						
#gallery			{	height: 180px; }

#gallery.expanded	{	height: 100%; border-bottom: 30px solid #fff; }

#slides-wrapper		{	margin: 0 auto; width: 1000px; /* padding: 0 387.5px 0 142.5px; */
						background: #fff; }

#slides				{	width: 10000px; height: 100%; margin: 0 387.5px 0 142.5px; /* background: #f00;  */border-bottom: 30px solid #fff; }


.slide-box			{	z-index: 400; float: left; margin: 0 20px 0 0;
						/* background: #fff; */ cursor: pointer; }
						
#gallery .hide		{	display: none; visibility: hidden;
						/* width: 0 !important; height: 0 !important; overflow: hidden; */ }

.slide				{	/* display: none; */ border-bottom: 18px solid #fff; }
.slide img			{	width: auto; }
					
.slide p 			{	margin-top: 10px; }


	/* video slides */
	
							
.slide-box.video	{	position: relative; width: 200px; height: 150px; background: #000; color: #fff; }

video				{	margin: 0; padding: 0; width: 100%; height: 100%; border: none; }

.slide-box.video object
					{	position: absolute; top: 0; left: 0; display: block;
						width: 100% !important; height: 100% !important; }
					
.slide-box.video .click
					{	z-index: 400; display: block; position: absolute; top: 0; left: 0;
						width: 100% !important; height: 100% !important; cursor: pointer;
						background: #0f0; opacity: 0; filter: alpha(opacity=0); }					

.slide-box.video p	{	z-index: 500; position: absolute; bottom: 8px; left: 10px; margin: 0;
						color: #fff; }
.slide-box.video p a:link,
.slide-box.video p a:visited
					{	color: #fff; border-color: #fff; }
.slide-box.video p a:hover
					{	color: #ccc; border-color: #ccc; }
	
a.playbutton		{	z-index: 600; display: block; position: absolute; right: 5px; bottom: 5px; 
						width: 12px; height: 12px; border: none; }
a.playbutton.loading{	background: url(images/loading.gif); }
a.playbutton.play	{	background: url(images/play.png); }
a.playbutton.pause	{	background: url(images/pause.png); }
						
a.playbutton:link,
a.playbutton:visited{	opacity: 1.0; }
a.playbutton:hover	{	opacity: 0.5; }
					
	/* end : video slides */					
					

#buttons			{	z-index: 200; position: fixed; top: 405px; margin-left: -20px; width: 522.8px; height: 8px; }
#buttons a			{	display: block; width: 6px; height: 8px; border: none; }
#buttons a.prev		{	position: absolute; left: 0; background: url(images/prev.gif); }
#buttons a.next		{	position: absolute; right: 0; background: url(images/next.gif); }

/* end: gallery styles */


/* content styles */

#content 			{	clear: both; float: none; margin: 225px 0 36px 0; /* background: #0f0; */ padding: 0; }

.projects #content 	{	margin-top: 400px; }

#home #content		{	z-index: 500; margin-top: 230px; }

#home #content img	{	/* width: 280px; height: auto; */ }

#content ul.downloads
					{	margin-bottom: 18px; margin: 0 0 0 17px; padding: 0;
						list-style: none; list-style-image: url(images/download-icon.gif);
						font-size: 10px; line-height: 18px; }

#content ul.downloads li
					{	margin: 0; padding: 0; }

#content ul.downloads a
					{	margin-left: 0px; }

a.download			{	padding: 0 0 0 13px; background: url(images/download-icon.gif) 0 2px no-repeat;
						font-size: 11px; }


	/* home styles */

#home h2			{	padding-bottom: 18px; font-weight: normal;
						/* font-family: Arial, sans-serif; font-size: 13px; letter-spacing: 0.05em; */ }
						
h2 a				{	border-width: 0 0 0 0; }

#home h2 a			{	border-width: 0 0 1px 0; }

#home .post			{	/* width: 250px; */ margin-top: 36px; }				

	/* end: home styles */


	/* resume styles */

#resume #content,
.resume #content	{	z-index: 200; height: 550px; background: #fff; }

#categories			{	position: absolute; top: 250px; left: 0; padding: 24px 0 36px 0; width: 100%;
						background: #fff;
						overflow: hidden; zoom: 1; z-index: 100; }

#columns-wrapper	{	margin: 0 auto; width: 1000px; /* padding: 0 387.5px 0 142.5px; */
						/* background: #f00; */ }

#columns			{	width: 10000px; margin: 0 387.5px 0 142.5px; 
						height: 300px; }

.column				{	float: left; margin: 0 20px 0 0; width: 347.637px; }

/*
#residencies		{	float: none; }

#education			{	float: none; }
*/


#resume #buttons,
.resume #buttons	{	position: absolute; top: 230px; margin-left: -20px; width: 522.8px; height: 8px; }

#resume h2,
.resume h2			{	clear: both; margin-bottom: 18px; }

#resume h2.grants,
.resume h2.grants	{	margin-top: 18px; }

#resume h2 a,
.resume h2 a		{	border: none; font-weight: normal; }

ul.year				{	margin-bottom: 18px;
						list-style: none; list-style-image: url(images/dash.gif);
						margin-left: 12px; padding: 0;
						font-size: 11px; line-height: 18px; }

ul.year.column		{	clear: both; float: none; }

#education ul.year,
.education ul.year,
#grants ul.year,
.grants ul.year		{	margin-bottom: 0; }
						
ul.year h3			{	text-indent: -12px; }						

ul.year	li			{	margin: 0; }

	/* end : resume styles */

	/* resume pdf styles */

#pdf #menu			{	display: none; }

#pdf #content-wrapper
					{	margin: 0 20px; width: 1000px; }

#pdf #content		{	margin-top: 0; }

#pdf h2				{	margin-top: 36px; margin-bottom: 18px; }

/*
#pdf h2.group-exhibitions
					{	margin-top: 72px; }
*/

	/* end : resume pdf styles */


	/* agenda styles */

#agenda p.postmeta,
.agenda p.postmeta,
#journal p.postmeta	{	margin: 10px 0 0 0; }

#agenda h2,
.agenda h2,
#journal h2			{	margin: 0 0 18px 0; }

#agenda .post,
.agenda .post		{	margin: 0 0 54px 0; }

img.medium			{	width: 300px; height: auto; }

img.captioned		{	margin-bottom: 5px; }

img.captioned+small	{	display: block; font-size: 11px; margin-bottom: 18px; }

.wp-caption-text	{	font-size: 11px; margin-top: 3px; }

	/* end : agenda styles */


	/* links styles */
	
#links #content ul	{	margin-bottom: 18px; padding: 0;
						list-style: none; list-style-image: url(images/dash.gif);
						font-size: 11px; line-height: 18px; }	

#links #content ul li
					{	margin: 0; }

	/* end : links styles */


	/* contact styles */

#contact #menu		{	background: none; }

#contact #gallery	{	z-index: 0; position: absolute; height: 350px; background: none; }

#contact #flashcontent
					{	position: relative; top: -150px; left: 0; }

#contact #content-wrapper
					{	margin-right: 0; width: 600px; /*width: 857.5px;*/ /* background: #0f0; */ }

#contact #content 	{	clear: both; z-index: 500; margin-top: 0; padding-top: 451px;
						/* overflow: hidden; zoom: 1; */ /* background: #f0f; */ }

#contact address	{	float: left; margin: 0 20px 0 0; width: 225px; /* width: 225.137px; */ }

.tw-follow			{	display: block; position: relative; left: -20px; margin-top: -7px; width: auto; height: 25px;
						background: url(images/tw-follow.gif) no-repeat; padding: 7px 0 0 30px; }
.tw-follow #follow-button
					{ 	background-image: none !important; }



	/* end: contact styles */