/*
Theme Name: Mobile Dev Camp 2010
Theme URI: http://frexy.com
Description: Another awesome project from Frexy
Version: 0.0.0.1
Author: Frexy
Author URI: http://frexy.com
Tags: blue, custom header, fixed width, two columns, widgets

*/


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

/* implementation */
html{ background: #fff; border-top: 4px solid #540000;}
body{ font: 0.9em/150% "Lucida Grande", arial, tahoma, verdana, serif, "Courier New"; color: #000;}
a{ text-decoration: none; outline-style: none; color: #000;}
a:hover{ color: #b50800;}

.wrapper{ width: 960px; margin: 0 auto;}

#header{ float: left; width: 100%; height: 90px; position: relative; z-index: 10;}
#header #mobiledevcamp{ position: absolute; top: 10px; left: -10px;}
#header #mobiledevcamp a{ display: block; width: 310px; height: 60px; background: url(images/logo.png) no-repeat; text-indent: -9999px;}

#nav{ position: absolute; left: 350px; top: 25px;}
#nav a{ color: #b50800;}
#nav .node{ float: left; margin-left: 10px; display: block; z-index: 0; position: relative; }
#nav .node a{ display: block; position: relative; z-index: 1000; border: 1px solid #fff; border-bottom: 0; background: #fff; height: 35px; padding: 0 20px; line-height: 35px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#nav .node.has-child a{ margin-top: 0px;}
#nav .node ul{ position: absolute; display: none; left: 0px; z-index: 100; top: 36px; border: 1px solid #b50800; background: #fff; padding-bottom: 10px;
	box-shadow: 0.2em 0.2em #CCC
}
#nav .node ul li{ }
#nav .node:hover a{ }
#nav .node.has-child:hover a{ border: 1px solid #b50800;  margin-top: 1px; border-bottom: none;}
#nav .node:hover ul{ display: block;}
#nav .node ul li a,
#nav .node:hover ul li a,
#nav .node.has-child:hover ul li a{ border: none; margin: 0; height: 30px; background: #fff; padding: 0 20px; line-height: 30px;}


#lang{ position: absolute; right: 0; top: 40px;}
#lang li{ float: left; margin-left: 20px; display: inline;}
#lang a{ display: block; width: 16px; height: 11px; background: url(images/flag.png) no-repeat; text-indent: -9999px;}
#qtranslate-3-chooser{ position: absolute; right: 0; top: 40px;}
#qtranslate-3-chooser li{ float: left; margin-left: 20px; display: inline;}
#lang .vn a{ }
#lang .en a{ background-position: -16px 0;}

#content{ float: left; width: 100%;}
#content .col-1{ float: left; width: 630px;margin-top: 20px;}
#content .col-2{ float: left; width: 310px; margin: 20px 0 0 20px; display: inline;}
#content h2.headline{ font: 1.8em/180% "Lucida Grande", arial, tahoma, verdana, serif, "Courier New"; font-weight: normal; color: #b50800; padding-bottom: 15px;}
#content h2.headline a{ color: #b50800;}
#content h3.headline{ font: 1.5em/200% "Lucida Grande", arial, tahoma, verdana, serif, "Courier New"; font-weight: normal; color: #898989; text-transform: uppercase; padding-bottom: 10px;}
#content h3.headline a{ color: #898989;}

#content .announce-box{ float: left; width: 920px; clear: both; border: 1px solid #b50800; padding: 20px; color: #6a7880;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#content .announce-box dd{ float: left; width: 30%; margin-right: 3%; display: inline;}
#content .announce-box address{ font-style: normal;}
#content .announce-box .register{ float: left; margin-top: 15px;}
#content .announce-box .register a{ display: block; width: 274px; height: 59px; background: url(images/button-bg.png) no-repeat; text-align: center; line-height: 59px; font-size: 1.3em; text-transform: uppercase; color: #fff; text-shadow: 1px 1px #3d3d3d;}
#content .announce-box .register a:active{ background-position: 0 -59px;}

#content .intro{ float: left; width: 100%; clear: both; margin: 0 0 10px; font-size: 1.4em; color: #898989; line-height: 140%;}
#content .sharing{ float: left; width: 100%;}
#content .sharing li{ float: left; margin-right: 10px; display: inline;}
#content .sharing a{ display: block; width: 30px; height: 31px; background: url(images/sharing.png) no-repeat; text-indent: -9999px;}
#content .sharing .feed a{ }
#content .sharing .twitter a{ background-position: -30px 0;}
#content .sharing .facebook a{ background-position: -60px 0;}
#content .sharing .youtube a{ background-position: -90px 0;}
#content .tick-tock{ font-size: 1.1em; font-weight: bold; color: #b50800;}

#content .entry{ float: left; width: 100%;}
#content .entry p{ padding: 5px 0;}
#content .entry a{ color: #0082c5;}
#content .entry a:hover{ color: #a30000; }
/*#content .entry p{ padding: 5px 0;}*/
#content .entry ul,
#content .entry ol{ margin: 5px 5px 5px 50px;}
#content .entry ol li{ padding-left: 5px; list-style-type: decimal; background: none;}
#content .entry blockquote{ margin: 10px 10px 10px 50px; padding: 5px 0 5px 25px; border-left: 3px solid #eaeaea;}
#content .entry cite{ float: right; font-style: italic; color: #595959;}
#content .entry h1{ font-size: 1.5em; line-height: 180%; padding-bottom: 15px;}
#content .entry h2{ font-size: 1.4em; line-height: 160%; padding-bottom: 10px;}
#content .entry h3{ font-size: 1.3em; line-height: 150%; padding-bottom: 5px;}
#content .entry h4{ font-size: 1.2em; line-height: 130%; padding-bottom: 5px;}
#content .entry h5{ font-size: 1em; line-height: 120%;}
#content .entry h6{ font-size: .9em; line-height: 100%;}
#content .entry pre{ }
#content .entry p{ padding: 5px 0;}
#content .entry .info{ color: #595959;}

#content .news-list{ float: left; width: 100%;}
#content .news-list dd{ float: left; width: 100%; margin: 8px 0;}
#content .news-list .title{ font-size: 1.5em; font-weight: normal;}
#content .col-2 .news-list .title{ font-size: 1em; font-weight: bold;}
#content .news-list .title a{ color: #b50800;}
#content .news-list .info{ color: #595959;}

#content .commentlist{ float: left; width: 100%; margin-top: 15px;}
#content .commentlist li{ float: left; width: 100%; margin: 8px 0;}
#content .commentlist .comment-author{ font-weight: bold; font-style: normal;}

#content .twitter-feed{ float: left; width: 100%;}
#content .twitter-feed li{ float: left; width: 100%; margin: 8px 0;}
#content .twitter-feed a{ color: #b50800;}
#content .twitter-feed .entry-meta{ float: right; width: 100%; clear: both; text-align: right; color: #898989;}
#content .twitter-feed .entry-meta a{ color: #898989;}
#content .twitter-feed .entry-meta .from-meta{ display: none;}

#content .navigation{ float: left; width: 100%; margin-top: 15px;}
#content .navigation .alignleft{ float: left;}
#content .navigation .alignright{ float: right;}
#content .navigation a{ color: #b50800; font-weight: bold;}

#footer{ float: left; width: 100%; margin-top: 30px; padding-top: 10px; border-top: 1px solid #540000; color: #b50800;}
#footer .wrapper{ height: 60px; position: relative;}
#footer .copyright{ position: absolute; left: 0; top: 0;}
#footer-link{ position: absolute; right: 0; top: 0;}
#footer-link li{ float: left; margin-left: 25px;}
#footer a{ color: #b50800;}