/*	
	STYLES 
	MARKETING-MOBILE.CA 
*/

/*
	GENERAL
*/
	html{
				margin:					0;
				padding:				0;
				width:					100%;
				height:					100%;
	}
		
	body{
				margin:					0;
				padding:				0;
				width:					100%;
				height:					100%;
				background:				#1D1D1D url(../medias/interface/bkg_site.gif) no-repeat 90px 0;	
				font-family:			"Trebuchet MS", Tahoma, Arial, Verdana;	
				font-size:				12px;
	}
		
	img{
				border:					0;
				display:				block;
	}	
	
	a{
				text-decoration:		none;
	}
	
	h1, h2, h3{
				margin:					0;
				padding:				0;
	}
	
	.clear{
				clear:					both;
				height:					0;
				font-size:				1px;
	}
	
	.hr{
				border-top:				1px #737373 dotted;
				height:					1px;
				margin:					5px 72px 15px 0;
	}
	
	.hr-entry{
				border-top:				1px #737373 dotted;
				height:					1px;
				margin:					5px 0 15px 0;
	}
	
	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;
	}

/*
	LAYOUT
*/

	.column{
					float:					left;
	}
	
	#left{
					width:					90px;
					background:				#343434;
	}

	#center{
					width:					670px;
	}
	
	#center #content{
					background:				white url(../medias/interface/center-bkg_pattern.gif) repeat-y;	
	}
	
	#center #content h1.pagetitle{
					padding:				0 90px 15px 35px;
	}
	
	#center #content .centerContent{
					padding-left:			35px;
					padding-right:			107px;
	}
	
	#right{
					width:					230px;
	}	
	
	#right #logos{
					height:					170px;
					padding-top:			35px;
	}
	
	#right #nav-utils{
					margin:					47px 0 0 8px;
	}
	
	#right #modules{
					margin-top:				6px;
					background:				#B5B5B5;
					line-height:			1.6em;
	}
	
	#right #modules #apropos .moduleContent{
					color:					#4B4B4B;
					line-height:			1.2em;
	}
	
	#right #modules .moduleContent{
					padding:				0 20px 2px 12px;
					margin:					10px 0 0 0;
					color:					#737373;
	}
	
	#right #modules .moduleContent a{
					color:					#4B4B4B;
	}
	
	#right #modules .moduleContent a:hover{
					color:					white;
					font-size:16px;
	}
		
	#footer{
					height:					116px;
					background:				url(../medias/interface/footer-bkg.jpg) no-repeat top left;
	}
	#footer .content{
					padding:				37px 0 0 90px;
					color:					#333333;
	}
	#footer a{
					font-weight:			bold;
					color:					#333333;
	}
	#footer a:hover{
					padding:			0 6px;
					background-color:	#CC0E0E;
					color:				white;
	}
	#footer p a{
					font-weight:bold;
					color:#4E4E4E;
	}
	#footer p{
					margin:					0;	
	}
	#footer p.description{
					font-size:				xx-small;
					line-height:			1.4em;
					color:#4E4E4E;
	}
		
/*
	FORM ELEMENTS
*/
	#searchform input{
					float:				left;
	}
	.search-input{
					width:				522px; 
					height:				29px;
					border:				0; 
					margin:				0;
					outline:			0;
					padding:			7px 0 0 10px;
					background:			url(../medias/communs/search-input_bkg.gif) no-repeat;
					color:				#1D1D1D;
					font-size:			18px;
	}
	
/*
	LISTS
	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets.
*/	

	html > body .entry ul, .post-categories, .post-categories li {
					margin-left:		0px;
					padding:			0 0 0 30px;
					list-style:			none;
					padding-left:		0px;
					text-indent:		0px;
	}
	html > body .entry li {
					margin:				7px 0 8px 10px;
	}
	.entry ul li:before, #right ul ul li:before {
					content:			"\00BB \0020";
	}
	.entry ol {
					padding:			0 0 0 35px;
					margin:				0;
	}
	.entry ol li {
					margin:				0;
					padding:			0;
	}

/*
	COMMENTS
*/
	h3#comments{
					font-size:			small;
	}
	
	.commentlist{
					margin:				0;
					text-align:			justify;
	}
	
	.commentlist a:link{
					color:				#CC0E0E;
	}
		
	.commentlist a:visited{
					color:				#737373;
	}
	
	.commentlist a:hover{
					padding:			0 6px;
					background-color:	#CC0E0E;
					color:				white;
	}
	
	.commentlist li{
					margin:				15px 0 3px;
					padding:			0;
					list-style:			none;
	}
	.commentlist li .avatar{
					float:				right;
					border:				1px solid #eee;
					padding:			2px;
	}
	.commentlist p{
					margin:				10px 0 15px 0;
	}
	
	.nocomments{
					text-align:			center;
					margin:				0;
					padding:			0;
	}
	.commentmetadata{
					margin:				0;
					display:			block;
	}
	
