/*
Theme Name: BarcampSaigon 2009
Theme URI: http://frexy.com
Description: Custom theme for BarcampSaigon 2009. Designed by Min Tran, implemented by Nguyen Ngo
Author: Frexy
Author URI: http://frexy.com
Tags: white, red, two columns, minimalist, valid, widget ready, simple, clean
Version: 0.1
License: This theme is released under GPL (http://www.opensource.org/licenses/gpl-3.0.html)

*/

/* reset layout */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0; }

/* ------
	CSS from Frexy - http://frexy.com
	Implemented by Nguyen Ngo - me@nhnguyen.com
--------*/

html{ background: url(images/branding-bg.png);}
body{ font: 0.86em/160% arial, tahoma, verdana, serif, "Courier New";}

a{ text-decoration: none; outline-style: none;}
.centered{ width: 940px; margin: 0 auto;}

#branding,
#content,
#footer{ float: left; width: 100%;}
/* branding */
#branding{ background: url(images/skyline-top.png) repeat-x center bottom; padding-bottom: 160px;}
	#barcamp{ float: left; padding: 40px 0 0 0px;}
		#barcamp a{ display: block; width: 220px; height: 30px; background: url(images/barcampsaigon.png) no-repeat; text-indent: -9999px;}

	#nav{ float: right; width: 690px; padding-top: 40px; font-size: .89em;}
		#nav li{ float: left; text-align: center; width: 105px; list-style-type: none; height: 31px; margin-right: 10px;}
		#nav li a{ display: block; height: 31px; line-height: 230%; padding: 0 8px; color: #fff; text-transform: uppercase;}
		#nav li:hover,
		#nav li.selected,
		#nav li.current_page_item{ background: url(images/nav-bg.png) no-repeat;}
		#nav li:hover a,
		#nav li.selected a,
		#nav li.current_page_item a{ background: url(images/nav-end-bg.png) no-repeat right top;}
	
	#panel{ float: left; width: 940px; height: 235px; background: url(images/panel-bg.png) no-repeat; margin: 40px 0 15px; font-size: 1.1em; color: #575757;}
		#panel .what,
		#panel .when,
		#panel .where{ float: left; display: inline;}
		#panel .what{ width: 230px; margin-left: 110px;}
		#panel .when{ width: 270px; margin-left: 30px;}
		#panel .where{ width: 260px; margin-left: 30px;}
		#panel h2{ padding: 30px 0 20px; font-weight: bold; font-size: 1.3em; text-transform: uppercase; color: #ea1a22;}
		#panel strong{ font-size: 1em; font-weight: bold; padding: 3px 0 10px; font-style: normal;}
		#panel address{ font-style: normal;}
		#panel ul li{ margin: 2px 0 5px; padding-left: 20px; background: url(images/panel-arrow.png) no-repeat 3px 5px; }
	
