body { font-family: Georgia, serif; color: white; background: #0b0b0b; }
body#light { background: #f3f2ef; }

#c { width: 960px; margin: 0; }

a { color: white; }
#light a { color: #2fb5b7; }
#logo { width: 240px; padding: 23px 0 0 60px; height: 84px; float: left; }
#logo h1 { text-indent: -10000px; width: 142px; height: 55px; background: url('/_css/_images/pelmeshkin.gif') no-repeat; }
#light #logo h1 { background: url('/_css/_images/pelmeshkin_light.gif') no-repeat; }
#logo h1 a { width: 142px; height: 55px; display: block; }

#menu { width: 665px; height: 126px; float: left; padding-top: 18px; margin-left: -5px; }
#light #menu { width: 600px; }
#menu li { float: left; font-family: Tahoma, Geneva, sans-serif; font-size: 0.55em; padding-right: 12px; }
#menu li a { text-decoration: underline; padding: 5px; display: block; color: #fff; float: left; z-index: 2; position: relative; }
#light #menu li a { color: #2fb5b7; }
#menu li a.new { background: url('_images/new.gif') 100% 2px no-repeat; padding-right: 22px; }
#menu li a.new:visited { background: none; color: #b8b8b8; padding-right: 15px; }
#menu li span { padding: 5px; display: none; cursor: default; }
#menu li span.note { display: block; float: left; padding: 5px 0; color: #858585; }
#menu li a.note { text-decoration: underline; float: left; padding: 5px 5px 5px 0; }
#menu li a.note:hover { text-decoration: underline; }
#menu li a:hover {  }
#menu li a:visited { color: #b8b8b8; }
#menu li sup { color: orange; margin-bottom: 5px; margin-left: -1.7em; float: left; z-index: 1; position: relative; }
#menu li.right { float: right; padding: 0 0 0 12px; }

#light h2, #content.contact h2 { font-size: 1.8em; font-weight: normal; line-height: 1.25em; letter-spacing: -0.02em; font-style: italic; }
#content.contact h2 { padding: 0px 60px 0px 300px; color: #818181; }
#content.contact h2 strong, #light h2 strong { color: #555; }
#light h2 { padding: 80px 60px 15px 60px; color: #818181; }
#light ul#pf { padding: 0 60px 40px; float: left; }
#light ul#pf li { padding: 45px 0 35px; float: left; border-top: 1px solid #e4e4e4; }
#light ul#pf li.first { border: 0; }
#light ul#pf li.last { border-bottom: 0px solid #e4e4e4; }
#light ul#pf h3 { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: normal; line-height: 1.3em; color: #676767; float: left; width: 280px; padding: 7px 20px 0 0; }
#light ul#pf .screenshots { float: left; width: 534px; margin-right: -5px; }
#light ul#pf .screenshots div { background: url('_images/light_screenshot_middle.gif') repeat-y; margin-bottom: 5px; }
#light ul#pf .screenshots div div { background: url('_images/light_screenshot_top.gif') 0 0 no-repeat; }
#light ul#pf .screenshots div div div { background: url('_images/light_screenshot_bottom.gif') 0 100% no-repeat; padding: 5px 5px 5px 4px; }

#posts, #content { width: 100%; padding-bottom: 200px; clear: left; }
#posts li { padding: 0px 0 50px; clear: both; }
#posts li.warning { margin-left: 300px; background: #eee; color: #000; width: 640px; padding: 20px 10px; margin-bottom: 60px; font-size: 1.3em; text-align: center; }
#posts li.warning a { color: #333; }
#posts li h2 { margin-bottom: 15px; padding-left: 295px; }
#posts li h2 a { font-size: 1.8em; text-decoration: none; letter-spacing: -0.02em; font-style: italic; font-weight: normal; color: white; padding: 2px 5px; width: 660px; }
#posts li h2 a span { color: #858585; padding-left: 0.3em; font-size: 0.8em; }
#posts li h2 a:visited { color: #b8b8b8; /*text-decoration: line-through;*/ }
#posts li h2 a:visited span { color: #686868; }
#posts li h2 a:hover { /*color: #0b0b0b; background: #f8f8f8;*/ text-decoration: underline; }
#posts li h2 a:hover span { /*color: #333333;*/ text-decoration: none; }

.gallery { display: none; height: 600px; float: left; width: 100%; }
.container { width: 100%; height: 500px; overflow: hidden; margin-top: 20px; position: relative; display: none; padding-bottom: 20px; }
.pane { height: 500px; margin-left: 300px; }
.pane img { float: left; margin-right: 0px; display: inline-block; border: 0px solid #222; font-size: .8em; color: white; background: url('_images/loading600.gif') no-repeat; color: #0b0b0b; }
.pane img.portrait { background: url('_images/loading333.gif') no-repeat; }

fieldset { margin-left: 180px; font-size: 1.1em; border-top: 0px dotted; padding-top: 40px; width: 660px; }
#content fieldset li { padding-bottom: 12px; }
fieldset label { width: 95px; padding: 10px 25px 0 0; display: block; float: left; text-align: right; color: #555; font-style: italic; }
fieldset input.text, fieldset textarea.text { background: #e4e4e4; border: 0; padding: 7px 12px 8px 12px; font-family: Georgia, serif; font-size: 1em; font-style: italic; color: #5b5b5b; width: 230px; }
fieldset textarea.text { width: 470px; height: 160px; } 
fieldset input.submit { margin-left: 120px; background: #2fb5b7; border: 0; color: white; padding: 7px 25px 8px; font-family: Georgia, serif; font-size: 1.1em; cursor: pointer; font-style: italic; }
fieldset span#response { padding-left: 25px; }

li p { padding-left: 300px; width: 640px; font-size: 1.1em; line-height: 1.6em; padding-bottom: 30px; }
li p strong { color: #aaa; font-weight: normal; }

.ui-slider { position: relative; margin: 0px 0 20px 300px; height: 31px; background: url('/_css/_images/pelmeshkin.gif') repeat-x 0 -63px; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 7px; height: 31px; cursor: pointer; }
.ui-state-default { background: #888; outline: none; }
.ui-state-hover { background: #888; outline: none; }
.ui-state-focus { background: white; }
.ui-state-active { background: white; outline: none; }

.hintballoon { display: none; width: 185px; height: 152px; background: url('/_css/_images/speechballoon.png') no-repeat; position: absolute; left: 0; margin-left: 90px; margin-top: -134px; }
.hintballoon div { width: 104px; height: 57px; background: url('/_css/_images/buttons.gif') no-repeat; margin: 43px 0 0 35px; }

#copyright { padding: 30px 0 30px 300px; }