/*
    Theme Name: Grain-focusandshoot
    Theme URI: http://wp-grain.wiki.sourceforge.net/
    Description: A modified version of grain, a Photoblog Theme for Wordpress using the <a target="_blank" href="http://johannes.jarolim.com/blog/wordpress/yet-another-photoblog">Yet Another Photoblog</a> plugin.
    Author: Original grain author: Markus Mayer
    Modifications by Pierre Rust
    Design by Emmanuel Guillemart
    Author URI: http://mac.defx.de/
    Desing URI: http://www.lamanufabrique.com
    Version: 0.4
        <!----------------------------------------------------------------------------------------
    Grain Theme for WordPress is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
    Grain Theme for WordPress is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU General Public License for more details.
    You should have received a copy of the GNU General Public License along with Grain Theme for WordPress. 	If not, see <http://www.gnu.org/licenses/>.
-------------------------------------------------------------------------------------- -->
    File version: $Id: style.css 200 2009-04-11 manu$
*/

/* @group BASIC */

/* BASIC layout styles : */
body, html {
    margin:0;
    padding:0;
    color:#000;
}
body {
    min-width:950px;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;    
    font-size: 12px;
    background: rgb(234,234,222) url(images/background.jpg) repeat-x;
}
#wrap {
    margin:0 /*auto*/;
    width:1050px;
}
#header {
    background:#ddd;
}
#nav {
    background:#c99;
}
#main-top {
    margin-top: 15px;
    float:left;
    width:850px;
    background: transparent;
}
#side-top {
	height: 287px;
    margin-top: 15px ;
    float:right;
    width:200px;
    background: transparent;
}
#main-bottom {
    float:left;
    width:850px;
}
#side-bottom {
    float:right;
    width:200px;
}
#footer, .separator {
    clear:both;
}

/* @end */

/* @group TYPO */

.bleu {
	color: #a4c7d5;
}



/* @end */

/* @group TOP RIGHT */

/* top right menu */
#side-top ul {
    list-style:none;
    margin: 0px 0px 0px 10px;
    padding:0px;
    color: white;
    text-transform: uppercase;
    font-weight: bolder;
    font-size: 23px;
	line-height: 25px;
}
#side-top ul li {
	margin-bottom: -8px; 
}
#side-top a {
    text-decoration: none;
    color: white; 
}
#side-top a:hover {
    text-decoration: none;
    color: #86847d; 
}
#side-top .link_mosaic a{
    color: rgb(234,234,222); 
}
#side-top .link_mosaic a:hover{
    color: #86847d;  
}
#side-top .link_newest a{
    color: rgb(241, 148, 78); 
}
#side-top .link_newest a:hover{
    color: #86847d; 
}
#side-top .link_about a{
    color: #a4c7d5; 
}

#side-top .link_about a:hover {
    color: #86847d; 
}

#side-top #bt-links{
    position: relative;
    top : 245px;
    left: 10px;
}

/* @end */

/* @group SIDE TOP */

/*#side-top #bt-logo{
    display: block;
    position: relative;
    top : 95px;
    left: 0px;
    height: 120px;
    background-repeat: no-repeat;
    background-position: bottom right;
}*/

#side-top #bt-links #bt-details{
    display: block;
    float: left;
    height: 35px;
    width: 83px;
	background: url('images/detail.png') 0 -45px;
}

#side-top #bt-links #bt-details:hover{
	background: url('images/detail.png') 0 0px;
}
#side-top #bt-links #bt-rss {
    display: block;
    float: left;
    height: 35px;
    width: 38px;
	margin-left: 3px;
	background: url('images/rss.png') 0 -45px;
}

#side-top #bt-links #bt-rss:hover {
	background: url('images/rss.png') 0 0;
}

#side-top #bt-links span, #side-top #bt-logo span {
    display: none;
}

/* @end */

/* @group FOOTER */

#footer {
    margin-top : 50px;
    text-align: right;
    color: rgb(135,132,125);
	margin-right: 200px;
	height: 30px;
	margin-bottom: 20px;
}
#footer a {
    color: #a4c7d5; 
    text-decoration: none;
}
#footer a:hover {
    color: #86847d; 
}

