/*
Theme Name: WordPress TEDx
Theme URI: http://tedxamsterdam.nl/
Description: The TEDx theme is built by <a href='http://www.toscani.nl'>Toscani</a> and designed by Silo. Black version 2 by Ran
Version: 2.0
Author: Toscani
Author URI: http://toscani.nl/
Tags: red, white, clean, tedx, amsterdam

	TEDx Amsterdam
	http://tedxamsterdam.nl

	This theme was designed by Silo and built by Toscani - Bart,
	whose website you will find at http://toscani.nl/
	Changes in version2:
		Head is black, logo inverted
			by Ran
	All Rights Reserved

*/

body {
	background-color: white;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

div.noscreen { display:none; }

/************ DEFAULT A STYLES ************/
a {
	color: #ff2b06;
	text-decoration: none;
}
a img {
	border: 0 none;
}
a:hover {
	text-decoration: underline;
}
p {
	font-size: 12px; 
}
/************ HEADER ************/
#header {
	width: 975px;
	height: 157px;
	margin: 0 auto;
	background-image: url(images/head_grad_full.png);
	background-repeat: no-repeat;
	background-position: right;
	
	background-image: none;
	background-color: black;
}
#header #logo {
	position: absolute;
	margin-top: 35px;
	margin-left: 20px;
}
#header #sticker {
	position: absolute;
	margin-top: 0px;
	margin-left: 355px;
}
#cgrad {
	position: absolute;
	margin-left: -242px;
}
#head {
	background-image: url(images/corner_grad.png);
	background-position: right;
	background-repeat: no-repeat;
	
	background-image: none;
	background-color: black;
}
/************ MAINMENU ************/
#mainmenu ul {
	margin: 0;
	padding: 0;
	position:absolute;
	margin-top: 115px;
	margin-left: 16px;
}
#mainmenu ul li {
	float: left;
	list-style: none;
	margin-right: 28px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 3px;
}
#mainmenu ul li a {
	color: white;
	font-size: 14px;
	text-transform: uppercase;
	outline: 0;
}
#mainmenu li.current {
	padding-top: 0;
}
#mainmenu li.current div {
}

#mainmenu li.current a {
	color: white;
}
#mainmenu li.current .fill {
	float: left;
	height: 22px;
	background-color: #ff2b06;
	padding-top: 6px;
		background-image:url(images/menubottom.png);
		background-position:center bottom;
		background-repeat:no-repeat;
		float:left;
		height:30px;
		padding-top:6px;
}
#mainmenu li.current .rc_left,
#mainmenu li.current .rc_right {
	float: left;
	width: 7px;
	height: 28px;
	
}
#mainmenu li.current .rc_left {
	background-image: url(images/menu_btn_left.png);
}
#mainmenu li.current .rc_right {
	background-image: url(images/menu_btn_right.png);
}
#mainmenu li.current .rc_right:after {
	clear: both;
}
#mainmenu li.current .point {
	background-image:url(images/menu_btn_bottom.png);
background-position:center center;
background-repeat:no-repeat;
clear:both;
height:8px;
}
#sharebreak {
	background-image: url(images/sharebreak.png);
	height: 53px;
	width: 138px;
	position: absolute;
	margin-left: 824px;
	margin-top: 65px;
}
#mainmenu li.upload {
	position: absolute;
	margin-right: 0px;

	/*margin-top: 124px;*/
	margin-left:851px;
	margin-right:0;
}


