/*
Theme Name: Saatchi
Theme URI: http://www.saatchi-amsterdam.nl/
Version: 1.0
Author: Niels Hendriks
*/



/* Begin Typography & Colors */
body {
	font-family:verdana,Arial;
	font-size:11px;
	color: #666666;
	background: #FFFFFF repeat-x url(images/bg.gif);
	
}

p	{ line-height:20px;}

a {
	color:#4187ac;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}


h1, h2, h3, h4, strong		{ color:#000; margin:0 0 10px 0; padding:0;}
h2,h3			{ font-size:20px; font-weight:normal;  }
h3				{ font-size:14px; text-transform:uppercase;  }

blockquote		{ font-weight:normal; font-size:18px; padding:0 0 10px 0; margin: 0 0 10px 0; border-bottom:1px solid #ECECEC; }

a img { border:none; }
.clearer	{ clear:both; }

#page { width:975px; margin:0 auto; position:relative;  }

#top-mask { background: #FFFFFF repeat-x url(images/bg.gif); position:absolute; top:-36px; left:0px; z-index:8000; width:100%; height:89px; display:block; }

#branding		{ height:40px; width:975px; position:relative; z-index:8001; }
#branding h1 a	{ background:url(images/saatchi_logo.gif) no-repeat; margin:36px 0 0 8px;  text-indent:-100000px; width:229px; height:26px; display:block }
#branding .payoff	{ position:absolute; right:0px; top:10px; text-transform:uppercase; font-size:13px; color:#000;}

#content		{ width:700px; float:left; margin:10px 0 0 0; padding:0 10px 0 0; border-right:1px solid #ECECEC }
#sidebar		{ width:250px; float:right; padding:10px 0 0 0; }


/* ENTRIES */
.entry 				{ position:relative; margin:0 0 30px 0px; padding:0; clear:both; }
.entry h2			{ margin:0 0 10px 0; padding:5px 10px 15px 10px; background:#ECECEC;  font-size:18px; min-height:20px; font-weight:normal;  }
.entry h2 a			{ color:#000; font-weight:normal; }	
.entry p			{ margin:0 0 20px 0; padding:0 0 0 10px;}
.entry img.post-img,
.alignright { float:right; margin:0 0 0 10px; }


.post-date			{ position:absolute; top:0px; line-height:15px; left:-50px; width:35px; font-size:13px; height:30px; padding:5px; background:#333333; color:#FFF; text-align:center; }
.post-date-day		{ font-size:18px; }

.entry-people		{ padding: 0 0 20px 0; }
.entry-people img	{ float:left; padding:0 10px 0 0; }		

.entry-people-single			{ min-height:550px; }
.entry-people-single	img 	{ float:left; padding:0 10px 0 0; }
.entry-people-single	h2		{ padding:0px; margin:0px;}
.entry-people-single	h3	 	{ color:#666666; padding:0 0 10px 0; margin:0px; }
.entry-people-single	p	 	{ padding:0 0 10px 0; margin:0px; }

.entry-post	img					{ float:left; padding: 0 10px 0 0; }

.entry-post	img.alignright { float:right; margin:0 0 0 10px; }

/* SIDEBAR */
#sidebar ul 		{ margin:0px;padding:0px; }
#sidebar ul li		{ list-style:none; margin:0 0 10px 0; }
#sidebar ul li span	{ display: block; }

#footer 			{ border-top:1px solid #ECECEC; padding: 15px 0 30px 0; }

/*navigation*/
#nav-main		{ height:35px; }
#nav-main ul 	{margin:0px; padding:0 0 10px 0; }
#nav-main ul li		{ list-style:none; margin:0 10px 0 0; padding:0 10px 0 15px; }
#nav-main ul li	a	{ color:#FFF;font-size:13px; display:block; padding:0 0 10px 0; }
#nav-list			{ margin:100px 0 0 15px;  }


ul.client-overview	{ padding:0px; margin:0px; list-style:none; }
ul.client-overview li	{ display:block; height:84px; width:139px; border-bottom:1px solid #DEDEDE;border-right:1px solid #DEDEDE; float:left; text-align:center }

.client-sidebar p		{ margin:0; padding:0 0 20px 0; }


.lovemarks		{ font-weight:bold; padding:0 0 15px 0; }
.lovemarks img 	{ padding:0 10px 0 0 ;}
.lovemarks span 	{ padding:0 0 5px 0; margin:0 0 5px 0; border-bottom:1px solid #DEDEDE; display:block; text-transform:uppercase; }


div#nav-ctrl-tank {
	position:absolute;
	z-index:6001;
	top:70px;
	left:0px;
	width:244px;
	text-align:center;
}
a#nav-ctrl {
	font-weight:normal;
	font-style:italic;
	padding-left:14px;
	background:url(images/nav_off.gif) no-repeat 0px 3px;
}
a#nav-ctrl.on {
	color:#ffffff;
	background-image:url(images/nav_over.gif);
}
div#nav-tank {
	position:absolute;
	top:23px;
	left:0px;
	background-image:url(images/nav_container_bg.png);
	z-index:6000;
}

#nav-slit	{ margin:0 0 0 -22px ; z-index:5999; position:relative; }

div#nav-bg {
	position:absolute;
	top:0px;
	left:0px;
	width:244px;
	height:622px;
	filter:alpha(opacity=100);
	visibility:hidden;
}
div#nav-bg img {
	display:block;
}
img#nav-tank-bg, img#nav-tank-base, span#nav-tank-bg, span#nav-tank-base {
	position:absolute;
	z-index:500;
	left:0px;
	top:0px;
}
img#nav-tank-bg, span#nav-tank-bg {
	height:492px;
}
img#nav-tank-base, span#nav-tank-base {
	top:492px;
}
div#nav {
	position:absolute;
	z-index:1000;
	top:30px;
	left:0px;
	width:244px;
	padding-bottom:10px;
	filter: alpha(opacity=100);
	visibility:hidden;
	white-space: nowrap;
}
div#nav:hover {
	visibility:visible;
}
div#nav a {
	font-style:normal;
	font-size:10px;
	padding:0 0 10px 0;
}
div#nav div.item {
	position:relative;
}
div#nav div.group {
	margin-top:7px;
}
div#nav div.group a {
	color:#ffffff;
}
div#nav div.children {
	margin-left:7px;
	padding-left:7px;
}
div#nav div.group.level_0 {
	margin-top:90px;
	margin-left:30px;
}
div#nav div.item_level_0, div#nav div.item_level_1 {
	font-weight:bold;
	margin-top:18px;
}
div#nav div#nav-search {
	position:absolute;
	top:40px;
	left:0px;
	width:243px;
	height:38px;
	background:url(images/nav_search_bg.gif) no-repeat top left;
}
div#nav div#nav-search span {
	padding:8px 0 0 30px;
	font-weight:bold;
	color:#ffffff;
	font-size:11px;
	font-style:italic;
	display:block;
}
div#nav div#nav-search input {
	border:1px solid #abadb3;
	width:125px;
	height:17px;
	font-size:13px;
	margin-left:5px;
}

/* End captions */


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */
