/* ------------------------------ 
TYPOGRAPHY & COLORS 
------------------------------ */ 

* { outline: none;}

#pitStop {display: none;}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333;
	text-align: center;
	}

#content {
	min-height: 600px;
	font-size: 1.2em
}

#post_container {
	float: left;
}

.services {
	background: url('../img/services_background.png') no-repeat top left !important;
	height: 1161px;
	}
	.services .widecolumn {
		margin: 0px 0px 0px 40px ; 
		padding: 40px 0px 0px 0px;
	}
	.services .widecolumn #aboutMeContainer {
		margin: 0px 58px 20px 10px;
		padding: 20px 30px 20px 30px;
		float: right;
	}
		.services .widecolumn #aboutMeContainer #aboutMeLink {
			margin-top: 0px;
		}

	.services .widecolumn h1 {
		padding: 0px;
		font: bold 28px/24px Gill Sans;
		text-transform: uppercase;

	}
	
	.services .widecolumn .container h2 {
		margin-top: 0px;
		font: bold 19px/19px Gill Sans;
		text-transform: uppercase;
	}
	
	.services .widecolumn .container.interface-container h2 {
		margin-top: -10px;
	}
	
	.services .widecolumn .container p {
		clear: left;
		margin: 5px 0px 0px 0px;
		display: block;
		height: 144px;
	}
	
	.services .widecolumn .container a {
		float: right;
		margin-top: 20px;
		text-align: right;
		color: #333;
		padding: 1px 4px;
		background: #e4e4e4;
		-moz-border-radius: 4px;
		-khtml-border-radius: 4px;
		-webkit-border-radius: 4px;
		font-weight: bold;
		
		
	}
	
	
	.services .widecolumn .container a:hover {
	margin: 20px 0px -4px 0px;
	background: #484848;
	color: white;
	text-decoration: none;
	}
	
	.services .widecolumn .container img.icons {
		float: left;
		margin: -15px 10px 10px 0px;
	}
	
	.services .widecolumn .container img#logos-icon {
		margin: -22px 10px 10px 0px;
	}
	.services .widecolumn .container img#interface-icon {
		margin: -3px 10px 10px 0px;
	} 
	
	.services .widecolumn p {
		font: normal 13px/18px Arial;
	}


.narrowcolumn .entry {
	line-height: 1.4em;
	margin: 		0px 0px 20px 0px;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h2, h3 {
	font-family: Verdana;
	font-weight: bold;
	}

input#s {
	color: 		#9f9f9f;
	font-style: italic;
	vertical-align: center;
	
}


.entry p a:visited {
	color: #b85b5a;
	}


#sidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.postmetadata, .nocomments, blockquote {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}
	
	
	div.entry p {
		font-family: 			Helvetica;
		font-size: 				13px;
		color: 					#484848;
		line-height: 			20px;
		margin: 				10px 0px 15px 0px;
	}
	
	div.entry p.teaser{
		font-size: 18px;
		color: #6d6d6d;
		line-height: 22px;
	}
	
	#post_container div.entry p {
		margin: 10px 0px 40px 0px;
	}
	
	div.entry p.picturetext {
		color: 				#ababab;
		font-size: 			11px;
		text-align: 		center;
	}
	

	/* ------------------------------ 
	LINKS
	------------------------------ */ 
	
	a, h2 a:hover, h3 a:hover {
		color: 			#06c;
		text-decoration: none;
	}

	#content .entry p a {
		background: #e4e4e4;
		-moz-border-radius: 4px;
		-khtml-border-radius: 4px;
		-webkit-border-radius: 4px;
		padding: 1px 4px;
		color: #333;
		font-weight: bold;
	}
	
	#content .entry p a:hover {
		background: #484848;
		-moz-border-radius: 4px;
		-khtml-border-radius: 4px;
		-webkit-border-radius: 4px;
		color: white;
		margin: -4px 0px -4px 0px;
		padding: 1px 4px;
		text-decoration: none;
	}
	
	ol.commentlist a {
		color: #666;
		background: #EFEFEF;
		-moz-border-radius: 4px;
		-khtml-border-radius: 4px;
		-webkit-border-radius: 4px;
		padding: 1px 4px;
	} 
	ol.commentlist a:hover {
		color: #000;
		background: #F7F7F7;
		-moz-border-radius: 4px;
		-khtml-border-radius: 4px;
		-webkit-border-radius: 4px;
		margin: -4px 0px -4px 0px;
	}
	
	a:hover {
		color: #147;
		text-decoration: none;
	}
	
	#wp-calendar a {
		text-decoration: none;
	}
	
	#submenu li a {
		padding:			0px;
		line-height: 		18px;
		font-weight: 		bold;
		color: 				#333333;
		text-shadow: 		#fff 1px 1px 1px;
	}
		
	#submenu li a:hover {
		text-decoration: 	none;
	}
	
	/* ------------------------------ 
	HEADERS
	------------------------------ */ 
	
	.mainMenuItem h3 {
		margin: 			0px;
		padding: 			0px;
		text-align: 		center;
	}
	
	h1 {
		
		padding-top: 70px;
		margin: 0;
	}

	h2 {
		margin: 30px 0 0;
	}
	
	h2.post-header {
		margin:	 			10px 0px 10px 0px;
		font-family: 		gill sans, arial;
		clear:				both;
	}
	
	h2.post-header a {
		font-family: "Gill Sans", "Franklin Gothic Medium" , "Lucida Grande", Arial, Helvetica;
		text-transform: uppercase;
		font-size: 26px;
		line-height: 26px;
		letter-spacing: -1px;
		color: #333333;
	}
	
	h2.post-header a {
		color: #333333;
	}
	
	h2.pagetitle {
		margin-top: 30px;
		text-align: left;
	}


	h3.comments {
		padding: 0;
		margin: 40px auto 20px 0px;
		display: block;
	}
	
	h2#comments {
		margin: 0px 0px 20px 0px;
	}
	

	h2#comments a img {
		margin: 		0px 0px -7px 0px;
	}
	
	.mainMenuItem img {
		margin: 30px 0px 0px 0px;
	}

	.mainMenuItem h3 {
		margin:				10px 0px 0px 0px;	
		font-weight: 		bold;
		font-family: 		Verdana;
		font-size: 			12px;			
		text-align: 		center;	
		color: 				#333333;
		text-shadow: 1px 1px 1px #fff;
	}  
	
	#content div.post h2, #content div.post h3 {
		font-family: "Gill Sans", "Franklin Gothic Medium" , "Lucida Grande", Arial, Helvetica;
		text-transform: uppercase;
		font-size: 26px;
		letter-spacing: -1px;
		color: #333333;
		margin: 10px 0px 10px 0px;
	}
	
	#content div.post h3 { 
		font-size: 	18px;
		margin: 30px 0px 0px 0px;
		padding: 0px;
	}
	


