body{font-family:helvetica,arial,sans-serif;font-size:14px;line-height:1.5em;background:#005C7C url('img/bg-gradient.jpg') repeat-x center top;margin:0;padding:0;}
#stars{position:absolute;background:transparent url('img/stars.png') repeat-x top left;width:100%;height:257px;top:0;left:0;}
a#logo{float:left;background:transparent url('img/logo.png') no-repeat top left;height:66px;width:375px;display:block;padding:0;margin:10px 0;}
a:hover#logo{background:transparent url('img/logo.png') no-repeat bottom left;height:66px;width:375px;display:block;padding:0;}
a{outline:none;}
a:hover{text-decoration:underline;}
p.note {background: #FEF3CF; border: 1px solid #FEEDB7; padding: 6px;}
p.version {font: normal normal normal 90% georgia, serif;}
h1{margin:20px auto;padding:0;width:830px;color:white;font-size:24pt;}
h1 a{color:#555;}
h1 a span{color:#777;}
h2{margin:20px 0 10px 0;}
h4{font:normal normal bold 18px helvetica,sans-serif;margin:1em 0 .5em 0;}
p{color:#102930;}
#main ul{margin:0 0 0 25px;padding:0;}
#main ul li{list-style:disc outside url('img/btn/bullet.png');margin-left:0;padding:0;}
.first{margin-top:0;padding-top:20px;}
.right{float:right;}
.extra-link{font-weight:normal;font-size:9pt;text-decoration:none;}
h2 img{vertical-align:middle;}
a{color:#005C7C;}
a img{border:none;}
div#nav{float:right;margin-top:25px;color:#999;text-align:right;font-size:11px;}
div#nav a{color:white;font-weight:bold;}
div#nav span{color:#666;}
div#nav span.error{color:#F66;}
div#nav span.error a{font-weight:normal;}
div#contain{width:800px;margin:0 auto;position:relative;z-index:2;}
div#sidebar{float:right;width:200px;padding:0 10px;background:#C8EDFE url('img/corners-sidebar.png') no-repeat bottom center;-moz-border-radius-topright: 10px;-webkit-border-top-right-radius: 10px;}
body.logged_in div#sidebar {-moz-border-radius-topright: 0;-webkit-border-top-right-radius: 0;}
div#sidebar a{text-decoration:none;}
div#sidebar a.add-icon {text-indent: -10000px;width: 19px;height: 19px;outline: 0;background: url(img/btn/add-icon-blue.gif) no-repeat 0 0;}
div#main{clear:both;background:#fff;padding:0 20px 20px 20px;margin-bottom:400px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-border-radius-topright: 11px;-webkit-border-top-right-radius: 11px;}
body.logged_in div#main{padding-right:0;-moz-border-radius-topright:0;-moz-border-radius-topleft:0;-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:0;}
/* Used on logged in pages that do not have a side bar. */
div.main {padding-right: 20px;}
ul#dashboard{clear:both;background:transparent url('img/corners-top.png') no-repeat top center;padding:8px;margin:0;font-size:12pt;}
ul#dashboard li{display:inline;padding:5px 10px;border-right:1px solid #12272F;}
ul#dashboard li.last{border-right:0;}
#dashboard li a{color:#fff;text-decoration:none;}
#dashboard li.sub-nav{position:absolute;right:0;border:0;}
ul#nav-tabs{padding:0;margin:20px -10px 20px -10px;list-style-type:none;border-top:1px solid #3AC0FD;}
ul#nav-tabs li{padding:8px;border-bottom:1px solid #3AC0FD;list-style:none outside;list-style-image:none;}
ul#nav-tabs li.selected{background-color:white;}
div.landing,
div.tweets{width:540px;font-family:"Lucida Grande",arial,sans-serif;}
div.tweet{padding:8px 0;border-bottom:1px dashed #ccc;}
div.tweet a{color:#57B3D3;}
div.tweet a.user{color:#005C7C;}
div.tweet span{color:#666;font-size:0.8em;font-style:italic;}
div.tweet img{float:left;clear:left;margin:0 8px 0 0;}
.clear{clear:both;}
.clear-left{clear:left;}
div.separator{border-bottom:1px solid #3AC0FD;}
div#paging{margin:1em 0 0 0;}
/* Forms */
form div{margin:8px 0;}
form div.user-list{margin:0;}
form div.user-list div.user{float:left;width:180px;}
form label {font-weight: bold;}
#group-select label img{vertical-align:middle;}
input.delete{color:red;float:right;margin-right:20px;}

/* parallax */ 


#wide{position:fixed;bottom:0;left:0;background:transparent url('img/footer/mountains.png') repeat-x 0 0; height:210px; width:100%; z-index: 1000;}

.moon{position:fixed;bottom:260px;background:transparent url('img/footer/moon.png') repeat-x 0 0; height:163px; width:100%; z-index: 1;}



div.three div{float:left;text-align:center;border-right:1px solid #3AC0FD;padding:0 10px;font-size:12px;}
div.three span{display:block;font-size:18px;font-family:georgia,serif;}
div.three .first{border-left:0;}
div.three .last{border-right:0;}

/* SLIDER */
.ui-slider{width:200px;height:23px;position:relative;background-repeat:no-repeat;background-position:center center;}
.ui-slider-range{position:absolute;background:#50A029;opacity:0.3;filter:alpha(opacity=30);width:100%;height:100%;}
.ui-slider,.ui-slider-1{background-image:url(img/slider-bg-1.png);}
.ui-slider-2{background-image:url(img/slider-bg-2.png);}
.ui-slider{/*resets*/margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1.2em;background:#f3f3f3 url(img/slider/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;border:1px solid #dddddd;height:.8em;position:relative;width:200px;}
.ui-slider-handle{/*resets*/margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;position:absolute;z-index:2;top:-3px;width:1.2em;height:1.2em;background:#e0e0e0 url(img/slider/8ab9ff_40x100_textures_02_glass_50.png) 0 50% repeat-x;border:1px solid #2694e8;}
.ui-slider-handle:hover{background:#d8d8d8 url(img/slider/8ab9ff_40x100_textures_02_glass_50.png) 0 50% repeat-x;border:1px solid #2694e8;}
.ui-slider-handle-active,.ui-slider-handle-active:hover{background:#8ab9ff url(img/slider/8ab9ff_40x100_textures_02_glass_50.png) 0 50% repeat-x;border:1px solid #2694e8;}
.ui-slider-range{/*resets*/margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;height:.8em;background:#000;position:absolute;border:1px solid #cccccc;border-left:0;border-right:0;top:-1px;z-index:1;opacity:.7;filter:Alpha(Opacity=70);}

span.slider-note {background: #D9F5FF; border: 1px solid #3AC0FD; padding: 6px; display: block; width: 300px; }

#sitening {margin-top: 15px;text-align: center;}
#sitening p{margin: 0;padding: 0;font-size: 11px;color: #919294;}

/* General */
.center{text-align: center;}
.floatclear:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}