@import "all.css";


/*BACKGROUND IMAGE************/
body {
	background:#000 url("") repeat;
	/*if you want a solid color instead, erase "url('http://www.photomarcbailey.com/logo/PhotoMarcBailey.jpg') repeat" and write in your color code "#333333"*/
	font-family: Verdana, sans-serif;
        color: #fbe2b0; /*OVERALL TEXT COLOR : gris 636363*/
	font-size: 12px;
}


/*LINK STYLES****************/
a {
	text-decoration:none;
	color:#868A08; /*ou vert 868A08 orange e1771e*/
}
a:hover {text-decoration:underline;}

.postmetadata a {	
         color:#e1771e; /*ou beige fbe2b0 vert 868A08 orange e1771e*/
}

.navigation a {	
         color:#e1771e; /*ou vert 868A08 orange e1771e*/
}

.espace { 
padding: 10px 0px 25px 0px; 
}

blockquote {	
         width:70%; 
         margin:30px 60px 10px 80px;  
         color:#fbe2b0; /*ou vert 868A08 orange e1771e*/
         text-align:justify;
}



/*PARAGRAPH CODE*/
#paragraph :first-letter{
               text-transform: uppercase;
          }

#paragraph{
        color: #FEDF9C; /*etait 969696 ou #424242*/
        font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	letter-spacing:0.1em;
	text-align:center;
	margin: 40px auto;
	text-transform: lowercase;
	line-height: 155%;
	font-size: 14pt;
	font-variant: small-caps;
        }

#paragraph a{
        color: #e1771e;
	line-height: 175%;
        }




/*LOGO IMAGE*****************/
#logo {
	height:75px;
	width:100%;
	background: url('http://www.photomarcbailey.com/logos/logosansligne.png') no-repeat;
}

/*MENU COLORS****************/
#menu {
	background:none;
        margin-top: -68px;
}

#menu li a {
	font:10px Arial, Helvetica, sans-serif; /*MENU FONT STYLES*/
        text-transform: uppercase;
	color:#e1771e; /*MENU FONT COLOR e1771e ou fbe2b0 gris 636363*/
        font-weight:bold
}

#menu li a:hover {
	color:#fbe2b0; /*MENU FONT COLOR WHEN HOVERING*/
} 


/*BANNER COLORS*************/
#banner {
height: 1px; /*BANNER HEIGHT in case you want to change it*/
overflow: hidden;
}


/*TWITTER / SEARCH / RSS***/
.holder {
	background:#000;
}

#content {
        background:#000 url("") repeat;
}

.titrelogo {
	/*POST IMAGE delete background...'s line if you do not wish to have a logo on the side*/
	background:url(images/post-title.jpg) no-repeat; 
	padding:0 75px 0 44px;
	margin-top: 0px; 
	margin-bottom: 15px
	}

.ti, .titrelogo h2 {
	margin:10px;
	padding:45px 25px 0 84px;
	font-size:23px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-weight:normal;
	line-height:15px;
	color:#e1771e;
	font-variant: small-caps;
}

.titrebeige {
	margin:10px 10px 20px 10px;
	padding:65px 25px 20px 84px;
	font-size:23px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-weight:normal;
	line-height:15px;
	color:#fbdc9e;
	font-variant: small-caps;
}

.titrenologo h2 {
	padding:15px 25px 10px 4px;
	font-size:23px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-weight:normal;
	line-height:15px;
	color:#e1771e;
	font-variant: small-caps;
}


/*POSTS*******************/
.title {
	/*POST IMAGE delete background...'s line if you do not wish to have a logo on the side*/
	background:url(images/post-title.jpg) no-repeat; 
	padding:0 75px 0 44px;
	margin-top: 0px; 
	margin-bottom: 15px
	}

.ti, .title h2 {
	margin:10px;
	padding:45px 25px 0 84px;
	font-size:23px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-weight:normal;
	line-height:15px;
	color:#e1771e;
	font-variant: small-caps;
}

.ti a, .title h2 a{
	color:#e1771e;
}


	/*DATE AND CATEGORY FONT STYLES*/
.title span a, .title span {
	color:#e1771e;
	padding:0px 75px 85px 100px;
	font-size:11px;
	font-weight:normal;
	line-height:10px;
}


	/*ajout de http://www.dailyblogtips.com/now-i-see-why-the-wordpress-image-align-feature-was-not-working/*/

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}


/*COMMENT BOX**************/
.comment {
	/*COMMENT BOX BACKGROUND color*/
	background:#000000;
        margin:25px;
}
.text-box p span,
.text-box p a
{
	/*COMMENTER's LINK COLOR*/
	color:#e1771e; /*vert #999900*/
}

.respond, h5 {
	margin:2px;
	padding:10px 25px 0 44px;
	font-size:19px;
	font-weight:bold;
	font-family: "Adobe Caslon Pro", Garamond, Georgia, Times, serif;
	font-weight:normal;
         letter-spacing: 1px;
	line-height:15px;
	color:#868A08; /*etait #AEB404 #999999*/
}
/*ETAIT font-family: Georgia, Times New Roman, Times, serif*/

.awppost_link {
	font-size:16px;
	font-family: "Adobe Caslon Pro", Garamond, Georgia, Times, serif;
	font-weight:normal;
	line-height:15px;
	color:#868A08; /*etait #AEB404 #999999*/
}



/* NEXT / PREVIOUS PAGE ARROWS*/
.arrows {
	list-style:none;
	margin:0;
	padding: 10 10 10 10;
	height:1%;
	overflow:hidden;
	background:#000000;
}
.arrows li {
	font:10px/25px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
}
.arrows li.prev {
	float:left;
	padding:0 0 0 29px;
}
.arrows li.next {
	float:right;
	padding:0 16px 0 0;
}
.arrows li a {
	color:#fff;
	text-decoration:none;
}
.arrows li a:hover {text-decoration:underline;}

/*FOOTER LINKS*/
#footer {
	/*background: url('images/backgroundbottom4.jpg') repeat;*/
	padding:8px 0 0;
	width:100%;
	font:12px/25px Verdana, Arial, Helvetica, sans-serif;
	color:#fbdc9e;
	text-align:center;
}
#footer p {margin:0;}
#footer a, #footer a:hover, #footer a:visited {
	text-decoration: none;
	color: #666600;
}

/*NAVIGATION for single posts*/
.navigation {
	width: 975px;
	padding: 0px 25px 0px 20px;
         margin-bottom: 35px;
}

.alignleft {float: left;}
.alignright {float: right;}

.clear {clear: both;}




                                    /*spiderman popup*/
.spiderpic{
position: relative;
z-index: 0;
margin-top: 75px; 
padding: 90px 0px 90px 0px;
line-height: 18px;
}

.spiderpic:hover{
background-color: transparent;
z-index: 50;
}

.spiderpic span{ /*CSS for enlarged image*/
line-height: 15px;
position: absolute;
width: 450px;
background-color: #fff;
padding: 10px;
left: -1000px;
border:solid 3px #e1771e;
visibility: hidden;
font-family:tahoma, geneva, "lucida sans unicode", "lucida grande", arial, sans-serif;
padding:20px 20px 20px 20px;
font-style:normal;
color: #000; /* gris 636363 rouge 600*/
font-size: 12px;
letter-spacing:1px; 
line-height:1.5em;
text-align: justify;
text-decoration: none;
}

.spiderpic span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.spiderpic:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}