/* ------------------------------ 
PAGE STRUCTURE 
------------------------------ */ 

/* Begin Structure */
body {
	margin: 0px 0px 0px 0px;
	padding: 0;
	background: #494949 url(../img/bg.png) repeat-x 0px 198px;
	
}



#headerContainer {
/*	background:			url(../img/bannieres/banner1.jpg) top center; */
	width: 				100%;
	height:				198px;
}

		#header {
		border-bottom: 		0px;
		margin: 			0 auto;
		padding: 			0;
		height: 			152px;
		width: 				960px;
		}
				

#submenu {
	background: 		url(../img/submenu.gif) repeat-x;
	border-left: 		1px solid white;
	border-right: 		1px solid white;
	width: 				958px;
	height: 			30px;
	margin: 			0px auto 0px auto;
	text-align:  		left;
}

		div.goodies {
		background:		url(../img/submenu-goodies.gif) repeat-x !important; 
		}
		
		div.portfolio {
		background:		url(../img/submenu-portfolio.gif) repeat-x !important; 
		}
		

#page {
	background: 		#ffffff url(../img/content_bg.gif) top left repeat-y;
	text-align: 		left;
	margin: 			0px auto 0px auto;
	padding: 			0;
	width: 				960px;
	}

		.narrowcolumn {
/*		float: 				left	;*/
		padding: 			20px 0px 0px 0px;
		margin: 			0px 0px 0px 40px;
		width: 				600px;
		}


		
							
	
#sidebar {
	float: 				right;
	padding: 			0px;
	margin: 			87px 40px 0px 0px;
	font-family: 	Helvetica, Arial;
	font-size: 		13px;
	color: 			#484848;
	}
	
	*+html #sidebar { margin-top: 95px ;}

		#twitterContainer a, .postinformation a  {
		background: #484848;
		color: 		#ffffff;
		font-weight: bold;
		}
		
		#sidebar h3  {
		text-align: 	left;
		margin: 		0px;
		padding: 		0px 0px 10px 0px;
		font-size: 		15px;
		font-weight: 	bold;
		font-family: 	Verdana;
		}
		
		#sidebar form {
		margin: 			0;
		}
		
			#rssContainer {
			background: 	#fde99f;
			margin: 		0px 0px 0px 0px;
			padding: 		10px 0px 10px 10px;
			width: 			230px;			
			}
			

					#rssContainer a {
					color: 			#333;
					font-weight: 	bold;
					}
		
					.feedcountdiv {
					background: 	url(../img/button/rss.png) -4px -46px no-repeat;
					width: 			169px;
					height: 		18px;
					padding: 		13px 0px 10px 54px;
					text-align: 	left;
					cursor: 		pointer;
					text-shadow: 1px 1px 1px #fff;
					}
					
					.feedcountdiv:hover {
					background: 	url(../img/button/rss.png) -4px -4px no-repeat;
					}
					
					.feedcountdiv:active {
					background: 	url(../img/button/rss.png) -4px -88px no-repeat;
					}
					
					.feedcountdiv p {
					margin: 		0px 0px 0px 2px;
					cursor: 		pointer;
					}
					
					.feedcountdiv p span:hover {
					cursor: 		pointer;
					}
		
			
			#twitterContainer {
			background: 	#d8fbfb;
			padding:		20px 20px 10px 20px;
			margin: 		20px 0px 0px 0px;
			width: 			200px;
			}

			
			
			#twitterContainer span {
			display: 		block;
			margin: 		10px 0px 0px 0px;
			}
			
			#twitterContainer img {
			float: 			right;
			margin: 		0px -50px 0px 0px;
			}
					
			#twitText {
			padding: 		0px 0px 20px 0px;
			margin: 		0px 0px 0px 0px;
			width: 			200px;
			height: 		120px;
			line-height: 	18px;
			}
		

		
			#twitText a {
			color: 	#5592c4;
			background: #c5e9fd;
			padding: 1px 4px;
			-moz-border-radius: 4px;
			-khtml-border-radius: 4px;
			-webkit-border-radius: 4px;
			}
			
			#twitText a:hover {
				background: #5592c4;
				-moz-border-radius: 4px;
				-khtml-border-radius: 4px;
				-webkit-border-radius: 4px;
				color: white;
				margin: -4px 0px -4px 0px;
				padding: 1px 4px;
				text-decoration: none;
			}
		
			#twitText span {
			font-style: 	italic;
			padding: 		0px 0px 0px 0px;
			}
			
			#twitterContainer a span {
			margin: 0px !important;
				color: 			#333 !important;
				text-shadow: 1px 1px 1px #fff !important;
				background: 	none !important;
			}
			
			.twitter-timestamp {
			font-size: 		10px;
			text-align: 	right;
			margin: 		0px 0px 5px 0px !important;
			}
		
			
			/* All of the links*/
			#twitLink, #aboutMeLink {
			width: 			165px;
			padding: 		14px 0px 8px 55px;
			height: 		18px;
			margin: 		25px 0px 0px -10px;
			cursor: 		pointer;
			font-weight: 	bold;
			text-align: 	left;
			text-shadow: 1px 1px 1px #fff;
			}
			
			#aboutMeLink {background: url(../img/button/mail.png) -4px -46px no-repeat; }
			#aboutMeLink:hover { background: 	url(../img/button/mail.png) -4px -4px no-repeat;}
			#aboutMeLink:active { background: 	url(../img/button/mail.png) -4px -88px no-repeat;}
			
			#twitLink {background: url(../img/button/twitter.png) -4px -46px no-repeat; }
			#twitLink:hover { background: 	url(../img/button/twitter.png) -4px -4px no-repeat;}
			#twitLink:active { background: 	url(../img/button/twitter.png) -4px -88px no-repeat;}
			
		
			#twitLink a {
		
			}
		
			#aboutMeContainer {
			background: 	#def9b2;
			padding: 		20px 20px 10px 20px;
			margin: 		20px 0px 0px 0px;
			width: 			200px;
			}
		
			#aboutMeContainerBottom h3{
			padding-left:	10px;
			color: #333;
			}
			
			
					
			#aboutMeContainer p {
			line-height: 	18px;
			}


