/*
Theme Name: NeoAbduzeedo
Theme URI: http://www.paulfleury.fr/
Description: Theme based on <a href="http://abduzeedo.com/">Abduzeedo</a>.
Version: 0.1
Author: PaulFleury
Author URI: http://ww.paulfleury.fr/
Tags: black, dark grey, blue, fixed width, two columns

*/


/* Normalisation
 ****************************************************** */
html {
	overflow-y: scroll;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h6,pre,form,fieldset,input,p,blockquote,th,td {
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6 { 
	font-size : 100%; 
}

address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul { 
	list-style:none; 
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img { 
	border:none;
}

legend,hr {
	display:none;
}


/* Typographie & Couleurs
 ****************************************************** */
body {
	background:#222;
	color:#ccc;
	font:normal 14px Arial, Helvetica, sans-serif;
	margin:0 0 20px 0;
}

input,button,textarea,select {
	color:#2d3538;
	font:normal 12px/12px Arial, Helvetica, sans-serif;
	vertical-align:middle;
}

ol {
	list-style-type:decimal;
}

a {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	border:0;
	color:#00ccff;
	text-decoration:none;
}

a:hover {
	color:#ff3366;
	text-decoration:underline;
}

h1,h2,h3,h4 {
	font-family: Arial, Helvetica, sans-serif;
}

object {
	-moz-outline-style:none;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}

/* Structure design
 ****************************************************** */
.wrapper {
	margin:0 auto;
	padding:0 10px;
	position:relative;
	text-shadow:0 1px 1px #000;
	width:960px;
}

#menu-top {
	border-bottom:1px solid #000;
	display:block;
	height:45px;
	position:relative;
	width:100%;
}

#header {
	background:#000000 url(images/bg_header.gif) repeat-x 0 0;
	border-top:1px solid #333;
	display:block;
	height:150px;
	position:relative;
}

#content {
	border-top:1px solid #333;
	clear:both;
	position:relative;
	z-index:9;
}

#footer {
	background-color:#000;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	height:30px;
	padding:20px;
}


/* Recherche
 ****************************************************** */
#menu-top .search,
#main .search {
	float:right;
	padding:10px 0 0 0;
	width:300px;
}

#main .search {
	margin-bottom:40px;
}

#menu-top .search form,
#main .search form {
	display:inline;
	margin:0;
	padding:0;
}

#menu-top #searchinput,
#main #searchinput {
	background:#222 url(images/bg-input.jpg) no-repeat;
	border:solid 1px #000;
	border-right:none;
	color:#999;
	float:right;
	padding:5px 4px;
	width:224px;
}

#menu-top #searchsubmit,
#main #searchsubmit {
	background:url(images/bt-ok1.gif) no-repeat 0 0;
	border:none;
	cursor:pointer;
	float:right;
	height:27px;
	padding:0;
	width:48px;
}

#main .search,
#main #searchsubmit,
#main #searchinput {
	float:left;
}

/* hacks
 ------------------------------------------------------ */
#menu-top #searchinput,
#main #searchinput  { /* ie */
	padding:6px 4px 4px 4px\9;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* safari 4 */
	#menu-top #searchinput,
	#main #searchinput {
		padding:6px 4px 5px 4px;
	}
}
 

/* Header
 ****************************************************** */

/* logo
 ------------------------------------------------------ */
.headerlogo {
	float:left;
	padding-top:32px;
}

/* top nav
 ------------------------------------------------------ */
/* .top-nav {
	float:right;
	padding:65px 0 0 0;
}

.top-nav .pages {
	float:left;

}

.top-nav .pages ul {
	float:left;
	padding-left:0;
}

.top-nav .pages li {
	display:inline;
	float:left;
	font:bold 14px/14px Arial;
	height:23px;
	letter-spacing:-1px;
}

.top-nav .pages li a {
	color:#ccc;
	float:left;
	padding:4px 10px 10px;
}

.top-nav .pages li a:hover {
	background:#0994c1 url(images/pages-bot.png) no-repeat bottom center;
	text-decoration:none;
	color:#fff;
}

.top-nav .pages .current_page_item .page_item a,
.top-nav .pages .current_page_item .page_item a:visited {
	background:#2a3033;
	color:#50b5d6;
}

.top-nav .pages .current_page_item a,
.top-nav .pages .current_page_item a:visited,
.top-nav .pages .current_page_item a:hover,
.top-nav .pages .current_page_item .page_item a:hover,
.top-nav .pages .current-cat a,
.top-nav .pages .current-cat a:visited,
.top-nav .pages .current-cat a:hover,
.top-nav .pages .current-cat .page_item a:hover {
	background:#0994c1 url(images/pages-bot.png) no-repeat bottom center;
	color:#fff;
} */

