/*** Layout "Orange" for Orange Blog.
**** Created 10/10/07 by Florent de Bodman
**** xoofoo@22u2.com 
**** images by Orange TM
*******************/


body {
background: #181818;
padding:0px;
margin: 0px;
font-size: 11px;
color: #fff;
 //font-family: Helvetica, Tahoma, Verdana, Arial;
    font-family: Arial, Helvetica;
}

a {
color: #FF6600;
text-decoration: none;
    font-size: 11px;
}

a:hover{
text-decoration: underline;
    font-size: 11px;  
}

#navbar {
height: 20px;
width:100%;
background:#000;
padding-top:2px;
margin-bottom:15px;
text-align: center;	
border-bottom: 1px solid #4e4e4e;
font-size: 11px;
}

.navbar {
padding: 2px;
color: #FFF;	
    font-size: 11px;	
}

a.msg {
color:#FF6600;
    font-size: 11px;
}

/*********************************************
********** header ****************************
*********************************************/

#head {
border: 1px solid #4e4e4e;
margin: 0;
width: 800px;	
height: 150px;
margin: 0 auto 0 auto;
background:#000;	
}

.name {
padding-top: 10px;	
    font-size: 18px;	
}

a.name {
    font-size: 18px;
color: #FF6600;
text-decoration: none;
margin-left:100px;
font-size: 18px;
}

a.name:hover {
color: #FF6600;
text-decoration: underline;
    font-size: 18px;
}

#description {
width: 350px;
margin-top: 0px;
margin-left:50px;
font-size: 12px;
background: #000;
padding: 5px;
border: 0px solid #A0A0A0;
}

/*************************************************
************ browsing by page in blog ************
***************************************************/

#navblog {
border-left: 1px solid #4e4e4e;
border-right: 1px solid #4e4e4e;
border-bottom: 1px solid #4e4e4e;
width: 800px;	
height: 22px;
margin: 0 auto 0 auto;
padding:0px;
font-size: 11px;
}

    #navblog a {
    color: <%=userLinksColor%>;
    }
    
.navblog {
margin-left:5px;
font-size: 11px;
}

.navblogselect{
margin-left:5px;	
font-size: 11px;
}

/*************************************************
******* top menu categories **********************
***************************************************/

#menuhaut {
border-left: 1px solid #4e4e4e;
border-right: 1px solid #4e4e4e;
border-bottom: 1px solid #4e4e4e;	
width: 800px;	
height: 22px;
margin: 0 auto 0 auto;
padding:0px;
background: #000;
}

table.menu {
border:0px;
font-size: 11px;    
}

td.categories {
padding-left: 3px;
padding-right: 3px;
text-align:center;	
}

td.firstmenu {
//border: 1px solid #000;
border-right: 1px solid #4e4e4e;
border-left: 1px solid #4e4e4e;
padding-left: 3px;
padding-right: 3px;
text-align:center;	
}

td.menu {
border: 1px solid #000;
border-right: 1px solid #4e4e4e;
padding-left: 3px;
padding-right: 3px;
text-align:center;
}

td.menu:hover, td.firstmenu:hover {
background:#ffa970;
//border: 1px solid #4e4e4e;
}

td.menu a, td.firstmenu a {
color: #ffa970;
}
td.menu a:hover, td.firstmenu a:hover {
color: #000;
}

/*********************************************************
************ general table of page content **************
*********************************************************/

table.page {
width:800px;
height:300px;
border: 1px solid #4e4e4e;
padding:0px;
background: #000;
font-size: 11px;
}

/*************************************************
**************    Left menu   ********************
*************************************************/


td.menul {
background: #000;
width:180px;
border:0;
padding:5px;
}

.section{
margin-top:2px;
margin-bottom:3px;
color: #ff6600;
font-weight: bold;
size: 14px;
font-size: 11px;
}

.subsection {
margin-left: 10px;
}

td.content {
background: #3d3d3d;
border:0;
padding:5px;
}

#picture, #profile, #comment, #links, #album, #tags, #perso, #myMessages, #freeZone, #myFavorites, #search, #rss {
padding-bottom:5px;
border-bottom: 1px dotted #4e4e4e;
font-size: 11px;
}

#calendar {
width: 130px;
margin: 0 0 0 0;
background: #000;
border-bottom: 1px dotted #4e4e4e;
color: #FFF;
font-size: 11px;
}

ul {
list-style: square;
list-style-position: outside;
margin-top: 5px;
margin-bottom: 5px;
padding-left: 4px;
margin-left: 4px;
color: #FF6600;	
}

li {
padding-left: 4px;
margin-left: 4px;
}

ul a {
color:#FFF;
}

/**************************************************
** article presentation in general page  **********
*************************************************/

#rail {
width: 90%;
background: #000;
padding: 3px;	
 font-size: 12px;
}

