/*
Theme Name: Wordpress Ocean Theme
Theme URI: http://themeforest.net/item/ocean-premium-wordpress-theme/424767
Description: Ocean Premium Template For WordPress
Author: ZERGE
Author URI: http://2s-studio.com/
Version: 1.02
License: 
License URI: 
Tags: 960gs, clean, dark, designer, gallery, nivo slider, ocean, personal, photo, photography, php, piecemaker, portfolio, water, two-columns, fixed-width, custom-background, threaded-comments
*/


/* 
-------------------------------------------
	CSS MAP
-------------------------------------------
A)  GENERAL LAYOUT
	1.  Link Style
	2.  Default Colors

B)  TYPOGRAPHY
	1. Headers
	2. Blockquotes
	3. Lists
	4. Images
	
C)  CONTENT
	1. Projects
	2. Posts
	3. Infoblock
	4. Text Positions
	5. Inputs, Buttons
	6. Number of Pages
	7. Other Styles 
	
D)	INDENT
	1. Bottom 
	2. Top
	3. Block Height
	4. Other Styles
		
E)  PORTFOLIO
	1. One Column
	2. Two Columns
	3. Three Columns
	4. Four Columns

	
F)  BLOG

G)  FOOTER
	1. Background
	2. Copyright
	3. Comments
	
H)	WIDGETS
	1. Latest Posts Widget
	2. Categories Widget
	3. Tag Cloud Widget
	4. Calendar Widget
	5. Recent Comments Widget
	6. Login Form Widget
	3. Custom Menu Widget


-------------------------------------------
*/