div#menu {
	float:right;
	padding:65px 0 0;
}

div#menu ul {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

div#menu ul.menu {
	padding-left:0;
}

div#menu li {
	display:block;
	float:left;
	margin:0;
	padding:0 5px 0 0;
	position:relative;
	z-index:9;
}

div#menu a {
	color:#e5e5e5;
	display:block;
	float:left;
	font:bold 14px/14px Arial;
	letter-spacing:-1px;
	padding:4px 10px 10px;
	position:relative;
	text-decoration:none;
	text-shadow:0 1px 1px #000000;
	z-index:10;
}

div#menu a:hover,div#menu a:hover span {
	color:#fff;
}

div#menu span {
	cursor:pointer;
	display:block;
}

div#menu li.back {
	background:url("images/pages-bot.png") no-repeat center bottom #0994C1;
	height:30px;
	margin:-1px 0 0 -5px;
	position:absolute;
	width:13px;
	z-index:8;
}


/* Contenu (content)
 ****************************************************** */
#main {
	background:url(images/divider.gif) no-repeat center bottom;
	float:left;
	margin-bottom:40px;
	padding:40px 0 0 0;
	width:640px;
}

body.search #main .page {
	margin:0 0 40px 0;
}

#main #navigation {
	display:block;
	border:solid 1px #333;
	border-right:none;
	border-left:none;
	color:#444;
	font:normal 11px/12px Arial,Helvetica,Geneva,sans-serif;
	margin-bottom:20px;
	text-shadow:none;
	text-transform:uppercase;
}

#main #navigation .alignright, #main #navigation .alignleft {
	margin:6px 0;
}

#main #navigation a {
	color:#444;
}

#main .post {
	margin:0 0 40px;
}

#main .post p , #main .page p{
	margin:0 0 6px;
}

#main .postmetadata {
	padding-top:5px;
}

#main h2, #main h2 a {
	color:#fff;
	font:bold 32px/32px Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	margin:0 0 15px 0;
}

#main h2 a:hover {
	text-decoration:none;
}

#main h2.title {
	-khtml-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	border-radius-topleft:10px;
	behavior:url(border-radius.htc);
	background:#222;
	display:block;
	margin:-50px 0 10px 140px;
	padding:15px 0 6px 20px;
	position:relative;
	width:480px;
	z-index:10;
}

#main h3, #main h3 a {
	color:#fff;
	font:24px/24px Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	margin:25px 0 8px 0;
}

#main .content .entry {
	display:block;
	float:right;
	position:relative;
	width:480px;
}

#main .entry.single-post h5 {
	font:normal 16px/17px Arial, Helvetica, sans-serif;
	margin:0 0 18px 0;
	padding:0 0 0 160px;
}

#main .entry.single-post h5 span {
	display:block;
	font:normal 14px Arial, Helvetica, sans-serif;
	padding:12px 0 0 0;
}

#main .aux {
	float:left;
	text-align:right;
	width:140px;
}

.clear {
	clear:both;
}

.alignright {
	float:right;
}

.alignleft {
	float:left;
}

#main #wpcf7-f1-p1096-o1 .wpcf7-form-control-wrap {
	border:solid 1px #000;
}

#main #wpcf7-f1-p1096-o1 .wpcf7-form-control-wrap>input,
#main #wpcf7-f1-p1096-o1 .wpcf7-form-control-wrap>textarea {
	background-color:#333;
	border:solid 1px #444;
	color:#999;
	padding:5px 4px;
}

#main #wpcf7-f1-p1096-o1 p {
	font-size:12px;
	line-height:18px;
}


/* Sidebar
 ****************************************************** */
#sidebar {
	float:right;
	font-size:12px;
	margin-top:40px;
	overflow:hidden;
	position:relative;
	width:290px;
}

#sidebar .block {
	background-color:#1b1b1b;
	border:1px solid #2e2e2e;
	clear:both;
	margin:0 0 20px 0;
	overflow:hidden;
	padding:0;
}

#sidebar h2.title {
	-khtml-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-radius-bottomright:5px;
	behavior:url(border-radius.htc);
	background-color:#ff3366;
	color:#fff;
	display:inline;
	font-size:16px;
	font-weight:bold;
	line-height:24px;
	padding:5px 10px !important;
	text-shadow:0 -1px 1px #911851;
}

#sidebar .block .content {
	padding:20px 19px 0 19px;
}

#sidebar .block .content img {
	margin:0 0 15px 0;
}

/* Bloc type multivignettes
 ------------------------------------------------------ */
#sidebar .block .content.blockvign {
	padding:20px 15px 0 10px;
	text-align:center;
}

#sidebar .block .content.blockvign img {
	margin:0 0 15px 5px;
	padding:0;
}