#footer {
	border: 			none;
	padding: 			50px 0px 30px 0px;
	margin: 			0 auto;
	width: 				960px;
	clear: 				both;
	}
	
		a#getUpdates {
		background: 	url(../img/rss-small.png) left center no-repeat;
		float: 			left;
		margin: 		0px 0px 0px 40px;
		padding: 		10px 0px 10px 25px;
		font-family: 	Helvetica, verdana;
		font-size: 		12px;
		font-weight: 	bold;
		color: 			#4d4d4d;
		}
		
		a#to-top {
		background: 	url(../img/totop.png) left center no-repeat;
		float: 			right;
		margin: 		0px 40px 0px 0px;
		padding: 		10px 0px 10px 25px;
		font-family: 	Helvetica, verdana;
		color: 			#4d4d4d;
		font-size: 		12px;
		font-weight: 	bold;
		}
		
		#footer span {
		font-family: 	Helvetica, verdana;
		font-size: 		12px;
		font-weight: 	bold;
		color: 			#4d4d4d;
		display: 		block;
		text-align:  	center;
		}
		
		span#copyright {
		margin: 		0px 0px 0px -30px;
		font-weight: 	normal;
		color: 			#ababab;
		}
		
		span#copyright img {
		margin: 		0px 0px -5px 0px;
		}

		

/* ------------------------------ 
PAGE ELEMENTS 
------------------------------ */ 
				
/*	Main menu elements			  */
/* ------------------------------ */
				
.mainMenuItem {
	cursor: 		pointer;
	margin: 		10px 0px 0px 0px; 
	float: 			left;
	height: 		140px;
	width: 			77px;
	
}
				
		/* All the different blogmenu item looks.*/				
		/*The selected*/
		
		#mainmenu-blog {
			background: 	url(../img/button/menu-sprite.png) 0px -2px no-repeat; 
			margin-left: 	
			9px; width: 78px;											
		}
		#mainmenu-blog:hover { 		background: url(../img/button/menu-sprite.png) -1px -145px no-repeat;}
		#mainmenu-blog:active { 	background: url(../img/button/menu-sprite.png) -1px -288px no-repeat;}
		.mainmenu-blog-selected { 	background: url(../img/button/menu-sprite.png) -1px -431px no-repeat !important;}
		.mainmenu-blog-selected:hover { 	background: url(../img/button/menu-sprite.png) -1px -576px no-repeat !important;}
		
		#mainmenu-goodies {	
		background: url(../img/button/menu-sprite.png) -79px -2px no-repeat;				
		}			
		#mainmenu-goodies:hover { 		background: url(../img/button/menu-sprite.png) -79px -145px no-repeat;}
		#mainmenu-goodies:active { 		background: url(../img/button/menu-sprite.png) -79px -288px no-repeat;}
		.mainmenu-goodies-selected { 	background: url(../img/button/menu-sprite.png) -79px -431px no-repeat !important;}
		.mainmenu-goodies-selected:hover { 	background: url(../img/button/menu-sprite.png) -79px -576px no-repeat !important;}
						
		#mainmenu-portfolio {
		background: url(../img/button/menu-sprite.png) -156px -2px no-repeat;
		}		
		#mainmenu-portfolio:hover {		background: url(../img/button/menu-sprite.png) -156px -145px no-repeat; }
		#mainmenu-portfolio:active { 	background: url(../img/button/menu-sprite.png) -156px -288px no-repeat; }
		.mainmenu-portfolio-selected { 	background: url(../img/button/menu-sprite.png) -156px -431px no-repeat !important;}
		.mainmenu-portfolio-selected:hover { 	background: url(../img/button/menu-sprite.png) -156px -576px no-repeat !important;}
		#mainmenu-services {			
			background: url(../img/button/menu-sprite.png) -233px -2px no-repeat;
		}		
		#mainmenu-services:hover {		background: url(../img/button/menu-sprite.png) -233px -145px no-repeat;	}
		#mainmenu-services:active {		background: url(../img/button/menu-sprite.png) -233px -288px no-repeat;	}
		.mainmenu-services-selected {	background: url(../img/button/menu-sprite.png) -233px -431px no-repeat !important; }
		.mainmenu-services-selected:hover {	background: url(../img/button/menu-sprite.png) -233px -576px no-repeat !important }
		
		/*The hovers when they are selected*/
						

					
		
				
				

/*	Submenu elements			  */
/* ------------------------------ */
		
.submenu ul {
	margin: 0px;
	padding: 0px;
}		
		#submenu ul {
		margin: 0px 0px 0px 30px;
		padding: 0px;
		}
							
		#submenu li {
		margin: 			5px 0px 0px 10px;
		float: 				left;
		list-style: 		none;
		height: 19px;
		padding: 0px 0px 0px 10px;
		}
		
				div#submenu.goodies ul li, div#submenu.portfolio ul li {
				padding: 0px 10px 0px 10px;
				}
		
		#submenu li.first {
		margin: 			5px 0px 0px 0px;
		}
		
		#submenu li span {
		height: 19px;
		display: block;
		line-height: 19px;
		padding: 0px 10px 0px 0px;
		}
		
		
		
		#submenu li img {
		float: 				left;
		margin:				1px 5px 0px 0px;
		display: 			inline;
		}
		

		
		
		/* the submenu categories when selected */
		#submenu li.selected, #submenu li.clicked {
		background: 				url(../img/submenu_left.png) left center no-repeat;
		cursor: 					pointer;


		}
		
		#submenu li span.selected, #submenu li span.clicked {
		background: 			url(../img/submenu_right.png) center right no-repeat;
		cursor:			 			pointer;

		}
		
		#submenu li span a.selected, #submenu li span a.clicked {
		cursor: 			pointer;
		color: 				#fff !important; 
		text-shadow: 		#000 0px 1px 1px !important;
		
		}
		
		
#tjs_search {
	float: 				right;
	margin: 			0px 40px 0px 0px;
	padding: 			0px;
	text-align: 		center;
}

