/*
http://www.hooba.ca/
*/

* { margin:0; padding:0; }
.clearfix { clear:both; }
a img { border:0; }
a { color:#5ea8fb; }
.alignright { float:right; }
.alignleft { float:left; }
.aligncenter { text-align:center; }
.succes { color:#ceff36; }
.echec { color:red; }

body {
  background:url(/images/body-bg.jpg) fixed #111;
  border-top:20px solid #ceff36;
  color:white;
  padding-top:36px;
  font-family:Helvetica, Arial, "Lucida Grande", sans-serif;
}

.wrap {
  width:960px;
  margin:0 auto;
}

h1 {
  color:#ceff36;
  font-family:Georgia, "Times New Roman", serif;
  font-style:italic;
  font-size:24px;
  padding:10px;
  margin-bottom:8px;
}
h2 {
  margin-bottom:18px;
  padding:0 10px;
  color:#ceff36;
  font-size: 18px;
}

#main-col {
  width:600px;
  float:right;
  margin-top:25px;
  margin-left:50px;
}
p, #main-col ul, #main-col ol, #main-col pre {
  font-size:14px;
  letter-spacing:0.5px;
  padding:0 10px;
  line-height:18px;
  margin-bottom:18px;
}
#main-col ul, #main-col ol {
  padding-left:50px;
}
#sidebar {
  width:310px;
  float:right;
  margin-left:0px;
  font-family:georgia, "Times New Roman", serif;
}
#sidebar a#logo-link img{
  padding:0 10px;
  margin-bottom:18px;
}
#sidebar p {
  font-family:Helvetica, Arial, "Lucida Grande", sans-serif;
  padding:0 10px;
}

#sidebar h3 {
  font-style:italic;
  border-bottom:1px solid white;
  padding:0 10px;
  font-size:24px;
  line-height:36px;
  margin-bottom:18px;
  color:white;
}

#sidebar ul { border-top:1px dashed #333333; margin-bottom:18px;}
#sidebar ul li {
  list-style-type:none;
  background:url(/images/black20.png);
  border-bottom:1px dashed #333333;
  padding:8px 15px;
  font-size:15px;
  font-style:italic;
}
#sidebar ul li a { text-decoration:none; }
#sidebar ul li a:hover { text-decoration:underline; }

#footer .wrap{
  background:url(/images/black20.png);
  border:1px dashed #333333;
  color:#333333;
  margin-top:50px;
  margin-bottom:10px;
}
#footer h3, #footer h4 {
  font-family:Georgia, "Times New Roman", serif;
  font-style:italic;
  color:#333333;
}
#footer h3 { font-size:24px; }
#footer h4 { font-size:16px; padding:0 10px; margin-bottom:5px; }



#footer a { color: #333333; }
#footer ul { border-top:1px dashed #333333; margin-bottom:18px;}
#footer ul li {
  list-style-type:none;
  border-bottom:1px dashed #333333;
  padding:8px 15px;
  font-size:15px;
  font-style:italic;
}
#footer ul li a { text-decoration:none; }
#footer ul li a:hover { text-decoration:underline; }
#footer #copyrights {
  margin-bottom:0;
  padding:5px 20px;
  color:#555555;
  font-size:10px;
}
input, textarea {
  background:url(/images/black20.png);
  border:1px solid #333333;
  font-family:Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size:14px;
  color:white;
  padding:5px 10px;
  width:530px;
  margin:0 10px 18px 0px;
}
textarea { height: 200px; }
.submit {
  width:150px;
}

#main {
  background:url(/images/black20.png);
  border:1px dashed #555555;
  width:570px;
  padding:10px;
}
#main img.alignright {
  margin:0 10px 10px 20px;
}
#main h2 {
  font-family:Georgia, "Times New Roman", serif;
  font-style:italic;
}
.cell {
  width:168px;
  float:left;
  background:url(/images/black20.png);
  margin:10px 10px 10px 0;
  padding:10px;
  border:1px dashed #555555;
  height:290px;
}
.cell h2 {
  font-weight:bold;
  font-size:14px;
  margin-bottom:8px;
  line-height:18px;
  padding:10px;
}
.cell img {
  padding:10px;
}

label {display:block;}