/* vim: set filetype=css encoding=utf-8 expandtab tabstop=2 shiftwidth=2 softtabstop=2: */

/*
 * Basic template
 * Header, footer and 2 column
 * Changing font characteristic in layout is forbiden to keep
 * template consistency and resisable
 *
 * @author Jack.R <jack.r@free.fr>
 */

/* http://openweb.eu.org/articles/compatibilite_taille_polices/
   * font-size %  	Pixel size
   *    57 	            9
   *    65 	            10
   *    71 	            11
   *    77 	            12
   *    82 	            13
   *    88 	            14
   *    96 	            15
   *    103             16
   *    109             17
   *    115             18
   *    121             19
   */

/* colors
   * main background:  #fcfcfc
   * main color:       #222
   * alt background:   #c6daee
   * alt color:        #3e7cba
   * border color:     #4284c6
   * internal link:    #ca8d31
   * broken link:      #ff3300
   * hover background: #f0f0f0
   * code background:  #e0ebf7
   */

/* ******************************************************
   *                Layout                              *
   * ****************************************************
   */

body {
  margin: 0;
}

p {
  margin: 0;
}

/* -------------- Header --------------- */
/* ------------------------------------- */
div#header {

}

div#block {
  float: right;
  width: 320px;
}

div#shortcut {

}

div#search {

}

div#logo {
  margin-right: 320px;
}

/* -------------- Sidebar -------------- */
/* ------------------------------------- */
div#sidebar {
  float: left;
  width: 200px;
}

div#sidebar ul {
  margin: 0;
}

/* -------------- Page ----------------- */
/* ------------------------------------- */
div#page {
  margin-left: 200px;
}

div#info {

}

div#language {

}

div#language ul {
  margin: 0;
}

div#toc {
  float:right;
  width: 200px;
}

/* -------------- Footer --------------- */
/* ------------------------------------- */

div#footer {
  clear: both;
}

/* ******************************************************
   *                Design                              *
   * ****************************************************
   */

body {
  background-color: #dcdcdc;
  color: #222;
  font-size: 100%;
  font-family: Arial, Sans-Serif;

}


/* headline */
h1, h2, h3, h4, h5 {
  color:#222;
  background: inherit;
  margin-bottom: 0.51em;
  padding-top: 0.5em;
}

h1 {
  font-size: 121%;
  font-weight: bold;
  border-bottom: 1px solid #4284c6;
}

h2 {
  font-size: 115%;
  font-weight: bold;
  border-bottom: 1px solid #4284c6;
}

h3 {
  font-size: 109%;
  font-weight: bold;
}

h4 {
  font-size: 103%;
  font-weight: bold;
}

h5 {
  font-size: 96%;
  font-weight: bold;
}

/* paragraph */
p {
  line-height: 1.1em ;
  margin: 0.5em 0;
}

blockquote {
  border-left: 2px solid #4284c6;
  padding-left: 3px;
}

pre {
  margin: 0 0.5em 0 0;
  padding: 0.5em;
  border: 1px dashed #4284c6;
  overflow: auto;
}


/* line */
hr {
  border-top: 1px solid #4284c6;
  text-align: center;
  height: 0;
}

/* list */
ul {
  line-height: 1.5em;
  list-style-type: square;
  list-style-image: url("../images/medium_bullet.gif");
  margin: 0 0 0.5em 1em;
  padding: 0 0 0 1em;
}

ol {
  line-height: 1.5em;
  list-style-type: decimal;
  list-style-image: none;
  margin: 0 0 0.5em 1.5em;
}

ol ol {
  list-style-type: upper-roman;
}

ol ol ol {
  list-style-type: lower-alpha;
}

ol ol ol ol {
  list-style-type: lower-greek;
}

/* dt { */
/*   margin-top: 0.5em; */
/* } */

/* dd { */
/*   margin-left: 12.2em; */
/*   padding-left: 0.8em; */
/*   padding-bottom: 0.4em; */
/*   background: url("../images/small_bullet.gif") no-repeat 0 0.4em; */
/* } */

/* dt+dd { */
/*   margin-top: -1em; */
/* } */

/* dd+dt { */
/*   border-top: 1px dashed #4284c6; */
/*   padding-top: 0.4em; */
/* } */


dt {
  margin-top: 0.5em;
}