#tjs_search #s {
	background: 		url(../img/button/search.png) -5px 3px no-repeat;
	border: 			none;
	padding:			6px 0px 0px 25px;
	width: 				220px;
	height: 			22px;
}
						
		#tjs_search #s:focus {
		background: 		url(../img/button/search.png) -5px -29px no-repeat;
		outline: 			none;
		}
			
#searchsubmit {
	padding: 			1px;
}


/* ----------------  UNORDERED ---------------- */

span.comment-link {
	float: left;
	background: 		url(../img/button/comments.png) 0px -34px no-repeat;
	margin: 			0px;	
	height: 			32px;
	width: 				30px;
	text-align: 		center;
	line-height: 		29px;
	

	
}
span.comment-link:hover {
	cursor: 			pointer;
	background: 		url(../img/button/comments.png) 0px -0px no-repeat;
}
span.comment-link:active {
	background: 		url(../img/button/comments.png) 0px -68px no-repeat;
}

span.comment-link a {
	color: 						#383838;
	font-family: 				Verdana;
	text-shadow: 				#fff 1px 1px 1px;	
	font-weight: 				bold;
}

.category-image {
	float: 				right;
	margin: 			1px 5px 0px 0px;
}

.category-image-single {
	float: 				left;
		margin: 			1px 5px 0px 0px;
}

.category-image-search {
	float: left;
	margin: 			5px 5px 10px 0px;
}

.post {
	margin: 30px 0px 0px 0px;
	text-align: justify;
	clear: left;
	width:			600px;
	}
	
	.first {
	margin: 0px;
	}

.post hr {
	display: block;
	}


.postmetadata {
	padding-top: 5px;
	}


.clear {
	clear: both;
}


/* ------------------------------ 
PAGE ELEMENTS 
------------------------------ */ 



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	margin: 0 auto;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

/*html>body .entry ul {
	 margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px; 
	} */ 

/* html>body .entry li {
	margin: 7px 0 8px 10px;
	} */

#sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}


#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}


#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */











/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.postinformation {
	width: 				211px;
	height: 			227px;
	padding: 			30px 0px 10px 30px;
	margin: 			0px 0px 20px 0px;
	text-align: 		left;
	background: 		url(../img/aboutpost.gif) no-repeat top left;
}
	
		.metadata {
		height: auto;
		margin: 15px 0px 0px -5px;
		display: block;
		}
		
		.metadata span {
		text-align: 		right;
		font-weight: 		bold;
		float: 				left;
		width: 				55px;
		color: 				#ababab;
		font-size: 			12px;
		}
		
		.metadata span.result {
		text-align: 		left;
		
		color: 				#000000;
		margin: 			0px 0px 0px 10px;
		padding: 			0px 0px 15px 0px;
		width: 				130px;
		height: 			auto;
		float: 				left;
		}
		
		
		
		#sidebar .metadata span.result a {
		background: 		#dad3cb;
		color: #5b3c1d;
		-moz-border-radius: 4px;
		-khtml-border-radius: 4px;
		-webkit-border-radius: 4px;
		padding: 1px 4px;
		}
		
		#sidebar .metadata span.result a:hover {
			background: #5b3c1d;
			color: white;
		}
		
/* End Various Tags & Classes*/



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

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	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;
}

.sociable {
	margin: 				30px 0px 0px 0px;
}

.sociable ul {
	margin: 				0px;
	padding: 				0px;
}


.sociable ul li {
	list-style: 			none;
	float: 					left;
	padding: 				0px;
	
}

.sociable_tagline { 
	display: 				none;
}

/* End captions */

/* The buttons */
/* ======================================== */

.button, .button-start {
	background: 				url(../img/button/left-button.png) 0px -33px no-repeat; 
	cursor: 					pointer;
	padding:					0px 0px 0px 10px;
	height: 					29px;
	margin: 					0px 0px 0px 0px;
	width: 						101px;
	float: left;
}

.button a, .button input, .button-start input {
	float: 						left;
	background: 				url(../img/button/right-button.png) right -33px no-repeat;
	cursor:			 			pointer;
	padding: 					6px 15px 0px 0px;
	border: 					none;
	margin:						0px;
	width: 						auto;
	height: 					23px;
	color: 						#383838;
	font-family: 				Verdana;
	text-shadow: 				#fff 1px 1px 1px;	
	font-weight: 				bold;		
}
.button:hover, .button-start:hover { background: url(../img/button/left-button.png) 0px 0px no-repeat; }

.button:hover a, .button:hover input, 
.button-start:hover input { background: url(../img/button/right-button.png) right 0px no-repeat;}

.button:active, .button-start:active { background: url(../img/button/left-button.png) 0px -66px no-repeat; }
.button:active a, .button:active input , .button-start:active input { background: url(../img/button/right-button.png) right -66px no-repeat;}


/* OVERRIDES OF BUTTON ATTRIBUTES */
#myModal span.button { float: right; margin: 0px 10px 0px 0px;}
#myModal span.button input {
	width: 100px;
}
.buttonContainer span.button {
	width: auto;
}


.buttonContainer {
	cursor: 				pointer;
	float: 					left;
	margin: 				0px 0px 13px 0px;
}

#post_container .buttonContainer { float: right; margin: 13px 0px 13px 13px ;}

.shareButton {
	margin-right: 			0px;
	margin-left: 			0px;
}	

.shareContainer {
	float: 					left;
	margin: 				0px 0px 0px 0px;
	padding: 				0px;
	height: 				32px;
	display: 				none;
}

	.shareContainer img {
	margin: 0px;
	}

.shareContainer ul {
	margin: 				0px;
}


/* Typography */
/* ======================================== */

span.highlighted {
	background-color: 		yellow;
}


/* Structures */
/* ======================================== */

#ajax-loader-container {
	
	width: 					960px;
	height: 				48px;
	margin: 				0px auto;
	
}

#image-container {
	float: 					right;
	width: 					61px;
	height: 				48px;
	background: 			url(../img/loaderbg.png) no-repeat;
	display: 				none;
}

#ajax-loader-container img {
	float: 					right;
	margin: 				5px 15px 0px 0px;	
}



/* ------------------------------  
	MAIL MODAL WINDOW
------------------------------ */