/* @end */

/* @group PHOTO */

#photo{
    float: right;
    /*background: rgb(153,153,10);*/
    border: 15px solid rgb(51,51,51);
    -moz-border-radius-topright: 1em;
    -moz-border-radius-topleft: 1em;
    -moz-border-radius-bottomleft: 1em;
    -webkit-border-top-right-radius: 1em;
    -webkit-border-top-left-radius: 1em;
    -webkit-border-bottom-left-radius: 1em;
    border-radius: 1em;
}
#photo img {
    display: block;
}

/* @end */

/* @group MOSAIC */

#mosaic-list {
	background-color: #50493F;
	-moz-border-radius: 1em;
	-khtml-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	margin-top: 0;
	padding-bottom: 0;
	margin-right: 5px;
}



#mosaic-posts, #archive-posts{
	margin: 10px; 
}
.mosaic-post, .archive-post {
	position: relative;
    float: left;
	margin: 11px;
}
.mosaic-photo a img, .archive-photo a img{
	border: 5px solid #474138;
	text-align: center;
	background-color: #474138;
	padding-top: 0px;
	margin: 0;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 0;
}

.mosaic-photo a:hover img, .archive-photo a:hover img{
	border: 5px solid #86847d;
	text-align: center;
	background-color: #86847d;
	padding-top: 0px;
	margin: 0;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 0;
}

/* @end */

/* @group ABOUT */

#about-intro {
	color: #92a6a7;
	height: 270px;
	font: 12px/18px Geneva, sans-serif;
	margin-bottom: 0;
	margin-top: -4px;
	margin-right: 0;
	background: url(images/about_back_intro.png) no-repeat 370px 0;
	padding-right: 450px;
}

#about-intro h1{
	text-transform: uppercase;
	margin: 0 0 10px;
	color: #eaeade;
	font-weight: bold;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#about-intro p{
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
}

#about-intro ul {
	list-style-type: disc;
	list-style-position: outside;
	list-style-image: url(images/about_bullet.gif);
	color: #a4c7d5;
	margin: 3px 0 0;
	padding: 0 0 0 17px;
}
#about-team {
	margin: 0;
	padding: 0;
}

#about-team p{
	color: #f1944e;
	font-weight: bold;
	text-transform: uppercase;
}

#about-team h1 {
	margin-left: 10px;
	text-transform: uppercase;
}

#team-list {
	padding: 0 10px 0 0;
	margin: 0 0 10px;
}

#team-text {
	background-color: #a4c7d5;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding-top: 0;
	padding: 15px;
	margin-left: 175px;
}

#team-text h1 {
	margin: 0 15px 0 0;
	color: #50493F;
	background: url(images/about_fleche.gif) no-repeat 0 10px;
	right: 25px;
	position: relative;
	padding: 0 0 0 25px;
}

#team-text p {
	margin: 0 0 10px;
	padding: 0;
	font: 16px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #50493F;
	text-transform: none;
}



/* @end */

/* @group NAVIGATION */

#navigation-top {
	/*	display: none;*/
	clear: both;
    width:850px;
	display: block;
	margin: 20px 0 0;
	height: 25px;
}

#navigation-bottom {
	clear: both;
	display: block;
	padding-bottom: 15px;
	padding-top: 20px;
	height: 30px;
	width: 850px;
}

#navigation-top .nav-left {
	float: left;
	padding-left: 20px;
}
#navigation-top .nav-right {
	float: right;
	margin-right: 25px;
}
#navigation-top  a {
    color: rgb(234,234,222);
    text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
#navigation-bottom  a {
    color: rgb(234,234,222);
    text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

#navigation-top  a:hover {
    color: #86847d;
}
#navigation-bottom  a:hover {
    color: #86847d;
}

#navigation-bottom .nav-left {
	float: left;
	margin-left: 20px;
}
#navigation-bottom .nav-right {
	float: right;
	margin-right: 25px;
}

/* @end */

