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


body {
background: #FFF;
padding:0px;
margin: 0px;
font-size: 11px;
color: #000;
font-family: Arial, Helvetica;
}

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

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

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

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

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

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

#head {
border: 3px solid #C0C0C0;
margin: 0;
width: 800px;	
height: 242px;
margin: 0 auto 0 auto;
background:#F0F0F0 url('../images/header.jpg');	
}

.name {
padding-top: 10px;	
}

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

a.name:hover {
color: #FF6600;
text-decoration: underline;
}

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

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

#navblog {
width: 800px;	
height: 22px;
margin: 0 auto 0 auto;
padding:0px;
font-size: 11px;
}

#navblog a {
color: #C0C0C0;
}

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

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

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

#menuhaut {		
border: 2px solid #C0C0C0;
margin-bottom: 5px;
padding: 2px;
-webkit-border-radius: 10px; /* Safari prototype */
-moz-border-radius: 10px; /* Gecko browsers */
border-radius: 10px; /* All others */ 
background: #F0F0F0;
}

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

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

td.firstmenu {
//border: 1px solid #C0C0C0;
padding-left: 3px;
padding-right: 3px;
text-align:center;	
margin: 3px;
font-size: 11px;
}

td.menu {
border: 1px solid #C0C0C0;
padding-left: 3px;
padding-right: 3px;
text-align:center;
margin: 3px;
font-size: 11px;
}

td.menu:hover, td.firstmenu:hover {
background:#FF6600;
//border: 1px solid #4e4e4e;
font-size: 11px;
}

td.menu a, td.firstmenu a {
color: #ffa970;
font-size: 11px;
}
td.menu a:hover, td.firstmenu a:hover {
color: #000;
font-size: 11px;
}

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

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

/*************************************************
**************    right menu  ********************
**************************************************/

td.menul {
//background: #;
background:#FFF;
width:180px;
border:0;
padding:0px;
}

td.menur {
//background: #;
width:180px;
border:0;
padding:0px;
}

.section{
margin-top:2px;
margin-bottom:3px;
color: #000;
font-weight: bold;
size: 14px;
border-bottom: 1px solid #C0C0C0;
font-size: 11px;
}

.subsection {
margin-left: 10px;
}

td.content {
background: #FFF;
border:0;
padding:0px;
margin:0px;
}

#picture, #profile, #comment, #links, #album, #tags, #perso, #myMessages, #freeZone, #myFavorites, #search, #rss{
border: 2px solid #C0C0C0;
margin-bottom: 5px;
background: #F0F0F0;
padding: 2px;
-webkit-border-radius: 10px; /* Safari prototype */
-moz-border-radius: 10px; /* Gecko browsers */
border-radius: 10px; /* All others */ 
font-size: 11px;
}

#calendarHead{
width: 172px;
height: 137px;
border: 2px solid #C0C0C0;
//margin-bottom: 5px;
margin: -70px 0 10px 615px;
//background: #F0F0F0;
background: <%=userColumnsBack%>;
-webkit-border-radius: 10px; /* Safari prototype */
-moz-border-radius: 10px; /* Gecko browsers */
border-radius: 10px; /* All others */ 
font-size: 11px;
}


#calendar {
width:130px;
margin: 0 auto 10px auto;
background: #F0F0F0;
//border: 0px solid #C0C0C0;
 border: 0px solid #C0C0C0;
 color: #0000;
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:#000;
}

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

#rail {
margin-right: 5px;
margin-bottom: 5px;
background: #F0F0F0;
padding: 3px;	
border: 1px solid #C0C0C0;
font-size: 12px;
}

.article {
background: #F0F0F0;
margin-right: 5px;
margin-bottom: 10px;
border: 5px solid #C0C0C0;
padding: 5px;	
-webkit-border-radius: 10px; /* Safari prototype */
-moz-border-radius: 10px; /* Gecko browsers */
border-radius: 10px; /* All others */ 	
font-size: 12px;
}

.title {
font-size: 18px;
color: #ffa970;
border-bottom: 0px solid #000;
margin-bottom: 2px;
}

.info {
size: 11px;
color: #C0C0C0;
margin-top: 0px;	
margin-bottom: 20px;
font-size: 11px;
}

.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 {
border-top: 1px solid #FFF;
size: 11px;
margin-bottom: 2px;
text-align: right;
font-size: 11px;
}

    #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 {
margin-right: 5px;
padding-left: 5px;	
text-align:justify;
border: 1px solid #C0C0C0;
background: #F0F0F0;
}

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

.authorcomment {
text-align:left;
size: 13px;
color: #000;
}

.textcomment {
padding: 5px;
background: #FFF;
margin-right: 5px;
}


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

#newcomment{
margin-right: 5px;
margin-top: 15px;
background: #F0F0F0;
padding: 5px;
border: 1px solid #C0C0C0;	
}

.new {
border: 1px solid #181818;
} 

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

td.newcomment {
text-align: right;
}

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


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

td.footer {
background: #FFF;
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%;
width: 150px;
font-size: 11px;
}

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

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

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


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

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

#bodypop {
width: 365px;
margin: 5px auto 0 auto;
border: 1px solid #C0C0C0;
background: #F0F0F0;	
padding:5px;
}

.white {
color:#000;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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