/*  
Theme Name: e27Unique
Theme URI: http://www.e27.sg/unconference/2009
Description: e27
Author: Ling
Author URI: http://techsailor.com
*/


/* ======================================================== PUBLIC ==========================================================*/
html, body, form, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl {
	margin:0;
	padding:0;
	border:0;
}
html {
overflow-x:hidden;
}

body {
	font-size:12px;
	color:#000;
 	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	background:#00a052 url(images/wrapper_bg.jpg) center top repeat-x;
}
h1 {
	font-size:28px;
	color:#000;
	font-family:Georgia;
	line-height:32px;
	font-weight:normal;
}
h2 {
	font-size:18px;
	color:#000;
	font-family:Georgia;
	line-height:20px;
}
	
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
.centered {
	text-align:center;
}
img {
	vertical-align:middle;
}
input, select, textarea {
	color:#666;
	vertical-align:middle;
	margin:0;
	font-size:12px;
	font-family:Arial;
}
a img {
	border:none;
}
a img.border {
	border:1px solid #8e8e8e;
	padding:2px;
}
a:hover img.border {
	border:1px solid #00a052;
}
.DLine {
	margin:0 5px;
}
.Smallbox {
	margin-bottom:10px;
}
.box {
	margin-bottom:20px;
}
ul.Lists li {
	list-style:none;
	padding:10px 0;
}
.Dotted {
	border-bottom:1px dotted #ccc;
	margin-top:5px;
}
.SmallFont {
	font-size:11px;
}
.Page a {
	color:#144b8e;
	padding:2px 4px;
	text-decoration:none;
}
.Page a:hover {
	color:#144b8e;
	text-decoration:underline;
}
.Page .activated {
	background:#b1ecff;
	padding:2px 4px;
	font-weight:bold;
	color:#144b8e;
}
label {
	padding:3px;
	width:200px;
	float:left;
}
.Dividing_line {
	margin:0 5px;
}
.LH {
	line-height:18px;
}
/* ======================================================== LINKS ==========================================================*/
a {
	color:#0f4688;
	text-decoration:underline;
}
a:hover {
	color:#00a052;
	text-decoration:none;
}
a.BlueFont {
	color:#0f4688;
	text-decoration:none;
}
a.BlueFont:hover {
	color:#00a052;
	text-decoration:underline;
}
a.WhiteFont {
	color:#fff;
	text-decoration:underline;
}
a.WhiteFont:hover {
	color:#00a052;
	text-decoration:none;
}
/* ======================================================== BUTTON ==========================================================*/
a.Grey_btn {
	background:url(images/grey_btn_l.gif) left top no-repeat;
	height:26px;
	padding-left:20px;
	float:left;
	text-decoration:none;
}
a.Grey_btn span {
	background:url(images/grey_btn_r.gif) right top no-repeat;
	line-height:26px;
	padding-right:20px;
	color:#000;
	float:left;
}
a.Grey_btn:hover span {
	color:#00a052;
	text-decoration:none;
}
/* ======================================================== COLOR ==========================================================*/
.White {
	color:#fff;
}
.Black {
	color:#000;
}
.Grey {
	color:#666;
}
.Green {
	color:#00a052;
}
.Blue {
	color:#144b8e;
}
/* ======================================================== WRAPPER ==========================================================*/
.Wrapper {
	margin:0 auto;
	width:990px;
	padding:12px 0px 0;
	height:750px;
}
.Top_bar {
	background:url(images/wrapper_top.gif) no-repeat;
	width:100%;
	height:8px;
}
.Bottom_bar {
	background:url(images/wrapper_bottom.gif) no-repeat;
	width:100%;
	height:13px;
}
.Mid_bar {
float:left;
	width:100%;
	background:#fff;
}
/* ======================================================== HEADER ==========================================================*/
.Header {
	width:100%;
}
.Logo {
	float:left;
	padding: 20px 30px;
}
.CFBox {
	position:absolute;
	top:-8px;
	right:0;
	z-index:2;
}
.e27 {
	float:right;
	padding-top:40px;
	padding-right:20px;
	text-align:right;
	display:inline;
}
.Facebook {
	font-size:11px;
	color:#355087;
}
.Facebook img {
	margin-left:15px;
	margin-bottom:5px;
}
.Facebook a {
	color:#888;
	text-decoration:underline;
}
.Facebook a:hover {
	color:#000;
	text-decoration:none;
}
.NavBar {
width: 950px;

float:left;

background-image:url('images/nav_bar.gif');

background-repeat:repeat-x;

padding:0 20px;
}

