/*
Theme Name: Spiffty modifié
Theme URI: http://www.noelcower.com/
Description: A modular-feeling theme, primarily blue with green and red to even things out.  Works with tags if you have the UltimateTagWarrior plugin, but will run just fine without it.  Supports widgets out of the box if you choose to use them.
Version: 2.0
Author: Noel R. Cower
Author URI: http://www.noelcower.com
*/

img {
    border: none;
}

html, body
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    background-color: #576b80;
    text-indent: 0;
    margin: 0;
    padding: 0;
    color: #505d29;
}

dd {
    margin-left: 10px;
    margin-bottom: 6px;
    border-left: 2px solid darkgray;
    padding-left: 8px;
}
dt {
    font-weight: bold;
}

/* links */
a, a:hover, a:visited, a:active, a:link {
    text-decoration: none;
}
a:link, a:active, a, h1, h2, h3 {
    color: #ab1515;
}
a:hover {
    color: #8e0d0d;
}
a:visited {
    color: #831919;
}

/* header text */
h1 { font-size: 1.7em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h1, h2, h3 { padding: 0; margin: 0; }

/* page header */

#pagehead
{
    height: 110px;
    background: #87989f url(img/pagehead3.gif) top left no-repeat;
    padding: 0;
    width: 860px;
    margin: 0 0 6px 0;
}

#home-link {
    position: relative;
    top: 8px;
    left: 8px;
    width: 330px;
    height: 43px;
    float: left;
    display: block;
    color: #ebf9c9;
    text-align: left;
}
#home-link a, #home-link a:hover, #home-link a:active, #home-link a:link {
    color: #ebf9c9;
}
#home-link h1
{
    font-size: 2em;
    margin: 0;
    padding: 0;
    font-weight: bold;
}
.description
{
    font-size: .9em;
    height: auto;
    padding: 0;
    margin: 0;
}

/* menu tabs (in header) */
#menu
{
    list-style-type: none;
    list-style-image: none;
    float: right;
    padding: 0;
    height: 21px;
    display: inline;
}
#menu li
{
    margin: 0;
    padding: 100;
    display: inline;
}

#menu a
{
    float:left;
    margin: 0 5px 0 0;
    width:80px;
    height: 21px;
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
    display: block;
    padding-top: 6px;
    background: transparent url(img/tab.gif) top left no-repeat;
}

#menu a:hover
{
    background: transparent url(img/tab-highlight.gif) top left no-repeat;
}
#menu a:active
{
    background: transparent url(img/tab-highlight.gif) top left no-repeat;
}
#menu a:visited
{
    color: #ab1515;
}

#menu .selmenu, #menu .selmenu:link, #menu .selmenu:active, #menu .selmenu:hover
{
    color: #6d0000;
    background: url(img/tab-sel.gif) top left no-repeat;
}

/* page footer */
#pagefoot
{
    clear: both;
    width: 860px;
    background: #98a7ad url(img/pagefoot-bottom.gif) bottom left no-repeat;
    vertical-align: bottom;
    padding-bottom: 8px;
    text-align: center;
    font-size: 0.9em;
}

#pagefoot-top
{
    background: #87989f url(img/pagefoot-top.gif) top left no-repeat;
    height: 12px;
}

#pagefoot p
{
    margin: 0;
    padding: 0;
    font-size: 1em;
}

#top-nav {
    position: relative;
    top: 28px;
    left: 8px;

    float: left;
    display: block;

    text-align: left;
	background: none;
	color: #87989f;
	width: 100%;
	font-size: 1.1em;
}

#top-nav ul {
	margin: 0 20px 0 0;
	padding: 5px 22px 5px 22px;
	list-style: none;
}

#top-nav li {
	display: inline;
	margin: 0 20px 0 0;
	padding: 0;
}

#top-nav a {
	color:  #576b80;
        font-weight: bold;
	text-decoration: none;
}

#top-nav a:hover {
	color: none;
	text-decoration: none;
}

/* content wrapper */
#content {
    width: 860px;
    background: #87989f none;
    padding: 0;
    margin: 10px auto 0 auto;
    display: block;
}

/* entry column */
.narrowcolumn
{
    margin: 0;
    width: 662px;
    padding: 0 0 0 8px;
    float: left;
}

