 html {
        overflow-x: auto;
        overflow-y: scroll !important;
        overflow-y: hidden; /* ie6 value b/c !important ignored */
    }

body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
	/* The reset rules */
	margin:0px;
	padding:0px;
}

body{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	width: 100%;
	height: 100%;
    overflow-y: hidden !important;
    overflow-y: scroll; /* ie6 value b/c !important ignored */
}

h1{
	font-size:28px;
	font-weight:bold;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}

h2{
	font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:normal;
	letter-spacing:1px;
	padding-left:2px;
	text-transform:uppercase;
	white-space:nowrap;
	margin-top:4px;
	color:#888888;
}

#main p{
	padding-bottom:8px;
}

.clear{
	clear:both;
}

#main{
	width:800px;
	/* Centering it in the middle of the page */
	margin:60px auto;
}

.container{
	margin-top:20px;
	
	background:#FFFFFF;
	border:1px solid #E0E0E0;
	padding:15px;
	
	/* Rounded corners */
	-moz-border-radius:20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius:20px;
}

.err{
	color:red;
}

.success{
	color:#00CC00;
}


#favs{
 	font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
	padding-bottom:10px;
}

#favs a, a:visited {
	color:#000000;
	text-decoration:none;
	outline:none;
}

a, a:visited {
	color:#00BBFF;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}

#bottom {
        background-color:#222222;
        color:#ffffff;
        position: fixed !important;
        position: absolute; /* ie6 value b/c !important ignored */
        width: 100%;
        bottom: 0px;
        text-align: center;
        z-index: 5;
        height:15px;
        padding-top:3px;
}

#bottom-ipad {
        background-color:#222222;
        color:#ffffff;
        width: 100%;
        bottom: 0px;
        text-align: center;
        z-index: 5;
        height:15px;
        padding-top:3px;
}

#contenttop{
	position:relative;
	z-index:1;
}

img#ubg {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.tutorial-info{
	text-align:center;
	padding:10px;
}

.ctop{
	background:url("images/cat-top.gif") no-repeat scroll 0 0 transparent;
	height:5px;
}

.cbot{
	background:url("images/cat-bot.gif") no-repeat scroll 0 0 transparent;
	height:5px;
}

.box 
{
	margin: 10px auto;
	width:960px;
	background-color:#ffffff;
    position: relative;
	text-align:center;
    font-family:Arial, Sans-Serif;
    font-size:1em;
    z-index: 6;
}
.boxtitle
{
	font-family:Arial, Sans-Serif;
	font-weight:bold;
    font-size:1.1em;
}
.setmenu
{
height:30px;
border-top:solid 1px #dccfbb;
border-bottom:solid 1px #dccfbb;
background-color:#4d3a24;
}
.setmenu div
{
padding:10px 30px;
}
.setmenu a
{
margin:0px 10px;
color:#fecd28;
text-decoration: none;
}
#settingsFormContainer
{
position:absolute;
left:100px;
float:left;
}
#settingsForm
{
width:750px;
background:url(images/settings-bg.png);
display:none;
}
#settingsForm fieldset
{
padding:30px;
border:none;
}      
#settingsForm label
{
display:block;
}      
#settingsForm input[type=text]
{
margin-bottom:10px;
height:24px;
}  
#settingsForm textarea
{
display:block;
border:solid 1px #4d3a24;
margin-bottom:10px;
}  
#settingsForm input[type=submit]
{
background-color:#090;
border:solid 1px #23150c;
color:#ffffff;
padding:5px;
}                
#settingsLink
{
padding-top:3px;
height:30px;
width:120px;
background:url(images/settings.png);
display:none;
cursor:pointer;
color:#000000;
font-size:1.5em;
}
#settingsClose
{
padding-top:3px;
height:30px;
width:120px;
background:url(images/settings.png);
display:none;
cursor:pointer;
color:#000000;
font-size:1.5em;
}
#settingsSaved
{
color:#ff9933;
display:none;
}
#weathers {
  float:left;
  width:0px;
}

#weather-wrapper {
  position: relative;
}

#weatherWrapper { /* required to avoid jumping */
  left: 10px;
  position: absolute;
  margin-left: 15px;
  width:280px;
}

#weather {
  position: absolute;
  top: 10px;
  margin-top: 0px;
  padding-top: 0px;
}

#weather.fixed {
  position: fixed;
  top: 10px;
}
