body { margin: 0; padding: 0; font: 12pt "Gill Sans", "Helvetica Neue", "Helvetica", "Verdana"; }

nav .navbar { display: block; }

.navbar a.logo img { padding-right: 0.5em; vertical-align: middle; }
.navbar a.logo { font-weight: bolder; padding: 0.5em; line-height: 38px; }

h1#index { font-size: 40pt; margin-top: 0; }

h4 { margin-top: 4em; }
p.screenshots img { margin: 0.5em; border: 2px solid black; }

span.third,span.half { display: inline-block; margin: 1%; padding: 0.25%; background: #eee; vertical-align: top; }
span.third a,span.half a { text-decoration: underline !important; }
span.third h2,span.half h2 { font-weight: normal; }
span.third { width: 30%; }
span.half { width: 45%; }

/* Common properties to lists and sublists */
/* afd0fe */
.navbar ul { float: left; background: #cadefe; margin: 0; padding: 0; list-style: none;
background-image: linear-gradient(top, #FFFFFF 0%, #CADEFE 60%, #AFD0FE 80%);
background-image: -o-linear-gradient(top, #FFFFFF 0%, #CADEFE 60%, #AFD0FE 80%);
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #CADEFE 60%, #AFD0FE 80%);
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #CADEFE 60%, #AFD0FE 80%);
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #CADEFE 60%, #AFD0FE 80%);

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.0, #FFFFFF),
	color-stop(0.6, #CADEFE),
	color-stop(0.8, #AFD0FE)
);}
.navbar ul li a { padding: 1em; display: block; }

/* Properties specific to main lists */
#main_navbar {
background-image: linear-gradient(bottom, #FFFFFF 0%, #CADEFE 60%, #AFD0FE 80%);
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #CADEFE 60%, #AFD0FE 80%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #CADEFE 60%, #AFD0FE 80%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #CADEFE 60%, #AFD0FE 80%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #CADEFE 60%, #AFD0FE 80%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.0, #FFFFFF),
	color-stop(0.6, #CADEFE),
	color-stop(0.8, #AFD0FE)
);
}
.navbar > ul { position: relative; left: 0; width: 100%; }

/* Properties specific to sublists */
.navbar > ul > li ul { visibility: hidden; position: absolute; }
.navbar > ul > li:hover ul { visibility: visible; }

.navbar > ul > li { float: left; }

footer { font-size: 9pt; text-align: center; }
footer .navbar { margin-top: 1em; font-size: larger; }
footer .navbar ul { width: 100%; margin: 0; padding: 0; }


.caret { display: inline-block; width: 0; height: 0; vertical-align: middle; content: ""; border-top: 4px solid black; border-bottom: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; }


div.clear { clear: both; }

div#main_content { padding: 2em; }


h1 small { color: grey; font-weight: lighter; }

blockquote { font-weight: lighter; }
blockquote p { font-style: italic; }
blockquote small:before { content: "\2013 "; } 
a { color: black; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }  /* Fix IE 6's stupidity. */
a.under { text-decoration: underline; font-weight: bolder; }
a.nounder:hover { text-decoration: none; }