/************ METANAV ************/
#metanav,
#metanav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff0008;
	text-decoration: none;
}
#metanav a:hover {
	text-decoration: underline;
}
#metanav .b {	font-weight: bold;	}
#metanav {
	margin-right: 12px;
	margin-top: 12px;
	float: right;
}
/************ DARK ************/
#dark {
	background-image: url(images/breakback.png);
	background-repeat: repeat-x;
	height: 304px;
}
/************ SMALL DARK ************/
#small_dark {
	background-image: url(images/small_dark.png);
	height: 43px;
	background-repeat: repeat-x;
}
#small_red {
	height: 6px;
	width: 978px;
	background-image: url(images/small_redbar.png);
	background-repeat: repeat-x;
	margin: 0 auto;
}
#small_dark ul {
	padding: 0;
	margin: 0;
	width: 924px;
	margin: 0 auto;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5f5f5f;
}
#small_dark ul li {
	list-style: none;
	float: left;
	margin-right: 48px;
	margin-top: 3px;
}
#small_dark ul li.last {
	margin-right: 0px;
}
/************ DARK => BREAKTHROUGHS ************/
#dark #breakthroughs {
	width: 967px;
	float: right;
	margin-top: 13px;
}
#dark #wrap {
	width: 975px;
	margin: 0 auto;
}
#dark #breakthroughs .t {
	margin: 0;
	padding: 0;
	margin-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5f5f5f;
	text-transform: uppercase;
	font-weight: bolder;
}
#dark #breakthroughs .t strong {
	color: #b2b2b2;
}
#dark #breakthroughs #videos {
	overflow: hidden;
	margin-top: 20px;
}
#dark #breakthroughs #videos .v {
	margin-right: 13px;
	float: left;
}
#dark #breakthroughs #videos .last {
	margin-right: 0px;
}
#dark #breakthroughs #videos .v .p {
	width: 230px;
	height: 172px;
	border: 1px solid #4a4a4a;
}
#dark #breakthroughs #videos .v .p img {
	width: 230px;
	height: 172px;
}
#dark #breakthroughs #videos .v .d {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	color: #5f5f5f;
	margin-top: 4px;
	font-size: 11px;
}
#dark #breakthroughs #videos .v .d strong {
	text-transform: uppercase;
}
/************ DARK => REDMENU ************/
#redmenu #left,
#redmenu #right {
	width: 2px;
	height: 21px;
	background-repeat: no-repeat;
	float: left;
}
#redmenu #left {
	background-image: url(images/red_left.png);
}
#redmenu #menu {
	background-image: url(images/red_fill.png);
	background-repeat: repeat-x;
	float: left;
	padding-left: 25px;
	height: 21px;
	width: 946px;
	padding-top: 4px;
}
#redmenu #right {
	background-image: url(images/red_right.png);
}
#redmenu {
	width: 975px;
	margin: 0 auto;
	height: 21px;
}
#redmenu #menu ul {
	margin: 0;
	padding: 0;
	float: left;
}
#redmenu #menu ul li {
	float: left;
	text-transform: uppercase;
	font-size: 11px;
	list-style: none;
	margin-right: 25px;
	font-weight: bold;
}

