body {
    background-color: #AFCDFD;
    font: 100% "Helvetica", sans-serif;
    margin: 50px;
}

#extra {
    font-size: 70%;
}

#banner {
    border: 4px #38C solid;
    background-image:url(img/kb_banner.png);
    background-repeat:no-repeat;
    background-position:top;
    background-color: #229;
    padding: 20px 10px 15px 10px;
    color: #FFF;
    max-width: 750px;
    text-align:center;
    height:130px;
    margin: 0px auto 10px auto;
    font-size: 60px;
}

#banner a {
	color: #FFF;
	text-decoration: none;
}

#content {
   /*
    border: 4px #38C solid;
    background-color: #EEF;
    padding: 20px;
    */
    max-width: 750px;
    margin: 0px auto 20px auto;
}

#content #tabs {
    padding: 0;
    border: none;
    margin: 10px 0 0 0;
}

#content #tabs ul.ui-tabs-nav {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #003;
    background-image:none;
    background-color: #AFCDFD;
}

#content #tabs .ui-tabs-panel {
    border-left: 1px solid #555;
    border-right: 1px solid #555;
    border-bottom: 1px solid #555;
}

#content a {
    color: #339;
    text-decoration: none;
}

#content a:hover {
    color: #3333FF;
    text-decoration: underline;
}

#content #tabs ul.ui-tabs-nav a, #content #tabs ul.ui-tabs-nav a:hover {
    color: inherit;
	text-decoration: inherit;
}

#content .more
{
    text-align: center;
    margin-bottom: 10px;
    border: 1px solid #CCC;
    font-weight: bold;
}

#content .more:hover
{
    background-color: #339;
}

#content .more:hover a, #content .more:hover a:hover
{
    color: white;
    text-decoration: none;
}


#content a img {
  border: 0;
}

#content .screenshot img.preview {
    width: 150px;
    border: 1px solid black;
    margin: 5px;
}

.about {
    font: 110% "Times New Roman", serif;
    margin: 20px;
    padding: 10px;
    background-color: #FFF;
}


img.ljustify {
	margin-right: 10px;
	margin-bottom: 5px;
	float: left;
	border: 1px solid black;
}

img.rjustify {
	float:right; 
	margin: 30px 10px 5px 15px;
	border: 1px solid black;
	width: 180px;
}

p.credits {
    text-align: center;
}

h2 tt {
    font:inherit;
    font-style:italic;
}

ul#threepoints li {
   list-style:none;
   margin-bottom: 10px;
}

ul#threepoints li em {
    font-weight: bold;
    font-size: 120%;
    font-family: "Helvetica";
}

ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}

.kb-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
.kb-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.kb-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.kb-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.kb-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.kb-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.kb-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.kb-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.kb-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#blogcontent div small {
    font-size: 80%;
    font-style: italic;
}

#bottom-links {
    font-size: 80%;
    text-align: center;
}

#bottom-links a, #bottom-links a:visited {
    text-decoration: none;
    color: #005;
}

#demo-video {
    float: right;
    margin-left: 5px;
    margin-bottom: 10px;
}