/*
	RESPOND
*/

	#respond{
					margin-bottom:35px;
	}
	
	#respond a:link{
					color:				#1D1D1D;
	}
		
	#respond a:visited{
					color:				#737373;
	}
	
	#respond a:hover{
					padding:			0 6px;
					background-color:	black;
					color:				white;
	}
	
	#commentform p{
					margin:				5px 0;
	}
	
	#commentform label{
					font-size:			x-small;
					color:				#686868;
	}
	
	#commentform input{
					width:				254px; 
					height:				25px;
					border:				0; 
					margin:				0;
					outline:			0;
					padding:			4px 0 0 7px;
					background:			url(../medias/communs/input_bkg.gif) no-repeat;
					color:				#1D1D1D;
					font-size:			12px;
	}
	
	#commentform textarea{
					width:				530px; 
					height:				151px;
					border:				0; 
					margin:				0;
					outline:			0;
					padding:			0px 0 0 10px;
					background:			url(../medias/communs/textarea_bkg.gif) no-repeat top left;
					color:				#1D1D1D;
					font-size:			12px;
					font-family:		"Trebuchet MS", Tahoma, Arial, Verdana;	
	}
	
	#commentform input[type="image"]{
					float:right;
					width:				auto; 
					height:				auto;
					border:				0; 
					margin:				0;
					outline:			0;
					padding:			0;
					background:			none;
					
	}
	
/*
	NAVIGATION
*/
	.navigation{
					border-top:			1px #737373 dotted;
					margin-right:		72px;
					padding:			5px 35px 25px 35px;
	}
	
	.navigation .alignright {
					float:				right;
	}
	.navigation .alignleft {
					float:				left;
	}
	
	.navigation a:link{
					color:				#1D1D1D;
	}
		
	.navigation a:visited{
					color:				#737373;
	}
	
	.navigation a:hover{
					padding:			0 6px;
					background-color:	black;
					color:				white;
	}

/*
	POST LAYOUT
*/

	.post{
					background:			url(../medias/communs/article-header_bkg.jpg) no-repeat;
					padding:			0 90px 15px 35px;
	}

	.post h2.title{
					padding-top:		5px;
					float:				left;
					color:				white;
					font-size:			16px;
					font-weight:		bold;
	}
	
	.post h2.title a{
					color:				white;
					font-weight:		bold;
					font-size:			16px;
	}
	
	.post .entry{
					padding:			15px 30px 0 0;
	}

	.post .entry a:link{
					color:				#CC0E0E;
	}
		
	.post .entry a:visited{
					color:				#737373;
	}
	
	.post .entry a:hover{
					padding:			0 6px;
					background-color:	#CC0E0E;
					color:				white;
	}
	
	
	.post .entry a.img:hover{
					padding:			0;
	}				
	
	.post #date{
					float:				right;
					color:				white;
					font-weight:		bold;
					padding-top:		2px;
					font-size:			14px;
	}
	
	.post #date sup{
					height:				0;
					line-height:		1;
					vertical-align:		baseline;
					_vertical-align:	bottom;
					position:			relative;
					bottom:				1.4ex;
	}
	
	.post #date .number{
					font-size:			24px;
	}
	
	.post p{
					padding:			0;
					color:				#1D1D1D;
	}
	
	.post .postmetadata{
					float:				left;
	}
	
	.post .addthis{
					float:				left;
					clear:				left;
					padding-top:		5px;
					padding-bottom:		5px;
	}
	
	.post .postmetadata .author-date{
					font-size:			x-small;
					color:				#686868;
					margin:				0 0 3px 0;
	}
	
	.post .comments{
					float:				right;
					background:			url(../medias/communs/comments-pointe.gif) no-repeat 72px 0px;
					height:				32px;
					padding-top:		10px;
	}
	
	.post .comments a{
					background-color:	#CC0E0E;
					line-height:		2em;
					padding:			3px 20px 3px 20px;
					color:				white;
	}
	
	.post-categories{
					display:			block;
					width:				380px;
					float:				left;
	}
	
	.post-categories li {
					display:			inline;
					padding:			3px 0;
	}
	
	.post-categories a{
					padding:			0 3px;
					font-size:			x-small;
	}
	
	.post-categories a:link{
					background-color:	black;
					color:				white;
	}
	
	.post-categories a:visited{
					background-color:	#4B4B4B;
					color:				white;
	}
	
	.post-categories a:hover{
					background-color:	white;
					color:				black;
	}