@charset "utf-8";

* {
	font-family:Arial, "¸¼Àº °íµñ","µ¸¿ò",Tahoma,sans-serif;
	font-size: 13px;
}

a {	color:#6981b1; text-decoration: none; }
a:visited {	color:#6981b1; text-decoration: none; }
a:hover { color:#8ba7de; text-decoration: underline; }

img { border:0px; }

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;
	background-color: #ffffff;
/*	background-image: url(/images/bkgd_b.jpg); 
	background-repeat: repeat-x;*/
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	color: #CCC;
}


h1 { color:#000000;}
h3 {
 	height: 28px;
	padding-left:35px;
	padding-top:3px;
	line-height: 19px;
	text-align:left;
	font-size: 19px;
 	background: url(/css/images/default/arrow.jpg) no-repeat;
 	font-weight: normal;
 	color: #000;
}



#logo {	 float:left; padding-top: 20px;	padding-left: 50px;	height: 40px;	color: #dad013;	font-weight: bold;	font-size: 22px;}
#slogan_text {	float: left; text-align: left; width: 400px; padding-top: 25px;	padding-left:12px; font-size:30px;}

#logo a {text-decoration: none; color: #dad013; font-weight: bold;	font-size: 22px;}
.menu{	float: left; width: 700px;	height: 35px;	margin-left: 285px;	padding-top: 0px; padding-bottom:20px;  font-size:14px;}
.menu ul {	margin: 0px;	padding-left: 110px;	list-style: none;text-align: center;}

.menu ul li {
	display: block;
	float: left;
	height: 33px;
	background: url(/css/images/default/menu_norm_start.png) no-repeat;
	margin-left: 2px;
}

.menu ul li a {
	display: block;
	height: 33px;
	background: url(/css/images/default/menu_norm_end.png) top right no-repeat;
	padding: 0 20px;
	line-height: 33px;
	color: #737373;
	text-decoration: none;
	text-transform: uppercase;
}

#text_summary { margin-bottom:5px; font-size: 16px; font-family: Arial, "¸¼Àº °íµñ","µ¸¿ò",Tahoma,sans-serif; color:#000000; }
#speaker_summary { margin-top:15px; font-size: 16px; font-family: Arial, "¸¼Àº °íµñ","µ¸¿ò",Tahoma,sans-serif; color:#000000; }
.aboutAuthor { width:95%; text-align:justify; font-family: Arial, "¸¼Àº °íµñ","µ¸¿ò",Tahoma,sans-serif;  padding:20px; margin-left:10px; margin-top:0px; margin-bottom:20px; border:1px solid #e1e1dd; border-bottom:0; background:#ffffff url(/css/images/common/bgH3.gif) repeat-x left bottom; overflow:hidden;}
.author {  margin-left:40px; margin-top:5px; font-size: 16px; font-family: Arial, "¸¼Àº °íµñ","µ¸¿ò",Tahoma,sans-serif; text-decoration: none; color:#000000}
.author .name {  color:#000000}
.translator {  margin-left:0px; margin-top:15px; font-size: 16px; font-family: Arial, "¸¼Àº °íµñ","µ¸¿ò",Tahoma,sans-serif; text-decoration: none; color:#000000}
.translator .name {  color:#000000}
.reviewer {  margin-left:0px; margin-top:0px; font-size: 16px; font-family: Arial, "¸¼Àº °íµñ","µ¸¿ò",Tahoma,sans-serif; text-decoration: none; color:#000000}
.reviewer .name {  color:#000000}


.TEDYear { color:#ff0000; text-decoration:bold; }


/*
.menu li a{	display:block; float: left; background: url(/css/images/default/menu_norm_start.png) center no-repeat;	font-size: 13px;	font-weight: bold;	text-align: center;	text-decoration: none;	color: #000000;	line-height: 33px; height: 33px; padding: 0 35px; text-decoration: none;
	text-transform: uppercase;}
.menu li a:hover, 
.menu li .current{	color: #000000;	background: url(/css/images/default/menu_norm_over.png) center no-repeat;}
*/



#head ul li a:hover {
	text-decoration: underline;
}



.sidebar_box {
	width:217px;
	background:url(/css/images/default/boxtop320.gif) no-repeat;
	border:#dddddd solid 1px;
	padding:5px;
	margin-bottom:10px;
}

.sidebar_box h3 {
	color: #333333;
	font-size: 15px;
	width: 214px;
	background:url(/css/images/default/boxtop320.gif) no-repeat;
	border:#dddddd solid 1px;
	padding: 2px 5px 3px 10px;
	margin: 0px 0px 5px 0px;
	font-weight:bold;
}

.sidebar_box a {
	font-size:13px;
	line-height:20px;
	padding-left:20px;
}


.player {
	height: 347px;
	text-align:center;
}
.player_toolbox {
	padding-top:5px;
	margin-left:110px;
	margin-right:110px;
	text-align:right;
}


#topmargin {
	margin: 8px 5px 2px 2px;
	color: #cccccc;
	text-align:left;
	font-size:11px;
	margin-top:8px;
}

#footer #topmargin b {
	color: #cccccc;
}


#wrapper {
	width: 1002px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 

#container {
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF; /* the auto margins (in conjunction with a width) center the page */
/*	border: 1px solid #000000; */
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	color: #040507;
}


#header {
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	margin-bottom:20px;
	background-color: #ffffff;
} 

#headlogo {
	float: left;
}


#nav {
	font-size:12pt;
	height:22px;
	padding-bottom:2px;
	padding-top:6px;
	padding-right: 0px;
	vertical-align:middle;
	width:550px;
	margin-bottom:60px;
	margin-top: 45px;
	margin-right: 5px;
	float: right;
}

/* #nav {
	background: #555555 url(http://www.tedxseoul.com/images/nav_background.gif) repeat-x scroll left top;
	color:white;
	font-size:10pt;
	height:22px;
	padding-bottom:2px;
	padding-top:6px;
	vertical-align:middle;
	width:100%;
	margin-bottom:10px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	float: left;
}
*/

#nav #item {
float:right;
margin-left:10px;
text-align: right;
}

#nav #search {
float:right;
margin-right:8px;
}

#nav #search form input.text {
border-color:#949494;
border-style:solid none none solid;
border-width:1px 0 0 1px;
color:#666666;
float:left;
font-size:12px;
height:16px;
padding:2px 5px 0;
width:180px;
}

#nav #search form input.button {
float:left;
}

