/*
Theme Name: SoffeeShop3
Theme URI: http://soffeeshop.com/
Description: Theme developped for the shop soffeeshop
Version: 1
Author: designfacility
Author URl :http://desingfacility.net

Theme developped by designfacility for the shop soffeeshop
*/


/*color used*/
/*
violet fonce : #640092;
mauve fonce :#7668bd;
mauve clair :#9d93d2;
vert tres fonce: #216961;
vert fonce : #7bcd3f;
vert clair :  #abf052;
bleu clair: #2fcef6 ;
bleu moyen : #3d77c5;
bleu fonce : #3b438d ;

*/



body,h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,li,dl,dd,dt,form { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
body { color:#333; font: normal 13px Georgia ,serif; text-align:center; background :url(./images/bg.gif) repeat-y ;background-color:#00b8e5;}
:focus { outline: 0; }
ul { list-style: none; }
li { list-style: none; }
a { text-decoration: none; color:#999; }
a:hover { color:#666; }
img, a img { border: 0; outline:0; }
h1,h2,h3 a:hover { text-decoration: none;}
hr { display: none; }

.clear { /*overflow: hidden; */ }
.first { margin-top:0; padding-top:0px; } 
.no-border { border:0; }

img.right {float:right;}
img.left {float:left;}
p,li,a,h2{ font-family: Georgia ,serif; ; color: #4d3069; word-spacing: 0.03em;line-height: 1.2em;font-size: 1.1em;}



/* Structure
---------------------------------*/

#page { width:752px; position:absolute; top:0; left:127px; }
	#header { height: 220px; text-align:left; background : url(./images/header.gif) no-repeat ; /*background-color:#FFFFFF;*/ }
		#nav_bar {position:absolute; top:185px ;left:30px; }
	#container   { width:100%; float:left; margin-bottom:0px;}
	  #container1 { float:left; width:100%;  }
		#main{ width: 501px; margin : 0px 110px; padding-top:20px;float:left;}
               #left{ float: left; width: 0px; margin-left:-1000px;  }
          #right{ float: left; width: 200px; margin-top:-22px;margin-left:-962px; padding-top:0px; text-align:left;}
#footer {width:100%; clear:left; text-align : center; margin: 0px 0px 0 0px; padding:30px 0px 20px 0px; background : url(./images/footer.gif) no-repeat;
	background-color:#00b8e5;
	 	}


/*hide for IE6*/
html>body #right{width: 160px;margin-top:22px;margin-left:-752px; padding:20px 5px 0 0;}
html>body #main{margin : 0px 239px; }



/* header
---------------------------------*/


#leftcontent{ width:100px; padding:5px; margin:20px 0px 10px 0px; text-align:right;}
#leftcontent a { color:#7d7d7e;}
#leftcontent a:hover{ color:#ffffff;}
#rightcontent{ width:200px; padding:0px; margin:0px 0px 10px 0px; text-align:left;}
#rightcontent a { color:#2D3034;}
#rightcontent a:hover{ color:#ffffff;}

/* post
---------------------------------*/

#maincontent{ width:490px; padding:0px 5px 0px 5px ; margin:0px 0px 0px 0px;  }
#main .post{  margin:0px 0 0px 13px;  }
#main .post .date{ padding:5px 3px; text-align:right; font-weight:light; font-size:small;color:#0039a6;}
#main .post .titre , h2.pagetitle , h2{ padding:3px 15px 3px 20px; font-style:italic;text-align:left; font-size:1.2em; color:#640092; font-weight:bold; border-bottom:1px solid #66ba28; border-top:1px solid #66ba28;}
#main .post .titre a{ color:#640092;font-size:1.2em; }
#main .post .titre a:hover{color:#66ba28; }
#main .post .content{ padding:15px 10px 20px 0px ; text-align:left;}
#main .post .contentGallery{ padding:15px 10px 20px 0px ; text-align:center;}
#main .post .content img{padding:5px 0px 15px 0px;} 
#main .post .meta{ padding:10px;margin-bottom:0px;font-style:italic;font-size:0.8em; color: #67C6D5; text-align:left;}
#main .post p.postmetadata {color: #67C6D5;}
#main .navigation p.legende {font-size: 1.2em;font-weight:bold;font-style:italic;color: #640092;}

/*typogrphy pour post
---------------------------------*/
#main .post h1 {font-size: 1.2em;font-weight:bold;font-style:italic;color: #640092}
#main .post h2 {background-color:#7bcd3f; color:#216961; padding:5px; margin:7px;font-style:italic;}
#main .post li {list-style: inside circle;}



/*nav pour les rubriques principales
---------------------------------*/

#nav_bar ul { list-style:none; list-style-type: none; margin: 0; padding: 0;padding-left:40px; }
#nav_bar li { padding: 0 10px 0 0; margin: 0; float:left; display: inline; }
#nav_bar a { width : 95px; text-align:center;display:block;font-weight:bold; letter-spacing: 1px; color :#8fd400; background-color:#0039a6;}
#nav_bar a:hover{background-color :#00b8e5;color :#512698;}

/* nav_menu nav pour les createurs
---------------------------------*/

#description{width: 235px;text-align:center;}

#nav_menu { text-align: center;  color: #959164; padding: 0px 0 0px; margin-bottom:30px; margin-top:20px;float:left;}
#nav_menu ul { list-style:none; list-style-type: none; margin: 0; padding: 0;}
#nav_menu li { padding: 0; margin: 0;float:left; }
#nav_menu a { width: 224px; height: 28px; margin :0;padding:6px 0 0 7px; display:block; 
			background-color:#00b8e5; color :#4d3069; border-top:1px dotted #93dbed;
			font-weight:bold;font-style:italic;}
#nav_menu a:hover {background-color:#00ab39; color:#4d3069; }

/*hide from IE*/
html>body #nav_menu {   }

/* IMAGES
---------------------------------*/
/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
text-align: center;
background-color: #7bcd3f;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */



.category {text-align:right; }

/* Search widget
---------------------------------*/

.widget_search #searchform {margin: 10px 10px 10px 15px;padding: 5px 0px; text-align: left;}
.widget_search input#s{ background-color: #52575d;border: 1px dashed #7d7d7e;color: #ffffff;padding-left: 4px;padding-right: 2px;padding-bottom: 2px;padding-top: 2px; width: 108px;}
.widget_search #searchform #s {width: 170px;padding: 2px;}
#searchsubmit {padding: 1px;background-color: #1b1204;border: 1px solid #47350c; color: #C1A045; width: 55px; margin-left: 3px; }

/* end widget
---------------------------------*/


/* Comments
---------------------------------*/

.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; } 
.commentlist p { margin: 10px 5px 10px 0; }
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0; }
.commentmetadata {margin: 0; display: block; }

#commentform{text-align:left;}
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;background-color:#41484b; border: 1px dashed #7d7d7e; color:#67c6d5 ; }
#commentform label { }
#commentform textarea {width: 100%;padding: 2px;background-color:#41484b; border: 1px dashed #7d7d7e; color:#67c6d5 ; }
#commentform #submit {margin: 0;float: right; color:#ffffff;}

h3#respond{font-size:1.2em;text-align:left;font-style:normal;}





/*Liens
---------------------------------*/
ul.blogroll{text-align:left; padding:7px 0px 2px 7px;}

/* navigation
---------------------------------*/
.navigation {width:100%;}

/*gallery photo
---------------------------------*/
dt,dl,dd {margin,padding:0;}


			.list-item {
				float: left;
				margin-top: 10px;
				text-align: center;
				width:160px;	
				height:200px;
				display:block;		}
			
			.list-caption {
					border-bottom: 1px solid #7bcd3f;
					color: #216961;
					font-size:1.1em;
					padding: 2px 0 2px 0;
				margin-left: 0;
			}