.article {
margin-top: 10px;
border-bottom: 1px solid #000;	
font-size: 12px;
}

.title {
font-size: 14px;
color: #ffa970;
border-bottom: 0px solid #000;
margin-bottom: 2px;
}
    
.info {
size: 11px;
color: #000;
margin-top: 0px;	
margin-bottom: 20px;
font-size: 12px;
}

.text {
padding:5px;
text-align: justify;	
font-size: 12px;
}
/***********************************************************************
NB: any other color, size, decoration and weight, etc...           *****
of article itslef to be defined by wysiwyg editor for text class   *****
***********************************************************************/


img.text {
padding: 10px;
font-size: 11px;
}

.commentinfo {
size: 11px;
margin-bottom: 2px;
text-align: right;
font-size: 11px;
}

/*************************************************
*******  List articles (by tags etc...)       ****
*************************************************/

#list {
width: 80%;
margin: 10px auto 0 auto;
background: #000;
border: 1px solid #4e4e4e;
padding: 5px;
}

.result {
color: #FF6600;
text-align: left;
font-size: 14px;
}

.resultlist {
padding-top: 5px;	
    font-size: 11px;    
}

.resulttext {
    font-size: 11px;
}

/***********************************************
******  list comments in comment.html page  ****
***********************************************/

#comments {
width:90%;	
margin: 10px auto 10px auto;
text-align:justify;
border-bottom: 1px solid #000;
font-size: 11px;
}

.infocomment {
text-align: left;
font-size: 15px;
color: #C0C0C0;
font-size: 14px;
}

.authorcomment {
text-align:left;
size: 13px;
color: #C0C0C0;
 font-size: 11px;
}

.textcomment {
padding: 5px;
    font-size: 11px;
}


/****************************
*** add comment        ******
*****************************/

#newcomment{
width:90%;	
margin: 10px auto 10px auto;	
    font-size: 11px;
}

.new {
border: 1px solid #181818;
 font-size: 11px;
} 

.newtitle {
text-align: left;
font-size: 15px;
color: #C0C0C0;	
font-size: 14px;	
}

td.newcomment {
text-align: right;
font-size: 11px;
}

input, textarea {
background: #ffa970;
border: 1px solid #000;
    //font-family: Helvetica, Tahoma, Verdana, Arial;
    font-family: Arial, Helvetica;
color: #000;
padding: 2px;
font-size: 11px;
}


/************************************************
****************        Footer browsing    ******
*************************************************/

td.footer {
background: #000;
padding:5px;
height:15px;	
font-size: 12px;	
}

table.footer {
width:100%;
border:0px;
padding:0px;	
margin:0px;
font-size: 12px;
}

td.footerl {
text-align: left;
width: 50%;
font-size: 11px;
}

td.footerr {
text-align: right;
width: 50%;
    font-size: 11px;
}

/**************************************************
**********    Disclaimer at bottom of page   ******
***************************************************/

#disclaimer {
width:800px;
margin: 10px auto 10px auto;
text-align:center;
color: #C0C0C0;
font-size: 11px;
}


/***************************************************
*********** popup.html			************
***************************************************/

#pophead {
width: 375px;
height: 30px;
margin: 5px auto 0 auto;
border: 1px solid #4e4e4e;
background: #000;	
color: #FF6600;
font-size: 14px;
text-align: center;
}

#bodypop {
width: 365px;
margin: 5px auto 0 auto;
border: 1px solid #4e4e4e;
background: #000;   
    font-size: 12px;	
padding:5px;
}

.white {
color:#FFF;
    font-size: 12px;
}

#close {
width: 365px;
margin: 5px auto 0 auto;
text-align: center;	
    font-size: 12px;
}

/****************************************************
**************** Albums  ****************************
*****************************************************/

#albums {
margin-top: 10px;
font-size: 11px;
}

#albums table{
width: 100%;
border: 0px solid #4e4e4e;
font-size: 11px;
}

#albums td{
width:25%;
border:1px solid #4e4e4e;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
font-size: 11px;
}

#albums img {
width:116px;
height: 116px;	
border: 0px;
font-size: 11px;
}

#displayalbum {
width: 100%;
font-size: 11px;
}

#displayalbum table {
width: 100%;
margin-top: 15px;
font-size: 11px;
}

td.displayb {
width: 20%;
text-align: center;
border: 1px solid #4e4e4e;
font-size: 11px;
}

td.display {
width: 60%;
text-align: center;
font-size: 11px;
}

td.displayb:hover {
background: #ffa970;	
border:1px solid #000;
font-size: 11px;
}

td.imagealbum {
border:1px solid #4e4e4e;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
    font-size: 11px;
}

.orange {
color: #FF6600;
font-size: 11px;
}

/*******************
*** The end :-)  ***
********************/