/*
Theme Name: Zellige
Theme URI: http://www.marocblogawards.com/
Description: Maroc Blog Awards 3rd Edition
Version: 3.0
Author: Synergie Media (AC)
Author URI: http://www.synergie-media.com/
Tags: blue, two columns, widgets
*/

@font-face {
	font-family: 'QuicksandBook';
	src: url('Quicksand_Book.eot');
	src: local('Quicksand Book'), local('QuicksandBook-Regular'), url('Quicksand_Book.woff') format('woff'), url('Quicksand_Book.otf') format('opentype'), url('Quicksand_Book.svg#QuicksandBook-Regular') format('svg');
}
@font-face {
	font-family: 'QuicksandBold';
	src: url('Quicksand_Bold.eot');
	src: local('Quicksand Bold'), local('QuicksandBold-Regular'), url('Quicksand_Bold.woff') format('woff'), url('Quicksand_Bold.otf') format('opentype'), url('Quicksand_Bold.svg#QuicksandBold-Regular') format('svg');
}

body {background:#fff;color:#555;font-size:12px;line-height:20px;}
a:link, a:visited {color:#0072bc;}
a:hover, a:active {color:#133F4F;}
a.aligncenter {margin-left:20px;}
img.alignleft {float:left;margin-right:10px}
img.alignright {float:right;margin-left:10px}
h3 {clear:left;}
#wrapper_navigation {z-index:1;height:40px;background-color:#000;background-color:rgba(0,0,0,0.65);position:fixed;top:0;left:0;width:100%;}
*:first-child+html #wrapper_navigation {background-color:#000;} 
* html #wrapper_navigation {background-color:#000;}
	#navigation {list-style:none;text-align:right;padding-top:10px;}
		#navigation  li{display:inline;}
		#navigation  li a{color:#fff;text-decoration:none;text-transform:uppercase;}
		#navigation  li + li + li + li a{color:#ffd200;}
                #lang img {margin:0 5px 0 0;}

#wrapper_header {z-index:0;height:200px;background:#36b4e2 url('./img/zellige-bg.png') left top repeat;}
    #header {padding-top:55px;position:relative;}
	#header h1 {line-height:24px;color:#fff;margin:40px 0 0 0;padding:0;text-transform:uppercase;font-size:22px;font-weight:normal;font-family:QuicksandBold, helvetica, arial, sans-serif;}
        #header h2 {color:#fff;margin:0;padding:0;font-size:20px;font-weight:normal;font-family:QuicksandBook, helvetica, arial, sans-serif;}
#content {padding-top:50px;min-height:500px;margin-bottom:25px;}
	#main {border-right: 1px dashed #e0e0e0;}
		#main h2 {text-transform:uppercase;font-family:QuicksandBold, helvetica, arial, sans-serif;font-size:22px;color:#000;}
			#main h2 span {font-size:14px;color:#999;font-family: Helvetica, arial, sans-serif;}
		#main h3 {font-family:QuicksandBold, helvetica, arial, sans-serif;font-size:14px;text-transform:uppercase;color:#000;display:block;padding-bottom:5px;}
			.intro {position:relative;overflow:hidden;padding:0 20px 0 0;/* width:580px;border-bottom: 1px dashed #ccc; */}
			.intro p {font-size:18px;line-height:27px;}
                        .chapo {font-size:18px;padding:0 20px 0 0;color:#333;line-height:27px;}
			.intro p + p {font-size:16px;color:#999;line-height:24px;}
                #main p {padding:0 20px 0 0;}
			.intro a {top:-2px;float:right;background: #99cc33;display: inline-block;padding: 8px 10px 9px;color: #fff;text-decoration: none;font-weight: bold;line-height: 1;-moz-border-radius: 5px;-webkit-border-radius: 5px;text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border-bottom: 1px solid rgba(0,0,0,0.25);position: relative;cursor: pointer;}			
			.intro a:hover {background:#8dc63f;}
			.intro a:active {top:0px;}
			.intro .resa {margin-left:15px;background:#ff6600;}
			.intro .resa:hover {margin-left:15px;background:#ff4400;}
		#main hr {border-top: 1px dashed #e0e0e0;width:600px;margin:30px 0;}
			#news ul li a:link, #news ul li a:visited {color:#0072bc;text-decoration:none;padding-bottom:2px;border-bottom: 1px dashed #e0e0e8;}
			#news ul li a:hover, #news ul li a:active {color:#133F4F;border-bottom: 1px solid #e0e0e8;}
                        #news ul li span {color:#999;font-style:italic;margin-left:5px;font-size:10px;}
						#news {position:relative;}
                        #news .rss {display:block;width:16px;height:16px;position:absolute;top:3px;right:20px;background:transparent url('./img/rss.png') left top repeat;text-indent:-9999px;}
    .dossier{margin-bottom:25px;}

	#sidebar {position:relative;overflow:hidden;}
		#sidebar h3 {font-size:14px;font-family:QuicksandBold, helvetica, arial, sans-serif;text-transform:uppercase;color:#000;display:inline-block;padding-bottom:5px;border-bottom: 1px dashed #e0e0e0;}             
#sidebar a img {margin-bottom:25px;}   
			#sidebar ul li {margin-bottom:5px;}
			#sidebar ul.categories {margin-bottom:40px;}
				#sidebar ul li a:link, #sidebar ul li a:visited {color:#0072bc;text-decoration:none;padding-bottom:2px;border-bottom: 1px dashed #e0e0e8;}
				#sidebar ul li a:hover, #sidebar ul li a:active {color:#133F4F;border-bottom: 1px solid #e0e0e8;}
				#sidebar ul.categories p {display:none;}
			#sharing {list-style:none;margin:0;padding:0;}
				#sharing li {font-size:11px;float:left;margin:0;padding:0;display: block;padding: 8px 5px 9px;color: #fff;text-decoration: none;font-weight: bold;line-height: 1;-moz-border-radius: 5px;-webkit-border-radius: 5px;text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border-bottom: 1px solid rgba(0,0,0,0.25);margin-right:6px;position: relative;cursor: pointer;}
				#sharing li.facebook {background: #005ca5;}
				#sharing li.twitter {background: #7ed4e3;}
					#sidebar #sharing li a, #news #sharing li a  {color:#fff ;border:none;text-decoration:none;}
						#sharing li.facebook a {color:#fff ;background: transparent url('./img/facebook-share.png') -4px -2px no-repeat;padding-left:14px;}
						#sharing li.twitter a {color:#fff ;background: transparent url('./img/twitter-share.png') -4px -2px no-repeat;padding-left:14px;}
			p.clearfix {clear:both;margin-top:70px;}

h3#comments, #respond h3 { color:#0072bc;}
.commentlist {list-style:none;position:relative;overflow:hidden;}
	.commentlist li {margin:0 25px 0 0;padding:10px;}
	.commentlist li.alt {background:#f8f8f8;}
		.avatar {float:left;margin-right:10px;}
		.comment-meta {margin-bottom:20px;}
		.comment-meta * {display:block;}
		.comment-text {margin-left:60px;padding-right:30px;}
		#main label {display:block;color:#999;}
		#main input, #main textarea{border:1px solid #999;padding:5px;width:;font-family: Helvetica, arial, sans-serif;font-size:12px;}
                .wpcf7-form textarea {width:400px;}
		#main input:focus, #main textarea:focus {font-family:;1px solid #ccc;background:#f4f4f8;}
		#main #submit, #main .submit input {top:-2px;margin-left:240px;background: #99cc33;display: inline-block;color: #fff;text-decoration: none;font-weight: bold;line-height: 1;-moz-border-radius: 5px;-webkit-border-radius: 5px;text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border:none;border-bottom: 1px solid rgba(0,0,0,0.25);position: relative;cursor: pointer;}
                #main .submit input {margin-left:350px;}

.poll {background:#f0f0f8 url('images/poll-bg.png') left top repeat-x;-moz-border-radius:5px;position:relative;overflow:hidden;width:280px;float:left;margin:0 10px 40px;}
.poll ul {margin:0;padding:0;list-style:none;position:relative;overflow:hidden;}
.poll ul li {margin:0 10px 10px 10px;padding:0;list-style:none;clear:both;}
.poll ul li input {float:left;margin:5px 0 0 0;}
.poll ul li label {margin-left:20px;}
.poll h3 {font-size:1.2em;margin:10px;padding:0;}
.poll .Buttons {float:right;margin-bottom:10px;top:-2px;margin-left:240px;background: #99cc33 !important;display: inline-block;color: #fff;text-decoration: none;font-weight: bold;line-height: 1;-moz-border-radius: 5px;-webkit-border-radius: 5px;text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border:none;border-bottom: 1px solid rgba(0,0,0,0.25);position: relative;cursor: pointer;}
               
#wrapper_footer{clear:both;height:30px;background:#eee;width:100%;position:relative;overflow:hidden;}
	#footer {position:relative;overflow:hidden;}
            #footer ul {list-style:none;text-align:right;margin-top:5px;}
                #footer ul li {display:inline;}
                    #footer ul li a {color:#777;text-decoration:none;font-style:italic;}
					#footer ul li a:hover {color:#000;}