/*
Theme Name: Margot Scesa Theme
Theme URI: http://wordpress.org/
Description:  Theme of the Margot Scesa Web Site
Version: 1.0
Author: Margot Scesa and Vivien Ripoche
Author URI: 
*/


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \
|		
|		Copyright (c) 2009
|		Design + HTML/CSS/DOM JavaScript : Vivien Ripoche
|
\ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* ______________________[ 00 | META declarations ]________________________ */

body {margin:0;padding:0;font:76% Arial, sans-serif;background: transparent url(../../img/background.gif) no-repeat center 0; color: #303b4b;}
img {border:none; margin:0; padding:0;}
acronym, abbr, dfn {cursor:help;font-style:normal;border-bottom:1px dotted #dedede;}
hr {display:none;clear:both;}
a {outline:none;color: #82a2a3; text-decoration:none;}
a:hover {text-decoration:none;}
ul, li{list-style: none;padding:0; margin:0;}
h1, h2, dl, dt, dd, p{padding:0; margin:0;}
fieldset{border: none;}

/* ______________________[ 00 | Images ]________________________ */

body.home{text-align: center;}
body.home .main{margin: 15px auto;}
body.home a{display: block; width: 1004px; min-height: 200px; text-align: center; background: transparent url(../../img/loader.gif) no-repeat center center;}
*html body.home a{height: 200px;}
html body.home img{display: none;}
/* ______________________[ 01 | Main ]________________________ */

.main{width: 1004px; text-align:left; overflow: hidden; _zoom: 1;}

/* ______________________[ 02 | Sidebar ]________________________ */

.sidebar{float:left; display: inline; width:174px; padding: 6px 26px 20px 6px;}
.sidebar .fixed-content{width: 174px;}

@media screen {
.sidebar .fixed-content { position: fixed;}
* html { overflow-y: hidden;}
* html body {overflow-y: auto; height: 100%;}
* html .sidebar .fixed-content{position: absolute;}
}

.sidebar h1{overflow: hidden; _zoom: 1;}
.sidebar h1 a{display: block; float: right;margin-right: -4px;}
.sidebar h1 img{display: block;}

.sidebar ul.menu-header{padding-left: 120px;}
.sidebar ul.menu-header a{font-size: .8em; font-weight: bold;}

.sidebar ul.menu li{text-align: right;}
.sidebar ul.menu a{color: #303b4b; font-weight: bold; font-size: .9em;}
.sidebar ul.menu a:hover{color: #82a2a3;}
.sidebar ul.menu ul{display: none;}
.sidebar ul.menu ul a{color: #82a2a3;}
.sidebar ul.menu ul a:hover, .sidebar ul.menu ul li.current_page_item a{color: #b6c350;}

.sidebar ul.menu li.news{padding-bottom: 8px;}
.sidebar ul.menu li.news a:hover, .sidebar ul.menu li.news.current_page_item a{color: #eb8d28;}

/* ______________________[ 03 | Content]____________________*/

.content{float:left; display: inline; width: 736px; padding: 40px 28px;}
.content h2{font-size: 1.1em; color: #b6c350;}
.content .date{color: #b6c350;}
.content.news h2{color: #eb8d28;}
.content.news .date{color: #eb8d28;}

.content .post{padding-bottom: 10px;}
.content p{padding-bottom: 10px; font-size: 0.9em;}
.content img{padding: 0 20px 20px 0;}

/* ______________________[ 04 | Footer ]________________________ */

.footer{clear: both; text-align: center; padding-bottom: 10px; color: #aaa;}
.footer a{font-size: .8em; padding: 0 4px;}