/* ===================================================================================================================
 * UNIVERSAL
 */
html {
	margin: 0;
	padding: 0;
}

body {
	color: #000;
	font-family: "Myriad Web", Verdana, sans-serif;
	margin: 0;
	padding: 0;
}

.content {
	margin: 0 auto;
	max-width: 960px;
	min-width: 745px;
	position: relative;
}

p {
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: justify;
}

img {
	border: none;
}

ul {
	margin: 0 0 2em;
	padding: 0;
	
}

ul ul {
	margin-bottom: 0;
	padding-left: 1em;
}

li {
	list-style: none;
}

li.retreatElement {
	margin-top: 10px;
}

ul.square li {
	list-style-type: square;
	list-style-image: none;
	list-style-position: inside;
}

ul.mark li {
	list-style-type: disc;
	list-style-position: inside;
	margin: .6em 0;
}


h1 {
	font-size: 50pt;
	font-variant: small-caps;
	font-weight: normal;
	margin: 0;
}

h3 {
	/*border-bottom: 1px solid #0c6dbf;*/
	border-bottom: 1px solid #808080;
	color: #808080;
	font-size: 10pt;
	font-weight: normal;
	margin: 0 0 1em;
	padding: 0 0 8px;
}

h4 {
	font-size: 10pt;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 10px;
}

h5 {
	font-size: 10pt;
	font-weight: normal;
	margin-bottom: 2px;
	margin-top: 10px;
}


/* ===================================================================================================================
 * HYPERLINKS
 */

a:link, a:visited, a:focus, a:link:hover {
	color:#0071bc;
	text-decoration:none;
}

a:active {
	color:#808080;
	text-decoration:none;
}

a img {
	vertical-align: bottom;
}

a.serendipity_xml_icon {
	display: none;
}

/* ===================================================================================================================
 * HEADER 
 */
div#header {
	background-color: #b2b2b2;
	margin-bottom: .10em; 
	padding: 0 .5em;
}

div#logo {
	padding: 1em 0;
	position: relative;
}

div#documentCounter {
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}


/* ===================================================================================================================
 * MENU
 */

div#menu {
	background-color: #b2b2b2;
	font-size: 11pt;
	font-variant: small-caps;
	margin-bottom: 3em;
	padding: .25em .5em;
	position: relative;
	word-spacing: 1em;
}

#menu ul {
	margin: 0;
	position: relative;
	white-space: nowrap;
}

#menu li {
	display: inline;
	position: relative;
	word-spacing: normal;
}

#menu li.selected {
	color: #0071bc;
}

#menu a {
	color: #000;
}

#menu a:hover {
	color: #0071bc;
}

#language {
	position: absolute;
	right: 0;
	top: 0;
}


/* ===================================================================================================================
 * BANNER, WHEN NEEDED
 */

div#banner {
	font-size: 11pt;
	margin-bottom: 3em;
	margin-top: -2.5em;
}



/* ===================================================================================================================
 * MAIN PART OF THE WEBSITE. BETWEEN THE HEADER AND THE FOOTER
 */

div#main {
	margin-top: 3em;
	padding: 0 .5em;
}

div#description {
	color: #666;
	margin: 0 0 35px 0;
}

div#description p {
	font-size: 16pt;
	margin: 0;
}


/* ===================================================================================================================
 * LEFT BLOCK OF TEXT 1/3
 */
div.row {
	clear: both;
}


div#contents {
 font-size: 10pt;
 position: relative;
 margin-bottom: 20px;
 min-height: 250px;
}

/* ==== */
div#contents div#one-third-left-block {
	float: left;
	margin-bottom: 20px;
	padding-left: 0em;
	width: 30%;
}

div#contents div#one-half-left-block {
        float: left;
        margin-bottom: 20px;
        padding-left: 0em;
        width: 410px;
}

div#contents div#one-whole {
	clear: both;
}


div#contents div#one-third-middle-block {
	float: left;
	margin-bottom: 20px;
	margin-left: 45px;
	padding-left: 0em;
	width: 30%px;
}

div#contents div#two-thirds-right-block {
	margin: 0 0 20px 33%;
	position: relative;
}

div#contents div#one-half-right-block {
        margin: 0 0 20px 450px;
        position: relative;
}


/* ==== */
div#contents div#one-third-right-block {
	float: right;
	margin-bottom: 20px;
	padding-right: 0;
	width: 30%;
}

div#contents div#two-thirds-left-block {
	position: relative;
	margin: 0 33% 20px 0;
}

div.text {
	margin: 0 0 2em;
	text-align: justify;
}

/* === */
div.twoThirdsColumn {
	width: 62%;
}

div.oneThirdColumn {
	width: 31%;
}