dd {
/*   margin-left: 12.2em; */
  padding-left: 0.8em;
  padding-bottom: 0.4em;
  background: url("../images/small_bullet.gif") no-repeat 0 0.4em;
}

dt+dd {
  margin-top: 0.4em;
}

dd+dt {
  border-top: 1px dashed #4284c6;
  padding-top: 0.4em;
}


/* table */
table {
  background-color: #fcfcfc;
  border-spacing: 0px;
  border-collapse: collapse;
  padding-bottom: 1em;
  margin: 0.5em 0;
}

table th {
  padding: 3px;
  border: 1px solid #4284c6;
  background-color: #c6daee;
}

table td {
  padding: 3px;
  border: 1px solid #4284c6;
}

table.center {
  margin: auto;
}

/* image */
img {
  border: 0;
}

/* links */
a:link, a:visited {
  color: #3e7cba;
  text-decoration: none;
}

a:hover, a:active {
  color: #222;
  text-decoration: underline;
}

a.external {
  background: transparent url("../images/icon_link.gif") 0px 4px no-repeat;
  padding: 1px 0px 1px 17px;
}

a.broken {
  color: #ff4848;
  text-decoration: line-through;
}

a.toc {
  background: transparent url("../images/arrow_up.gif") -2px 0px no-repeat;
  text-decoration: none;
  float: right;
  margin-right: 1em;
}

/* forms */
fieldset {
  border: 1px solid #4284c6;
  padding: 0.5em;
  margin: auto;
}

fieldset br {
  display: none;
}

textarea {
  font-family: monospace;
  color: #222;
  background-color: #fcfcfc;
  border: 1px solid #4284c6;
  padding: 0.3em 0 0 0.3em;
  width: 100%;
}

input, select {
  border: 1px solid #4284c6;
  color: #222;
  background-color: #fcfcfc;
  vertical-align: middle;
  margin: 1px;
  padding: 0.2em 0.3em;
  display: inline;
}

input.hidden {
  border: none;
  display: none;
}

input.disabled {
  border: 1px solid #fcfcfc;
}

input.button {
  background: #fcfcfc url("../images/button_shadow.gif") repeat-x bottom;
  cursor: pointer;
}

acronym {
  cursor: help;
  border-bottom: 1px dotted #222;
}

.error {
  background: #ffcccc;
}

/* Rounded Corners */

.ct {
}

.ct .l {
	background: url("../images/round_tl") no-repeat;
}

.ct .r {
	height: 15px;
	background: url("../images/round_tr.gif") no-repeat right top;
}

.cb .l {
	background: url("../images/round_bl.gif") no-repeat left bottom;
}

.cb .r {
	height: 15px;
	background: url("../images/round_br.gif") no-repeat right bottom;
}


/* -------------- Header --------------- */
/* ------------------------------------- */
div#header {
  background: #3e7cba;
}

div#header a:link,
div#header a:visited,
div#header a:active {
  padding: 0 10px 0 10px;
  color: #c6daee;
  text-decoration: none;
}

div#header a:hover {
  background: #c6daee;
  color: #3e7cba;
  text-decoration: none;
}

/* Shortcut */

div#shortcut p {
  margin: 1em 0 0.5em 0;
  padding-right: 20px;
  text-align: right;
}

/* Search */

div#search form {
	margin: 0;
	padding: 0;
}

div#search fieldset {
	height: 2em;
	margin: 0;
	padding: 0.5em 20px 0 0;
	border: none;
	text-align: right;
}

/* Logo */

div#logo {
  padding: 0 0 1em 2em;
}

div#logo h1 {
  margin: 0;
  padding: 0.2em 0;
  font-size: 300%;
  text-transform: lowercase;
  border: 0;
}

/* -------------- Wrapper -------------- */
/* ------------------------------------- */

div#wrapper {
  background: #dcdcdc;
  margin-top: 10px;
}

/* -------------- Sidebar -------------- */
/* ------------------------------------- */

/* Widget */

div.widget {
  margin: 0 10px 10px 10px;
  padding-bottom: 1em;
  background: #3e7cba url("../images/widget_bottom.gif") no-repeat bottom;
  font-size: 77%;
  color: #fcfcfc;
}

