body { background:#f1f1f1 url(../images/bg-tile.png); text-shadow:1px 1px 0 #fff;}
a { color:#4DB1FE; text-decoration:none;}
.container { width:680px;}
#header { height:174px; position:relative;}
#header #twitter-sign-in { position:absolute; top:-1px; right:15px; }
#nav { position:relative; background:url(../images/nav.png) no-repeat top center;}
#nav ul { position:relative;  z-index:1; padding:0; margin:0; width:100%;list-style:none; height:50px; padding-top:10px; }
#nav ul li a { color:#4DB1FE;  display:block; padding:3px 10px;}
#nav ul li span { color:#fff; background:transparent url(../images/link_bg.png); padding:3px 10px; text-shadow:1px 1px 0 #333; display:block;  -khtml-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-bottom:1px solid #444; border-right:1px solid #444;}
#nav ul li { float:left; text-align:center; margin-right:10px; font-weight:bold; font-size:1em; }
#wrap { background:url(../images/light.png) no-repeat top center; position:relative;}
#header h1 a { background:url(../images/logo.png) no-repeat; height:133px;  display:block; text-indent:-9999px;}
#header ul#settings { position:absolute; top:-5px; right:0; background:transparent url(../images/link_bg.png); height:30px; list-style:none; display:block; margin:0; padding:0; -khtml-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-bottom:1px solid #444; border-right:1px solid #444;}
#header ul#settings li { float:left; padding:0 10px;  font-weight:bolder; text-shadow:1px 1px 0 #333; margin-top:8px; border-right:1px solid #444; }
#header ul#settings li.last { border-right:none; border-left:1px solid #eee; }
#header ul#settings li a { color:#fff;}
#header #search-form { position:absolute; top:-5px; right:178px;}
#header #search-form input { color:#999; padding:5px 5px 0px 5px; margin:0; width:170px; height:25px; font-size:1.1em; border-color:#f1f1f1; border-bottom:1px solid #ccc; border-right:1px solid #ccc;-khtml-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#tweets { position:relative; min-height:360px;}
#tweets ul { list-style:none; padding:0;}
#tweets li { position:relative; color:#333; font-size:1.25em; background:url(../images/tweet.png) no-repeat; width:489px; height:69px; margin-bottom:30px; margin-left:70px; padding:6px 20px; }
#tweets .picture { float:right; margin-top:8px; width:50px; text-align:center;}
#tweets .picture a { text-decoration:none; color:#333;}
#tweets .picture img {border-bottom:1px solid #fff; border-right:1px solid #fff; }
#tweets .vote { float:left; width:56px; margin-top:0px; text-align:center; }
#tweets .vote .number { font-size:3.4em; font-weight:bolder; color:#333;}
#tweets .vote input.form_vote, #tweets .session_link{ text-indent:-9999px; padding:0; color:#fcfcfc; height:16px; width:56px; border:0; background:transparent url(../images/vote_buttons.png) no-repeat 0 0; display:block; text-decoration:none;}
#tweets .vote .voted{ text-indent:-9999px; padding:0; color:#fcfcfc; height:16px; width:56px; border:0; background:transparent url(../images/vote_buttons.png) no-repeat 0 -48px; display:block; text-decoration:none;}
#tweets .vote input.form_vote:hover, #tweets .session_link:hover { background:url(../images/vote_buttons.png) no-repeat 0 -16px; color:#fff; }
#tweets .vote input.form_vote:active, #tweets .session_link:active { background:url(../images/vote_buttons.png) no-repeat 0 -32px; }
#footer { border-top:1px solid #fcfcfc; background:#4DB1FE url(../images/blue_bg.png); height:40px; color:#fff; text-shadow:1px 1px 0 #444; padding-top:25px;}
#footer a{ color:#fff; text-decoration:none; font-weight:bold;}
.fr { float:right;}
.page { width:680px; text-align:right; padding-bottom:30px; font-size:1.1em;}
.time a{ position:absolute; font-size:0.75em; right:15px; bottom:5px; color:#999;}
.admin a{ position:absolute; font-size:0.75em; right:15px; bottom:15px; color:#999;}
.checkboxlabel { margin-left:5px;  margin-top:1px;}
.desc { font-size:0.8em; color:#666; margin-left:25px;}
.notice { z-index:0;position:absolute; left:0; top:0; width:680px; color:#666; background:transparent url(../images/flash_bg.png) repeat-y top center; font-weight:bolder; border:none; padding:0; text-align:center; padding:3px 0;}
#what-is-wappr { position:absolute; top:75px; right:15px; font-weight:bolder; text-align:right;}
#what-is-wappr h1 { color:#333;font-size:1.7em; font-weight:bolder; margin-bottom:5px; }
#intro { position:relative; padding:0 10px; margin-bottom:15px;}
#intro ul#magical-phrase { margin:0; padding:0; list-style:none; font-size:1.1em;}
#intro p { margin:10px 0; font-size:1.1em;}
#intro h2.first { margin:0;}
#intro h2 { margin:0; font-size:1.5em; font-weight:bolder; margin-top:30px;}
#intro a.close { position:absolute; bottom:0px; right:15px; font-weight:bolder; color:#333; font-size:0.9em;}
#intro a.close:hover { color:#4DB1FE;}
#twitter { background:url(../images/twitter.png) no-repeat top left; font-size:1.1em; height:50px; position:absolute; left:0; bottom:-2px; padding-left:74px; padding-top:10px; }
#twitter a { font-weight:bold; font-size:1.1em;}
ul#main-nav { list-style:none; font-weight:bold; float:right;}