/**
 * #5c5c5c text gray
 * #d9d9d9 line gray
 * #c73200 link orange
 * #2b2b2b logo gray (in html)
 */
 /*
 http://freecog.net/2006/unicodedb/U+2000/
 */

/******************************************************************************
*   GLOBAL
******************************************************************************/

body {
	background-color: #ffffff;
	/**
	 * Default font size: browser/font dependant
	 * - 10.5pt for Firefox (Linux+Mac) and Konqueror
	 * - 9pt for Safari
	 * - 10.5pt or 11pt for IE and all other Windows browsers
	 */
	
	font-size: 9.5pt; /* default size, inherited */
	/*font-size-adjust: 0.53;*/
	/* 	-webkit-font-size: 9pt; */
	font-family: "Lucida Grande", "BitStream Vera Sans", "Helvetica Neue", "Lucida Sans", helvetica, arial, verdana, sans-serif; /* "FreeSans", "DejaVu Sans",  */
	color: #5c5c5c;
	/*background: url(/image/background/background.png) repeat-x top left;*/
	text-align: justify;
}

img {
	border: 0;
}

p {
	line-height: 1.3em;
}

hr {
	border-style: solid;
	border-color: #d9d9d9;
	border-width: 1px 0 0 0;
	height: 1px;
}


.orange {
	color:#c73200;
}

/**********

***********/


#logo span {
	color:#2b2b2b;
}
/* #logo #smoovee-logo-texts { TODO: play with http://www.w3schools.com/css/css_font.asp ? } §*/

#navlist {
	/*background: url(/image/background/menu.png) repeat-x;*/
	background: url(/image/background/bg38-illustrator.png) repeat-x;
	-webkit-background-size: 100%;
	-khtml-background-size: 100%;
	-moz-background-size: 100%;
/* 	height: 38px; */
	line-height: 38px;
}
#navlist a {
	color: white;
	font-size: 1.3em;
	text-transform: uppercase;
	text-shadow: white 0px 0px 2px;
}
#navlist a:hover {
/* 	text-shadow: white 0px 0px 4px; */
	text-shadow: white 0px 0px 0.8em;
}
.konqueror #navlist a:hover {
	text-shadow: white 0px 0px 0.2em;
}







#navsub {
	font-size:1.1em;
}
#navsub a {
	/*color: inherit;*/
	color: #5c5c5c;
}



#navsub a.selected, #navsub a.selected:hover {
	/*text-shadow: #BE3000 0px 0px 2px;*/
	color:#BE3000;
}
#navsub a:hover {
	/*text-shadow: #5c5c5c 0px 0px 2px;*/
}






h1, h2 {
	text-align: left;
	color: black;
}
h1 {
	margin-top: 25px;
	margin-bottom:0;
	padding-bottom:0;
	clear:both;
	color:black;
	font-weight:bold;
	font-size: 2em;
}
h1.title {
	text-align: center;
	font-size: 2.8em;
	margin-bottom: 0pt;
	margin-top: 40px;
}
h2 {
	font-size: 1.4em;
	margin-bottom:0;
}
h1 + h2 {
	margin-top: 24pt;
	margin-bottom: 24pt;
}
h2 + p {
/* 	margin-top:4px; */
}
p + h2 {
	margin-top:24px;
}
.compact h2 {
	display: inline;
	clear: left;
	/*color: black;*/
	/*font-size: 1em;*/
	font-size: 1.1em;
	font-weight: normal;
	padding-right:0.5em;
}
.compact h2 ~ p {
	display:inline;
	font-size: 1em;
}
.rounded h2 {
	color: #333333;
	margin-top:0;
	padding-top:0;
}

p.subtitle {
	font-size:1.15em;
}

a {
	text-decoration:none;
	color: #c73200;
}


#footer a, a.discrete {
	/*color: inherit;*/
	color: #5c5c5c;
}
a.discrete:hover {
	text-decoration: none;
	border-bottom: dotted #5c5c5c 1px;
}


.rounded {
	border: solid 1px #666666;
	background: #dddddd;
	padding:0px 6px 6px 6px;
	margin-bottom:24px;
	margin-top:12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;
}






blockquote, q {
	quotes: '\201C' '\201D';
	/*quotes: '\00AB' '\00BB';*/
	margin-bottom:0;
	margin-top:0;
/* 	width:66%; */
	line-height: 1.4em;
}


