/*
Theme Name: ORANGEADE Xperimental
Description: Modified from Modified Daisy Rae Gemini Two Col Fixed Width Centred with RH Menu
Author: jocoolmultimedia.ca
Author URI:jocoolmultimedia.ca
*/
/*
Credits:
Original BLue Horizon designed by Kaushal Sheth developed by geeksmakemehot.
*/
/*
License -
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/
/* ------- Layout ARTICLE CSS ------ */
body {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
font-size: 10px;
margin: 0;
padding: 0;
text-align: center;
/* IE 5.5 hack */
}
/* ------- DEFINITION DU CADRE DANS LA PAGE ------ */
#farouter {
background: #fff4ea ;
background-image: url(../../assets/backgnd/p1.jpg);
width: 740px;
border: 1px solid #fff4ea;
margin: 0px auto 1px auto;
text-align: left;
/* IE 5.5 hack part II */
}
#outer {}
#rap {}
/* ------- STYLE ET POLICE POUR NOM DU SITE ------ */
#masthead {letter-spacing: 0.2em;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px; font: normal 80% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; height: 190px;
}
#main {padding-left:10px;}
/* ------- COLONNE DE GAUCHE - CONTENU ------ */
#content {
float: left;
width: 480px;
padding-top: 60px;
}
/* ------- MENU DROITE 180PX ------ */
#menu {
float: right;
width: 180px;
margin-right: 10px;
margin-left: 10px;
border-left: 1px dashed #cc0000;
padding-top: 80px;
}
#nav {padding-left: 4px;}
#logo {padding-top: 0px; padding-left: 10px;}
#hmenu {margin: 1px; height: 1px;}
#hnav {margin: 0; padding: 0;}
#clearer { clear: both; margin: 10px 0px 10px 20px; padding: 10;}
#footer { margin: 8px 1px 1px 1px; }
/*----------------- Color CSS ------------------------*/
body {
background: #333333;
color:#333333;
background-image: url(../images/backgrounds/back-01.jpg);
}
#rap {background: #ff6600;}
#masthead {background-image: url('../images/headers/header-02.jpg');}
#footer {background: #666666;}
#hmenu { background: #ff9900;}
#hnav { background: #ff6600;}
a {color: #cc0000; text-decoration: none; }
a:visited { color: #990000; text-decoration: none; }
a:hover { color: #ff3300; text-decoration: none; }
acronym, abbr { border-bottom: #cc0000; }
blockquote {border-left: #666666; color: #ccff00;}
h2 { color: #ff6600;
font-size: 14px;
font-weight: normal;}
h3 a {color: #ff6600; }
h3 a:hover {color: #cc3300;}
h3 a:visited {color: #990000;}
.meta { color: #333333}
.meta a {color: #ff6600;}
.feedback a{color: #ff3300;}
/* -------- Core CSS ---------*/
a{text-decoration: none;}
a img { border: none; }
acronym, abbr { border-bottom: 1px dashed; }
acronym, abbr{ cursor: help; font-size: 100%; letter-spacing: .04em;}
blockquote { border-left: 1px solid #ff6600; border-bottom: 1px solid #ff6600; margin-left: 0.75em; padding-left: 0.15px;}
cite { font-size: 100%; font-style: normal; color: #fff4ea;}
#header a { color: #fff4ea; text-decoration: none; }
#header a:hover { text-decoration: none; }
/* -------- JOCOOL MULTIMEDIA - MARGE DU HAUT ---------*/
h1 { margin: 0; padding: 170px 0px 0px 10px; text-align: left; }
#hidden {display:none;}
/* -------- TEST BALISAGE -- EN EDITION -- TOP ---------*/
h2 {font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
letter-spacing: 0.2em; margin: 0px 2px 2px 2px; padding: 2px 0 0 0; }
h2#tagline {margin-right: 10px; padding:0;text-align: right;color: #ff3300;border: 0px none;; margin-left:0; margin-top:0; margin-bottom:0}
.post h2 { font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
letter-spacing: 0.2em; margin: 0 4px 0 4px; padding: 10px 0 10px 0; }
h3 {font: 14px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; margin-left: 0; margin-top: 20px;color: #ff6600;
}
h3#comments { margin-left: 2px; }
h3#respond { margin-left: 2px; }
h4 {
font-size: 12px;
font-weight: normal;
}
ol#comments li p { font-size: 100%; }
img {margin: 0px;padding: 0px; border: 1px solid #ff6600; }
p{ font: 100%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;}
p {}
.textarea { width:460px; margin:0; }
#archives {
font: 120% normal 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}
/* ------------------------- Classes used by the_meta() ---------------------*/
ul.post-meta {
list-style: none;
}
ul.post-meta span.post-meta-key {
font-weight: bolder;
}
.credit {
color: #ff9900;
font-size: 90%;
margin: 10px 0 0 0;
padding: 3px;
text-align: left;
}
.credit a, .credit a:hover {color: #ff6600;text-decoration: none;}
.feedback {text-align: right;clear: both;margin-right: 20px}
.meta {font-size: 1em;}
.meta li, ul.post-meta li {display: inline;}
.meta ul {display: inline;list-style: none;margin: 0;padding: 0;}
.meta, .meta a { font-weight: normal; letter-spacing: 0;}
.post { margin: 10px 10px 10px 10; }
.entrytext {margin-left: 10px;}
.storytitle { margin-top: 10px; margin-bottom: 10px; }
.storytitle a { text-decoration: none; }
.storycontent{margin-bottom: 5px; border-bottom: 1px solid #CC0000;}
#commentform { margin-left: 10px; }
#commentform #comment { width:400px; }
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
background: #fff4ea; padding: .2em; }
#commentform textarea { width:100%;}
#commentlist li {border: 2px solid #ff6600; margin-bottom: 20px; padding-left: 10px;}
#commentlist li ul { border-left: 1px solid #cc3300; font-size: 110%; list-style-type: none;}
/* ---------- All menu styling except #menu itself (in layout above) ------- */
#nav form {
margin: 4px;
}
/* ---------- CASES RECHERCHE ETC... ------- */
#nav input#s {
width: 80%;
background: #f1f9ff;
border: 1px solid #ff3300;
color: #333333;
}
#nav ul li h2 {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
font-weight: normal;
letter-spacing: 0.1em;
border: 0px none;
text-align: left;
padding-left:4px;
margin-left: 4px;
}
#nav ul ul ul.children {
font-size: 94%;
padding-left: 4px;
}
#nav { width: 160px; }
#nav ul
{
margin-left: 2;
padding-left: 2;
list-style-type: none;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
font-size: 95%;
}
/*------------- hnav barre de droite------------*/
#nav a
{
display: block;
padding-left:10px;
width: 140px;
background-image: url('../images/icon.gif');
background-repeat: no-repeat;
background-position: 0 55%;
border-bottom: 1px dotted #ff3300;
padding-right:2px;
padding-top:3px;
padding-left:20px;
padding-bottom:3px;
background-color: #FFF4EA;
}
#nav a:link, #navlist a:visited
{
text-decoration: none;
}
#nav a:hover
{
background-image: url('../images/icon2.gif');
color: #ff3300;
margin-right: 4px;
}
#themeswitcher {
font-size: 10px;
}
/*------------- hnav------------*/
#hnav ul
{
text-align: left;
padding-bottom: 4px;
padding-top: 4px;
padding-left: 4px;
margin-top: 4px;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 4;
background-color: #ff3300;
color: #ff9900;
width: 100%;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}
#hnav ul li
{
display: inline;
padding-left: 2;
padding-right: 2;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}
#hnav ul li a
{
padding-left: 2px;
padding-right: 2px;
padding-bottom: 4px;
padding-top: 4px;
color: #fff4ea;
text-decoration: none;
border-right: 1px solid #fff4ea;
}
#hnav ul li a:hover
{
background: #fff4ea;
color: #333333;
}
#hnav #active { border-left: 1px solid #cc3300; }
/*------------- added ------------*/
.gravatar {
float:left;
padding: 4px;
margin-right: 4px;
margin-bottom: 4px;
border: 1px solid #cc3300;
}
#commentbox {
background: #999999;
border: 1px solid #ff3300;
padding: 5px;
margin-bottom: 15px;
}
.commentby {
font-size: 12px;
text-transform: uppercase;
color: #333333;
}
.commentinfo {
font-size: 10px;
margin-top: -10px;
border-bottom: 1px solid #333333;
}
.commentid {
float: right;
font-size: 18px;
font-style: italic;
padding-left: 4px;
padding-right: 4px;
padding-top: 5px;
padding-bottom: 5px;
color: #990000;
font-weight: bolder;
}
.commentid a {
color: #fff4ea;
text-decoration: none;
}
/*------------- UL modified = 1.5em ------------*/
.post ul li {
padding: 0px;
font-weight: normal;
list-style: url('../images/icon.gif');
line-height: 0.5em;
}
/*------------- UL modified = 1.5em ------------*/
.post ul li:hover {
padding: 0px;
font-weight: normal;
list-style: url('../images/icon2.gif');
line-height: 0.5em;
}
span.caps { cursor: help; font-size: 90%; letter-spacing: 0.06em; } .feedback
{ font: 90%/180% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; }