/* Footer
 ****************************************************** */

#footer p.copy {
	font-family:verdana;
	font-size:12px;
}

#footer small {
	font-size:10px;
}

#footer div.alignright {
	font-size:12px;
}

#footer .viadeo {
	margin:-4px 0 0 2px;
}

#footer .viadeo img {
	border:none;
}


/* Images - galeries - caption
 ****************************************************** */
p img {
	max-width:100%;
	padding:0;
}

img.centered {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

img.alignright,
.alignright img {
	display:inline;
	margin:0 0 2px 7px;
	border:solid 1px #2e2e2e;
	padding:4px;
}

img.alignleft,
.alignleft img {
	display:inline;
	margin:0 18px 0 0;
	border:solid 1px #2e2e2e;
	padding:4px;
}

.wp-caption-text {
	font-size:11px;
	font-style:italic;
	line-height:11px;
	padding-top:4px;
}

.wp-caption {
	padding:0 18px 20px 0;
}

.gallery-item {
	float:left;
	padding:0 18px 0 0;
}

.gallery-icon {
	padding-top:0;
}

.gallery-item img {
	border:solid 1px #2e2e2e;
	padding:4px;
}

/* Template Accueil
 ****************************************************** */
/* #content.accueil {
	background:#222 url(slideshow/images/cube_shadow.jpg) no-repeat center 250px ;
}

#content2 {
	background-color:#fff;
	clear:both;
	position:relative;
	z-index:9;
}


.slideshow {
	height:520px;
}
 
#cu3er-container {
	margin:20px 0 0 10px;
}

#main.accueil {
	background:url(slideshow/images/post_bg_white.jpg) no-repeat left top;
	margin:0 0 10px 10px;
	padding:20px 0 0 0;
	text-align:center;
	text-shadow:none;
	width:940px;
}

#main.accueil h2 {
	background:none;
	color:#222;
	text-shadow:0 1px 1px #999;
}

#features {
	background:url(slideshow/images/post_bg_white.jpg) no-repeat left top;
	float:left;
	margin:0 0 20px 10px;
	padding:10px 0 0 0;
	text-shadow:none;
	width:940px;
}

#features div {
	background:url(images/quote.gif) no-repeat 8px 5px;
	float:left;
	color:#333333;
	font-size:12px;
	padding:10px 40px;
	width:233px;
}

#features div h3 {
	color:#000;
	font-size:14px;
	margin-bottom:6px;
}

#features2 {
	background:url(slideshow/images/post_bg_white.jpg) no-repeat left top;
	color:#333;
	font-size:12px;
	font-weight:bold;
	padding:20px;
	text-align:right;
	text-shadow:none;
	width:900px;
}

#features2 a {
	color:#0994C1;
} */


/* Plugins
 ****************************************************** */

/* wp-pagenavi
 ------------------------------------------------------ */
.wp-pagenavi {
	clear:both;
	font-size:24px;
	font-weight: bold;
	padding:0 0 20px 0;
}

.wp-pagenavi a, .wp-pagenavi span {
	margin:2px;
	padding:3px 5px;
	text-decoration:none;
}

.wp-pagenavi span.pages {
	display:none;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background-color:#ff3366;
	color:#fff;
}

/* Contact Form 7
 ------------------------------------------------------ */
div.wpcf7 {
	margin:0;
	padding:0;
}

div.wpcf7-response-output {
	margin:2em 0.5em 1em;
	padding:0.2em 1em;
}

div.wpcf7-mail-sent-ok {
	border:2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border:2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border:2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border:2px solid #f7e700;
}

span.wpcf7-form-control-wrap {
	position:relative;
}

span.wpcf7-not-valid-tip {
	position:absolute;
	top:20%;
	left:20%;
	z-index:100;
	background:#fff;
	border:1px solid #ff0000;
	font-size:10pt;
	width:280px;
	padding:2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color:#f00;
	font-size:10pt;
	display:block;
}

span.wpcf7-list-item {
	margin-left:0.5em;
}

.wpcf7-display-none {
	display:none;
}

div.wpcf7 img.ajax-loader {
	border:none;
	vertical-align:middle;
	margin-left:4px;
}

div.wpcf7 .watermark {
	color:#888;
}

/* Milkbox
 ------------------------------------------------------ */
#mbOverlay {
	position: absolute;
	left: 0;
	width:100%;
	background-color: #000; /* set the Milkbox overlay color // opacity: see the js options */
	z-index:100;
	cursor: pointer;
}

#mbCenter {
	/* for default width and height, see the js options */
	position: absolute;
	z-index:101;
	overflow:hidden;
	left: 50%;
	top:10%;/* overwritten in the js options to properly position the milkbox when activated in a scrolled window */
	background-color: #333;/* set the Milkbox background color */
	border: 5px solid #333;/* set the Milkbox border */
	margin:0; padding:5px;/* set the Milkbox padding */
}

