/*
Theme Name: Theme pour hooba.ca
Theme URI: http://www.hooba.ca/
Description: Thème pour le blog de compagnie Hooba
Version: 1.0
Author: Antoine Leclair
Author URI: http://www.hooba.ca/
Tags: wallpaper, fluorescent, black, contrast
*/

* { margin:0; padding:0; }
.clearfix { clear:both; }
a img { border:0; }
a { color:#5ea8fb; }

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


.alignleft {float:left;}
img.alignleft {padding:0 20px 20px 0;}

.alignright {float:right;}
img.alignright {padding:0 0 20px 20px;}

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

h1, h2 {
  color:#ceff36;
  font-weight:normal;
  text-decoration:none;
  text-transform:uppercase;
  border-top:2px solid #ceff36;
  border-bottom:2px solid #ceff36;
  font-size:36px;
  font-height:36px;
  margin-bottom:15px;
  padding:0 10px;
}

h1 a, h2 a { text-decoration:none; color:#ceff36; }

h3 {
  margin-bottom:18px;
  padding:0 10px;
  color:#ceff36;
  font-size: 18px;
}
blockquote {
  padding:0 20px;
  background:url(images/black80.png);
}
#main-col {
  width:600px;
  float:left;
  padding-bottom:4px;
}
p.post-teaser-head, p.post-teaser-foot {
  background:url(images/black20.png);
  text-transform:uppercase;
  text-align:center;
  padding:5px 0 6px 0;
  border:1px solid #333333;
  font-size:10px;
  line-height:18px;
  letter-spacing:1.5px;
  margin-bottom:15px;
  font-weight:bold;
}
p.post-teaser-foot { margin-bottom:36px; }
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 img.shadow {
  -moz-box-shadow:0 0 10px 1px black;-webkit-box-shadow:0 0 10px 1px black;
}

#main-col ul, #main-col ol {
  padding-left:50px;
}
#main-col ol.commentlist {
  padding-left:10px;
}
pre {
  overflow:auto;
  background:url(images/black20.png);
  position:relative;
  z-index:2;
}
pre:hover {
  width:940px;
  background:url(images/black80.png);
}
#sidebar {
  width:310px;
  float:left;
  margin-left:50px;
  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; }
#sidebar #searchform input {width:190px;float:left;height:18px;}
#sidebar #searchform #searchsubmit {width:50px;padding:5px;height:30px;}
#footer {
  background:url(images/dents.png);
  color:#333333;
  margin-top:100px;
  padding-top:50px;
  padding-bottom:20px;
}
#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 img {
  float:left;
  border:3px solid #333333;
  margin:5px 20px 10px 10px;
}

#footer p {
  width:400px;
  font-size:11px;
}
#footer a { color: #333333; }


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:560px;
  margin:0 10px 18px 10px;
}
#submit {
  width:150px;
}

.commentlist li {
  padding:20px 20px 0 20px;
  margin-bottom:18px;
  background:url(images/black10.png);
  border:1px dashed #333333;
}
.commentlist li.alt { }

.commentlist li p { padding:0; width:400px;}
.commentlist pre:hover { width:auto; }

.avatar { float:right; margin-bottom:20px; border:2px solid #777777;}
cite { font-style:normal; }
small {margin-bottom:18px; font-size:10px; line-height:18px;display:block;color:#888888;}
small a {color:white;}
.search h2 {
  font-size:24px;
  margin:36px 0 9px 0;
}
.search small {padding:0 10px;}
.search #searchsubmit {width:150px;}
/* wp-pagenavi */

div.wp-pagenavi { 
  text-transform:uppercase;
  font-size:10px;
  line-height:18px;
  letter-spacing:1.5px;
  font-weight:bold;
}
div.wp-pagenavi a, div.wp-pagenavi a:link {
	background:url(../../themes/hooba/images/black20.png);
	padding: 5px 7px 6px 7px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #5ea8fb;
	color: #5ea8fb;	
}
/*
.wp-pagenavi a:hover { }
.wp-pagenavi a:active { }
*/
div.wp-pagenavi span.pages {
	background:url(../../themes/hooba/images/black20.png);
	padding: 5px 7px 6px 7px;
	margin: 2px 2px 2px 2px;
	color: #fff;
	border: 1px solid #fff;
}
div.wp-pagenavi span.current {
	background:url(../../themes/hooba/images/black20.png);
	padding: 5px 7px 6px 7px;
	margin: 2px;
	font-weight: bold;
	border: 1px solid #fff;
	color: #fff;
}
div.wp-pagenavi span.extend {
	background:url(../../themes/hooba/images/black20.png);
	padding: 5px 7px 6px 7px;
	margin: 2px;	
	border: 1px solid #fff;
	color: #fff;
}