div.widget h1 {
  background: #3e7cba url("../images/widget_top.gif") no-repeat top;
  color: #fcfcfc;
  margin: 0 0 0.2em 0;
  padding: 0.3em 0 0.3em 15px;
  border: none;
  font-size: 130%;
  font-weight: bold;
  text-align: left;
}

div.widget h1 a {
  color: #fcfcfc;
  text-decoration: none;
}

div.widget h2 {
  color: #fcfcfc;
  background: #3e7cba;
  margin: 0 0 0.5em 15px;
  border-bottom: 1px solid #fcfcfc;
  width: 160px;
}

div.widget p {
  text-align: center;
  margin: 0;
}

div.widget a,
div.widget a:link,
div.widget a:visited,
div.widget a:active {
  color: #fcfcfc;
}

div.widget ul {
  list-style: none;
  list-style-image: none;
}

div.widget li {
  margin-left: 0;
}

div.widget li a {
  width: 90%;
  display: block;
  padding-left: 0.5em;
  text-decoration: none;
  border-left: 4px solid #3e7cba;
}

div.widget li a:hover {
  border-left: 4px solid #00c1ff;
  background: #f0f0f0;
  color: black;
  text-decoration: none;
}

/* Login */

div#login {
  margin: 1em;
  padding-bottom: 0.5em;
  font-size: 77%;
  text-align: center;
}

div#login a.button {
  padding: 0.2em 0.5em;
  border: 1px solid #4284c6;
  text-decoration: none;
  text-align: center;
  background: #fcfcfc url("../images/button_shadow.gif") repeat-x bottom;
}

div#login a.button:hover {
  background: #f0f0f0;
  color: #4284c6;
}

/* -------------- Page ----------------- */
/* ------------------------------------- */

div#page {
  margin: 10px 10px 10px 200px;
/*   padding: 0.5em 1em 0 1em; */
  background: #fcfcfc;
}

div#page div.ul{
  background: #fcfcfc url("../images/round_ul.gif") no-repeat top left;
}

div#info {
  margin: 0 1em 0 1em;
  padding: 0.5em 0 0.5em 0.5em;
  background: #fbfb90;
}

/* Language */

div#language {
  padding: 0.5em 0 0.5em 0.5em;
  margin: 0 1em 0 1em;
}

div#language {
  font-size: 77%;
  font-weight: normal;
}

div#language ul {
  display: inline;
}

div#language ul li {
  float: left;
  list-style-type: none;
  list-style-image: none;
  margin: 0 0.4em 0 0;
  padding: 0;
  width: 2em;
  border: 1px solid #4284c6;
  text-align: center;
}

div#language ul li a {
  display: block;
  text-decoration: none;
}

div#language ul li a:hover {
  background: #c6daee;
}

div#language ul li span.active {
  font-weight: bold;
}

/* Contents */

div#contents {
  margin: 0 1em 0 1em;
  padding: 0 0 1em 0;
}

div#toc {
  margin-left: 0.65em;
  background: #fcfcfc;
  border: 1px solid #4284c6;
  font-size: 77%;
}

div#toc h1 {
  background: #c6daee;
  margin: 0 0 0.2em 0;
  padding: 0.2em 0 0.2em 0.5em;
  border-bottom: 1px solid #4284c6;
  font-weight: bold;
  text-align: left;
}

div#toc li {
  padding-right: 0.5em;
}

div#contents fieldset {
  width: 25em;
  text-align: center;
}

div#contents fieldset.submit {
  border: none;
  border-left: 1px solid #4284c6;
  border-right: 1px solid #4284c6;
  border-bottom: 1px solid #4284c6;
  padding: 0.5em;
  margin: auto;
}

div#contents label.block {
  display: block;
  text-align: right;
  font-weight: bold;
}

/* -------------- Footer --------------- */
/* ------------------------------------- */

div#footer {
  background: #3e7cba;
  color: #fcfcfc;
  padding: 0.1em 0 0.1em 0;
}

div#footer p {
  font-size: 70%;
  text-align: center;
}

div#footer a img {
  opacity: 0.5;
}

div#footer a:hover img {
  opacity: 1;
}


/*
   * Local variables:
   * mode: css
   * coding: utf-8-unix
   * tab-width: 2
   * c-basic-offset: 2
   * indent-tabs-mode: nil
   * End:
   */