.myModal-overlay, .ConnectMember-overlay
{
	position:			fixed;
	top:				0;
	right:				0;
	bottom:				0;
	left:				0;
	height:				100%;
	width:				100%;
	margin:				0;
	padding:			0;
	background:			#000;
	opacity:			0.75;
	filter: 			alpha(opacity=75);
	-moz-opacity: 		0.75;
	z-index:			101;
}



.myModal-window
{
	position:			fixed;
	top:				50%;
	left:				50%;
	margin:				0;
	padding:			20px;
	z-index:			102;
	background: 		url(../img/mailme-bg.png);
}

.ConnectMember-window
{
	position:			fixed;
	top:				50%;
	left:				50%;
	margin:				0;
	padding:			20px;
	z-index:			102;
	background: 		url(../img/commentbox.png);
	text-align: left;
}


						.myModal-window h1 {
						margin: 			0px;
						padding: 			0px 0px 30px 10px;
						font-family: 		"Gill Sans", "Franklin Gothic Medium" , "Lucida Grande", Arial, Helvetica;
						font-size: 			20px;
						letter-spacing: 	-1px;
						color: 				#333333;
						text-align: 		left;
						text-transform: uppercase;
						}
						
						.ConnectMember-window h1 {
						margin: 			0px;
						padding: 			0px 0px 0px 0px;
						font-family: 		"Gill Sans", "Franklin Gothic Medium" , "Lucida Grande", Arial, Helvetica;
						font-size: 			20px;
						letter-spacing: 	-1px;
						color: 				#333333;
						text-align: 		left;
						text-transform: uppercase;
						}
						
						.myModal-window h1.thankyou, .ConnectMember-window h1.thankyou{
						text-align: 		center;	
						padding: 			30px 0px 30px 10px;
						}
						
						.myModal-window h2, .ConnectMember-window h2 {
						font-family: 			Helvetica;
						font-size: 				13px;
						text-align: center;
						color: 					#484848;
						line-height: 			20px;
						margin: 				10px 0px 15px 0px;	
						}
						
						.myModal-window fieldset, .ConnectMember-window fieldset {
						border: 				none;
						}
						
						.myModal-window label {
						float: 			left;
						font-family: 	Helvetica, verdana;
						color: 			#7d7d7d;
						font-size: 		12px;
						font-weight: 	bold;
						margin: 		10px 10px 0px 0px;
						vertical-align: text-top;
						text-align: 	right;
						width: 			50px;
						}
						
										.myModal-window label#messageLabel, .ConnectMember-window label#messageLabel { margin-top: 0px;}
						.myModal-window fieldset input, .ConnectMember-window fieldset input {
						float: 					left;
						width: 					199px;
						height: 				22px;
						border: 				1px solid #ccc;
						padding: 				7px 10px 0px 10px;
						font-size: 14px;
						}
						.myModal-window fieldset input:hover, .myModal-window fieldset input:focus
						.ConnectMember-window fieldset input:hover, .ConnectMember-window fieldset input:focus
						{
							border: 1px solid #999;
						}
						
						.myModal-window input#mail-button, .ConnectMember-window input#mail-button {
						border: none;
						color: 						#383838;
						font-family: 				Verdana;
						text-shadow: 				#fff 1px 1px 1px;	
						font-weight: 				bold;
						font-size: 12px;
						padding: 0px 10px 0px 0px;
						height: 				29px;
						}
						
						.myModal-window textarea, .ConnectMember-window textarea {
						font-family: 				Verdana;
						float: 					left;
						font-size: 				14px;
						padding: 				10px 10px 10px 10px;
						width: 					330px;
						max-width: 				330px;
						min-width: 				330px;
						
						height: 				104px;
						max-height: 			104px;
						min-height: 			104px;
						
						margin: 				0px;
						
						border: 				1px solid #ccc;
						margin: 				0px;
						}
						.myModal-window textarea:hover, .myModal-window textarea:focus,
						.ConnectMember-window textarea:hover, .ConnectMember-window textarea:focus {
							border: 1px solid #999;
						}
						

						.myModal-window button span, .ConnectMember-window button span {
						float: 						left;
						background: 				url(../img/button_right.png) center right no-repeat;
						cursor:			 			pointer;
						padding: 					6px 20px 0px 15px;
						border: 					none;
						margin:						0px;
						width: 						auto;
						height: 					23px;			
						color: 						#383838;
						font-family: 				Verdana;
						text-shadow: 				#fff 1px 1px 1px;	
						font-weight: 				bold;		
						}
						
						.myModal-window button, .ConnectMember-window button  {
						background: 				url(../img/button_left.png) left center no-repeat;
						cursor: 					pointer;
						padding:					0px 0px 0px 9px;
						height: 					29px;
						margin: 					10px 14px 20px 5px;
						width: 						auto;
						border: none;
						float: right;
						}


	
.close-window
{
	position:absolute;
	width: 					28px;
	height: 				27px;
	right: 					-10px;
	top:					-10px;
	background:			 	url(../img/button/close.png) no-repeat -3px -32px;
	text-indent:			-99999px;
	overflow:				hidden;
	cursor:					pointer;

}
.close-window:hover { background: url(../img/button/close.png) no-repeat -3px -3px; }
.close-window:active { background: url(../img/button/close.png) no-repeat -3px -61px; }

/* ------------------------------  
	COMMENT FORM
------------------------------ */



a#commentLink span,  h2#pingbacks_header a span{
	font-family: 		Helvetica, Arial;
	font-size: 			13px;
	background: #e4e4e4;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 1px 4px;
	color: #333;
	font-weight: bold;
}

h2#pingbacks_header a span:hover {
	background: 		#484848;
	color: 				white;
}

a#commentLink span{
	color: #61a900;
	background: #d6edb4;
}
a#commentLink span:hover:hover {
	background: #61a900;
	color: white;
}

a#commentLink {
	padding: 3px 0px 3px 35px;
	background: url('../img/button/add.png') -2px -32px no-repeat;
}
	a#commentLink:hover { background: url('../img/button/add.png') -2px -3px no-repeat; }
	a#commentLink:active { background: url('../img/button/add.png') -2px -61px no-repeat; }

h2#pingbacks_header a {
	background: url('../img/button/collapse.png') -3px -33px no-repeat;
	padding: 3px 0px 3px 35px;
}
	h2#pingbacks_header:hover a { background: url('../img/button/collapse.png') -3px -3px no-repeat; cursor: pointer; }
	h2#pingbacks_header:active a { background: url('../img/button/collapse.png') -3px -63px no-repeat; }
	