#redmenu #menu ul .n {
	font-weight: normal;
}
#redmenu #menu .filter {
	border-right: 1px solid black;
}
#redmenu #menu .type {
	margin-left: 12px;
	border-right: 1px solid black;
}
#redmenu #menu .type .l {
	margin-right: 12px;
}
#redmenu #menu .ftv {
	margin-left: 14px;
}
/************ CONTENT ************/
#content {
	width: 973px;
	margin: 0 auto;
}
/************ WPCOL 1-2 ************/
#wpcol1 {
	width: 713px;
	background-image: url(images/wpcol1.png);
	float: left;
	padding-left: 19px;
}
#wpcol1 label {
	font-weight: bold;
}
#wpcol1 h3 {
	border-bottom: 4px solid #d4d4d4;
	padding-bottom: 10px;
	font-size: 28px;
}
#wpcol2 {
	width: 243px;
	background-image: url(images/wpcol2.png);
	float: left;
}
#wpcol2 p {
	margin-left: 10px; margin-right: 10px;
}
#wpcolcenter {
	width: 975px;
	margin: 0 auto;
}
/************ COL 1-3 ************/
#col1 {
	background-image: url(images/col1.png);
	/*width: 489px;*/
	width: 464px;
	line-height:17px;
}
#col12 {
	background-image: url(images/bgcol12.jpg);
	/*width: 489px;*/
	width: 706px;
	
}
#col2 {
	background-image: url(images/col2.png);
	/*width: 242px;*/
	width: 217px;
	line-height:17px;
}
#col3 {
	background-image: url(images/col3.png);
	/*width: 242px;*/
	width: 217px;
	line-height:17px;
}
.acol1 {	background-image: url(images/acol1.png) !IMPORTANT; width: 214px !IMPORTANT; background-position: top right !IMPORTANT; }
.acol2 {	background-image: url(images/acol2.png) !IMPORTANT; width: 448px !IMPORTANT; }
.acol3 {	background-image: url(images/acol3.png) !IMPORTANT; width: 228px !IMPORTANT; }
.acol1 {
	padding-left: 15px !IMPORTANT;
	padding-right: 18px !IMPORTANT;
}
.acol2 {
	padding-right: 10px !IMPORTANT;
}
.acol2 ul li {
	font-size: 12px;
	list-style: square;
}
.acol3 {
	padding-left: 15px !IMPORTANT;
}
.speakdetails {
	font-size: 11px;
	color: #5f5f5f;
	text-transform: uppercase;
}
#col1,
#col12,
#col2,
#col3 {
	background-color: white;
	background-repeat: no-repeat;
	background-position: top right;
	float: left;
	padding-left: 25px;
	padding-bottom:15px;
}
#col2 p {
	font-size: 12px;
	padding-right: 10px;
	padding-left: 5px;
}
.attend a {
	text-transform: uppercase;
	font-size: 11px;
	display: block;
	font-weight: bold;
	margin-bottom: 18px;
}
.top {
	border-bottom: 4px solid #cecece;
	/*height: 31px;*/
	padding-top: 30px;
}
h2 {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	font-size: 24px;
	
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight:lighter;
}
h2.small {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
.item h3 {
	margin: 0;
	padding: 0;
	margin-top: 20px;
}
.item h3 a {
	font-size: 14px;
	color: #ff2b06;
	text-decoration: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
.item {
	font-size: 12px;
	border-bottom: 1px solid #e2e2e2;
	padding-bottom:10px;
}
.item .p {
	float: right;
	margin-top: 14px;
	margin-right: 17px;
}
.item .t {
	float: left;
	width: 360px;
}
.item p {
	/*color: #999999;*/
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	margin-top: 11px;
	margin-bottom: 17px;
	font-weight: normal;
	
	margin-top: 0px;
}
/************ SUBNAV ************/
#subnav ul {
	margin: 0;
	padding: 0;
	margin-left: 28px;
}
#subnav ul li {
	float: left;
	list-style: none;
	margin-right: 55px;
	color: white;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
#subnav ul li a {
	color: white;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
/************ SOCIAL NETWORKS ************/
table#socialnetworks {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	margin-bottom: 20px;
}
table#socialnetworks td {
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 4px;
}
table#socialnetworks td img {
	padding-right: 5px;
}
table#socialnetworks tr {
	background-color: none;
	padding-top: 2px;
}
table#socialnetworks tr:hover {
	background-color: #F4F4F4;
}
table#socialnetworks td a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}
table#socialnetworks .last td {
	/*border-bottom: 0 none;*/
}
table#socialnetworks td {
	font-size: 12px;
}
/************ FOOTER ************/
#foot {
	background-image: url(images/footback.png);
	background-color: #f4f4f4;
	/*background-image: none;
	background-color: black;*/
	background-repeat: repeat-x;
	clear: both;
	/*height:253px;
	overflow:hidden;*/
	
	width: 973px;
	margin: 0 auto;
	margin-top: -5px;
}
#footer {
	/*background-image: url(images/footback_dark.png);*/
	background-repeat: no-repeat;
	width: 950px;
	margin: 4px auto 0;
	height: 273px;
	/*height: 176px;*/
	padding-left: 25px;
}
#footer li, #footer li a {
	color: #7b7b7b;
	list-style: none;
	font-size: 11px;
	margin-bottom: 2px;
}
#footer h3, #footer h4 {
	font-size: 14px;
	margin: 0;
	padding: 0;
	margin-top: 25px;
	margin-bottom: 20px;
	color: #7b7b7b;
	font-weight:normal;
}
#footer ul {
	margin: 0;
	padding: 0;
}
#footer .b {
	float: left;
	width: 237px;
}
#footertext {
	width: 974px;
	height: 59px;
	margin: 0 auto;
	/*background-image: url(images/footertext.png);*/
	background-repeat: no-repeat;
	font-size: 11px;
	color: #7b7b7b;
	text-align: center;
	padding-top: 0; /*18px;*/
}
/************ MISC ************/
.clearer {
	clear: both; line-height: 0px;
}
a#allnews {
	text-transform: uppercase;
	float: right;
	font-weight: bold;
	font-size: 11px;
	margin-top: 22px;
	margin-bottom: 20px;
	margin-right: 40px;
}



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

 /* .rss { float:right; } */