#nav a {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background-color:#EEE;
color:#666666;
font-size:12pt;
padding: 2px 20px 4px 20px;
margin-left: 5px;
margin-right: 0px;
text-decoration:none;
}

#nav a:hover {
color:white;
font-size:12pt;
padding: 2px 20px 4px 20px;
background-color:#FF2B06;

text-decoration:none;
}

#nav a.current {
background-color:white;
color:#390A51;
font-weight:bold;
opacity:0.5;
padding:5px 7px;
}


#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#sidebar {
	float: right; /* since this element is floated, a width must be given */
	width: 239px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 20px;
	margin-top: 30px;
	padding-top: 0px;
	border-left:dotted #999999 1px;
	}
	
#sidebar p {
	font-size: 12px;
	color: #555;
	line-height: 18px;
	margin-top: 5px;
}
#sidebar h1 {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(/xe/layouts/TEDxSeoul/images/default/arrow.jpg) no-repeat scroll 0 0;
	color:#666666;
	font-size:16px;
	font-weight:bold;
	height:28px;
	line-height:19px;
	padding-left:35px;
	padding-top:3px;
	margin:0px;
	text-align:left;
}

.sidebar_box {
	width:217px;
	background:url(/images/boxtop320.gif) no-repeat;
	border:#dddddd solid 1px;
	padding:5px;
	margin-bottom:30px;
}

.sidebar_box h3 {
	color: #333333;
	font-size: 15px;
	width: 214px;
	background:url(/images/boxtop320.gif) no-repeat;
	border:#dddddd solid 1px;
	padding: 2px 5px 3px 10px;
	margin: 0px 0px 5px 0px;
	font-weight:bold;
}

.sidebar_box a {
	font-size:13px;
	line-height:20px;
	padding-left:0px;
}

#mainContent {
	padding-top: 0;
	padding-right: 20px;
	padding-left: 10px;
	padding-bottom: 40;
	float: left;
	width: 700px;
} 

#mainContent_nosb {
	padding-left: 10px;
	padding-right: 10px;
} 

# {
	padding: 10px;
	background-color: #333333;
	color: #cccccc;
	text-align: left;
	font-size:12px;
	margin-top:8px;
} 

#bottommargin {
	margin: 2px 2px 10px 0px;
	font-color: #ffffff;
	text-align:right;
	font-size:11px;
}

#bottommargin a {
	color: white;
}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#content { 	float: left; /* since this element is floated, a width must be given */
 padding-left:10px; padding-top:20px; margin-left: 17px; margin-top:20px; width:680px;}



#mainContent .contentDate {
	color: #8C8C8C;
}
#mainContent h2 {
	font-size: 16px;
	color: #333;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#mainContent p {
	font-size: 13px;
	line-height: 22px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-left: 5px;
	padding-right: 5px;
	color: #666;
}
#mainContent dd {
	font-size: 12px;
	line-height: 16px;
	color: #39C;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 50px;
}

#mainContent img {
	margin-right: 10px;
	margin-top: 8px;
}

#footer {
	background-color:#eee;
	margin-top:40px;