@font-face {
    font-family: 'NunitoRegular';
    src: url('font/Nunito-Regular-webfont.eot');
    src: url('font/Nunito-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Nunito-Regular-webfont.woff') format('woff'),
         url('font/Nunito-Regular-webfont.ttf') format('truetype'),
         url('font/Nunito-Regular-webfont.svg#NunitoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'NunitoLight';
    src: url('font/Nunito-Light-webfont.eot');
    src: url('font/Nunito-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Nunito-Light-webfont.woff') format('woff'),
         url('font/Nunito-Light-webfont.ttf') format('truetype'),
         url('font/Nunito-Light-webfont.svg#NunitoLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'NunitoBold';
    src: url('font/Nunito-Bold-webfont.eot');
    src: url('font/Nunito-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Nunito-Bold-webfont.woff') format('woff'),
         url('font/Nunito-Bold-webfont.ttf') format('truetype'),
         url('font/Nunito-Bold-webfont.svg#NunitoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'PlaytimeWithHotToddiesRegular';
    src: url('font/playtime-webfont.eot');
    src: url('font/playtime-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/playtime-webfont.woff') format('woff'),
         url('font/playtime-webfont.ttf') format('truetype'),
         url('font/playtime-webfont.svg#PlaytimeWithHotToddiesRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PlaytimeWithHotToddiesObliqRg';
    src: url('font/PlaytimeOblique-webfont.eot');
    src: url('font/PlaytimeOblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/PlaytimeOblique-webfont.woff') format('woff'),
         url('font/PlaytimeOblique-webfont.ttf') format('truetype'),
         url('font/PlaytimeOblique-webfont.svg#PlaytimeWithHotToddiesObliqRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PlaytimeWithHotToddies3DRg';
    src: url('font/PlaytimeWithHotToddies3D-webfont.eot');
    src: url('font/PlaytimeWithHotToddies3D-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/PlaytimeWithHotToddies3D-webfont.woff') format('woff'),
         url('font/PlaytimeWithHotToddies3D-webfont.ttf') format('truetype'),
         url('font/PlaytimeWithHotToddies3D-webfont.svg#PlaytimeWithHotToddies3DRg') format('svg');
    font-weight: normal;
    font-style: normal;

}






body { 
	/*background-image:url('img/patterns/bg-1.png');*/
	background-image:url('img/back.jpg');
	background-attachment:fixed;
	background-color:#0e1012; 
	margin-top:10px; 
}

* html { margin:0; padding:0; }


/*	
	A) GENERAL LAYOUT
-------------------------------------------
	1. Link Style
-------------------------------------------
*/

a,a:link  { color:#6496c9; text-decoration: none; }
a:hover   { color:#666;    						  }

.fix-fish-menu {position:relative; z-index: 10000;}
.fix-piecemaker-plugin { margin-left:30px; }
/*	
-------------------------------------------
	2. Default Colors
-------------------------------------------
*/

.light-gray { color:#AAA;    }
.gray       { color:#CCC; font-size:30px !important;    }
.dark-gray  { color:#333334;    }
.white      { color:#FFF;    }
.green      { color:#699; }


/*	
	B) TYPOGRAPHY
-------------------------------------------
	1. Headers
-------------------------------------------
*/

h1,h2,h3,h4,h5,h6 {  margin-bottom:18px; margin-top:18px; }

h1 { font-size:3.2em; }
h2 { font-size:2.6em; }
h3 { font-size:2.0em; margin-bottom:40px; }
h4 { font-size:1.8em; }
h5 { font-size:1.6em; }
h6 { font-size:1.4em; }

.line-header { padding: 9px 9px; background:url("img/metal.png"); margin-top:10px; } 

h1#titre{
	color:#FF0066;
	text-align:center;
}


h2#titlepost{
	font-size:34px;
	color:#8B0000;
	font-family: 'AlluraRegular' !important;
line-height:45px;
}

h2#welcome{
	margin-top:10px; 
	padding-top:0px;
	color:#FF0066;
	font-family: 'AlluraRegular' !important;
	font-size:30px;
}


/*	
-------------------------------------------
	2. Blockquotes
-------------------------------------------
*/

blockquote { 
	background: url(img/icons/quote.png) 10px 15px no-repeat;
	margin: 18px 0 18px 0 !important;
	padding: 10px 0 0 50px;
	color:#CCC; 
	font-size: 12px; 
	line-height: 18px;
}
blockquote.short { width:280px; }
blockquote.auto  { width:100%; }
blockquote p 	 { padding-left:50px; font-size:12px; line-height:18px; color:#888; }

/*	
-------------------------------------------
	3. Lists
-------------------------------------------
*/

ul.left  { line-height:24px; text-align:left;  }
ul.right { line-height:24px; text-align:right; }
ul 		 { color:#CCC;}  					   }

/* default lists */
ul.unordered { list-style: none;           }	
ul.ordered 	 { list-style: inside decimal; }	
ul.square 	 { list-style: inside square;  }	
ul.circle 	 { list-style: inside circle;  }

/* Underline lists */
ul.nav-list 			 { background-image:none; color:#FFF; font-size:12px; line-height:18px; }
ul.nav-list a:hover 	 { color:#FFF; 	  }
ul.nav-list.underline li { padding:9px 0; }

ul.list{font-size:12px; line-height:1.8em; margin-bottom:18px;}
ul.underline li { padding: 10px 0; border-bottom: 1px dashed #333; }

/* link Lists */
ul.link-list  li{ background: url(img/icons/link.png) 0 .5em no-repeat; padding-left: 2em; }
ul.link-list.underline li{ background: url(img/icons/link.png) 0 1.5em no-repeat; border-bottom:1px dashed #333; }
ul.link-list.underline li:hover{ background: url(img/icons/link.png) 0 1.5em no-repeat; background-color:#141516; }

ul.link-list li a.list-link,a.list-link:link { text-decoration: none; }
ul.link-list li a.list-link:visited 		 { color:#445f7b; 		  }
ul.link-list li a.list-link:hover   		 { color:#666; 			  }

/* image lists */
ul.arrow-list li { background: url(img/icons/arrow.png) 0 .4em no-repeat; padding-left: 2em; }
ul.check-list li { background: url(img/icons/check.png) 0 .4em no-repeat; padding-left: 2em; }
ul.star-list li  { background: url(img/icons/star.png) 0 .4em no-repeat;  padding-left: 2em; }


/* posts */ 
ul.ll { list-style:none; }
ul.ll li { padding:10px 0px; line-height:18px; border-bottom:1px dashed #333; }
li.latest-post { line-height:25px; padding: 9px 0px; font-size:12px; color:#FFF; border-bottom:1px dashed #333; list-style-type:none; }


/* search result*/

ul.search_result { list-style-type:none; }
ul.search_result li { border-bottom:1px dashed #333; line-height:18px; padding:9px 0 9px 0; }
.post_header { color:#FFF; }
.date {font-size:10px; color:#333;}

ul.primary-navigation { list-style-type:none; margin-bottom:18px; }
ul.primary-navigation li {list-style-type:none;  float:left; padding:5px;  background-color:#222; border-right:1px solid #111; }
ul.primary-navigation li a {font-size:12px; display:block; line-height:18px;padding:5px;}
ul.primary-navigation li a:hover { background-color:#354e63; color:#FFF;}
/*	
-------------------------------------------
	4. Images
-------------------------------------------
*/

img 			 { padding:0; margin:0;				   }
img.left-image   { padding: 0 20px 18px 0; float:left;  }
img.right-image  { padding: 0 0 18px 20px; float:right; }
img.center-image {display: block; margin-left: auto; margin-right: auto; padding:9px; }

img:hover {cursor:pointer;}
.socials img { padding-right:5px; }

img.centered, .aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
padding:9px;
}

img.alignright {
padding: 0 0 18px 20px; float:right; 
display: inline;
}

img.alignleft {
padding: 0 20px 18px 0; float:left;
display: inline;
}

.alignright {
float: right;
}

.mail_right {
	 float:right !important;
	 text-align:right !important;
}
.alignleft {
float: left;
}

/*	
	C) CONTENT
-------------------------------------------
	1. Projects
-------------------------------------------
*/
#sidebar ul {margin-bottom:18px; margin-top:0; padding-top:0;}
#sidebar ul li {font-size:12px;margin:0; padding:10px 0; line-height:1.8em; border-bottom:1px dashed #333;}


.project_post  { clear:both; padding-bottom:18px;  }
.animate a.img { float:left; padding: 0 20px 18px 0; }

.project_img { 
	background:url('img/bg-three-column.png') no-repeat;
	float:left;
	height:144px;
	padding:5px 0 0 5px;
	width:285px;
 }
 
.project_info	 { float:left; margin-left:20px; width:370px; }
.project_info p  { padding-bottom:36px; color:black; font-size:13px; }
.project_info h3 { margin-top:0; margin-bottom:9px;}

/*	
-------------------------------------------
	2. Posts
-------------------------------------------
*/
#posts	  { padding-bottom:18px; 							}
#posts p, #sidebar p  { color:#699; line-height:19px; margin-bottom:18px;  }
#posts em, #sidebar em { color:#666; font-size:1em;  }
p.comments, #sidebar p.comments { font-size:10px; }
/*	
-------------------------------------------
	3. Infoblock
-------------------------------------------
*/
.info-block, pre {
	background-color:#222;
	border-left:.5em #333 solid;
	border-right:.5em #333 solid;
	border-top:.1em #333 solid;
	border-bottom:.1em #333 solid;	
	color:#999;
	font-size:12px;
	padding: 1em 2em 1em 2em;
	text-align:left;
	margin-bottom:18px;
	margin-top:18px;
}

/*	
-------------------------------------------
	4. Text Positions
-------------------------------------------
*/
.left   { text-align:left !important;   }
.right  { text-align:right !important;  }
.center { text-align:center !important; }


/*	
-------------------------------------------
	5. Inputs, Buttons
-------------------------------------------
*/

 label {
	width:80px;
	display:block;
	font-size:12px;
	color:#699;
	float:left;
	line-height:28px;
 }

input[type=submit], input[type=button] { 
	background:#a00303;	
	font-size:14px;
	height:30px;
	line-height:20px; 
	border:0; 
	color:#FFF; 
	vertical-align:middle; 
	cursor:pointer; 
	padding-bottom:.1em; 
	border-bottom:1px dashed #363b40;
	border-top:1px dashed #363b40;
 }
input[type=submit]:hover, input[type=button]:hover { background:#333; color:#FFF;  }
input[type=text], input[type=password], input[type=email], input[type=tel], select {
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	color: white;
	background-color:#222;
	border:1px dashed #333; 
	height:26px;
	line-height:25px;
	padding:0px 5px;
	vertical-align:middle;  
	font-size:12px;			border-radius:5px;				
}input[type=text], input[type=password], input[type=email], input[type=tel] {width:100%;}select {width:30% !important;}

.search { width:160px; float:left; }
.email 	{ width:158px; }

/* Search Button */
#search {float:right;padding:6px 16px 0px 0px; width:205px; margin-bottom:18px; }
#search .input-submit { background:url(img/search-sprites.jpg) no-repeat top left;width:30px;float:left;height:28px;cursor:pointer;vertical-align:middle; border:0; }
#search .input-submit:hover {background-position:0px -28px;color:#CCC;}

#search h3 { margin-top:0; margin-bottom:9px; }

/* Subscribe Button */
#subscribe {float:right;padding:6px 16px 0px 0px; width:200px;}
#subscribe .add-input-submit { background:url(img/subscribe-sprites.jpg) no-repeat top left;width:30px;height:28px;cursor:pointer;vertical-align:middle; border:0; }
#subscribe .add-input-submit:hover {background-position:0px -28px;color:#CCC;}

/* Contact Form Button */
#contactform .button, #commentform .button {width:126px;display:block;background:url(img/buttons.png) no-repeat;height:32px;line-height:30px;font-size:12px;text-align:center;cursor:pointer;border:0;font-family:Verdana, Geneva, Tahoma, sans-serif;}
#contactform .button-gray, #commentform .button-gray { background-position:0px 0px;margin-bottom:30px;}
#contactform .button-gray:hover, #commentform .button-gray:hover { background-position:0px -40px;color:#CCC; 					}

#contactform input[type=text], #contactform textarea {
	width:100%; margin-bottom:0; color:white;
} 

.button, .more-link {width:126px;display:block;background:url(img/buttons.png) no-repeat;height:40px;line-height:30px;font-size:12px;text-align:center;cursor:pointer;}
.button { margin-bottom:18px; }
.more-link:visited, .more-link:link {
	color:#FFF;
}
a.button { color:#FFF; }
.button-gray 	   { background-position:0px 0px;color:#CCC; margin-bottom:18px;}
.button-gray:hover, .more-link:hover { background-position:0px -40px;color:#CCC; 					}
.more-link { margin-top:18px; }

.button-gray 	   { background-position:0px 0px;color:#CCC; margin-bottom:18px;}
.button-gray:hover { background-position:0px -40px;color:#CCC; 					}

.submit_comment    { margin-left:80px; }
.contact 		   { width:470px; margin-bottom:18px;  }
.contact:hover, 
textarea:hover 	   { background-color:#333; }
.cancel-comment-reply { margin-bottom:18px; }
ul.children input[type=submit] {
	 margin-left:0 !important;
}
textarea {
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	width: 100%;
	color:white;
	background-color:#222; 
	border:1px dashed #333; 
	overflow:hidden; 
	height:150px;
	font-size:12px; 
	text-align:left; 
	padding:5px;
}

.button-blue {background-position:0px -80px;color:#CCC;}
.button-blue:hover {background-position:0px -120px;color:#CCC;}
.text {  font-size:14px; }

.resultsearch{
	background-color:#202020;
	
}

/*	
-------------------------------------------
	5. Number of Pages
-------------------------------------------
*/

#item-page { margin-top:18px; height:40px; margin-bottom:36px; }
#item-page li a.b, a.b:link, a.b:visited { color:#FFF; }
#item-page li:hover { background-position:0px -40px;cursor:pointer; }
#item-page li.active { background-position:0px -40px; }

#item-page li, .page-numbers  {
	background:url(img/page-buttons.png) no-repeat;
	display:block;
	font-size:12px;
	float:left;	
	height:38px;
	line-height:28px;
	margin-right:10px;
	text-align:center;
	width:38px;
}
.page-numbers:hover, .page-numbers.current { background-position:0px -40px;cursor:pointer; }

.navigation { color:#FFF;margin-top:18px; height:40px; margin-bottom:36px; }
.navigation a, .navigation a:link, .navigation a:visited { color:#FFF; }


/*	
-------------------------------------------
	6. Other Styles
-------------------------------------------
*/

span {font-size: 15px; line-height: 1.8em;}
p { color:#CCC; font-size: 15px; line-height: 19px; padding-bottom:18px;}

hr { 
	background-color:#333333; /*for Firefox, Opera, Safari*/ 
	border:0px none; height:1px; /* height 1px IE, Firefox, Opera, Safari */ 
	color: #373737; /*for IE */ 
	clear:both; /* for clear, if tag after float element */ 
} 

.separation {	
	height:54px; 
	background-image:url('img/patterns/bg-1.png'); 
	background-color:#161616; 
	border-bottom:1px dashed #363b40;
	border-top:1px dashed #363b40;

}

.separation .grid16-height { height:54px; margin-bottom:18px; }


/*	
	C) INDENT
-------------------------------------------
	1. Bottom
-------------------------------------------
*/
.indent-padding-1 { padding-bottom: 18px;  }
.indent-padding-2 { padding-bottom: 36px;  }
.indent-padding-3 { padding-bottom: 54px;  }
.indent-padding-4 { padding-bottom: 72px;  }
.indent-padding-5 { padding-bottom: 90px;  }
.indent-padding-6 { padding-bottom: 108px; }
.indent-padding-7 { padding-bottom: 126px; }
.indent-padding-8  { padding-bottom: 144px; }
.indent-padding-9  { padding-bottom: 162px; }
.indent-padding-10 { padding-bottom: 180px; }
.indent-padding-11 { padding-bottom: 198px; }
.indent-padding-12 { padding-bottom: 216px; }

/*	
-------------------------------------------
	2. Top
-------------------------------------------
*/
.indent-top-1  { margin-top: 100px; }
.indent-top-2  { margin-top: 36px;  }
.indent-top-3  { margin-top: 54px;  }
.indent-top-4  { margin-top: 72px;  }
.indent-top-5  { margin-top: 90px;  }
.indent-top-6  { margin-top: 108px; }
.indent-top-7  { margin-top: 126px; }
.indent-top-8  { margin-top: 144px; }
.indent-top-9  { margin-top: 162px; }
.indent-top-10 { margin-top: 180px; }
.indent-top-11 { margin-top: 198px; }
.indent-top-12 { margin-top: 216px; }
.indent-top-13 { margin-top: 234px; }
.indent-top-14 { margin-top: 252px; }
.indent-top-15 { margin-top: 270px; }
.indent-top-16 { margin-top: 288px; }
.indent-top-17 { margin-top: 306px; }
.indent-top-18 { margin-top: 324px; }

/*	
-------------------------------------------
	3. Block Height
-------------------------------------------
*/

.height-1  { height: 18px;  }
.height-2  { height: 36px;  }
.height-3  { height: 54px;  }
.height-4  { height: 72px;  }
.height-5  { height: 90px;  }
.height-6  { height: 108px; }
.height-7  { height: 126px; }
.height-8  { height: 144px; }
.height-9  { height: 162px; }
.height-10 { height: 180px; }
.height-11 { height: 198px; }
.height-12 { height: 216px; }
.height-13 { height: 234px; }
.height-14 { height: 252px; }
.height-15 { height: 270px; }
.height-16 { height: 288px; }
.height-17 { height: 306px; }
.height-18 { height: 324px; }

/*	
-------------------------------------------
	4. Other Styles
-------------------------------------------
*/

.no-indent { margin-top:0; margin-bottom:9px;}

.image-container-three { padding:0 0 1.8em 0; }

.fix-fish-menu {position:relative; z-index: 10000;}

img.wp-post-image { float:left; margin-right:10px; margin-bottom:5px; border:2px solid #333; }
/*	
	E) PORTFOLIO
-------------------------------------------
	1. One Column
-------------------------------------------
*/

.bg-image-one {
	width:630px;
	height:234px;
	background-image:url('img/bg-one-column.png');
	background-repeat:no-repeat;
	padding:5px 5px 0 5px;
}
.bg-image-one p { margin-top:0; }
#sidebar a p { color:#888; font-size:12px; }
#sidebar a p:hover {
	color:#6496C9;
}
/*	
-------------------------------------------
	2. Two Columns
-------------------------------------------
*/

.bg-image-two { background:url('img/bg-two-column.png') no-repeat; margin-right:10px; margin-left:10px; width:455px; margin-top:18px; }

/*	
-------------------------------------------
	2. Three Columns
-------------------------------------------
*/

.bg-image-three {
	width:285px;
	background:url('img/bg-three-column.png') no-repeat;
	margin-right:15px;
	margin-left:15px;
	margin-top:18px;
}

/*	
-------------------------------------------
	2. Four Columns
-------------------------------------------
*/

.bg-image-four {
	width:215px;
	background:url('img/bg-four-column.png') no-repeat;
	margin-right:10px;
	margin-left:10px;
	margin-top:18px;

}


.bg-image-four.last, .bg-image-three.last, .bg-image-two.last { margin-right:0px; }
.bg-image-two, .bg-image-three, .bg-image-four {	padding:5px 0 0 5px; float:left; }
.full-width { width:960px !important; }

.bg-image-two p, .bg-image-three p, .bg-image-four p { margin-bottom:18px; display:block;  }

.image-grid {
  margin: 0;
  padding: 0;
  width: 960px;
}

.image-grid:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.image-grid li {
  list-style-type:none;
  margin: 0;
  float: left;
  font-family: "Helvetica Neue", sans-serif;
  line-height: 17px;
  color: #686f74;

}

.image-grid li.two { height:280px !important; }
.image-grid li.three { height:240px !important; }
.image-grid li.four { height:220px !important; }

.image-grid li img,
.image-grid li strong {
  display: block;
}

.image-grid li strong {
  color: #fff;
}

ul.splitter li { float:left;}

.filter-margin_24 { margin-top:18px; margin-left:10px; }
.filter-margin_3 { margin-top:18px; margin-left:15px; }

/*	
-------------------------------------------
	F) BLOG
-------------------------------------------
*/
.post_info { height:24px; width:640px; 	font-size:10px; padding-top: 9px;}
.post_info span {
	color:#CCC;
	float:left;	
	line-height:11.7px;
	height:18px;
	margin-right:20px;	
	padding-left:17px;
	text-align:center;
}
.post_info span.date    { background: url('img/icons/blog/ico_clock.png') no-repeat;    }
.post_info span.author  { background: url('img/icons/blog/ico_author.png') no-repeat;   }
.post_info span.folder  { background: url('img/icons/blog/ico_category.png') no-repeat; }
.post_info span.comment { background: url('img/icons/blog/ico_comments.png') no-repeat; float:right; margin:0; padding:0; width:32px; height:24px; line-height:20px; }
.post_info span.tag     { background: url('img/icons/blog/ico_tag.png') no-repeat;      }

.post_info span > a { color:#699; }
.post_info span > a:hover { color:#666; }
.post_info span.comment > a { color:#FFF; }
.post_info span.comment > a:hover { color:#111; }

.single_post { clear:both; }
.bp-block {
	width:auto;
	background-color:#222;
	padding-top:18px;
	padding-left:10px;
	border-top:1px dashed #363b40;
	margin-bottom:18px;
	border: 1px dashed #363B40;
}
.bp-block.reply { margin-left:70px; width:auto; }
.bp-block .grid_2 { width:80px; }
.single_post p {
	margin-bottom:18px;
}
.bp-block:hover { cursor:pointer; }
ul.children {margin-left:20px;}
ul.children .bp-block { width:90.4%}
ul.children ul.children .bp-block { width:90%}


/*	
	G) FOOTER
-------------------------------------------
	1. Background
-------------------------------------------
*/

.footer-container16-bg {
	 width:100%; 
	 /*min-height:300px;*/
	 display:inline-block;
	 background-color:#161616;
	 background-image:url('img/patterns/bg-1.png');
   	 /*border-bottom:1px dashed #363b40;
  	 border-top:1px dashed #363b40;*/
}

/*	
-------------------------------------------
	2. Copyright
-------------------------------------------
*/

.copyright { 
	height:20px;
	text-align:center;
	vertical-align:middle;
}

.copyright h6 {
	 color:#669999;
	 padding:14px 14px 14px 0; 
	 margin:0;
}

.hide { display:none; }

/*	
-------------------------------------------
	3. Comments
-------------------------------------------
*/


span.comment-date {font-size:10px; color:#333;}

/*	
	H) WIDGETS
-------------------------------------------
	1. Latest Posts Widget
-------------------------------------------
*/

.widget { margin-bottom:18px; }
#sidebar h2 {margin-top:0; padding-top:0; color:#FF0066;text-align:center; }

#sidebar .widget-latest-posts	  			{ padding-bottom:18px; 									}
#sidebar .widget-latest-posts a p:hover  	{ color:#666;												}		
#sidebar .widget-latest-posts p    			{ color:#699; line-height:19px;margin:0; padding-bottom:0;  }
#sidebar .widget-latest-posts em   			{ color:#666; font-size:1em;  								}
#sidebar .widget-latest-posts  p.comments 	{ font-size:10px; 											}

/*	
-------------------------------------------
	2. Categories Widget
-------------------------------------------
*/

.widget-categories,#sidebar .widget-categories, #sidebar .widget-contacts	  		{ padding-bottom:18px; margin-bottom:18px; 	}
.widget-categories ul,#sidebar .widget-categories, #sidebar .widget-contacts ul {list-style-type:none; }
.widget-categories ul li,#sidebar .widget-categories, #sidebar .widget-contacts ul li {padding:9px 0; line-height:18px;  }
.widget-categories li.cat-item,#sidebar .widget-categories li.cat-item { list-style-type:none; color:#6496c9;padding: 10px 0;border-bottom: 1px dashed #333;font-size:12px;}
.widget-categories li.categories,#sidebar .widget-categories li.categories { padding:9px 0;font-size:12px; line-height:1.8em; margin-bottom:18px;  }
.widget-categories ul,#sidebar .widget-categories ul { margin-bottom:0; }

.widget ul, ul.xoxo {list-style:none; font-size:12px; }
.widget ul li, ul.xoxo li {padding:9px 0px; line-height:18px; border-bottom:1px dashed #333; }

.gallery-caption { }
.bypostauthor 	 { }
.sticky 		 { }
.wp-caption		 { }
.wp-caption-text { } 

.sharethis { color:#FFF; }
.grid_1.sharethis-block {float:right; margin-right:45px; margin-top:7px; margin-bottom: 5px;} 

/*	
-------------------------------------------
	3. Tag Cloud Widget
-------------------------------------------
*/

.tagcloud {	margin-bottom:36px; }
.tagcloud a, .tagcloud a:link, .tagcloud a:visited { color: #444; }
.tagcloud a:hover { color:#699; }

label.error 				{ width:300px; display:block; text-align:right; font-size:10px; color:#FF3333; line-height:14px; float:right; padding-right:60px; padding-top:9px; }

/*	
-------------------------------------------
	4. Calendar Widget
-------------------------------------------
*/

table#wp-calendar { margin-bottom:18px; }
table#wp-calendar caption { color:#444; font-size:12px; }
table#wp-calendar th { padding:8px; color:#6496c9; }
table#wp-calendar td { padding:8px; color:#666; background-color:#222; border:1px solid #333; text-align:center; }
table#wp-calendar td:hover { background-color:#6496c9; color:#FFF; cursor:pointer; }
table#wp-calendar td:hover a { color:#FFF; cursor:pointer; }

table#wp-calendar td#today,table#wp-calendar td#today a { background-color:#6496c9; color:#FFF; }
table#wp-calendar td#prev a:hover, table#wp-calendar td#next a:hover{ color:#FFF; }
table#wp-calendar td#prev:hover, table#wp-calendar td#next:hover{ background-color:#222; }
li#calendar { list-style-type:none; }
/*	
-------------------------------------------
	5. Recent Comments Widget
-------------------------------------------
*/

ul#recentcomments li { background: url('img/icons/blog/ico_author.png') left center no-repeat; padding-left:20px; width:200px; display:block;   }

/*	
-------------------------------------------
	6. Login Form Widget
-------------------------------------------
*/

.widget-login-form { margin-bottom:18px; }
.widget-login-form input[type=submit] { margin-right:10px; float:left; padding:5px 15px; background-color:red; }
.widget-login-form input[type=text]:hover, .widget-login-form input[type=password]:hover { background:#333; color:#FFF;  }
#log, #pwd { width:208px; margin-bottom:9px; }
#pwd { margin-bottom:18px; }
p label { width:120px;  }

/*	
-------------------------------------------
	7. Custom Menu Widget
-------------------------------------------
*/

ul.sub-menu { margin-left:9px; }
ul.sub-menu a:hover { color:#FFF; }



.textwidget{
	margin-bottom:20px;
	background:url("img/metal.png");
	text-align:center;
	font-family: 'PlaytimeWithHotToddiesRegular';
	font-size:18px;	
	
}

.article{
	background:url("img/metal2.png");
	padding:50px;	
color:black !important;
	font-size:18px !important;
}

.article p {
color:black !important;
	font-size:18px !important;
	font-family: 'PlaytimeWithHotToddiesRegular';
	text-align:justify;
}


.accueil{	
	padding:40px;
	color:#191970;
	font-size:18px;
	font-family: 'PlaytimeWithHotToddiesRegular';
	background:url("img/metal2.png");	
	text-align:justify;
}

.prixhaut{
	
	color:#191970;
	font-size:20px;
	font-family: 'PlaytimeWithHotToddiesRegular';
	/*background:url("img/metal2.png");*/
	/*margin-bottom:20px;*/
	text-align:center;
}

.tel1{
	font-size:22px;
	color:#C71585;
	font-weight:bold;
}

.prix1{
	font-size:10px;
	color:black;	
}

.tel2{
	font-size:22px;
	color:#FF4500;
	font-weight:bold;
}

.posts{
 background:url("img/metal2.png");
 padding-top:5px;
 margin-top:-1px;
 }