/**
    Theme Name: Mobile Dev Camp 2011
    Theme URI: http://www.tli-consulting.com
    Description: Mobile Dev Camp 2011
    Version: 0.0.1.0
    Author: TLi Consulting
    Author URI: http://www.tli-consulting.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: 100px; position: relative; z-index: 1000; background-color: white; box-shadow: -4px 5px 5px #c92020; -webkit-box-shadow: -4px 5px 5px #c92020; -moz-box-shadow: -4px 5px 5px #c92020; -o-box-shadow: -4px 5px 5px #c92020;  }
#header #mobiledevcamp{ position: absolute; top: 24px; left: 10px;}
#header #mobiledevcamp a{ display: block; width: 314px; height: 52px; background: url(images/logo.gif) no-repeat; text-indent: -9999px;}

#nav{ position: absolute; left: 417px; top: 33px; z-index: 10000; }
#nav a{ color: #000; font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
#nav .node{ float: left; margin-left: 12px; 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; }

#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; width: 220px;
}

#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: 90px;}
#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: 150px; top: 116px;}
#qtranslate-3-chooser li{ float: left; margin-left: 20px; display: inline; }
#qtranslate-3-chooser a{ font-size: 12px !important; color:white; font-family: Arial, Helvetica, sans-serif; }
#lang .vn a{ }
#lang .en a{ background-position: -16px 0;}

/* red background */
.background-band { position: absolute; float: left; margin: 0px; margin-top: 10px; padding: 0; clear:both; width:100%; height:363px; z-index: -1000;}
.red { background: url(images/bgtop.gif) repeat-x; }

/* feeds, twitter, facebook */
#sharing_icons { position: absolute; right: -14px; top: 115px; width: 140px; height:26px; display: block; }
#sharing_icons > ul { width: 100%; display: block; }
#sharing_icons li { display: inline; width:40px; margin-right:9px;}
.feed > a {  width:30px; height: 26px; background: url(images/ic_rss.gif) no-repeat; display: inline-block;}
.facebook > a { width:30px; height: 26px; ; background: url(images/ic_fb.gif) no-repeat; display: inline-block;}
.twitter > a { width:30px; height: 26px; background: url(images/ic_tw.gif) no-repeat; display: inline-block;}


#content{ float: left; width: 100%;}
#content .col-1{ float: left; width: 630px;margin-top: 20px;}
#content .col-2{ float: right; width: 305px; margin-top: 23px; display: inline-block; overflow-x: hidden; background: #F1F1F1; }
#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{ padding: 10px; color: white; width: 100%; height: 18px; background: url(images/bg_Tabnews.gif) repeat-x; text-align: left; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 16px;}
#content h3.headline a{ color: white; }

#content .announce-box{ float: left; width: 960px; height: 250px; clear: both; border: 0px solid #b50800; color: #6a7880;
    margin-top:60px;
	background: url(images/banner.jpg);
    z-index: 1000;
}

#content .announce-box dd{ width: 50%; margin-left: 442px; margin-top: 50px;}
#content .announce-box address{ font-style: normal;}
#content .announce-box h2.headline{ font: 30px Arial, Helvetica, sans-serif; font-weight: 600; color: #B30F12; padding-bottom: 0;}
#content .announce-box p{ font: 18px Arial, Helvetica, sans-serif; font-weight: normal; color: #000; }
#content .announce-box .register{ float: left; margin-top: 40px;}
#content .announce-box .register a{ display: block; width: 200px; line-height:35px ;background: url(images/button-bg.png) no-repeat -15px -15px; text-align: center; font-size: 1.3em; text-transform: uppercase; color: #fff; text-shadow: 1px 1px #3d3d3d;}
#content .announce-box .register a:active{ background-position: -15px -65px;}

#content .intro{ float: left; width: 100%; clear: both; margin: 0 0 10px; font-size: 1.4em; color: #898989; line-height: 140%;}
#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{ width: 285px; padding: 10px; display: inline-block;}
#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; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#content .news-list .info{ color: black; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin: 5px 0 5px 0;}
#content .news-list p{ color: black; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px;}

#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; top: 50px; }
#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;}