/* @override http://tungsten.net.au/squelettes/habillage.css */
/* @override http://monkey.local/tungsten.net.au/squelettes/habillage.css */

/**
 * habillage.css - Screen display styles for TUNGSTEN.
 * (c) 2008, Bouncing Orange. All rights reserved.
 * $Id: habillage.css 5 2008-07-21 03:25:44Z thsutton $
 */

* { margin: 0; padding: 0; border: none; outline: none; }

body { font-family: helvetica; }

/* Layout */
#page { display: block; position: relative; height: auto !important; height: 518px; min-height: 518px; width: 955px; 
        margin: 82px auto 0 auto; position: relative; }
#nav  { display: block; position: absolute; top: 0; left:  0; width: 305px; float: left; z-index: 1000; }
#con  { display: block; position: absolute; top: 0; right: 0; width: 682px; float: left; z-index: 0100; }

#text { display: block; width: 600px; float: right; z-index: 0100; }
#text .col { display: block; width: 190px; margin: 0 0 0 10px; float: left;}

/* Navigation menu */
#nav { font-family: Impact, Helvetica, "Arial Black", Arial; text-transform: uppercase; text-align: right; }
#nav h1 { font-size: 73px; line-height: 55px; height: 55px; color: #c9d0c6; }
#nav ul { padding: 2px 0 0 0; list-style: none; padding: 0; margin: 0; }

#nav li { font-size: 45px; line-height: 37px; padding: 3px 0 0 0; margin: 0; clear: both;  }
#nav li li { font-size: 28px; line-height: 23px; clear: none; list-style: none; text-align: left; }
#nav ul span, #nav ul a:link, #nav ul a:visited { color: #aacf37; text-decoration: none; }
#nav ul a:hover, #nav ul a:focus, #nav ul a:active { color: #c2d0a5; }


/* #nav li li span { color: #c9d0c6;}
#nav li li a:link, #nav li li a:visited { color: #B0E699; }
#nav li li a:hover, #nav li li a:focus, #nav li li a:active { color: #78dd4c; }
/* */

#nav li ul { margin-left: 110px;}
#nav li li ul { margin: 0; }
#nav li li ul li { font-size: 19px; }

/* Pagination controls */
.class1 #nav .pagination { margin-left: 110px; }
#nav .pagination { display: block; width: auto; }
#nav .pagination span { color: #C9D0C6;}
#nav .pagination li { margin-right: 5px; display: block; float: left; clear: none; font-size: 19px; }

/* Back link */
#back { position: fixed; top: 0; left: 0; }
#back a { display: block;  background: url(images/back.png); width: 70px; height: 70px; text-decoration: none; }
#back a:hover, #back a:focus { background: url(images/back-on.png); }
#back a span { visibility: hidden; }

/* Footer */
#foot { font-size: 9px; clear: both;}
#foot, #foot a { color: #aacf37; }
#foot a { text-decoration: none; }
#foot a:link { color: #81817e;}
#foot a:hover, #foot a:focus, #foot a:active { text-decoration: underline; }
.bouncingorange span { font-weight: bold; }
#foot p { width:400px; float:left; }

#con img { background-position: top left; }
img { vertical-align: top; }


/* SPIP */

#text { font-family: Helvetica, sans-serif; font-size: 11px; color: #81817e;
	background: url(images/column.gif) no-repeat top center; }

#text.col1 { background: none; }

h3 { font-size: 20%; }
p { margin: 1em 0; }
blockquote { padding: 1em 2em; border-left: 1ex solid #eee; }

#text ul { }
#text ul ul { margin-left: 2em; }

#text ol { list-style: decimal; }
#text ol li { }

b { font-weight: bold; }
i { font-style: normal; color: #aacf37;}

#text a:link { text-decoration: none; color: inherit; color: #81817e; }
#text a:visited { color: #a4a4a1; border: none; }
#text a:hover, #text a:focus, #text a:active { border-bottom: 1px dotted #81817e; }

p.title, .description {font-family: Helvetica, sans-serif; font-size: 11px; color: #81817e; }
p.title { display: block; margin: 0; padding: 0; width: 50%; float: left; }
p.one { text-align: left; }
p.two { text-align: right; }
.description { clear: both;}

#blog_link { float:right; width:64px; height:63px; margin-right:30px; }
#blog_link a:link, #blog_link a:visited , #blog_link a:active { width:64px; height:63px; display:block; background:url(images/blog_sprite.gif) no-repeat top; text-decoration:none; margin-top:5px; }
#blog_link a:hover { background-position:bottom; text-decoration:none; }
#blog_link #blog:link, #blog_link #blog:visited, #blog_link #blog:active { width:64px; height:63px; display:block; background:url(images/blog_sprite.gif) no-repeat top; text-decoration:none; margin-top:10px; }
#blog_link #blog:hover { background-position:bottom; text-decoration:none; }

.fragment { overflow:auto; }