body { background: #000 url('../gfx/monitor_slim_bg.jpg') repeat-y top center; }
p { margin: 18px 0; line-height: 22px; }
ul.mo_list li { line-height: 16px; margin: 0 0 12px 18px; padding-left: 24px;
	background: transparent url('../gfx/list_bullet.png') no-repeat 1px 2px; }
strong { color: #fff; }
h1, h2, h3 { color: #fff; font-size: 24px; font-weight: normal; font-family; arial; }
h2 { font-size: 21px; }
h3 { font-size: 18px; }
a { color: #fff; }

p.tight { line-height: 14px; }

div.caprht, div.caplft { text-align: right; display: block; float: right; margin: 12px 0 12px 18px; padding: 8px 0 0 0; }
div.caplft { flaot: left; margin: 0 18px 12px 0; }
div.caprht img, div.caplft img { border: 1px solid #fff; clear: both; }
div.caprht span, div.caplft span { display: block; padding: 4px; background-color: #fff; font-style: italic; color: #192b33; font-size: 11px; font-family: arial; }

.hidden { display: none; }
.err { color: #ff0000; }

.overlay { min-height: 1000px !important; background: transparent url('../gfx/monitor_bg_overlay2.png') no-repeat top center; }
.wrapper { width: 900px; background: transparent url('../gfx/monitor_logo_big.png') no-repeat top center; margin: 0 auto; }

.home_menu { float: left; width: 210px; padding: 250px 0 0 50px; }
.home_content { float: right; width: 540px; padding: 200px 60px 0 0; color: #b0f3f3; font-size: 16px; font-family: tahoma, helvetica-neue, helvetica, arial; }

.home_menu ul li { display: block; height: 48px; max-height: 48px !important; margin-left: 2000px; }
.home_menu ul li a { display: block; height: 37px; float: right; text-indent: -4000px; }

.home_pics { width: 535px; height: 144px; background: transparent url('../gfx/dark_brushed_steel.png') no-repeat; padding-left: 7px; }
.home_pics img { margin: 6px 6px 0 0; float: left; }

.topbar { position: fixed; top: 0; left: 0; z-index: 1000; width: 100% !important; min-height: 170px !important;
	background: transparent url('../gfx/inside_topbar_bg.png') no-repeat top center; }

.inside_menu { width: 900px; margin: 0 auto; }
/*.toplogo { margin: 6px 0 0 36px; }*/
.toplogo { position: relative; top: 6px; left: 36px; float: left; }

.itb { position: relative; }/* margin-top: -200px;*/
.itb a { height: 25px; text-indent: -4000px; display: block; }

.content { width: 840px; margin: 0 auto; color: #b0f3f3; font-size: 14px; font-family: tahoma, helvetica-neue, helvetica, arial; }

.camera_faded { position: fixed; left: 860px; }
.monitor_faded { padding: 0 0 0 16px; text-align: right; }
.header { float: left; margin: 50px 0 0 2px; min-height: 59px !important; height: 59px !important; }

.panel { width: 540px; margin-top: 20px; margin-left: 4px; text-align: justify; }
.panel p { padding-left: 20px; }

.submenu { float: right; width: 264px; margin-top: 24px; }
.submenu ul li { display: block; height: 48px; max-height: 48px !important; margin-left: 2000px; } /*  */
.submenu ul li.li_hl { background: transparent url('../gfx/sb_indicator.png') no-repeat 228px 6px; }
.submenu ul li a { display: block; height: 43px; width: 224px; float: left; text-indent: -4000px; }
.submenu a { display: block; height: 1.2em; width: 264px; float: left; }
.submenu a.mr_link { color: #b0f3f3; text-decoration: none; max-height: 16px !important; padding-left: 18px; background: transparent url('../gfx/lil_indicator_sprite.png') no-repeat 1px 6px; }
.submenu a.mr_link:hover { text-decoration: underline; background-position: bottom left; color: #fff; }
.submenu p { margin-bottom: 18px; }


/***********************

gallery stuff

***********************/

/* below used in squeezebox_gallery */
.sg_container, .sg_container p, .sg_container div { margin: 0; padding: 0; }
.sg_container p { text-align: center; }
/*p.icons { width: 600px; margin: 0 auto; }*/
p.icons img { display: inline; width: 60px; height: 60px; margin: 0 12px 12px 0; float: left; border: 1px solid black; }


/***********************

weather stuff

***********************/

.weather { color: #fff; font-family: arial; font-size: 12px; margin-top: 48px; padding: 8px 0 0 12px;
	width: 211px; height: 155px; background: transparent url('../gfx/weather_widget_bg2.png') no-repeat;  }
.weather strong { font-size: 14px; }
.weather p { margin: 0; padding: 0; }
.weather .temp { font-size: 20px; font-weight: bold; margin: 4px 0 0 0; }
.weather img { width: 40px; height: 40px; border: 1px solid #fff; float: left; margin-right: 6px; }
.weatherIcon { font-size: 11px; text-align: center; margin: 8px 4px 0 0; float: left; }
.weatherIcon img { width: 30px; height: 30px; border: 1px solid #fff; }