/*
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
--------*/

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

a {
   text-decoration: none; outline-style: none;
}

.centered {
   margin: 0 auto;
   /* IE will only center the contents if text-align is used */
   text-align: left;
   width: 940px;
}

#branding,
#content,
#footer {
   float: left;
   /* IE will only center the contents if text-align is used */
   text-align: center;
   width: 100%;
}

/* branding */
#branding {
   background-color: transparent;
   background: url(images/skyline-top.png) repeat-x center bottom;
   padding-bottom: 160px;
}

#barcamp {
   float: left;
   padding: 40px 0 0 0px;
}

#barcamp a {
   background: url(images/barcampsaigon.png) no-repeat;
   display: block;
   height: 30px;
   text-indent: -9999px;
   width: 220px;
}

#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 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 .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;*/
   margin: 20px;
}

#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;
}