.NavBar ul.Menu{
width:100%;
float:left;
background-image:url(images/nav_bar.gif);
background-repeat:repeat-x;
list-style:none;
}

.NavBar ul.Menu li {
	line-height:40px;
	margin:0 10px;
	float:left;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
}
.NavBar ul.Menu li a:link, .NavBar ul.Menu li a:visited, .NavBar ul.Menu li a:hover {
	background:#000 url(images/nav_bar.gif) center top repeat-x;
	color:#eee;
	text-decoration:none;
	display:block;
	padding:0 15px;
}

.NavBar ul.Menu li a:hover {
	background:#000 url(images/nav_bar.gif) center top repeat-x;
	color:#fff;
	text-decoration:none;
	display:block;
	padding:0 15px;
}

.NavBar ul.Menu li a.activated {
	background:#00a052 url(images/menu_activated.gif) center top no-repeat;
	color:#fff;
	padding:0 15px;
}
	
.SearchBox {
	float:right;
	margin-top:8px;
	*margin-top:5px;
}
.SearchBox input {
	width:200px;
	padding:4px;
	font-style:italic;
	color:#525252;
	margin-right:5px;
	border:none;
}
/* ======================================================== CONTENT ==========================================================*/
.Content {
	width:100%;
}
.Mid_content{
    background-image:url(images/midonbg.gif);
	width:100%;
	background-repeat:repeat;
	}
/* ======================================================== LEFTCOL ==========================================================*/
.LeftCol {
	float:left;
	width:660px;
}
/*==========start pengdan==========*/
.Mid_left{
   float:left;
   width:637px;
   margin-left:12px!important;
   margin-left:6px;
   padding:0;
  } 
  