#col1 .top h2 { /*float: left;*/ width: 450px; line-height: 1em; }
a.rss { margin-top: 24px; } 
h2.small { margin-top: 6px; } 
#col2 p { padding-left: 0; }
.top { margin-bottom: 20px; }
.t a { color: #b2b2b2; }
.p img { cursor: pointer; }
#wpcol1, #wpcol2 { height: 480px; } 
#wpcol1 { width: 712px; margin-left: 1px; padding-top:12px; }
#wpcol1 h3 { margin-top: 0; }
#wpcol2 { width: 242px; height: 492px; }
.b ul li ul { display: none; } 



/* STATIC SIDEBAR */
ul#social_networks
{
	margin-left: 0;
	list-style-type: none;
}


/* TOP SLIDER */
#videos
{
	width: 967px !important;
	height: 230px !important;
}

#videos ul
{
	padding: 0;
	list-style-type: none;
}

span#video_prev, span#video_next
{
	z-index: 1;
	position: absolute;
	top: 188px;
	top: 172px;
	width: 967px;
}

span#video_prev
{
	z-index: 2;
	width: 942px;
}

#video_prev a, #video_next a
{
	text-indent: 19px;
	width: 19px;
	height: 18px;
	background-position: top left;
	background-repeat: no-repeat;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	float: right;
}

#video_prev a
{
	background-image: url('/images/video_prev.gif');
}

#video_next a
{
	background-image: url('/images/video_next.gif');
}



/* FINAL TWEAKS */

#content ul { font-size: 12px; }

ul#more_news, ul#more_archive
{
	padding-left: 0;
	list-style-type: none;
}

ul#more_news li
{
	font-weight: bold;
	padding-bottom: 14px;
}

ul#more_archive li
{
	padding-bottom: 14px;
}

#small_dark ul li
{
	width: 231px;
	margin-right: 0;
	overflow: hidden;
	white-space: nowrap;
}

#small_dark a
{
	text-decoration: none;
	color: #5F5F5F;
}

p#sponsorblock
{
	margin: 0 !important;
	padding: 0 !important;
}

div.tips
{
	padding-top: 0 !important;
}

div.sponsors
{
	margin-bottom: 0 !important;
}

.smaller { font-size: 11px; margin-top: -16px; }
.newscol h2 { font-size: 18px; }
.embedlink { float:right; margin-right: 16px; }
.embedlink a { font-weight: bold; }
.banner-spot { border-bottom: 1px solid #cecece; padding-bottom: 12px; padding-top: 12px; }

/* Reactieform */
.reactieform {
	font-size: 12px;
	width:100%;
}

.reactieform input,
.reactieform textarea {
	width: 100%;
}
.submitbtn {
	text-align: right !IMPORTANT;
}
.submitbtn input {
	width: auto !IMPORTANT;
}
.reactieform textarea {
	height: 150px !IMPORTANT;
}
.reactieform .lbl {
	font-weight: bold;
	font-size: 12px;
	vertical-align:top;
}
.commentsystem {
	font-size: 12px;
		padding:20px 14px;
	background-color: #F2F2F2;
}
#all_comments {
	background-color: #F2F2F2;

	margin-top: 20px;
}
.one_comment {
	border-top:2px solid #C2C2C2;
padding-top:15px;
}
.one_comment .subject {
	font-weight: bold;
	padding-bottom: 3px;
}
.one_comment .message_author {
	color:#666666;
	margin-bottom: 10px;
}
#forgotpw_email_box table {
	background-color: white;
}




.sponsormedium {
	border: 1px solid #c0c0c0; 
	width: 150px; 
	height: 50px; 
	background-color: #FFFFFF; 
	text-align: center; 
	vertical-align:middle;
	}
	
	
.sponsorbig {
	width: 179px; 
	height: 83px;
	border: 1px solid #c0c0c0; 
	background-color: #FFFFFF; 
	text-align: center; 
	vertical-align:middle;
	}
	
.sponsorblack {
	width: 179px; 
	height: 83px;
	border: 1px solid #c0c0c0; 
	background-color: #000000; 
	text-align: center; 
	vertical-align:middle;
	}
	
	
	
a#experience
{
	margin-left: 563px;
	margin-top: 21px;
	position: absolute;
}

#col12 ol { font-size: 12px; }
.longercol { background-color: #fff !important; }
#col12 { background-color: #f8f8f8 !important; }

#col3 #sidebar { margin-left: 0px; padding-left: 0px; }
#col3 #sidebar ul { margin-left: 0px; padding-left: 0px; }

#col3 #sidebar ul h2.small,
#col3 #sidebar ul h4
{
	display: block; width: 100%;
	border-bottom: 4px solid #CECECE;
	margin: 41px 0 10px;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal;
}

#col12 ul, .entry ul
{
	font-size: inherit !important;
}

#col12 p, #col12 li,
.entry p, .entry li 
{
	font-size: 85%;
	line-height: 1.8em;
	word-spacing: normal;
}

#col3 #sidebar ul
{
	margin-left: 16px; 
}

#col3 ul
{
	font-size: 12px;
}

.commentsystem
{
	font-size: inherit !important;
	background-color: transparent !important;
	padding: 6px 0 !important;
}

.commentsystem h3 { display: none; }
.addthis_button_expanded { font-size: 85%; }