/*	background-image:url(http://www.tedxseoul.com/images/nav_background.gif); */
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border:#999 1px;
	padding: 20px;
	text-align:center;
}

#footer_text {
	font-size: 11px;
	color: #666666;
	font-color: #ffffff;
	text-align: left;
	width:700px;
}

#talkplayer {
	text-align:center;
}

.NFboardHeader {
background:#FFFFFF url(/xe/modules/board/skins/xe_board/css//css/images/common/bgH3.gif) repeat-x scroll left bottom;
border-color:#E1E1DD #E1E1DD -moz-use-text-color;
border-style:solid solid none;
border-width:1px 1px 0;
overflow:hidden;
}

.NFboardHeader .NFboardHeaderBorder {
width:100%;
}

.NFboardDescription {
background-color:#FFFFFF;
border:1px solid #DDDDDD;
color:#AEAEAE;
margin:5px 0;
overflow:hidden;
padding:10px;
}

.NFboardHeader h3 {
border-bottom:3px solid #FE3614;
margin:0;
}
.NFboardHeader h3 {
background:#FFFFFF url(/xe/modules/board/skins/xe_board/css//css/images/common/lineH3.gif) no-repeat scroll right bottom;
float:left;
font-size:1.2em;
margin:0;
padding:15px 15px 12px;
}

.welcome {
	
	background:url(/yawn.jpg) no-repeat;
	height: 452px;
	width: 980px;
}

.tagline {
    position: relative;
    height: auto;
    width: 620px;
    top: 30px;
	color: #ffffff;
	font-size: 44px;
	background:#000000;
	font-weight:bold;
	opacity: 0.8;
	filter:alpha(opacity=80);
	padding-bottom: 10px;
	padding-left: 10px;
}

.tagline h2 {
	color:#ff1111;
	font-size:24px;
	margin: 0px;
	padding-bottom: 3px;
}

.welcome_items {
	position: relative;
    height: auto;
    width: 300px;
	margin-left:680px;
    top: 170px;
	font-size: 36px;
	text-align:right;
}

.welcome_items ul {
	margin: 0px;
	padding: 0px;
}

.welcome_items li {
	margin: 0px 0px 15px 0px;
	padding: 0px 5px 0px 0px;
	list-style:none;
	height:50px;
	background-color: #243c6d;
	color: #ffffff;
}

.welcome_items a {
	font-size: 24px;
	margin: 0px;
	padding: 0px;
	font-weight:bold;
	color:#ffffff;
	text-decoration: none;
}

.welcome_items a:hover {
	font-size: 24px;
	font-weight:bold;
	color:#ffffff;
	text-decoration: none;
}

.welcome_items a:visited {
	font-size: 24px;
	font-weight:bold;
	color:#ffffff;
	text-decoration: none;
}

.quote {
	font-size:10px;
	margin-left: 40px;
	margin-right:40px;
	margin-bottom:10px;
	padding: 15px;
	border:dotted #cccccc thin;
	background: #f4f4f4;
	line-height:13px;
	color:#666;
	font-family:Arial, "Lucida Console", Monaco, monospace;
}


.content_box h6 {
	color: #FF2B06;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0px;
	font-weight:bold;
}

.content_box h5 {
	color: #333333;
	font-size: 20px;
	padding-left: 5px;
	margin: 0px;
	font-weight:bold;
}

.content_box a {
	font-size: 20px;
	padding: 0px;
	margin: 0px;
	font-weight:bold;
}



.content_box p {
	color: #666666;
	font-size: 9px;
	line-height: 12px;
	padding-bottom:10px;
	padding-left: 0px;
}

.content_box {
	border:#cccccc solid 1px;
	margin:20px;
	padding:20px;
/*	background:url(images/boxtop320.gif) no-repeat; */
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background-color:#fcfcfc;
}


/* sub.php nav tab */

.subhead_event {
	background:url(http://www.tedxseoul.com/images/speaker/event_head.jpg) no-repeat;
	height: 154px;
	width: 700px;
	padding: 0px;
}

.subhead_about {
	background:url(http://www.tedxseoul.com/images/speaker/event_head.jpg) no-repeat;
	height: 154px;
	width: 700px;
	padding: 0px;
}

/* .sub_items {
	position: relative;
    height: auto;
    width: 150px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom: 0px;
	margin-top: 0px;
    top: 100px;
	font-size: 24px;
	text-align:right;
*/

#sub_items {
	float:left;
	margin: 0px;
	padding: 0px;
	width: 700px;
	height: 40px;
	opacity: 0.8;
	filter:alpha(opacity=80);
	background:#000000;
	
}

/*
#sub a {
	margin: 0px 10px 0px 10px;
	color:white;
	font-size:16pt;
	font-weight:bold;
	padding: 2px 15px 10px 15px;
	text-decoration:none;
}
#sub a:hover {
	color:white;
	font-size:16pt;
	font-weight:bold;
	padding: 2px 15px 10px 15px;
	background-color:#4961a1;
	text-decoration:none;
}

#sub a.current {
	background-color:white;
	color:#390A51;
	font-weight:bold;
	opacity:0.5;
	padding:5px 7px;
}
*/

#sub_items ul {
	float: right;
	width: 700px;
	margin: 0px;
	padding: 0px;
}