h2#pingbacks_header a.selected {
	background: url('../img/button/collapse.png') -3px -123px no-repeat;
}
h2#pingbacks_header a.selected:hover {background: url('../img/button/collapse.png') -3px -93px no-repeat;}
h2#pingbacks_header a.selected:active {background: url('../img/button/collapse.png') -3px -153px no-repeat;}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist li {
	font-weight: bold;
	margin: 0px;
	padding: 20px;
	list-style: none;
	min-height: 76px;
	background-color: #faffca;
}

.thread-even {
	background-color: #fee59e !important;
}

.commentlist li .avatar { 
	float: 			left;
	margin: 		0px 20px 20px 0px;
	padding: 		5px;
	background: 	#f0f0f0;
	border: 		#b0b0b0 1px solid;
	-moz-border-radius: 4px;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	color: #444;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin: 0px;
	padding: 0px;
	}

.commentmetadata {
	font-weight: normal;
	}
	
	/* Begin Comments*/


.commentlist {
	padding: 0;
	text-align: justify;
	}


.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }



.commentmetadata {
	margin: 0;
	display: block;
	}

ol.commentlist {
	margin: 0px;
}
	
#respond {
	margin: auto;
	background: url(../img/commentbox.png) center no-repeat;
	width: 560px;
	height: 303px;
	padding: 25px 25px 30px 25px;
}
		
		#commentPreview {
		display: none;
		height: 110px;
		min-height: 0px;
		}
				
		#respond h3 {
		margin: 0px 0px 20px 0px;
		}
		
		#gravatar-image{
		float: left;
		margin: 10px 20px 0px 0px;
		padding: 		5px;
		background: 	#f0f0f0;
		border: 		#b0b0b0 1px solid;
		}
		
		#gravatar-container {
		
		}
		
		.date {
		color: #98825e;
		font-family: Verdana;
		font-size: 8px;
		}
	
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}



#commentform {
	margin: 0px 10px 0px 40px;
	float: left;
	width: 450px;
	}
	
	#remarqueform {
	margin: 10px 10px 0px 40px;
	float: left;
	width: 450px;
	border: 1px solid grey;
	padding: 4px;
	}

#commentform p label small {
	margin: 5px 10px 0px 0px;
	width: 75px;
	text-align: right;
	float: left;
	clear: left;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	float: left;
	height: 18px;
	}




.button-start {
	float: right;
	cursor: 					pointer;
	height: 					29px;
	width: 118px;
} 

#commentform input#submit {
	width: 118px;
	cursor:			 			pointer;
	padding: 					0px 9px 0px 0px;
	height: 					29px;
	border: 					none;
	margin:						0px;
	
	color: 						#383838;
	font-family: 				Verdana;
	text-shadow: 				#fff 1px 1px 1px;	
	font-weight: 				bold;		
}
	

#commentform textarea {
	width: 			300px;
	max-width:		350px;
	min-width: 		350px;
	height: 		100px;
	max-height:		100px;
	min-height: 	100px;
	padding:	 	2px;
	margin: 		10px 0px 10px 0px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
	
	
/* End Comments */


/* pingbacks and linkbacks*/

ul#pingbacks {
clear: both;
padding: 0px;

list-style: none;

}

ul#pingbacks li {
color: #bebebe;
font-size: 10px;
background: url(../img/pingback.png) top left no-repeat;
padding: 0px 0px 0px 20px;
margin: 0px;
}

ul#pingbacks li a {
color: #484848;
}

/* ------------------------------  
	THE AUTOSUGGESTION
------------------------------ */

#search-results {
	position: 			absolute;
	z-index: 			1;
	margin: 			30px 0px 0px 683px;
	width: 				237px;
	background: 		#333;
	filter:				alpha(opacity=96); 
    opacity:			0.96; 
    display: 			none;
    -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#search-results ul {
	position: 			relative;
	list-style: 		none;
	margin: 			0px;
	padding: 			0px;
}


#search-results ul li {
	margin: 			5px;
	padding: 			5px;
	width: 				220px;
	height: 			80px;
	overflow: hidden;
}

#search-results ul li:hover{
	background: 		#474747;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#search-results ul li a img {
	float: 				left;
	margin: 			3px 10px 30px 10px;
}
#search-results ul li a h1 {
	color: 				white;
	text-shadow: 		#000 1px 1px 1px;
	font-size: 			11px;
	padding:			0px;
	margin: 			0px;

}
#search-results ul li a p {
	font-size: 			9px;
	color: 				#9d9d9d;
}

p.noResults {
	font-size: 			10px;
	color: 				white;
	text-shadow: 		#000 1px 1px 1px;
	text-align: 		center;		
}

p.noResults span {
	font-size: 			12px;
	font-weight: 		bold;
	color: 				white;
	text-shadow: 		#000 1px 1px 1px;		
}

/* ------------------------------  
	SINGLE PAGES
------------------------------ */

#commentContainer {
	display:  block;
	margin: 0px 0px 0px 0px;
}
		
/* ------------------------------ 
PAGE :: GOODIES
------------------------------ */


li#wallpapers span.selected {}

/* type */
.show_case h2 {
	margin: 0px 0px 0px 0px;
}
.show_case p {
	height: 140px;
	text-align: left;
	vertical-align: text-top;
	margin: 0px;
}

.show_case p.download_information {
	height: auto;
	clear: none;
	margin: 2px 0px 0px 0px;
	color: #ababab;
}

p.weirdWPfix { height: auto !important;}


/* goodies */

/* portfolio */


.show_case div.download_beskrivelse {
width: 200px;
height: 70px;
margin-top: -165px;
margin-left: 240px;
background: black;
float: left;
background: rgb(59, 59, 59);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

*+html .show_case div.download_beskrivelse {
width: 250px;	
}

.show_case a {
width: 645px;
height: 250px;
overflow: hidden;
margin: 0px 25px 0px 0px;
float: left;
}

.show_case .download_buttons a {
	float: none;
}

.show_case div.download_beskrivelse h2 { color:  white; margin-top: 14px;}
.show_case div.download_beskrivelse p { color: white; height: auto;}
.show_case div.download_beskrivelse img { 
	margin: 17px 10px 5px 20px;
}

#goodies_description *, #portfolio_description * {	display: inline;	}
#goodies_description h2, #portfolio_description h2 {	
	color: white; 		
	font-weight: bold;
	font-size: 14px;
}