/* posts */
.entry, .entry-alt
{
    margin: 0 0 10px 0;
}
.entry { background-color: white; }
.entry-alt { background-color: #e6ebdc; }

.entrytitle
{
    color: #505d29;
    margin: 0;
    background: #cbd4ab url(img/posthead.gif) top left no-repeat;
    min-height: 28px;
    border-bottom: 2px solid #a6b278;
}

.entryfoot     {
    background: #cbd4ab url(img/postfoot.gif) bottom left no-repeat;
    border-top: 2px solid #a6b278;
}
.entrytitle     { background-color: #cbd4ab; }
.entryfoot, .entrytitle { padding: 5px 12px 3px 12px; }
.entrytitle h1, .entrytitle h2, .entrytitle h3 {
    color: #505d29;
    vertical-align: middle;
	margin: 0;
	padding: 0;
	height: auto;
    font-weight: bold;
}

.entrytext {
    color: #505d29;
    padding: 0 8px;
    line-height: 1.9em;
}

.entrytext p {
    margin: 7px 0;
    padding: 0;
}

.entrytext ul, .entrytext ol {
    margin: 4px 0 0 30px;
    padding: 0;
}

.entrytext ul li, .entrytext ol li
{
    margin: 0 0 8px 2px;
    padding: 0;
}
.aligncenter{display: block; 
margin: 0 auto 5px;
}

/* sidebar */
.sidebar-head { padding: 5px 12px 3px 12px; }

#sidebar-container
{
    width: 172px;
    padding: 0 8px 0 0;
    margin: 0;
    float: right;
}

#sidebar-container ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 172px;
}

#sidebar-container ul li {
    float: right;
    width: 172px;
    margin: 0 0 10px 0;
    padding: 0;
    background: white url(img/sidefoot.gif) bottom left no-repeat;
}

.sidebar-content {
    margin: 0;
    padding: 4px 4px 10px 4px;
    float: none;
}

#sidebar-container ul ul
{
    padding: 0;
    margin: 0;
    float: none;
    width: 140px;
}

#sidebar-container ul ul ul
{
    margin: 0;
    padding: 4px 0 0 16px;
    float: none;
    width: 148px;
}

#sidebar-container ul ul li { font-weight: bold; }
#sidebar-container ul ul ul li { font-weight: normal; }
#sidebar-container ul ul ul li, #sidebar-container ul ul li {
    background-color: white;
    background-image: none;
    margin: 0;
    padding: 0 0 5px 0;
    float: none;
}
#sidebar-container ul ul li { width: 162px; }
#sidebar-container ul ul ul li { width: 142px; }

.sidebar-head h1, .sidebar-head h2, .sidebar-head h3 { color: #505d29; margin: 0; padding: 0; }

.sidebar-head
{
    margin: 0;
    background: #cbd4ab url(img/sidehead.gif) top left no-repeat;
    min-height: 20px;
    border-bottom: 2px solid #a6b278;
    float: none;
}

/* permalinks */
.permalink:link, .permalink { color: #505d29; border: none; }
.permalink:hover { color: #86950c; border: none; }
.permalink:visited { color: #505d29; border: none; }
.permalink:active { color: #5d7319; border: none; }



/* comment popup link */
.commentpopup
{
    text-align: center;
}

/* block quotes */
blockquote
{
    padding: 5px 10px 5px 24px;
    background: #dde3cc url(img/blockquote.gif) top left no-repeat;
    border-left: 3px solid #a6b278;
    margin-left: 22px;
    margin-right: 12px;
}

/* navigation div  (previous entries - next entries) */
#navigation {
    width: 237px;
    height: 22px;
    padding-top: 3px;
    margin-left: auto; margin-right: auto;
    text-align: center;
    background: #87989f url(img/nav.gif) top left no-repeat;
}

/* automagically added to list items by WordPress */
.page_item { display: block; }

#commentform p {
    margin: 4px 0 4px 0;
    padding: 0;
}

.taglist
{
    padding: 8px;
}

.dinline { display: inline; }
.alignleft { float: left; }
.alignright { float: right; }

.pin {
    min-height: 14px;
    padding-left: 14px;
}

.datecatlinks
{
    background: transparent url(img/pin.gif) top left no-repeat;
}
.taglinks
{
    background: transparent url(img/tag.gif) top left no-repeat;
}
.editlink
{
    background: transparent url(img/edit.gif) top left no-repeat;
}
.commentlink
{
    background: transparent url(img/comment.gif) top left no-repeat;
}
.pagelink
{
    background: transparent url(img/img/page.gif) top left no-repeat;
}
.imagelink
{
    border-width: 0 0 2px 0;
    border-style: solid;
    border-color: #a6b278;
    margin: 3px;
}