/****** layout style ******/
/**
 * @author Loops <pierrot at nvision dot lu>
 * 
 * Style sheet used for typography and also lines height.
 *
 * This style sheet should contains CSS propreties :
 *
 *   - font (Police en général)
 *   - font-family (Famille de police)
 *   - font-style (Style de police)
 *   - font-variant (Variante de police)
 *   - font-size (Taille de police)
 *   - font-weight (Graisse de police)
 *   - font-stretch (Étirement de la police)
 *   - word-spacing (Espace des mots)
 *   - letter-spacing (Espace des signes)
 *   - text-transform (Transformation du texte)
 *
 *   - line-height (Interligne)
 *   - text-indent (Retrait du texte)
 *   - white-space (Césure)
 *
 *   - direction (Direction)
 *
 */
 
/**
 * Fonts alternative to use :
 *   - font-family: georgia, palatino, "palatino linotype", times, "times new roman", serif
 *   - font-family: georgia, times, "times new roman", serif
 *   - font-family: verdana, tahoma, geneva, sans-serif
 * (from http://unitinteractive.com/blog/2008/06/25/better-css-font-stacks/)
 */

body { font: 12px verdana, tahoma, geneva, sans-serif }
/* Special font for hyperlinks and titles */
a { font-family: georgia, palatino, "palatino linotype", times, "times new roman", serif; font-style: italic }
a.anchor { font-style: normal }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: georgia, palatino, "palatino linotype", times, "times new roman", serif }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-style: inherit }

/* Overwrite input font */
input, textarea, select { font: 12px/18px verdana, tahoma, geneva, sans-serif }
/* Strong in paragraph */
p strong { font: bold italic 14px georgia, palatino, "palatino linotype", times, "times new roman", serif }
/* Forms */
form label { line-height: 20px }
/* Inputs */
input { line-height: 30px }
input.submit { font: bold italic 18px georgia, palatino, "palatino linotype", times, "times new roman", serif; text-transform: lowercase; border: 0 }

/* Header */
/* Top navigation */
#top-nav li { text-transform: lowercase }
#top-nav li a strong, #top-nav li .on strong { font: 21px/21px georgia, palatino, "palatino linotype", times, "times new roman", serif }
#top-nav li a span, #top-nav li .on span { font: 11px/18px verdana, tahoma, geneva, sans-serif; letter-spacing: -1px }
/* Language navigation */
#lang-nav li { font: bold 11px/20px georgia, palatino, "palatino linotype", times, "times new roman", serif }

/* Content */
/* Top content */
#main-top h1 { font-size: 60px; line-height: 85px; text-transform: lowercase }
#intro { font: italic 24px/38px georgia, palatino, "palatino linotype", times, "times new roman", serif }
/* Restore italic for links */
#intro a { font-style: italic }

/* Standard box bottom links */
.box-bottom { font: bold 11px arial, "helvetica neue", helvetica, sans-serif }
.box-bottom a { font-weight: normal }
.box-bottom em { font-weight: normal; font-family: georgia, palatino, "palatino linotype", times, "times new roman", serif }

/* Links list */
.links { font: bold 12px arial, "helvetica neue", helvetica, sans-serif }
.links a { font-size: 13px; font-weight: normal }

/* Standard paginate */
.paginate { font: bold italic 12px/27px georgia, palatino, "palatino linotype", times, "times new roman", serif }
.paginate .prev, .paginate .next { font-size: 18px }
/* Standard date */
.date { font-family: georgia, palatino, "palatino linotype", times, "times new roman", serif }
.date .month { font-size: 11px; line-height: 21px; font-style: italic }
.date .day { font-size: 24px; line-height: 21px }
.date .year { font-size: 12px; line-height: 16px; font-style: italic }

/* Content column */
/* hAtom entries */
/* Note that a lot of class names are due to hAtom format */
.hentry .entry-title { font-size: 21px; line-height: 27px; text-transform: none }
.hentry .author { font-size: 11px; line-height: 21px }
.hentry .entry-summary { font-size: 12px; line-height: 18px }
.hentry .more { font-size: 11px; line-height: 20px }

/* Archive */
.archive li h2 { font-size: 21px; line-height: 28px }
.archive li .date .month { line-height: 16px }

/* Content boxes */
/* Standard content boxes styles */
/* Content boxes titles */
.content-box h2 { text-transform: lowercase } 
.content-box h3 { font-size: 21px; line-height: 27px; text-transform: lowercase } 
/* Content boxes lists */
.content-box ul li { font-size: 12px; line-height: 17px }
/* Content boxes definitions lists */
.content-box dl dt { font: 18px/21px georgia, palatino, "palatino linotype", times, "times new roman", serif }
.content-box dl dd { font: italic 13px/16px georgia, palatino, "palatino linotype", times, "times new roman", serif }
/* Content box form */
.content-box .form-help em { font-size: 11px }

/* Right columns */
/* Standard right boxes styles */
/* Right boxes titles */
.right-box h3 { font-size: 21px; line-height: 27px; text-transform: lowercase }
.right-box h3 span { text-transform: none }
/* Right boxes lists */
.right-box ul li { font-size: 12px; line-height: 17px }
.right-box ul li .date .month { line-height: 17px }
.right-box ul li .date .day { font-size: 18px; line-height: 17px }
.right-box ul li .date .year { line-height: 17px }
.right-box ul li em { font-family: georgia, palatino, "palatino linotype", times, "times new roman", serif }
/* Right boxes paragraphs */
.right-box p { font-size: 12px; line-height: 18px }
.right-box big { font: 20px/20px georgia, palatino, "palatino linotype", times, "times new roman", serif }

/* Portfolio box */
.portfolio-box a { font-size: 12px; line-height: 16px }

/* Tags cloud */
.right-box ul.tag-cloud li { line-height: 18px }
.right-box ul.tag-cloud li a { font-style: normal }
.right-box ul.tag-cloud li a.cloud-1 { font-size: 14px }
.right-box ul.tag-cloud li a.cloud-2 { font-size: 16px }
.right-box ul.tag-cloud li a.cloud-3 { font-size: 18px }
.right-box ul.tag-cloud li a.cloud-4 { font-size: 20px }

/* Footer */
#foot { font-size: 10px; line-height: 16px }
#foot h4 { font: 21px georgia, palatino, "palatino linotype", times, "times new roman", serif; text-transform: lowercase }