#goodies_description span, #portfolio_description span {
	color: white;
}
#goodies_description p, #portfolio_description p {	color: white;}
#goodies_description p.small {
	color: #dca5f6; 
	display:  block;
	margin: 5px 0px 0px 0px;
}

#portfolio_description p.small {		
	color: #96ccf8; 
	display:  block;
	margin: 5px 0px 0px 0px;
}

#goodies_description a {
	background: #1b1b1b;
	color: #efcdfc;
	font-weight: bold;
	padding: 1px 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#goodies_description a:hover {
	background: 	#ac6ae4;
	color: 			white;
	margin: -4px 0px -4px 0px;
}

#portfolio_description a {
	background: #1b1b1b;	
	color: #96ccf8;
	font-weight: bold;
	padding: 1px 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#portfolio_description a:hover {
	background: #5592c4;
	color: white;
	margin: -4px 0px -4px 0px;
}

#goodies_description, #portfolio_description {
background: url("../img/goodies.png") no-repeat;
		width: 645px;
		height: 46px;
		margin: 				0px 0px 0px 0px;
		padding: 				15px;
		padding-left: 0px;
		text-align: 			center;
}

.show_case {
		clear: left;
		margin: 0px 40px 0px 0px;
		padding: 25px 0px 0px 0px;
}

		.show_case img {
		float: 					left;
		margin: 				0px 25px 0px 40px;
		}
		
		.show_case p {
		font-family: 			Helvetica;
		font-size: 				12px;
		color: 					#666666;
		line-height: 			18px;
		clear: right;
		}

.download_buttons {
	margin: 0px 0px 0px 0px;
	height: 90px;
	float: right;
	width: 118px;
}

*+html .download_buttons {
	width: 150px;
}

*+html .download_buttons a {
	width: auto;
	height: auto;
	margin: 0px;
}

		.download_buttons div {
		text-align: center;
		display: 				block;
		background: 			url(../img/download_button_left.png) left no-repeat;
		height: 				22px;
		padding: 				0px 0px 0px 10px;
		margin: 				0px 0px 10px 0px;
		min-width: 				79px;
		float: right;
		}
		
		*+html .download_buttons div {
			margin: 0px 0px 10px 40px;
		}
		
		.download_buttons p {
		height: 50px;
		clear: right;
		}
		
		.download_buttons div span {
		display: 				block;
		background: 			#4c4c4c url(../img/download_button_right.png) right no-repeat;
		line-height: 			22px;
		color: 					white;
		text-shadow: 			#000 1px 1px 1px;
		padding: 				0px 10px 0px 0px;
		}
		
		.download_buttons img {
		float: 					right;
		margin: 				0px 0px 0px 0px;
		}

		*+html .download_buttons img {
		margin: 0px;
		float: right;
		}
		
		
#dusk {

	position: 			absolute; top: 0; left: 0;
	width: 				100%;
	height:				198px;
	z-index:			-1;
}
#daytime {
	background:			url('../img/bannieres/banner1.jpg') top center;
	position: 			absolute; top: 0; left: 0;
	width: 				100%;
	height:				198px;
	z-index:			-1;
	overflow:			visible;
}
#dawn {

	position: 			absolute; top: 0; left: 0;
	width: 				100%;
	height:				198px;
	z-index:			-1;
}
#night {

	display: block;
	position: 			absolute; top: 0; left: 0;
	width: 				100%;
	height:				198px;
	z-index:			-1;
}

/*--------------------------------------*
Barre qui s'affiche quand le membre est connecté
-----------------------------------------*/

.connectionMembres {
width: 		207px;
height: 33px;
color: white;
background: url("../img/fond_connection.png") no-repeat;
}

.connectionMembres a {
color: white;
}

.connectionMembres a:hover {
text-decoration: underline;
}



/*------------------------------------*
Films
-------------------------------------*/

.liens_pages_no-select {
	color: #000;
	padding: 2px;
}
.liens_pages_no-select:hover {
color: #000;
background: #CCC;
padding: 2px;
}
.liens_pages {
color: #000;
text-decoration: none;
font-size: 11pt;
cursor: default;
padding: 2px;
}
a{
	text-decoration: none;
}
.data_img {
height: 160px;
width: auto;
margin-left: 15px;
margin-right: 15px;
margin-top: 0px;
border: none;
}
.data_img:hover {
opacity: 0.8;
}
.data_img:active {
height: 150px;
opacity: 0.5;
margin-top: 12px;
}
.data_lien {
color: black;
font-family: Calibri;
font-size: 12pt;
font-weight: bold;
text-decoration: none;
border: none;
}
.data_lien:hover {
color: black;
background: #9F3;
}

.lien_mort_ok {
color: black;
font-family: Calibri;
font-size: 12pt;
font-weight: bold;
text-decoration: none;
border: none;
}
.lien_mort_ok:hover {
color: black;
background: #FF0;
padding-left: 3px;
padding-right: 3px;
text-indent: 5px;
}
.lien_mort_ok:hover:after {
	content: " > Lien mort";
	font-family: calibri;
	font-size: 9pt;
	font-style: italic;
	color: #F30;
}

.data_lien:active {
opacity: 0.4;
}
.data_tab {
background-image:url(../img/films/data_tab.png);
background-repeat: no-repeat;
width: 349px;
height: 176px;
margin-top: 10px;
padding-right: 55px;
opacity: 1;
}
.blanc {
	color: #e8d3b1;
}
.data_tab:hover {
background-image:url(../img/films/data_tab_hover.png);
background-repeat: no-repeat;
}
.data_text {
margin-left: 15px;
}
.boutton_visionner {
background: url(../img/films/boutton_visionner.png);
background-repeat: no-repeat;
width: 126px;
height: 35px;
position: static;
border: none;

}
.boutton_visionner:hover {
background: url(../img/films/boutton_visionner_hover.png);
background-repeat: no-repeat;
}
.boutton_visionner:active {
opacity: 0.7;
}