#sub_items li {
margin-left: 8px;
list-style: none;
}
* html #sub_items li {
	display: inline; /* ie6 double float margin bug */
}

#sub_items li {
	float: left;
	margin: 0px;
	padding: 2px 20px 8px 20px;
	color:white;
	font-size:16pt;
	blackground-color: #000000;

}
#sub_items li a {
	float: left;
	margin: 0px;
	padding: 0px;
	color:white;
	font-size:16pt;
	blackground-color: #000000;

}
#sub_items ul li a {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	color: white;
	font-weight: bold;
	blackground-color: #000000;
}

#sub_items ul li.active {
	color:white;
	font-size:16pt;
	background-color:#FF2B06;
}

#sub_items ul li.active a {
	color:white;
	font-size:16pt;
	background-color:#FF2B06;
/*	background-color:#4961a1; */
}

.retweet {
	margin-top: 8px;
	margin-right: 5px;
	margin-left: 5px;
	text-align: right;
}

#countdown-panel {
    background:                 url("/xe/images/tedxseoul_bg_countdown.gif");
    width:                      294px;
    height:                     89px;
}
#countdown-panel p {
    position:                   relative;
    margin:                     0px;
    padding:                    0px;
    top:                        10px;
    left:                       40px;
    font-weight:                bold;
    font-size:                  44px;
    color:                      #FF2B06;
}


/* boardRead */
.viewDocument { border-bottom:2px solid #AAAAAA; margin-bottom:20px; }
.boardRead { margin:10px  0 10px 0; }


.boardRead .titleAndUser { overflow:hidden; border-bottom:1px solid #e0e1db; }

.boardRead .titleAndUser .title { color:#ff0000; font-size:20px; float:left; margin:10px 0 5px 0; font-family:Arial, "¸¼Àº °íµñ","µ¸¿ò",Tahoma,sans-serif; }
.boardRead .titleAndUser .title a { color:#000000; text-decoration:none; }
.boardRead .titleAndUser .title a:hover { text-decoration:underline; }

.boardRead .titleAndUser .userInfo { float:right; white-space:nowrap; margin-top:11px; }
.boardRead .titleAndUser .userInfo .author { color:#3074a5; }
.boardRead .titleAndUser .userInfo .author a { color:#3074a5; text-decoration:none; }

.boardRead .dateAndCount { clear:both; white-space:nowrap; color:#444444; margin:5px 0 0 0; font-size:.9em; font-family:tahoma; line-height:17px; padding-bottom:10px; }

.boardRead .dateAndCount .uri { float:left; }
.boardRead .dateAndCount .uri a { text-decoration:none; margin-left:4px; color:#BBBBBB; }

.boardRead .dateAndCount .date { float:right; background:url("/css/images/common/calendar.gif") no-repeat left top; padding-left:18px; margin-left:10px; }
.boardRead .dateAndCount .readedCount { float:right; color:#AAAAAA; margin-left:10px; background:url("/css/images/common/read.gif") no-repeat left top; padding-left:18px; color:#4A3FD7;}
.boardRead .dateAndCount .votedCount { float:right; color:#AAAAAA;  margin-left:10px; background:url("/css/images/common/vote.gif") no-repeat left top; padding-left:18px; color:#D76A3F;}
.boardRead .dateAndCount .replyAndTrackback { float:right; }
.boardRead .dateAndCount .replyAndTrackback .replyCount { margin-left:10px; float:left; background:#FFFFFF url(/css/images/common/iconReply.gif) no-repeat left 1px; padding-left:15px; }
.boardRead .dateAndCount .replyAndTrackback .trackbackCount { margin-left:10px; float:left; background:#FFFFFF url(/css/images/common/iconTrackback.gif) no-repeat left 1px; padding-left:15px; }
.boardRead .dateAndCount .replyAndTrackback a { color:#333333; white-space:nowrap; text-decoration:none; }
.boardRead .dateAndCount .replyAndTrackback a:hover { text-decoration:underline; }
.boardRead .dateAndCount .category { float:left; margin-right:10px; }
.boardRead .dateAndCount .category a { color:#555555; text-decoration:none; background:url("/css/images/common/category.gif") no-repeat left -1px; padding-left:18px; font-weight:bold;}
.boardRead .dateAndCount .category a:hover { text-decoration:underline; }