.Title_bg_full{
	background-image:url(images/title_bg_full.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-family:Georgia;
	font-size:22px;
	font-style:italic;
	height:52px;
	line-height:52px;
	padding:0 0 0 40px;
	margin-bottom:8px;
}

.Title_bg{
	background-image:url(images/title_bg.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-family:Georgia;
	font-size:22px;
	font-style:italic;
	height:52px;
	line-height:52px;
	padding:0 0 0 40px;
	margin-top:18px;
}

.Title_bg .twitter{
float:right;
padding:10px 30px 0px 0px;
}
.Title_bg .facebook{
float:right;
padding:10px 10px 0px 0px;
}


.photo{
 background-color:#000;
 height:242px;
} 

ul li img{
  float:left;
  } 
.caption{
   color:#fff;
   float:left;
   line-height:18px;
   width:200px;
   margin-left:20px;
   display:inline;
   padding-top:30px;
  }
.caption h2 {
color:#fff;
}
.photo_imag{
  float:left;
  }

.Col{
  padding:25px 20px;
  height:500px;
  }
 strong{
    padding:5px 5px 5px 15px;
	font-size:12px;
	} 
.current{
   padding-left:75px;
   
   }

.current .contentbox{
float:left;
margin-left:3px;
width:400px;
}	 

.Speakers{
 float:left;
 width:600px;
 padding:15px;
 font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
}	
 
.Speakers ul.profile li{
	width:100%;
	clear:both;
  list-style-type:none;
  border-top:dotted #ccc 1px;
  display:block;
  padding:15px 0px 0px 0;
  margin:12px 0px;
  float:left;
}	

.Speakers ul.profile li .description{
width:510px;
float:left;
padding-left:20px;
}

.Speakers ul.profile li .description .name{
    font-size:20px;
	font-family:Lucida Sans;
	color:#00256f; 
	padding:10px 0px;
}  	

.Speakers ul.profile li .description .work{
float:left;
padding:5px 0px;
}

.Speakers ul.profile li .description .work .text_l{
  float:left;
  width:70px;
  font-weight:bold;
  text-align:left;
}  
.Speakers ul.profile li .description .work .text_m{
  float:left;
  width:7px;
  padding-right:3px;
}  
.Speakers ul.profile li .description .work .text_r{
  float:left;
  width:420px;
  line-height:18px;
}   

/*=========end pengdan===========*/   
    
.LeftCol .Col {
	padding:25px 20px;
}
.LeftCol .Col ul.Lists li {
	background:url(images/entry_bg.gif) left bottom no-repeat;
	padding:10px 5px 25px 5px;
	margin-bottom:15px;
	width:607px;
	position:relative;
}
.LeftCol .Col ul.Lists li h1 {
	width:490px;
	margin-left:65px;
}


.NumberBox {
	position:absolute;
	top:-30px;
	right:10px;
	background:url(images/num_bg.gif) no-repeat;
	line-height:22px;
	text-align:center;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	width:39px;
	height:27px;
}
.Col ul.Lists li .LogoBox {
	width:190px;
	text-align:center;
	margin-right:10px;
	float:left;
}
.Col ul.Lists li .LogoBox img {
	max-width:190px;
}
.Col ul.Lists li .IntroBox {
	float:left;
	width:385px;
	color:#000;
	line-height:20px;
}
.NewsBar {
	background:url(images/news_bar.gif) no-repeat;
	line-height:30px;
	font-size:12px;
	color:#fff;
	padding-left:100px;
}	
/* ======================================================== RIGHTCOl ==========================================================*/
.RightCol {
	width:330px;
	margin-right:0!important; 
	margin-right:-3px; 
	float:left;
}
/*=========start pengdan=========*/
.Mid_right{
    width:318px;
	padding-right:12px;
	float:right;
	}
.Side_Title_bg{
    background-image:url(images/gray.jpg);
	background-repeat:no-repeat;
	height:52px;
	line-height:45px;
	font-size:18px;
	font-family:Georgia;
	color:#fff;
	font-style:italic;
	clear:both;
	padding:0px 0px 0px 30px;
	margin-top:20px;
	}	
	
.righttext{
	background-color:#FAF9F9;
	width:300px;
	margin:9px;
	}


.Schedule{
float:left;
width:90%;
padding:0px 5% 5% 5%;
}

.Schedule ul.timetable li{
  list-style-type:none;
  display:block;
  float:left;
  padding:10px 5px;
 } 
 
.Schedule ul.timetable li.alt{
background-color:#e1e0e0;
}
 
.Schedule ul.timetable li .time{
   width:75px;
    float:left;
	color:#00601E;
	font-size:12px;
}

.Schedule ul.timetable li .description{
   width:185px; 
   float:right;
   margin-left:10px;
} 

.Schedule ul.timetable li .hilite{
   background-color:#FDEBC9;
} 



/*=========end pengdan==========*/	
.IvolvedBox {
	background:url(images/involved_bg.gif) repeat-y;
	padding:23px 15px;
	color:#6e6e6e;
	font-size:13px;
	margin-left:2px;
}
.IvolvedBox a div {
	padding:15px 0;
	font-size:20px;
	color:#00a052;
	font-weight:bold;
	margin-left:40px;
	text-decoration:none;
}
.IvolvedBox a div img {
	margin-right:10px;
}
.IvolvedBox .GreyFont {
	font-size:16px;
	color:#434343;
	font-weight:bold;
}
.ConnectedBox {
	background:url(images/connected_bg.gif) no-repeat;
	padding:35px 30px 25px;
}
.ConnectedBox a div {
	font-size:12px;
	color:#00a052;
	font-weight:bold;
	text-decoration:none;
}
.ConnectedBox a div .Dotted {
	border:none;
	background:url(images/dotted_line.gif) left bottom no-repeat;
	padding-bottom:10px;
	padding-left:5px;
	width:214px;
	margin:0;
	display:inline-block;
}
.ForumBox {
	background:url(images/homepage_forum_bg.gif) repeat-y;
	padding:25px 30px;
}
.ForumBox ul.Lists li {
	background:url(images/square_green.gif) left 15px no-repeat;
	padding-left:15px;
	font-family:Arial;
	color:#666;
}
.AdsBox {
	background:url(images/homepage_ads_bg.gif) repeat-y;
	padding:25px 30px;
}
.NextEvent_Box {
	background:url(images/homepage_nextevent_bg.gif) repeat-y;
	padding:20px 12px;
}
.NextEvent_Box .Box_bg {
	background:url(images/homepage_nextevent_box.gif) no-repeat;
	padding:110px 20px 35px;
	color:#333;
}
.Top_btn {
	float:right;
	margin-right:20px;
}
/* ======================================================== BlOG ENTRY PAGE ==========================================================*/
a.JumpLink_l {
	background:url(images/arrow_left_icon.gif) left top no-repeat;
	padding-left:25px;
	float:left;
	color:#144b8e;
	text-decoration:none;
	width:260px;
	text-align:left;
}
a.JumpLink_l:hover {
	color:#00a052;
	text-decoration:underline;
}
a.JumpLink_r {
	background:url(images/arrow_left_icon.gif) right top no-repeat;
	padding-right:25px;
	float:right;
	color:#144b8e;
	text-decoration:none;
	width:260px;
	text-align:right;
}
a.JumpLink_r:hover {
	color:#00a052;
	text-decoration:underline;
}
.LeftCol .CommentsBox ul.Lists li {
	margin-bottom:10px;
	background:#f2f2f2;
	border-bottom:1px solid #cdcccc;
	padding:15px;
	width:580px;
	list-style-type:none;
}
ul.Lists li .CContent {
	width:510px;
	float:left;
	margin-left:10px;
	color:#000;
}
.LYCBox label {
	font-size:11px;
}
.LYCBox input {
	width:242px;
	border:1px solid #aeaeae;
	padding:3px;
}
.LYCBox textarea {
	width:600px;
	height:140px;
	padding:3px;
	border:1px solid #aeaeae;
}
.SelectBox h2 {
	margin:3px 0;
}
.SelectBox select {
	width:270px;
	border:1px solid #aeaeae;
	padding:3px;
}
.NextEvent_Box .Top_bar {
	background:url(images/blogpage_comments_top_bar.gif) left top no-repeat;
	height:57px;
	width:301px;
}
.NextEvent_Box .Top_bar ul.TabMenu li {
	padding:25px 0 15px 0;
	list-style-type:none;
	font-size:14px;
	color:#555;
	text-align:center;
	float:left;
	display:block;
	font:Georgia;
	cursor:pointer;
}
ul.TabMenu li.box1 {
	width:135px;
}
ul.TabMenu li.box2 {
	width:166px;
}
ul.TabMenu li.activated {
	background:url(images/blogpage_top_bar_activated.gif) left top;
	color:#000;
	font-weight:bold;
}
ul.TabMenu li.activated2 {
	background:url(images/blogpage_top_bar_activated2.gif) left top;
	color:#000;
	font-weight:bold;
}
.NextEvent_Box .Bottom_bar {
	background:url(images/blogpage_comments_bottom_bar.gif) left bottom no-repeat;
	width:261px;
	height:auto;
	padding:10px 20px 20px 20px;
}
/* ======================================================== BlOG MAIN PAGE ==========================================================*/
.LeftCol .Col ul.Lists li.blue_bg {
	background:url(images/entry_blue_bg.gif) left bottom no-repeat;
}
ul.Lists li.blue_bg h1 {
	font-size:28px;
	color:#002860;
	line-height:25px;
}
ul.Lists li.blue_bg .NumberBox {
	background:url(images/num_blue_bg.gif) no-repeat;
}
.Blogger_Box {
	background:url(images/blogpage_blogger_box.gif) no-repeat;
	padding:20px 15px;
	font-family:Arial;
}
.Blogger_Box .SolidDiv {
	background:url(images/blogger_box_solid.gif) left bottom no-repeat;
	display:inline-block;
}
.Blogger_Box .SolidDiv h2 {
	width:200px;
	margin-top:20px;
}
/* ======================================================== COMMUNITY PAGE ==========================================================*/
.BannerBox {
	background:url(images/communitypage_banner_bg.gif) repeat-x;
	padding:43px 15px;
}
.FeedBox {
	background:url(images/communitypage_feed_box.gif) no-repeat;
	padding:20px 25px 35px;
	height:140px;
}
.FeedBox .contentdiv {
	background:url(images/communitypage_feedbox_bird.png) left bottom no-repeat;
    padding-left:60px;
}
.FlickrBox {
	padding:0 18px;
}
.FlickrBox ul.Album li {
	width:90px;
	height:90px;
	list-style-type:none;
	float:left;
}
a img.blueborder {
	border:2px solid #74d2f1;
}
a:hover img.blueborder {
	border:2px solid #25e184;
}
.Polls .Dotted {
	padding:0 20px 10px;
}
/* ======================================================== EVENTS ENTRY PAGE ==========================================================*/
.event_bar {
	background:url(images/event_bar.gif) no-repeat;
	padding:5px 12px;
	width:575px;
	display:block;
	margin-left:10px;
}
.event_bar a {
	background:url(images/events_bar_line.gif) right top no-repeat;
	padding:0 8px;
	line-height:27px;
	height:27px;
	float:left;
}
.PEBox ul.Lists li {
	border-bottom:1px dotted #ccc;
	padding:10px 20px;
	position:relative;
}
.PEBox ul.Lists li .NameBox {
	float:right;
	text-align:right;
	margin-bottom:10px;
	position:absolute;
	bottom:-3px;
	right:20px;
	line-height:18px;
	width:150px;
}
.CalendarBox h2 {
	margin-left:20px;
}
/* ======================================================== EVENTS ENTRY PAGE ==========================================================*/
.EventsBox {
	background:url(images/events_blue_bar.gif) no-repeat;
	line-height:39px;
	padding:0 15px 0 25px;
	font-size:14px;
	width:594px;
	font-weight:bold;
	color:#333;
	height:39px;
}
.EventsBox h2 {
	margin-top:8px;
}
.DateBox {
	position:absolute;
	top:-60px;
	left:0;
}
.DateBox .date_top {
	background:url(images/datebox_month_bg.gif) left top no-repeat;
	font-size:11px;
	color:#fff;
	text-align:center;
	width:51px;
	line-height:19px;
}
.DateBox .date_bottom {
	background:url(images/datebox_date_bg.gif) left bottom no-repeat;
	font-size:18px;
	color:#666;
	text-align:center;
	width:51px;
	line-height:32px;
}
.EventsPage .LeftCol .Col ul.Lists li h1 {
	width:540px;
}
/* ======================================================== FOOTER ==========================================================*/
/*===========start pangdan===========*/
.Footer{
    background-image:url(images/footerbg.gif);
	background-repeat:no-repeat;
	color:#959595;
	float:left;
	font-size:11px;
	height:49px;
	line-height:49px;
	padding-left:25px;
	width:100%;
}

/*======end pengdan========*/
/*Style for Auto Changing main top page Gallery*/.gallerycontroller{overflow: hidden;position:absolute;right:-1px;bottom:0px;*margin-right:1px;}*+html .gallerycontroller {bottom:-1px;}.gallerycontent{width: 637px;height: 242px;border: none;background-color: #DFDFFF;padding: 0;display: block;z-index:1;}.gallerycontent .description {background-color:#000;-moz-opacity:.80; filter:alpha(opacity=80); opacity:.80;width: 485px;padding: 15px 125px 14px 15px;font-size: 13px;position: absolute;left: 0;bottom: 0;color:#fff;margin-left:12px;font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}*+html .gallerycontent .description {bottom:-1px;}.gallerycontent .description h1 {color:#fff; font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:23px; font-weight:bold; line-height:25px;}.gallerycontent .description p {margin:0;}.gallerycontent img {
height:242px;
width:637px;
}a.gallerycontrol{float: left;text-align:center;width:29px;height: 25px;line-height: 25px;background:url(images/top_gal_sub_bg.gif) left top no-repeat;color:#000;font-size: 11px;text-decoration: none;margin-left:5px;}a.gallerycontrol:hover, a.activated {background:url(images/top_gal_sub_bg.gif) left bottom no-repeat;font-weight:bold;color:#000;}#bodya1 {width:637px;}

/*======Sponsors========*/
.Sponsors .col{
width:125px;
float:left;
padding: 15px;
}

/* ======================================================== Page Content ==========================================================*/
.PageContent{
	width:96%;
	padding:2% 2% 4% 2%;
	font-size:12px;
	line-height:19px;
	color:#000;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
}

.PageContent p{
	padding:5px 0px;
}

.PageContent .entry{
	font-size:12px;
	line-height:19px;
	color:#000;
}