/* imports */
/***********/
@import url(reset.css);
@import url(typography.css);
@import url(SimplyButtons.css);
/* general stuff */
/*****************/
body {color:#27282C;font-family:Helvetica, Arial, sans-serif;overflow:auto;overflow-y:scroll;}
span {font-size:1.0em;}
a {color:#e7a300;text-decoration:none;}
a:hover {color:#27282C;text-decoration:underline;}
ul a:hover {color:#27282C;text-decoration:none;}
p {margin-bottom:10px;text-align:left;}
h1, h2, h3, h4 {font-family:Comfortaa;font-weight:bold;}
h1 {color:#ffb400;font-size:2em;margin:10px 0 15px 0;text-align:center;}
h2 {font-size:1.6em;text-align:left;}
span.h2 {font-size:1.6em;text-align:left;}
h3 {font-size:1.4em;text-align:left;}
span.h3 {font-size:1.4em;text-align:left;}
.center {text-align:center;}
img {border:none;}
img.logos {padding:10px;}
ul {list-style:none;}
#logo {float:left;left:10px;position:relative;top:5px;}
#content {border-left:4px solid #27282C;border-right:4px solid #27282C;margin:0 auto;min-height:400px;padding:1px 15px 35px 15px;text-align:center;width:922px;}
#main {float:left;width:75%;}
#sidebar {float:right;margin:0;width:25%;}
#footer {background-color:#27282C;border-left:4px solid #27282C;border-right:4px solid #27282C;color:white;height:30px;margin:-25px auto;padding:8px 0 2px 0;text-align:right;width:952px;}
ul.errors li {color:red;font-weight:bold;}
/* start.html specific */
/************************/
img.home_screenshot {float:right;margin: 0 0 0 -35px;position:relative;right:-25px;top:0px;z-index:-10;z-index:100;}
#start {margin:0 -15px 0 0;overflow:hidden;position:relative;}
#start p {text-align:left;}
#start h3 {margin:10px 0 0 0;}
a.choice-button {background:#27282C url(../images/ui/alert-overlay.png) repeat-x;border-bottom:1px solid #27282C;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-box-shadow:0 1px 5px #999;-webkit-box-shadow:0 1px 3px #999;color:#fff;margin:0 10px;padding:6px 10px 5px 10px;position:relative;text-align:left;text-decoration:none;text-shadow:0 -1px 1px #27282C;}
a.choice-button:hover {background-color:#111;color:#ffb400;}
/* header.html specific */
/************************/
#navigation {background-color:#27282C;border-left:4px solid #27282C;border-right:4px solid #27282C;height:70px;margin:0 auto;width:952px;}
#nav,
#nav ul {float:right;position:relative;}
#nav a img {background-color:#fff;margin:0 0 -5px 0;padding:0;}
#nav li:hover a img {background-color:#ffb400;}
#nav a {color:#fff;display:block;font-size:0.9em;text-decoration:none;}
#nav li:hover a {color:#ffb400;}
#nav li {float:left;padding:8px 8px 4px 8px;position:relative;text-align:center;}
#nav li a {text-align:center;}
/* footer.html specific */
/************************/
#footer img {background-color:#fff;}
#footer img:hover, #footer a:hover img {background-color:#ffb400;}
#footer a span {color:#fff;font-size:0.8em;padding:0 2px 0 4px;position:relative;top:-7px;}
#footer a:hover span {color:#ffb400;}
#footer .flattr_button, #footer .flattr_button:hover {background:transparent}
#___plusone_0 {width:65px !important;}
/* logo overlay text */
/*********************/
ul li.overlay span.overlaytext {background-color:white;border:1px solid #27282C;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;bottom:0px;left:5px;opacity:0.8;padding:2px 0px 2px 0px;position:absolute;min-width:150px;}
.overlaytext, .asterisk, .defaultclient {color:#27282C;}
ul li.overlay:hover .overlaytext, ul li.overlay:hover .asterisk, ul li.overlay:hover .defaultclient {color:#e7a300;}
/* oslist.html specific */
/***********************/
ul#oslist li {display:inline;position:relative;}
ul#oslist li.top {height:150px;width:150px;}
ul#oslist li.top ul {background-color:#fff;border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;box-shadow:0px 5px 5px rgba(39,40,44,0.7);-moz-box-shadow:0px 5px 5px rgba(39,40,44,0.7);-webkit-box-shadow:0px 5px 5px rgba(39,40,44,0.7);display:none;left:-40px;padding:20px;position:absolute;text-align:left;top:36px;width:190px;}
ul#oslist li.top:hover ul {display:block;}
ul#oslist li.top:hover {padding-bottom:55px;}
ul#oslist li.top:hover span.text {bottom:55px;}
ul#oslist li ul li {display:block;}
ul#oslist li ul li span.osname {background:none;border:none;left:5px;position:relative;top:-8px;}
/* jabberreg.html specific */
/****************************/
#regform {left:80px;margin:20px auto;padding-bottom:25px;position:relative;text-align:left;width:500px;}
#regform button {margin-top:5px;}
.reg-textfield {font-size:20px;height:25px;width:250px;}
.reg-selectfield {position:relative;top:-5px;}
.colorbar {display:none;width:1px;background-image:url(../images/passwordstrength.jpg);height:5px;
    float:left;}
span.percent {display:none;position:relative;top:-20px;}span.result{color:green;display:none;font-size:0.8em;position:relative;top:-20px;}
/* clientlist.html specific */
/****************************/
#clientlist {margin-top:25px;}
ul#clientlist li {display:inline;position:relative;}
ul#clientlist li span.asterisk {font-size:8em;right:10px;position:absolute;bottom:25px;}
ul#clientlist li span.defaultclient {font-size:1.2em;left:0px;min-width:150px;position:absolute;top:-180px;}
ul#clientlist span.overlaytext {left:10px;}
/* tutorial.html specific */
/**************************/
#tut-image {background-color:white;border:1px solid #27282C;-moz-box-shadow:rgba(0, 0, 0, 0.5) 5px 5px 5px;-webkit-box-shadow:rgba(0, 0, 0, 0.5) 5px 5px 5px;margin-top:20px;padding:15px;}
#caption p {color:black;font-size:1em;padding:0 25px 25px;margin:0 auto;text-align:center;width:70%;}
#links {overflow:hidden;}
#links #sidebar h3 {text-align:center;}
#links p {margin:20px auto;}
#links h2 {}
#links h3 {margin-top:20px;}
#links form {display:inline;}
#sociallinks a {}
ul.links li {display:block;padding:5px;}
ul.authordata {margin-bottom:20px;}
.pagination {background:url(../images/ui/circle.png) 0px no-repeat;font-size:1.1em;padding:11px;}
a.pagination:hover {background:url(../images/ui/circle-full.png) 0px no-repeat;color:#fff;text-decoration:none;}
.active {background:url(../images/ui/circle-full.png) 0px no-repeat;color:#fff;}
a.active:hover {color:#fff;}
a.overten, a.overten:hover {padding:5.5px;}
#tut-navigation {position:relative;top:-30px;}
#tut-navigation a {color:#27282C;font-size:6em;text-decoration:none;}
#tut-navigation a.nav-links-back {font-size:2em;position:relative;top:30px;}
.nav-back {float:left;}
.nav-next {float:right;}
/* 404 page */
/************/
h1.fourofour {font-size:3em;margin-top:50px;}
h3.fourofour {text-align:center;}
/* rating */
/**********/
#formwrap {text-align:left;margin:0 auto;width:400px;}
.ui-stars-star {float:left;display:block;margin:0 4px 0 0;overflow:hidden;text-indent:-999em;cursor:pointer;}
.ui-stars-star a {background:url(../images/ui/rating.png) no-repeat 0 0;display:block;height:24px;width:24px;}
.ui-stars-star a {background-position:0 -40px;}
.ui-stars-star-on a {background-position:0 0;}
.ui-stars-star-hover a {background-position:0 0;}
#star-cap {display:inline-block;height:20px;margin:24px 0 0 5px;position:absolute;}
#hint {font-size:18px;height:70px;width:400px;}
#ratebutton {position:relative;left:200px;}
#starcontainer {margin:0 0 15px 0;overflow:hidden;}
#hintcontainer {clear:both;}
#thanks {background:#27282C;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#ffb400;font-weight:normal;text-align:center;}