blockquote:before, q:before { content: '\201C'; font-weight: bold; font-size:1.4em; font-family:times,serif; padding-right: 0.3em; } /*content: open-quote;*/
blockquote:after, q:after { content: '\201D'; font-weight: bold; font-size: 1.4em; font-family:times,serif; padding-left: 0.3em; } /*content: close-quote;*/

blockquote.italic, q.italic {
	font-style: italic;
}
blockquote.big, q.big {
	font-size: 1.1em;
}

cite {
	margin-top: 6px;
}

/* &mdash; = 2014, &ndash; = 2013 */
cite:before { content: "\2014\00A0"; }
cite:after  { content: "\00A0\2014"; }



#dl_url,#dl_url_win {
	
	display:block;
	
	background:url(/image/background/download_smoovee.png);
	background-position:top left;
	background-repeat:no-repeat;
	
	-webkit-background-size: 100%;
	-khtml-background-size: 100%;
	-moz-background-size: 100%;
	
	width:22.125em;
	height:5.75em;
	/*
	width:280px;
	height:72px;
	*/
	
	padding:5px 8px;
	margin-bottom:2px;
	vertical-align:middle;
	
	text-decoration:none;
}
#dl_url_lin {
	
	display:block;
	
	background:url(/image/background/download_smoovee.png);
	background-position:top left;
	background-repeat:no-repeat;
	-webkit-background-size: 100%;
	-khtml-background-size: 100%;
	-moz-background-size: 100%;
	
	width:22.125em;
	height:5.75em;
	
	padding: 5px 8px;
	margin-bottom: 2px;
	
	vertical-align:middle;
	
	text-decoration:none;
}
img.softwarebox {
	vertical-align:middle;
	float:left;
	margin-right:12px;
	height: 5.7em; /* 96x72 */
}


.toc a {
	text-decoration: none;
	color: inherit;
}

.toc > ul {
	padding-left: 4px;
	list-style-type: none;
	margin-top: 0.65em;
}
.toc > ul > li {
	padding-bottom: 8px;
}
.toc > ul > li > a {
	font-size:1.2em;
}
.toc > ul > li > ol, .toc > ul > li > ul {
	list-style-position: inside;
	padding-left:8px;
}
.toc > ul > li > ol > li, .toc > ul > li > ul > li {
	font-size: 0.9em;
	padding-top: 4px;
	padding-bottom: 2px;
}


.files > h3 {
	margin-bottom: 0;
	padding-bottom: 4px;
}
.files > ul {
	margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; padding-left:4px; list-style-position:inside; margin-left:0;
}
.files > ul > li > span {
	font-size: x-small;
}
.files > ul > li > span:before {
	content: '\2000'; /* &ensp; */
}
.konqueror .files > ul > li > span:before {
	content: ' ';
}

span.thinsp:before {
	content: '\2009'; /* &thinsp; */
}
.konqueror span.thinsp:before {
	content: '';
}
span.ensp:before {
	content: '\2002'; /* &ensp; ?!  */
}
.konqueror span.ensp:before {
	content: '\00A0\00A0'; /* &nbsp; */
}
span.emsp:before {
	content: '\2003';
}
.konqueror span.emsp:before {
	content: '\00A0\00A0\00A0'; /* &nbsp;&nbsp; */
}


#testimonials_list img {
	padding: 4px;
	border: solid #d9d9d9 1px;
}




ul.rss_list {
/* 	list-style-image: url(/image/icon/rss-logo-small.png); */
	list-style-position:outside;
/* 	padding-left: 25px; */
	padding-left: 4px;
	marker-offset: 0;
	list-style-type: none;
}

ul.rss_list li {
	display:block;
	vertical-align:middle;
/* 	line-height:40px; */
}
ul.rss_list li img {
	display:inline-block;
	vertical-align:text-bottom;
}

ul.rss_list li p {
	margin-top:2pt;
	margin-bottom:8pt;
	/*margin-left: 20px;*/
}


ul.rss_list ul {
	list-style-type:none;
	padding-left: 15px;
	marker-offset: 0;
}

/* ugly and unreliable, but alignment seems to work */
.seven-three .last-child h2 {
	line-height: 2em;
	height: 1.75em;
	font-size: 1.4em;
	vertical-align:text-bottom;
	padding:0;margin:0;
}
.seven-three h1, .seven-three .last-child h2 {
/* 	border: dashed black 1px; */
	margin-top: 25px;
	margin-bottom: 0;
}

.apache table {
	font-family: fixed;
}
.apache table {
	font-family: -moz-fixed, monospace, fixed;
	width: 100%;
}
.apache table td {
	padding: 1px 6px;
}
