/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}
/** end Yahoo Fonts */

/**
 * General
 */
	html,body           			{ margin:0; padding:0; font-family:arial,sans-serif; text-align: center; background-color: #000; color: #fff;  }
	img                 			{ border: none; outline: none; }
	form		         			{ margin: 0px; padding: 0px; }
	a:link, a:active, 
	a:visited           			{ color: #598BF1; text-decoration: none; font-size:1em; outline: none; }
	a:hover             			{ color: #598BF1; text-decoration: underline; font-size:1em; outline: none; }
	h1								{ font-size: 1.50em; }
	label							{ font-weight: bold; color: #969696; }
	#loading-image				    { z-index: 99999; height: 75px; width: 251px; background: transparent url(../images/loading-bg.png) top left no-repeat; position: absolute; text-align: center; filter:alpha(opacity=75); -moz-opacity: .75; opacity: .75; }
	#loading-image img              { margin-top: 20px; }
	.content-loading                { background: #000 url(../images/ajax-loader.gif) no-repeat center center; }
	.textbox                        { border: solid 2px #313131; padding: 3px; font-size: 1.25em; width: 100px; }
	
/**
 * Alerts
 */
    #alerts-container               { margin-top: 10px; }
	.alerts							{ margin: 0px 20px 10px 20px; color: #313131; text-align: left; font-size: 1.5em; cursor: pointer; }
	.alerts div						{ padding: 10px; }
	.alerts ul                      { padding: 0px; margin: 0px; }
	.alerts li						{ line-height: 1.0em; list-style: none; }
	#alerts-error 					{ border: solid 1px #FFD200; background-color: #FFF8A7; }
	#alerts-success					{ border: solid 1px #7DB000; background-color: #E5FFA5; }

/**
 * Layout
 */	
	#header							{ text-align: center; border-bottom: solid 1px #000; color: #000; position:absolute; top:0; left:0; width:100%; height: 45px; background: #313131 url(../images/header-bg.gif) top left repeat-x; }

	#header-content 				{ font-size: 1.25em; color: #fff; padding-top: 15px; margin: 0px; text-align: center; }
	#header-content em				{ font-size: .75em; color: #969696; font-style: normal; }
	#header-content a               { color: #fff; }

	#pwa							{ float:right;margin:12px 5px 0px 0px;border: solid 1px #313131; }
	#username-form                  { float:right; padding: 0px; margin: 10px; }
	#header-buttons					{ float:left;margin: 3px 0px 0px 5px; }
	#header-buttons a   			{ float: left; }
	
	#footer							{ margin-top: 5px; padding-top: 5px; text-align: right; border-top: solid 1px #ccc; }
	
	#content-container              { padding-top: 45px; }
	#content						{ text-align: center; padding: 10px; }
	#content a,
	#content a:link,
	#content a:active,
	#content a:visited				{ color: #015EC0; text-decoration: none; }
	#content a:hover				{ color: #4E92EB; text-decoration: none; }
	
/**
 * Gallery
 */
    #settings                       { text-align: left; height: 50px; background-color: #1b1b1b; border-bottom: solid 2px #313131; }
    #settings-button                { cursor: pointer; }
    #settings-form                  { float: left; padding: 10px 0px 0px 10px; }
    #per-page                       { float: left; padding: 5px 0px 0px 5px; }
	#pagination						{ color: #969696; float: left; text-align: left; padding: 5px 15px; letter-spacing: .10em; font-size: .90em; }
	#pagination .disabled			{ color: #353535; }
	#pagination a img,
	#pagination span img			{ margin-bottom: 2px; }
	#pic-holder						{ margin: auto; text-align: center; padding: 10px; }
	#pic-holder .photo-container	{ background-color: #ccc; border: solid 3px #313131;}
	#pic-holder img					{  }
	.album							{ float:left; padding: 5px; text-align: left; vertical-align: middle;}
	.album em						{ color: #969696; font-size: .90em; }
	#page-title						{ padding-left: 15px; text-align: left; color: #fff; font-size: 1.25em;}
	#page-title em					{ color: #969696; font-size: .80em; font-style: normal; }

/**
 * About
 */
    #about                          { text-align: left; }
    #about li                       { list-style: none; }

@media screen{
  body>div#header{
   position:fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  overflow:auto;
 }