.rouge {
font-weight: bold;
color: #990000;
margin-left: 15px;
}
.num {
font-weight: bold;
color: #990000;
}
.vert_margin {
font-weight: bold;
color: #06F;
margin-left: 15px;
}
.conseil:before {
content: "Conseil: ";
color: #993300;
}
.surligne{
background-image: url(../img/films/surligne_search.png);
padding-left: 8px;
padding-right: 8px;
padding-top: 2px;
padding-bottom: 5px;
border-left: 1px solid #aab3be;
border-right: 1px solid #aab3be;
border-bottom: 1px solid #aab3be;
cursor: help;
-moz-border-radius: 2px;
margin-left: 15px;
}

.correction {
font-family: arial;
font-size: 10.5pt;
color: black;
margin-left: 15px;
height: 18px;
}
.correction:before {
content: url(../img/films/case_cochee.png);
margin-right: 2px;
height: 18px;
}
.vert {
color: #2b561e;
}
.email {
font-size: 11px;
}
.marge {
margin-left: 405px;
}
.letter_tab {
padding-bottom: 0px;
padding-top: 0px;
border-bottom: 2px solid #000033;
-moz-border-radius: 5px;
}
.letter {
font-family: Calibri;
font-size: 11pt;
font-weight: bold;
text-decoration: none;
color: #fff;
background: url(../img/films/letter.png);
background-repeat: no-repeat;
width: 18px;
height: 18px;
padding-left: 5px;
padding-right: 5px;
}
.letter:hover {
color: #000033;
background: url(../img/films/letter_hover.png);
background-repeat:no-repeat;
}
.input_search {
background: url(../img/films/input.png);
background-repeat: no-repeat;
height: 27px;
width: 140px;
border: none;
font-size: 11pt;
padding-top: 11px;
padding-left: 15px;
padding-right: 0px;
text-transform: capitalize;
color: #000;
font-family: calibri;
margin-top: 2px;
}
.input_search:hover {
background: url(../img/films/input_hover.png);
background-repeat: no-repeat;
}
.input_search:focus {
background: url(../img/films/input_hover.png);
background-repeat: no-repeat;
}
.boutton_search {
background: url(../img/films/button.png);
background-repeat: no-repeat;
height: 38px;
width: 55px;
border: none;
cursor: pointer;
margin-left: -4px;

}
.boutton_search:hover {
background: url(../img/films/button_hover.png);
background-repeat: no-repeat;

}

.boutton_telecharger {
background: url(../img/films/boutton_telecharger.png);
background-repeat: no-repeat;
width: 126px;
height: 35px;
padding-left: 15px;
padding-top: 20px;
padding-right: 110px;
margin-top: 15px;
border: none;
}
.boutton_telecharger:hover {
background: url(../img/films/boutton_telecharger_hover.png);
background-repeat: no-repeat;
}
.boutton_visionner:active {
opacity: 0.7;
}
input {
margin: 0;
padding: 0;
border: 0;
}

 .sous_menu_2 {
  float:left;
  margin-left:0px;
  width:957px;
  height:74px;
	background:url("../img/films/sous_menu_recherche.png") no-repeat;
	position: relative;
	top: -26px;
		font-family: Calibri;
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
  }
  
/* ------- Index.php -------- */  
  
   h4 {
		background: 		#dad3cb;
		color: #5b3c1d;
		border: 1px solid #999;
		-moz-border-radius: 4px;
		-khtml-border-radius: 4px;
		-webkit-border-radius: 4px;
		padding: 1px 4px;
		margin: 0;
		}
		
		h4:hover {
		background: #5b3c1d;
		color: white;
		}
		
.communication
{
	padding: 8px;
	background-color: #99FF66;
	border: 2px solid #006600;
	color: black;
	font-family: verdana;
	font-size: 8pt;
	border-left: 6px solid #006600;
	text-align:left;
	padding-left: 15px;
	font-style: normal;
	width: 760px;
	font-weight:100;
}

#div_liens_films
{
padding: 5px;
padding-left: 10px;
padding-right: 10px;
margin:0;
width: 602px;
height: 143px;
background: url("../img/tab_nonconnect.jpg") no-repeat;	
}

.affichage_film
{
	width: 147px;
	height: 185px;
	position: relative;
	top: -17px;
	left: -350px;
	padding-top: 13px;
	background: url("../img/films/affichage_film.png") no-repeat;
}
.affichage_titre
{
	width: 474px;
	height: 54px;
	position: relative;
	top: -185px;
	left: -35px;
	padding-top: 14px;
	padding-left: 10px;
	background: url("../img/films/affichage_titre.png") no-repeat;
	font-family: Eras Demi ITC;
	font-size: 17pt;
	color: white;
	text-align: left;
	overflow: hidden;
}

.affichage_autres
{
	width: 510px;
	height: 28px;
	position: relative;
	top: -190px;
	left: -17px;
	padding-top: 4px;
	padding-left: 10px;
	background: url("../img/films/affichage_autres.png") no-repeat;
	font-family: Eras Demi ITC;
	font-size: 13pt;
	color: #444444;
	text-align: left;
	overflow: hidden;
}

.lien_mort 
{
	color: #444;
}
.lien_mort:hover
{
	text-decoration: underline;
	color: black;
}

.button-start {
	cursor: 					pointer;
	height: 					29px;
	width: 118px;
} 

#submit {
	width: 118px;
	cursor:			 			pointer;
	padding: 					0px 9px 0px 0px;
	height: 					29px;
	border: 					none;
	margin:						0px;
	
	color: 						#383838;
	font-family: 				Verdana;
	text-shadow: 				#fff 1px 1px 1px;	
	font-weight: 				bold;
}


#lien_classsement_alpha
{
	background: 		url(../img/submenu.gif) repeat-x;
	border-left: 		1px solid white;
	border-right: 		1px solid white;
	width: 				750px;
	height: 			30px;
	margin: 			auto;
}

.lettre_classement {
		font-size: 9pt;
		color: #444;
		padding-left: 2px;
		-moz-border-radius: 1px;
	}
	.lettre_classement:hover {
		color: #000;
		background: #9F6;
	}
	.lettre_classement_select {
		color: #000;
	}

	#menu_recherche {
		width: 751px;
		height: 21px;
		background: url("../img/films/affichage_lettres.png") no-repeat;
		padding-top: 18px;
		margin-top: -2px;
	}
	

.tr_lien
{
	background: #CCF;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 20px;
}
.tr_lien:hover
{
	background: #96F;
}
.tr_lien a
{
	color: black;
	font-weight: bold;	
}
.tr_lien a:hover
{
	color: #FFF;
}