/* .mbLoading{ background: #fff url(loading.gif) no-repeat center; }IMAGE: loading gif */
.mbLoading{ background: #fff; }/* IMAGE: loading gif */

#mbCanvas{ margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden; }

.clear{ clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; }


/* *** BOTTOM *** */

#mbBottom { 
	/* set text options */
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #ccc;
	line-height: 1.4em;
	text-align: left;
	padding-top:8px;
	margin:0;
}

/* navigation */
/* be careful if you change buttons dimensions */

#mbNavigation{
	float:right;
	width:27px;
	padding-top:3px;
	border-left:1px solid #9c9c9c;/* set nav border */
}


#mbCount{ 
	width:55px; 
	overflow:hidden;
	padding-top:1px;
	float:right;
	text-align:right;
	font-size:9px; /* count font size */
}

#mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause{
	outline:none;
	display:block;
	float:right;
	height:19px;
	cursor: pointer;
}


#mbPrevLink, #mbNextLink{ width:15px; }
#mbPrevLink{ background: transparent url(images/prev.gif) no-repeat; }/* IMAGE: prev */
#mbNextLink{ background: transparent url(images/next.gif) no-repeat; }/* IMAGE: next */

#mbPlayPause{ width:13px; }
/* #mbPlayPause{ background: transparent url(play-pause.gif) no-repeat; }IMAGE: prev */
#mbPlayPause{ background: transparent; }/* IMAGE: prev */


/* NOTE: doesn't work in ie6, so, just see the js options :) */
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover,a#mbPlayPause:hover { background-position: 0 -22px; }

#mbCloseLink {
	width:17px;
	background: transparent url(images/close.gif) no-repeat;/* IMAGE: close */
}

/* description */

#mbDescription{
	margin-right:27px;
	padding:0px 10px 0 0;
	font-weight: normal;
	text-align:left;
}



/* Media Queries
 ****************************************************** */

/* max 480 px
 ------------------------------------------------------ */
/* @media only screen and (max-width:480px), only screen and (max-device-width:480px) {
	.wrapper {
		width:440px;
	}
	
	body, #main .entry.single-post h5 span, #main small {
		font-size:16px;
	}
	#menu-top {
		display:none;
	}
	
	#header {
		background-position:0 -35px;
		height:90px;
		text-align:center;
	}
	
	.headerlogo {
		float:none;
		padding-top:0;
		width:440px;
	}
	
	.top-nav {
		float:none;
		padding:10px 0;
		width:440px;
	}
	
 	#header .top-nav .pages {
		text-align:left;
		width:440px;
	}
	
	.top-nav .pages ul {
		float:none;
	}	
	
	.top-nav .pages li {
		display:block!important;
		float:none;
		font-size:20px;
		font-weight:normal;
		letter-spacing:0px;
		margin-bottom:10px;
	}
	
	.top-nav .pages li a {
		background:none;
		background-color:#0994C1;
		color:#FFFFFF;
		float:none;
		padding:4px 10px;
	}
	
 	.top-nav .pages li a:hover {
		background:none;
		background-color:#FF3366;
		color:#FFFFFF;
	}
	
	.top-nav .pages .current_page_item a, .top-nav .pages .current_page_item a:visited, .top-nav .pages .current_page_item a:hover, .top-nav .pages .current_page_item .page_item a:hover, .top-nav .pages .current-cat a, .top-nav .pages .current-cat a:visited, .top-nav .pages .current-cat a:hover, .top-nav .pages .current-cat .page_item a:hover {
		background:none;
		background-color:#FF3366;
		color:#FFFFFF;
	}
	
	#content {
		float:none;
		margin-top:10px;
		position:relative;
	}
	
	#main {
		margin-bottom:20px;
		width:440px;
	}
	
	#main .postimage {
		height:165px!important;
		width:440px!important;
	}
	
	#main h2.title {
		margin:-50px 0 10px 20px;
		width:440px;
	}
	
	#main .entry.single-post h5 {
		padding:0;
	}
	
	#main .content .entry {
		width:440px;
	}
	
	#main .aux {
		text-align:left;
	}
	
	#main textarea[name="your-message"] {
		width:420px;
	}
	
	#sidebar {
		display:none;
	}
	
	#footer {
		display:block;
		height:inherit;
		padding:10px 0;
	}
	
	#footer .wrapper {
		width:440px;
	}
	
	#footer .alignright, #footer .alignleft {
		float:none;
		padding:0 0 10px 0;
		position:relative;
	}

	#footer p.copy, #footer small  {
		font-size:13px;
	}

} */