/* content */
#content{ background: #fff; padding: 10px 0 30px;}
	#content .col-1{ float: left; width: 620px;}
	#content .col-2{ float: left; width: 300px; margin-left: 20px; display: inline;}


	#content .col-1 .title{ float: left; width: 100%; color: #ed1c24; font-size: 1.3em; font-weight: bold; line-height: 180%; margin-top: 20px;}
		#content .col-1 .title a{ color: #ed1c24;}
		#content .col-1 .title a:hover{ color: #be0d13;}

	#content .col-1 .headline{ float: left; margin-top: 10px; width: 100%; color: #b1282e; line-height: 180%; text-transform: uppercase; font-size: 1.3em; font-weight: bold;}
	
	#content .article{ padding: 5px 0 25px; margin: 5px 0 5px; border-bottom: 1px solid #d2d2d2;}
	
	#content .content{ color: #575757;}
	#content .info{ color: #a4a3a3;}
	#content .info a{ color: #a4a3a3;}
	#content .abstract{ padding: 10px 0; line-height: 160%;}
		#content .abstract ul li{ margin-left: 40px; list-style-type: disc;}
		#content .abstract blockquote{ margin: 15px 0 15px 20px; padding: 5px 10px 5px 15px; border-left: 3px solid #d2d2d2; font: 1.18em/150% Georgia, "Times New Roman", serif, "Courier New";}
		#content .abstract cite{ color: #585858;}
		#content .abstract a{ color: #b1282e;}
		#content .abstract a:visited{ color: #600000;}
	/*	#content .abstract img{ padding: 2px; border: 1px solid #d2d2d2;}*/

		#content .abstract h1{ font-size: 1.8em; line-height: 160%; padding: 20px 0 10px;}
		#content .abstract h2{ font-size: 1.5em; line-height: 160%; padding: 15px 0 5px;}
		#content .abstract h3{ font-size: 1em; line-height: 150%; padding: 10px 0 5px;}
		#content .abstract h4{ font-size: .9em; line-height: 140%; padding: 5px 0 3px;}
		#content .abstract h5{ font-size: .8em; line-height: 130%; padding: 5px 0 3px;}
		#content .abstract h6{ font-size: .7em; line-height: 130%; padding: 5px 0 3px;}
		#content .abstract p{ padding: 10px 0;}
		

	#content .col-1 .form{ float: left; width: 100%;}
		#content .col-1 .form li{ list-style-type: none; margin: 6px 0;}
		#content .col-1 .form label{ float: left; width: 160px; line-height: 200%;}
		#content .col-1 .form .field-text{ padding: 4px 6px; border: 1px solid #d2d2d2; font-size: 1.2em; width: 280px;}
		#content .col-1 .form .field-textarea{ padding: 4px 8px; border: 1px solid #d2d2d2; font: 1.3em/140% arial, tahoma, verdana, serif, "Courier New"; width: 440px; height: 150px;}
		#content .col-1 .form .required{ color: #fa0000;}
		#content .col-1 .form .button{ display: block; height: 38px; border: 0; background: none; line-height: 36px; font-size: 1em;}
		#content .col-1 .form .button span{ display: block; background: url(images/button-bg.png); margin-right: 10px; height: 37px; line-height: 36px;}
		#content .col-1 .form .button em{ display: block; background: url(images/button-end-bg.png) no-repeat right top; height: 37px; padding: 0 30px; color: #fff; line-height: 36px; text-transform: uppercase; font-style: normal; font-weight: bold;}
		#content .col-1 .form .submit{ margin-left: 155px;}

	#content .comments{ float: left; width: 100%;}
		#content .comments li{ list-style-type: none; float: left; width: 100%; margin: 5px 0; padding: 15px 0; border-top: 1px solid #d2d2d2;}
		#content .comments li.last{ border-bottom: 1px solid #d2d2d2;}
		#content .comments .info{ float: left; width: 160px; color: #575757;}
		#content .comments .author{ color: #fa0000; font-weight: normal;}
		#content .comments .author a{ color: #fa0000;}
		#content .comments .time{ color: #cacaca;}
		#content .comments .thumb img{ padding: 1px solid #d2d2d2;}
		#content .comments .mess{ float: left; width: 460px;}

	#content .twitter-update{ float: left; width: 270px; background: #f1f1f1 url(images/twitter-bg.png) no-repeat; padding: 15px; color: #fff;}
		#content .twitter-update dd{ margin: 5px 0 10px; padding: 5px 0 15px; border-bottom: 1px dotted #cccccc;}
		#content .twitter-update dd.last{ border-bottom: none; padding-bottom: 0; margin-bottom: 5px;}
		#content .twitter-update a{ color: #fff;}
		#content .twitter-update label{ font-weight: bold; margin-right: 6px;}
		#content .twitter-update label a{ color: #cd0811;}
		#content .twitter-update span{ color: #656565;}
		#content .twitter-update span a{ color: #2ba3d8;}
	#content .twitter-update-end{ float: left; width: 195px; height: 85px; background: url(images/twitter-end-bg.png) no-repeat; padding: 14px 0 0 105px;}
		#content .twitter-update-end a{ color: #2ba3d8; text-transform: uppercase;}


	#content .sponsors{ float: left; width: 100%;}
		#content .sponsors dd{ float: left; width: 200px; margin: 10px 10px 5px 0px;}
		#content .sponsors dd.last{ margin-right: 0;}
		
	#content .articlenav{ clear: both; margin: 40px 0 70px; float: left; width: 100%;}
		#content .articlenav .alignleft{ float: left;}
		#content .articlenav .alignright{ float: right;}
		#content .articlenav a{ display: block; width: 95px; height: 31px; text-align: center; line-height: 220%; color: #fa0000; text-transform: uppercase;background: url(images/prev-next.png) no-repeat; }

		
	/* custom style for WP */
	.qtrans_language_chooser{ float: left; width: 100%; margin: 10px 0 10px; list-style: none; text-align: center;}
	.qtrans_language_chooser li{ display: inline; margin: 0 10px;}
	.qtrans_language_chooser li a{ color: #575757; padding-left: 22px;}
	.qtrans_language_chooser li.active a{ font-weight: bold;}
	.qtrans_language_chooser li a.qtrans_flag_en{ background: url(images/us.png) no-repeat left 50%;}
	.qtrans_language_chooser li a.qtrans_flag_vi{ background: url(images/vn.png) no-repeat left 50%;}

/* footer */
#footer{ color: #616262; background: #dddddc url(images/skyline-bottom.png) repeat-x center top; padding: 100px 0;}
	#footer a{ color: #616262;}
	#footer .copyright{ float: left;}
	#footer .siteby{ float: right; width: 335px;}
	#footer .siteby .frexy{ float: right; display: inline; width: 95px; height: 25px; background: url(images/frexy.png) no-repeat; text-indent: -9999px;}