/* @override 
	http://simons-imac.local:8888/stylesheets/layout.css
	http://localhost:8888/stylesheets/home.css */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
          Copyright (C) 2010 The Little App Factory
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
          Import + reset + default
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}

a {
	color:#888;
	text-decoration: none;
}

input,
textarea,
button,
form input,
form textarea,
form button { font-family: "Lucida Grande", "Helvetica", "Arial", sans-serif; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
          Layout
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body {
  background: #e8f0f5 url(../images/layout/bg_1.png) repeat-x 0 0;
  width: 100%;
  font-family: "Lucida Grande", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
}

p {
	color: #4e6776;
	text-align: center;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
          Headings
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

h1,
h2,
h3,
h4,
h5,
h6 { font-weight: normal; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
          Header
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div#header {
  width: 878px;
  height: 107px;
  display: block;
  margin: 0 auto;
  background: url(../images/layout/header.png) 0 0 no-repeat;
  position: relative;
  z-index: 1;
}

div#header h1 a {
  width: 102px;
  height: 34px;
  display: block;
  background: url(../images/layout/header_logo.png) 0 0 no-repeat;
  position: absolute;
  top: 13px;
  left: 388px;
  text-indent: -9999em;
}

div#header h1 a:active { background-position: 0 -34px; }

div#header ul {
  position: absolute;
  list-style-type: none;
  top: 14px;
}

div#header ul.left { left: 32px; }
div#header ul.right { right: 32px; }

div#header ul.left li { padding-right: 24px; }
div#header ul.right li { padding-left: 24px; }

div#header ul.left li,
div#header ul.left li a { float: left; }

div#header ul.right li,
div#header ul.right li a { float: right; }

div#header ul li a {
  display: block;
  width: auto;
  text-align: center;
  text-decoration: none;
  text-transform: lowercase;
  font-size: 13px;
  font-weight: bold;
  color: #4e6776;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .87);
  padding: 3px 10px 6px;
  border-radius: 999px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -o-border-radius: 999px;
  line-height: 1em;
}

div#header ul li a:hover {
  background: rgba(0, 0, 0, .04);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .55), inset 0 1px 1px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .55), inset 0 1px 1px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .55), inset 0 1px 1px rgba(0, 0, 0, .2);
  -o-box-shadow: 0 1px 0 rgba(255, 255, 255, .55), inset 0 1px 1px rgba(0, 0, 0, .2);
}

div#header ul li a:active {
  background: rgba(0, 0, 0, .1);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .55), inset 0 1px 3px rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .55), inset 0 1px 3px rgba(0, 0, 0, .5);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .55), inset 0 1px 3px rgba(0, 0, 0, .5);
  -o-box-shadow: 0 1px 0 rgba(255, 255, 255, .55), inset 0 1px 3px rgba(0, 0, 0, .5);
  padding: 4px 10px 5px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .55);
}

div#header ul li a.selected {
  background: #6e848f;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .75);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .87), inset 0 1px 3px rgba(0, 0, 0, .75);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .87), inset 0 1px 3px rgba(0, 0, 0, .75);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .87), inset 0 1px 3px rgba(0, 0, 0, .75);
  -o-box-shadow: 0 1px 0 rgba(255, 255, 255, .87), inset 0 1px 3px rgba(0, 0, 0, .75);
}

body.windows_chrome div#header ul li a:hover,
body.windows_chrome div#header ul li a:active { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .55), 0 -1px 0 rgba(0, 0, 0, .2); }

body.windows_chrome div#header ul li a.selected { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .55); }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
          Footer
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div#footer {
	width: 560px;
	margin: 48px auto 52px;
	text-align: center;
	font-size: 9px;
	line-height: 1.5em;
	color: #888;
}

div#footer a { color: #888; }