/* @group DETAIL COMMENTS */

#details {
    width: 40%;
	float: right;    	
    border: 15px solid rgb(135,132,125);
    -moz-border-radius-topleft: 1em;
    -moz-border-radius-bottomleft: 1em;
    -webkit-border-top-left-radius: 1em;
    -webkit-border-bottom-left-radius: 1em;
    border-radius: 1em;
    background: rgb(135,132,125);
}

#comments {
    width: 45%;
	float: right;
	background: #a4c7d5;
    border: 15px solid rgb(163,199,213);
	-moz-border-radius-topright: 1em;
   	-moz-border-radius-bottomright: 1em;
   	-moz-border-radius-bottomleft: 1em;
    -webkit-border-top-right-radius: 1em;
    -webkit-border-bottom-right-radius: 1em;
    -webkit-border-bottom-left-radius: 1em;
    color: rgb(83,70,54);
}

#comments h2 {
    font-size: 14px;
    /*margin: 5px;*/
    font-weight: bolder;
    color: rgb(51,51,51);
/*    display: inline;*/
    margin: 0px;
}
#comments ol#commentlist {
   list-style:none;
   margin: 0px 0px 0px 10px;
   padding:0px;   
  }
#comments ol#commentlist .comment-text {
    margin: 10px 5px 10px 5px;
    border: 10px solid rgb(174,221,241);
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    background: rgb(174,221,241);
    color: rgb(83,70,54);
}
#comments ol#commentlist .comment-gravatar {
	margin-right: 5px; 
	margin-bottom: 2px; 
	float: left;;
}
#comments .comment-meta {
    color: rgb(83,70,54);
    margin: 0px 0px 15px 10px;
}
#description h2, #exif-info h2{
    text-transform: uppercase;
    font-size: 14px;
    margin: 5px;
    font-weight: bolder;
    color: rgb(51,51,51);
    margin: 0px;
  }
#description p {
    color: white;    
}
#date {
    font-size: 14px;
    font-weight: bolder;
    color: rgb(241, 148, 78);
    margin-top: 8px;
}
#tags-cats, #exif-info {
	margin-top: 20px;
    color: rgb(187,224,238);
    font-weight: bold;  	
    color: rgb(51,51,51);
}

#tags-cats h2{
    /*text-transform: uppercase;*/ 
    font-size: 14px;
    text-align: left;
    /*margin: 5px;*/
    font-weight: bolder;
    color: rgb(51,51,51);
    display: inline;
    margin: 0px;
  }
#tags-cats span{
  	color: white;
}   
#tags-cats a{
  	color: rgb(187,224,238);
    text-decoration: none;
}   

.exif-key {
    margin: 0px 0px 0px 0px;
    color: rgb(187,224,238);
    font-weight: bold;
}
.exif-value {
    color: white;
}
  
  
/* Liens sous la photo */  
#nav-tabs {
	width: 550px;
	float:right;
	font-size:18px;
	line-height:normal;
}
#nav-tabs ul {
	float:right;
	margin:0;
	padding:0;
	list-style:none;
}
#nav-tabs li {
	float:left;
	margin:0;
	padding: 0;

	font-weight: bolder;
	white-space: nowrap;
}
#nav-tabs li#author-tab {
	background: rgb(51,51,51);
	border: 10px solid rgb(51,51,51);    
	-moz-border-radius-bottomleft: 1em;
	-moz-border-radius-bottomright: 1em;
    -webkit-border-bottom-right-radius: 1em;
    -webkit-border-bottom-left-radius: 1em;
	white-space: nowrap !important;
}
#nav-tabs li#title-tab {
	background: rgb(234,234,222);
	border: 10px solid rgb(234,234,222);
	color: rgb(51,51,51);
	text-transform: uppercase;
}
#nav-tabs li#author-tab a {
	display:block;
	text-decoration: none;
	color: rgb(228,137,76);
	text-transform: uppercase;
    white-space: nowrap;
 display: inline-block;
}
#nav-tabs li#author-tab a:hover {
    color: #86847d; 
}
#nav-tabs li#author-tab span {
	color: rgb(234,234,222);
	text-transform: none;
}

