@font-face {
	font-family: 'Museo Sans';
	src: url('../fonts/museosans_500-webfont.eot');
	src: local('☺'), url('../fonts/museosans_500-webfont.woff') format('woff'), url('../fonts/museosans_500-webfont.ttf') format('truetype'), url('../fonts/museosans_500-webfont.svg#webfontxJNZOtWa') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Museo Sans';
	src: url('../fonts/museosans_500_italic-webfont.eot');
	src: local('☺'), url('../fonts/museosans_500_italic-webfont.woff') format('woff'), url('../fonts/museosans_500_italic-webfont.ttf') format('truetype'), url('../fonts/museosans_500_italic-webfont.svg#webfontph2LfKQD') format('svg');
	font-weight: normal;
	font-style: italic;
}

body {
    font-family: "Museo Sans", "Helvetica", "Arial", sans-serif;    
    text-align: center;
    background-color: #fff;
    font-size: 100%;    /* Fix IE exaggerated resizing */
    font-size: 1.0em;   /* Should give 16px */
    line-height: 1.0em;
}

a {
    color: #00693c;
    outline: 0; /* prevent dotted border in Firefox */
    -webkit-transition-property:color, background;
    -webkit-transition-duration: 0.2s, 0.2s;
    -webkit-transition-timing-function: linear, linear;
}

a:visited {
    color: #00693c;
}

a:hover {
    color: #00934e;
    -webkit-transition-property:color, background;
    -webkit-transition-duration: 0.1s, 0.1s;
    -webkit-transition-timing-function: linear, linear;
}

code {
    font-family: monospace;
    background: #f7f7f7;
    padding: 4px 8px;
    border: 1px solid #e4e4e4;
    color: #000;
}

pre {
    font-size: 14px;
    line-height: 18px;
    font-family: "Consolas", "Droid Sans Mono", "Deja Vu Sans Mono", "Monaco", monospace;
    background: transparent;
    border: none;
    text-align: left;
    color: #fff;
    text-shadow: 0 1px 1px #26160b;
}

p {
    line-height: 1.4em;
    margin-bottom: 0.875em;
}

#container, .container {
    width: 980px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    padding: 0 20px;
}

ul {
    margin-bottom: 1.0em;
}

ul.decorated, ol.decorated {
    list-style-type: square;
    padding-left: 20px;
}

ul.decorated li, ol.decorated li {
    line-height: 1.4em;
}

a.download {
    font-size: 1.4em;
    border: 3px solid #00693c;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 2px 6px;
    line-height: 2.0em;
    margin-right: 6px;
}

.github {
    font-size: 1.4em;
    color: #454545;
    border: 4px solid #e4e4e4;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 2px 6px;
    line-height: 2.0em;
    margin-right: 6px;
}

a.download:hover {
    border-color: #00934e;
}

h1 {
    font-size: 3em;
    margin-bottom: 32px;
}

h1.logo {
    background: url('../images/logo.png') 0 22px no-repeat;
    text-indent: -99999px;
    width: 371px;
    height: 120px;
}

h2 {
    font-size: 1.875em;
    color: #454545;
    margin-top: 0.2em;
    margin-bottom: 0.6em;
}

h3 {
    margin-top: 0.2em;
    font-size: 1.4em;
    margin-bottom: 0.6em;
}

div.clear {
    display: block;
    clear: both;
}

#menu-bar {
    background-color: #f7f7f7;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    text-transform: uppercase;
}

#menu-bar ul {
    font-size: 1.0em;
    margin: 0;
}

#menu-bar ul li {
}

#menu-bar ul li a {
    color: #777;
    letter-spacing: -0.05em;
    line-height: 1.8em;
    display: block;
    float: left;
    padding: 2px 20px 0 20px;
    border-right: 1px solid #e4e4e4;
    white-space: nowrap; /* required in IE6 */
}

#menu-bar ul li.first a {
    border-left: 1px solid #e4e4e4;
}

#menu-bar ul li a:hover {
    background-color: #e4e4e4;
    color: #454545;
}

#title-bar {
    height: 120px;
}

#strapline {
    background: url('../images/strapline.png') 0 0 repeat-x #4c2d05;
    border-top: 1px solid #957e62;
    border-bottom: 1px solid #26160b;
}

#strapline p {
    font-size: 1.70em;
    line-height: 2.25em;
    text-align: center;
    color: #291902;
    text-shadow: 0 1px 1px #957e62;
    margin: 0;
}

#featured {
    background: url('../images/bg-featured-top.png') 0 0 repeat-x #4c2d05;;
    padding: 20px 0;
    border-bottom: 1px solid #26160b;
}

.ui-tabs-hide {
    display: none;
}

#featured p {
    color: #fff;
    text-shadow: 0 1px 1px #26160b;
}

#featured p a {
    color: #f6f4cd;
}

#featured ul {
    text-align: center;
    height: 4em;
    margin-top: 20px;
    clear: both;
    display: block;
}

#featured ul li {
    margin: 0 20px;
    margin-bottom: 30px;
    display: inline;
    position: relative;
}

#featured ul li a {
    padding: 10px 20px;
    font-size: 1.75em;
    background: #f6f4cd;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    color: #3c2a13;
    text-shadow: 0 1px 1px #fff;
    -box-shadow: 0px 3px 10px #26160b; 
    -webkit-box-shadow: 0px 3px 10px #26160b; 
    -moz-box-shadow: 0px 3px 10px #26160b; 
    position: relative;
}

#featured ul li a span {
    position: absolute;
    display: none;
    bottom: -12px;
    background: url('../images/selected-arrow.png') center top no-repeat;
    width: 100%;
    height: 12px;
    left: 0px;
}

#featured ul li.selected a span, #featured ul li a:hover span, #featured ul li.ui-state-hover
a span, #featured ul li.ui-state-active a span {
    display: block;
}

#featured div.ui-tabs-panel {
    width: 600px;
    text-align: center;
    margin: 0 auto;
}

#featured div#feature-announcements.ui-tabs-panel div.entry {
    text-align: left;
    width: 600px;
}

#feature-announcements h3 a {
    color: #8AE6BB;
    text-shadow: 0 1px 1px #26160b;
}

#mainbody {
    background: #f7f7f7;
    padding: 30px 0;
    border-top: 1px solid #e4e4e4;
}

.content {
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 20px;
    margin-bottom: 30px;
}

#footer {
    border-top: 1px solid #e4e4e4;
    padding: 1em 0 0 0;
}

#footer p img {
    margin-right: 20px;
}

.left-column {
    width: 450px;
    float: left;
    margin-right: 20px;
}

.right-column {
    width: 450px;
    float: right;
}

.tweet .user {
    color: #444;
}