/*
Theme Name: Pattern Luv
Theme URI: http://chergaoui.com/
Description: A minimalist and highly customizable theme.
Version: 1.0
Author: Ahmed Chergaoui
Author URI: http://chergaoui.com/
Tags: minimalist, one column

	Pattern Luv 1.0
	 http://chergaoui.com/

	This theme was designed and built by Ahmed Chergaoui,
	whose blog you will find at http://chergaoui.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

@import url("css/reset.css");

body{font-size:62.5%;font-family: Georgia, Palatino, Garamond, serif;color:#555;background: #e2e2e2 url(./images/spacehogs-pattern.jpg) fixed top left repeat;}
a:link {background-color:#fff;color:#6e0816;text-decoration:none;}
a:visited {background-color:#fff;color:#6e0816;text-decoration:none;}
a:hover {color:#ff0670;text-decoration:none;background-color:#fff;}
a:active {background-color:#ff0670;color:#fff;text-decoration:none;}
blockquote{background: url(./images/quote.gif) no-repeat top left;padding:0px 0px 10px 25px;}
#wrapper{position:relative;width:74em;margin:2em auto;}

#indentity {position:relative;top:-2em; right:-57em;text-align:center;width:17em;}
	#indentity a{background: #ff0670;display:block;width:170px;height:57px;margin:0;color: #fff;font-size:2.4em;text-transform:lowercase;border-bottom:2px solid #fff;}
	#search_query {	background:#80061b none repeat scroll 0 0;border:none;color:#fff;font-family:Georgia,'Times New Roman',Times,serif;font-size:2em;letter-spacing:-1px;margin:0px;padding:10px;width:150px;text-transform:lowercase;}
#intro{position:relative;width:74em;padding-top:7.5em;margin-bottom:2em;min-height:15.5em;background: #fff;}
	#intro h1 {font-weight:lighter;display:block;text-indent:-9999px;background:#ff0670 url('./images/logo-chergaoui-com.gif') 20px -5px no-repeat;color:#fff;font-size:2.4em;position:absolute;top:15px;left:-15px;letter-spacing:-0.05em;width:160px;height:35px;}
        h1 {font-weight:lighter;display:inline;background:#ff0670;color:#fff;padding:5px 20px;font-size:2.4em;position:absolute;top:15px;left:-15px;letter-spacing:-0.05em;}
	.description {width: 540px;margin-left:20px;font-size:1.9em;text-align:justify;line-height:1.4em;} 
	.profile {position:absolute;top:0px;right:0px;margin-top:7.5em;margin-right:2em;}
		.profile img.avatar {border-top:5px solid #eee;border-bottom:6px solid #eee;border-left:6px solid #eee;border-right:6px solid #eee;}
		.social-profiles {position:relative;top:5px;right:0px;list-style:none;margin:0;padding:0;margin-left:0px;}
			.social-profiles li{display:block;float:left;width:16px;height:16px;margin-right:5px;}
.note {position:absolute;top:37px;right:200px;background:#80061b ;color:#fff;font-size:20px;width:400px;height:37px;padding-top:13px;text-align:center;visibility:hidden;}
#social{position:relative;width:74em;padding-top:1.5em;margin-bottom:2em;background: #fff;min-height:31.5em;}
	#social .articles, #social .others, .derniers {width:34em;float:left;padding-top:5em;}
	.others, .derniers {text-align:right;position:relative;top:-45px;}
	.articles {margin-left:2em;margin-right:2em;}
	.articles h3 {display:none;}
		#social h2.articles-title {display:inline;background:#6ce482;color:#fff;padding:5px 20px;font-size:2.2em;position:absolute;top:15px;left:-15px;text-transform:lowercase;letter-spacing:-0.05em;}
		#social h2.twitt-title, #social h2.derniers-title {display:inline;background:#73D4E7;color:#fff;padding:5px 20px;font-size:2.2em;position:relative;right:-35px;text-transform:lowercase;letter-spacing:-0.05em;}
		#social h2.links-title {display:inline;background:#ff0670;color:#fff;padding:5px 20px;font-size:2.2em;position:relative;right:-35px;text-transform:lowercase;letter-spacing:-0.05em;}
		hr.clear{clear:both; margin:1em 0;visibility:hidden;}
		#social ul {font-size:1.4em;text-transform: capitalize;line-height:1.4em;text-align:left;}
			#social ul li {border-bottom: #f0f0f0 1px solid;padding-bottom:0.7em;padding-top:0.7em;}
				#social ul li a:link{display:inline;text-decoration:none;color:#333;}
				#social ul li a:visited {display:inline;text-decoration:none;color:#999;}
				#social ul li a:hover, #social ul li a:active {color:#ff0670;background-color:#eee;}
				
			#social ul li:hover {background-color:#eee;padding-left:0.4em;}
				#social ul li:hover a{color:#ff0670;background-color:#eee;}
		.twitt-entry {position:relative;margin-top:2.5em;background:#eee;padding:1em 1em 5.2em 1em;-moz-border-radius: 0.5em;-webkit-border-radius: 0.5em;border: 1px solid #fff;color:#555;font-size:1.4em;line-height:1.4em;text-align:justify;margin-top:1.7em;}
		.twitt-meta {display:block;text-align:right;margin-top:1em;font-size:0.8em;}
		.twitt-bg {display:block;width:63px;height:72px;text-indent:-9999px;background:#fff url('./images/twitter-bird.gif') top left no-repeat;float:right;position:absolute;right:5px;bottom:0px;}
		.derniers ul {margin-top:1.2em;}
		.links {margin-top:2.5em;background:#eee;padding:1em;-moz-border-radius: 0.5em;-webkit-border-radius: 0.5em;border: 1px solid #fff;}
			.links ul li {background-color:#eee;border-bottom: #f0f0f0 1px solid;padding-bottom:0.7em;padding-top:0.7em;}
			.links ul li:hover {padding-left:0.4em;}
			.links ul li a:link, .links ul li:hover a:link, .links ul li a:visited, .links ul li:hover a:visited{background-color:#eee;text-decoration:none;}
			.links ul li a:hover, .links ul li:hover a:hover, .links ul li a:active, .links ul li:hover a:active{color:#ff0670;background-color:#eee;}
		.more, .rss {display:inline;padding:5px 20px;float:right;font-size:1.4em;font-family: "Myriad Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;font-weight:normal;}
		.more:link, .more:visited {background:#6e0816;color:#fff;margin-right:15px;}
		.more:hover, .more:active {background:#ff0670;color:#fff;}
                .rss:link, .rss:visited {background:#fbb053;color:#fff;}
		.rss:hover, .rss:active {background:#ff9900;color:#fff;}
#projects{position:relative;width:74em;padding-top:1.5em;margin-bottom:2em;background: #fff;}
	#projects h2 {float:left;display:inline;background:#6FD0E1;color:#fff;padding:5px 20px;font-size:2.2em;position:relative;top:0px;left:-15px;text-transform:lowercase;margin-bottom:0.5em;letter-spacing:-0.05em;}
		#projects ul {clear:both;position:relative;overflow:hidden;margin:1.5em 0px 0px 2em;padding:0;}
			#projects li {display:block;border:5px #eee solid;width:210px;height:150px;float:left;margin-right:18px;margin-bottom:1em;position:relative;padding:0px;}
				#projects li a, #projects li a img{padding:0;background:none;border:none;}
				.project-type{padding:6px 8px;background:#6e0816;position:absolute;bottom:10px;right:0px;color:#fff;font-family: "Myriad Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;font-size: 1.2em;text-transform: uppercase;font-weight:bold;}
				.project-type{filter: alpha(opacity=75); -moz-opacity: .75; opacity:.75;}
#content {position:relative;width:74em;padding-top:2.5em;margin-bottom:2em;min-height:15.5em;background: #fff;}
	#content p{margin-bottom:1.4em;}
	.entry {font-size:1.4em;line-height:1.6em;padding:0 2em 0.8em 2em;}
.entry strong {font-weight:normal;color:#111;}
	#content h1 {position:relative; top:0px;display:block;margin-bottom:0.5em;}
	.entry h2, .entry h3 {display:-moz-inline-box;display: inline-block;background:#7b0015;color:#fff;padding:5px 10px;font-size:1.2em;text-transform:uppercase;position:relative;top:0px;left:-35px;margin-bottom:0.5em;}
* + html .entry h2, * + html .entry h3  { display:inline; } 
	.entry img {background:#f2f2f0; padding:8px;}
.entry .wp-smiley {background:none;padding:0px;}
	.entry a:link {border-bottom: #6e0816 1px dashed;}
	.entry a:visited {color:#222;border-bottom:#222 1px dashed;padding-bottom:1px;}
	.entry a:hover {background:#ff0670;color:#fff;border-bottom: #f2f2f0 1px dashed;}
	.entry a:active {border:none;color:#ff0670;background:#fff;}
        .entry ul {margin:0 0 1.6em 1.6em;list-style:disc;}
        .entry ul li {margin:0em;color:#222;}
#meta,.post {position:relative;width:74em;padding-top:1.5em;margin-bottom:2em;background: #fff;min-height:5.5em;}
	#meta div span {display:block;font-size:1.4em;margin-left:7em;}
	.sociable {display:block;font-size:1.4em;margin-left:7em;}
                .sociable_tagline {float:left;}
		.sociable ul {list-style:none;float:left;position:relative;margin-top:2px;margin-left:1em;}
			.sociable ul li {display:inline;margin-right:2px;}
.block-caption {float:left;display:inline;background:#6ce482;color:#fff;padding:5px 20px;font-size:2.2em;position:relative;top:0px;left:-15px;text-transform:lowercase;margin-bottom:0.5em;letter-spacing:-0.05em;}
#comments-wrapper {position:relative;width:74em;padding-top:1.5em;margin-bottom:2em;background: #fff;min-height:31.5em;}
	.comments {padding:4em 1em 2em 1em;font-size:1.4em;}
		.comments h3 {color:#6e0816;display:inline;font-size:1.4em;font-family: "Myriad Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;font-weight:normal;}
		.comments li{clear:both;position:relative;overflow:hidden;margin-bottom:1em;border-bottom:#f0f0f0 1px solid;padding-bottom:1em;}
        .comment-author {float:left;width:58px;text-align:center;font-family: "Myriad Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;font-size:0.8em;text-transform:uppercase;}
		.comment-author .avatar {background-color:#4fd4db;border:none;padding:5px;}
		.alt .comment-author .avatar {background-color:#fbb053;}
		.bypostauthor .comment-author .avatar {background-color:#ff0670;}
		.comment-author cite {display:block;color:#333;}
        .comment-text {float:left;padding:0em 1em;width:80%;}
.comment-text p {margin-bottom:1em;} 
#commentform p {margin:1em 0;}
#commentform input {height:20px;border:1px solid #eee;padding-top:2px;color:#666;}
#commentform input:focus, #commentform textarea:focus {background: #f2f2f4;}
#commentform textarea {border:1px solid #eee;color:#666;}
#commentform #submit {padding:0.1em 0.2em 0.2em 0.2em;height:30px;background-color:#fbb053;color:#fff;cursor:pointer; font-size:1.1em;font-family: "Myriad Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;font-weight:normal;}
#commentform #submit:hover {background:#ff9900;}
.archives {margin:2em 2em 4em 2em;clear:both;}
.archives ul {font-size:1.4em;text-transform: normal;line-height:1.4em;text-align:left;}
	.archives ul li {border-bottom: #f0f0f0 1px solid;padding-bottom:0.7em;padding-top:0.7em;}
	
		.archives ul li a:link{display:inline;text-decoration:none;color:#555;padding:5px;background:#eee;-moz-border-radius: 0.5em;-webkit-border-radius: 0.5em;}
		.archives ul li a:visited {background-color:#fff;color:#555;padding:5px;-moz-border-radius: 0.5em;-webkit-border-radius: 0.5em;}
		.archives ul li a:hover {background-color:#fbb053;color:#fff;}
		.archives ul li a:active {color:#fff;background-color:#ff0670;}
	
.archives ul li span.cat a, .archives ul li span.tags a{background-color:#4fd4db;padding:5px;color:#fff;-moz-border-radius: 0.5em;-webkit-border-radius: 0.5em;}
.archives ul li span.cat a:hover, .archives ul li span.tags a:hover{background-color:#ff0670;color:#fff;}
.archives ul li span.tags a {font-size:0.8em;white-space:nowrap;}

#credits{position:relative;width:74em;padding-top:1.5em;margin-bottom:2em;background: #fff;min-height:5.5em;text-align:right;}
	#credits h2{float:left;display:inline;background:#6ce482;color:#fff;padding:5px 20px;font-size:2.2em;position:relative;top:0px;left:-15px;text-transform:lowercase;margin-bottom:0.5em;letter-spacing:-0.05em;}
	#credits p{position:absolute;font-size:1.4em;right:20px;top:25px;}