#main-bottom h2 {
	margin: 10px 10px 5px 0px;
	color: rgb(51,51,51);
	font-weight: bolder;
    /*text-align:right;*/
}

/* @end */

/* @group ARCHIVE */

#archive-list {
	background-color: #50493F;
	-moz-border-radius: 1em;
	-khtml-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	margin-top: 0;
	padding-bottom: 0;
	margin-right: 5px;
}

#archive_nav {
    font-size: 12px;
	margin: 10px 0px 0px 10px;
	padding-top: 25px;
}

#archive_nav h2{
    font-size: 23px;
	text-transform: uppercase;
	color: rgb(241, 148, 78);
	margin: 15px 0 5px;
}
#archive {
/*    float: right;*/
}
#archive a {
    text-decoration: none;
	color: rgb(51,51,51);
}
#archive ul, #side-bottom ul, #archive_nav ul {
	margin: 0px 10px 5px 0px;
	padding:0;
	list-style:none;
    font-size: 12px;
    line-height: 15px;
}
#archive_nav ul li {
/*    float: right;*/
    /*text-align:right;*/
     margin-bottom : 0px; 
    text-transform: none;
    font-weight: normal;
color: rgb(51,51,51);
	
}

/* @end */

/* @group SIDE BOTTOM ?? */

#side-bottom h2 {
	margin: 10px 10px 5px 0px;
	color: rgb(51,51,51);
	font-weight: bolder;
}
#side-bottom a, #side-top a {
	color: rgb(51,51,51);
	text-decoration: none;
}

/* @end */

/* @group POST */

.post {
    margin: 0 15px 15px;
    padding: 0 10px 10px;
    color: rgb(51,51,51);
}

h2.pagetitle {
	margin: 10px 10px 10px 30px;
    color: #a4c7d5; 
    font-weight: bold;
}

h2, h3, p{
    filter:alpha(opacity=100); 
    -moz-opacity: 1.0; 
    opacity: 1.0;
    -khtml-opacity: 1.0; 
}
.post h3 {
    color: #A4C7D5;
}
.post h2 {
    color: #a4c7d5;
	margin: 0;
	text-transform: uppercase;
}

/* @end */

/* @group FROM GRAIN */

/* FROM GRAIN*/

div.photo {
	/*margin-left: auto;
	margin-right: auto;*/
	z-index: 1;
	position: relative;
}


#linkmap {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	margin: 0;
	padding: 0;
}

#linkmap a {
	outline-color: invert;
	outline-style: none;
	outline-width: medium;
}

#area_prev, #area_prev_spacer, #area_next, #area_prev_map {
	/*margin: 0 !important;
	padding: 0 !important;
	border: none !important;*/
	width: 49%;
	height: 100%;
	display: block;
	/*position: absolute;*/
	z-index: 10;
	float: left;
	color: white;
	text-decoration: none;
	background-repeat: no-repeat;
}o

#area_prev, #area_prev_spacer {
	float: left;
	right: 0pt;
	background-image: url(images/spacer.gif);
}

#area_prev_map {
	background-image: url(images/spacer.gif);
	float: left;
	right: 0pt;
}

#area_next {
	float: right;
	left: 0pt;
	background-image: url(images/spacer.gif);
}

#area_prev:hover {
	background: transparent url(images/nav_left.png) no-repeat scroll left 240px;
	cursor: pointer;
}

#area_next:hover {
	background: transparent url(images/nav_right.png) no-repeat scroll right 240px;
	cursor: pointer;
}

/* @end */

/* @group ALIGMENT */

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

/* @end */

/* @group CAPTION */

.wp-caption {
	margin: 0;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #50493F;
	padding: 5px;
	display: block;
}


.wp-caption:hover{
	margin: 0px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #86847d;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border-style: none;
	border-width: 0;
}

.wp-caption p.wp-caption-text {
	font-size: 14px;
	line-height: 20px;
	padding: 0 4px 5px;
	margin: 0;
}

/* @end */