@namespace url(http://www.w3.org/1999/xhtml);
/*
 * Core
 */
body, html { background: white; margin: 0; padding: 0; color: black; font-family: sans-serif; font-size: 12pt; line-height: 140%; height: 100%; }
#root { margin: 0 auto; padding: 0; min-height: 100%; position: relative; }
#content { padding: 1.0em 1.5em 5em 1.5em; position: relative; }
* code { font-variant: normal; }

/* Links */
a[href] { text-decoration: underline; }
a img { border-style: none; }
a img.bordered { border-style: solid; }

a:link { color: #00A; }
a:visited { color: #639; }
a[href]:hover, #content a[href]:focus { color: #06F; }
a:active { color: #669; }

a, a:link, a:hover, a:visited, a:active { text-decoration: underline; }
a.btn { text-decoration: none; }


/*
 * Masthead
 */
#masthead { margin: 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 100; height: 2.3em; overflow: hidden; } /* 2.3 =~ (1.68+0.1+0.1)*1.2 */
#masthead .inner { background: #204050; font-size: 120%; padding: 0.1em 0.4em; }
#masthead h1 { margin: 0; padding: 0; font-size: 120%; line-height: 140%; display: inline; font-weight: bold; }
#masthead h1 a { text-decoration: none; color: white; }
#masthead h1 a:hover { text-decoration: underline; }
#masthead ul, #masthead li { margin: 0; padding: 0; list-style-type: none; display: inline; }
#masthead li { line-height: 168%; }
#masthead ul a { margin-left: 1em; text-decoration: none; color: white; }
#masthead ul a:hover { text-decoration: underline; }

#content { margin-top: 2.3em; }

/*
 * Footer
 */
#footer { position: absolute; bottom: 0; left: 0; right: 0; padding: 0 1em 0 1em; font-size: 90%; color: #666; }
#footer .left { float: left; text-align: left; }
#footer .right { float: right; text-align: right; }
#footer .left a, #footer .left span { margin-right: 1em; }
#footer .right a, #footer .right span { margin-left: 1em; }

/*
 * Marketing pages
 */
#content.marketing { padding-top: 0; padding-left: 0; padding-right: 0; }
#content.marketing .content { padding: 0 2em; }
#content.marketing .hero { text-align: center; background: #EEE; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D9D9D9), color-stop(100%,#FFFFFF)); background: linear-gradient(to bottom, #D9D9D9, #FFF); padding: 2em 2em 0 2em; }
#content.marketing .hero h1 { margin: 0 0 0 0; color: #444; font-size: 210%; line-height: 130%; }
#content.marketing .hero .h2_wrapper { margin: 0 -4em; padding: 0 100px; }
#content.marketing .hero h2 { margin: 0 0 0.5em 0; color: #444; font-size: 210%; line-height: 130%; }
#content.marketing .hero .text { font-size: 130%; line-height: 130%; padding: 0 4em; }
#content.marketing .hero p.text { margin: 1em 0; }
#content.marketing .hero p.buttons { margin-top: 2em; }

/*
 * Home page
 */
#content.home .topinner { max-width: 1200px; margin: 0 auto; padding: 0 2em; }
#content.home .col { width: 50%; float: left; }
#content.home .col .colinner { margin: 0 0.5em; }
#content.home .col.colleft .colinner { margin-left: 0; }
#content.home .col.colright .colinner { margin-right: 0; }
#content.home .subhero1 { text-align: justify; }
#content.home .subhero1 li { margin-bottom: 0.5em; }
#content.home .subhero2 { clear: both; text-align: center; font-size: 110%; line-height: 160%; margin-bottom: 2em; }
/*
#content.home .install_cmds h3 { margin: 0 0 0.5em 0; font-size: 115%; font-weight: bold; line-height: 1.4em; }
#content.home .install_cmds .terminal { font-family: monospace; white-space: nowrap; font-size: 115%; line-height: 1.4em; margin: 0 1em; }
#content.home .install_cmds .terminal p { margin: 0; }
#content.home .install_cmds .terminal p:before { content: "$ "; }
#content.home .install_cmds ul { margin: 1em 0 0 1em; font-size: 115%; padding: 0; }
#content.home .install_cmds li { margin: 0.3em 0 0 0; padding: 0 0 0 0.3em; }
#content.home .signup_box { max-width: 25em; }
#content.home .signup_box p { margin: 0 0 0.4em 0; }
#content.home .signup_box input { width: 100%; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 120%; height: 2em; }
#content.home .signup_box .fineprint { text-transform: lowercase; font-variant: small-caps; }
*/
#content.home .socialfooter { text-align: center; margin-top: 2em; }
#content.home .socialfooter a { margin: 0 0.5em; }
#content.home .callfooter { text-align: center; margin-top: 2em; }

#content.home .section { max-width: 1200px; margin: 0 auto; padding: 2.5em 2em 0 2em; }
#content.home .section h3 { color: #333; border-bottom: solid #ccc 1px; padding-bottom: 0.2em; margin: 0; }
#content.home .section h4 { color: #111; padding-top: 1em; padding-bottom: 0; margin: 0; }
#content.home .section p { margin: 1em 0 0 0; }
#content.home .section ul { margin: 1em 0 0 0; }

/*
 * Generic elements
 */
textarea, input[type=text], input[type=password] { margin-bottom: 0; }
input.autowidth { width: auto; }
.hidden { display: none; }

/*
 * Install guide
 */
.installguide { margin-top: 1em; }
.installguide p.distro { margin: 0 0 0.3em 0; }
.installguide form { margin: 0; }
.installguide select { width: auto; }
.installguide .noaccount { margin: 0; font-variant: small-caps; text-transform: lowercase; color: #666; }
.installguide h4 { display: none; }
.installguide .installguide_distro { display: none; }
.installguide .installguide_distro_selected { display: block; }
.installguide .installguide_distro p.extra { margin: 0.5em 0; }

/*
 * Misc
 */
.fineprint { font-size: 80%; color: #666; margin-top: 1em; }
.clearer { margin: 0; padding: 0; clear: both; display: block; }
code.shell span:before { content: "$ "; }
.lowtraffic { color: #888; font-variant: small-caps; text-transform: lowercase; }
/*
.gh_ribbon { position: absolute; top: 0; right: 0; width: 149px; height: 149px; background: url(github-ribbons/forkme_right_darkblue_121621.png); }
*/
.github_ribbon_area { position: absolute; top: 0; right: 0; width: 149px; height: 149px; }

/*
 * Social buttons
 */
a.social { text-decoration: none; border-radius: 3px; padding: 0.4em 0; line-height: 2em; white-space: nowrap; }
a.social span { margin: 0 0.4em; }
a.social span span { margin: 0; }

a.social.fb { background: #4864b4; color: white; border: solid #4864b4 1px; }
a.social.fb span { background: url(../img/fb.png) left center no-repeat; padding-left: 14px; }
a.social.fb span span { background: none; padding-left: 0.4em; }
a.social.fb:hover { background-color: #5574cb; text-decoration: none; }

a.social.twit { background: #EEE; color: black; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#DEDEDE)); background: linear-gradient(to bottom, #FFF, #DEDEDE); border: solid #CCC 1px; color: #444; }
a.social.twit span { background: url(../img/twit.png) left center no-repeat; padding-left: 19px; }
a.social.twit span span { background: none; padding-left: 0.4em; }
a.social.twit:hover { background: #EEE; color: black; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7F7), color-stop(100%,#D9D9D9)); background: linear-gradient(to bottom, #F7F7F7, #D9D9D9); border: solid #bbb 1px; }

a.social.block { display: block; }
a.social.block span { display: block; }
a.social.block span span { padding-left: 0; }

/*
 * GitHub ribbon
 */
a.github_ribbon span {
	display: block;
	height: 10px;
}
a.github_ribbon.left span {
	float: left;
	clear: left;
	background-image: url(../art/github_ribbons/forkme_left_darkblue_121621.png);
}
a.github_ribbon.left:hover span, a.github_ribbon.left:focus span {
	background-image: url(../art/github_ribbons/forkme_left_red_aa0000.png);
}
a.github_ribbon.right span {
	float: right;
	clear: right;
	background-image: url(../art/github_ribbons/forkme_right_darkblue_121621.png);
}
a.github_ribbon.right:hover span, a.github_ribbon.right:focus span {
	background-image: url(../art/github_ribbons/forkme_right_red_aa0000.png);
}
.github_ribbon_preload {
	background: url(../art/github_ribbons/forkme_right_red_aa0000.png) no-repeat -200px -200px;
}

/*
 * Terminal
 */
.terminal { font-family: monospace; overflow: auto; white-space: nowrap; background: white; margin: 0; text-align: left; background: #F6F6F6; border: solid #DDD 1px; border-radius: 5px; padding: 3px 5px; color: black; }
.terminal p { margin: 0; }
#content .section .terminal { margin-top: 0.6em; }
#content .section .terminal p { margin: 0; }
.terminal p:before { content: "$ "; }
.terminal p.root:before { content: "# "; }

/*
 * Opsmate ad
 */
.opsmate_ad { margin: 3em auto 0 auto; width: 40em; max-width: 1200px; background: #E3E3FF; text-align: center; line-height: 140%; padding: 0.2em 0.3em; }
.opsmate_ad p { margin: 0; }