div.midColumn {
	width: 47%;
}

div.centerColumn {
	margin-left: auto;
	margin-right: auto;
}

div.leftColumn {
	float: left;
}

div.rightColumn {
	float: right;
}


/* ===================================================================================================================
 * LEFT BLOCK OF TEXT 2 small left panels + main in middle
 */

div#contents div#second-half-one-third-left-block {
 float: top;
 display: block;
 padding-left: 0em;
 width: 300px;
}

div#contents div#two-thirds-large-right-block {
 position: absolute;
 margin: 0 0 0 370px;
 top: 0;
}


/* ===================================================================================================================
 * FULL WIDTH SECTION
 */

div#contents div#full-width {

}

/* ===================================================================================================================
 * FOOTER
 */
div#footer {
	clear: both;
	font-size: 9pt;
	margin-top: 3em;
	padding: .25em .5em;
	position: relative;
}

#footer .content {
	border-top: 1px solid #000;
	padding-top: .25em;
}

#footer div#footerinternal {
	position: absolute;
	right: 0;
	top: .25em;
}


/* =====================================================================================================================
 * SECTION SPECIFIC
 */

/* ==== */
span.postDate {
	float: left;
	margin-right: 1.5em;
}

div.teamList {
        width: 200px !important;
}

div.teamDescription {
        margin-left: 240px !important;
        position: relative;
}

div.member {
        clear: right;
        min-height: 120px;
        margin: 0 0 2em;
        position: relative;
}

div.member div.picture {
        /* 120px:180px for a 2:3 ratio */
        background-color: #b2b2b2;
        border: none;
        float: left;
        height: 120px;
        width: 180px;
}

div.member div.picture img {
        height: 120px;
        width: 180px;
}

div.member div.shortDescription {
        clear: right;
        margin-left: 210px;
}

div.member div.shortDescription p {
        font-size: 9pt;
}

div.member .contact p {
        margin: 0;
}



/* ==== */
div.blogPost {
	margin-bottom: 2.5em;
}

/* ==== */
div#map_canvas {
	height: 400px;
	width: auto;
}

#bubbleInfo {
	color: #808080;
	font-size: 36pt;
	text-align: center;
}

/* ===========================================
 * 
 * Serendipity rules
 * Keep away!
 * 
 */

.serendipitySideBarItem h3 {
	/*margin-top: 2em;*/
}

h3.serendipity_commentsTitle {
	/*border-bottom: 0;*/
	/*margin-bottom: 0;*/
}

.serendipity_center {
	font-size: .8em;
	text-align: center;
}

.nocomments {
	margin: .5em 0;	
	padding: 10px 0;
}

.container_serendipity_authors_plugin h3 {
	margin-top: 0;
}

.serendipity_entry {
}

.serendipity_entry_body {
	margin: 10px 0;
	text-align: justify;
}
.serendipity_entry_extended {
	margin: 10px 0;
	text-align: justify;
	
}

.serendipitySideBarItem {
	margin: 0 0 2em;
}


.serendipity_entryFooter,
.serendipity_comment_source {
	background-color: #f6f4f1;
	border-top: 1px solid #666;
	font-size: .8em;
	padding: 2px;
	text-align: right;
}

.serendipity_entryFooter a {
	white-space: nowrap;
}
.serendipity_comment {
	border: 1px solid #666;
	margin: 1em 0;	
	padding: 10px 2px 0;
	text-align: justify;
}

.comment_oddbox {

}

.comment_evenbox {
	background-color: #f6f4f1;
}

.serendipity_section_trackbacks {
	display: none;
}

.serendipity_section_comments {
	margin: 4em 0 2em;
}

.serendipity_section_commentform {
	margin-top: 2em;
}

.serendipity_view_extended {
	margin: 10px 0 20px;
	text-align: right;
}

.serendipity_entriesFooter {
	text-align: center;
}

/* ==== */
div.serendipityCommentForm table {
	border: 0;
	width: 100%;
}
div.serendipityCommentForm table td {
	border: 0;
	padding: 3px;
	vertical-align: top;
}

div.serendipityCommentForm table input, 
div.serendipityCommentForm table select, 
div.serendipityCommentForm table textarea {
	border: 1px solid #666;
	padding: 2px 4px;
}

div.serendipityCommentForm table select {
	padding: 0;
}

div.serendipityCommentForm table option {
	padding-bottom: 0;
	padding-top: 0;
}
/* 
 * 
 * =========================================== */

/* by LexUM space separated list */
ul.projectlist li {
	padding-bottom: 5px;
	text-align: justify;
}

ul.projectlist p {
	margin: 0px;
	padding: 0px;
}

span.product {
	color: red;
}