/*
Theme Name: malak
Theme URI: http://www.malak.be/
Description: Two-columns, fixed-width, black and white color;
Version: 1.0
Author: malak
Author URI: http://www.malak.be
Tags: light, white, two-columns, fixed-width
*/

*{margin:0;padding:0;}

body {
font-family:arial, sans-serif;
font-size:11px;
line-height:180%;
background:#dddddd url("images/dot_bg.gif");
color:#666666;
}

a {
text-decoration:none;
color: #888;
}

a:hover {
color:#ff6699;
}

img {border:0;}
ul,li{list-style-type:none;}

textarea,input {
font-family:arial,sans-serif;
font-size:12px;
background:#ddd;
border:0px;
-moz-border-radius:5px;
margin-bottom:5px;
padding:0 0 0 8px;
}

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

.alignleft{float:left;}
.alignright{float: right;}

blockquote {
margin: 20px 5px 5px 5px;
border: 1px dashed #ccc;
background: url("images/blockquote.gif") 0% 0% no-repeat #fff;
padding: 7px;
padding-left: 30px;
}

h1{
font-family: "Microsoft JhengHei","Trebuchet MS", Arial, sans-serif;
font-size:18px; padding-top:8px;
}

h1 a {
color:#ffffff;
font-family: "Microsoft JhengHei","Trebuchet MS", Arial, sans-serif;
}

h1 a:hover {color:#ff6699;}

h1 span {background:#11120d; color:#fff; padding:2px 2px 2px 20px; }

h2 { 
font-family:"Microsoft JhengHei","Trebuchet MS", Arial, sans-serif;
font-size:22px;
padding-top:8px;
margin-bottom:15px;
}

h2 span {background:#11120d; color:#fff; padding:2px 2px 2px 20px;}

.pagetitle {font-size:20px;padding:10px 0 10px 20px;margin:0px;background:#ddd;font-weight:bold;}

h3 { 
font-family:"Microsoft JhengHei","Trebuchet MS", Arial, sans-serif;
font-size:20px;
margin-top:30px;
margin-bottom:10px;
}

h4 { 
font-family:"Microsoft JhengHei","Trebuchet MS", Arial, sans-serif;
font-size:12px;
}

#lien {
width:230px;
float:left;
margin-right:2px;
}

.title_lien {
font-family: "Trebuchet MS", Arial, sans-serif;
font-size:12px; padding-top:8px; margin-bottom:5px;
background:url("images/line.gif"); color:#fff; padding:2px 2px 2px 21px;
}

.subtitle_lien {
font-family: "Trebuchet MS", Arial, sans-serif;
font-size:12px; padding-top:8px; margin-bottom:5px;
background:url("images/line3.gif"); color:#000; padding:0px 0px 0px 21px;
}


#page {
width:950px;
margin:0 0;
padding:0 20px 20px 20px;
background: #ffffff url("images/head.jpg") no-repeat right top;

}

#header {
padding-top:0;
*padding-bottom:0 !important;
float:left;
height:220px;
*height:200px !important;
}

#topcont {
width:500px;
float:right;
margin:30px 0 0 0;
}


#topcont a{
text-decoration:none;
color: #ff6699;
}

#topcont a:hover{
color: #888;
}

.infos{
width:230px;
float:left;
text-align:right;
padding-right:10px;
margin:10px 10px 10px 0;
border-right:1px solid #a8a8a8;
}

.about{
width:230px;
float:left;
text-align:right;
margin:10px 5px 10px 0;
}

#twitter{
width:315px;
height:50px;
padding-right:20px;
float:right;
text-align:right;
}

#sform {
width:219px;
height:23px;
float:right;
margin:15px 17px 0 0;
*margin:14px 17px 0 0;
background:url("images/searchbar.png") no-repeat 0% 0%;
}

input#q {
border:0;
font-size:11px;
font-family:arial,sans-serif;
margin:5px 0 0 20px;
background:#ddd;
width:180px;
color:#333;
}

.nav {
text-align:center;
border-top: 1px dashed #a8a8a8;
margin-top: 0;
padding-top: 15px;
padding-bottom: 15px;
}

.nav ul li {
float:left;
width: 100px;
color: #666;
list-style-type:none;
}

.nav ul li a {
/*border-bottom:1px solid #ddd;
border-right:1px solid #ddd;*/
border:1px solid #ddd;
display:block;
margin-left:10px;
}

.nav ul li a:hover {
color:#ff6699;
background:#ddd;
}

#content {
	margin-bottom: 30px;
	float: left;
        width:950px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.cates a {
font-size:9px;
background-color:#efefef;
border-left:2px solid #ccc;
color:#333;
padding:2px 3px 2px 3px;
}

.cates a:hover {
background-color:#333;
border-left:2px solid #ff6699;
color:#fff;
padding:3px;
}

.meta {
border-bottom:1px dashed #a8a8a8;
margin:10px 0;
padding:0 0 10px 0;
}

.metainfo {
float:left;
width: 190px;
text-align:right;
padding-right:10px;
}

.metatitle {
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:5px 10px;
background:#ddd;
text-align:left;
}

.metatitle1 {
border-bottom:1px solid #ccc;
padding:5px 10px;
}

.metaentry {padding:5px 10px;text-align:left;}

.entry{
float:right;
width:930px;
padding-left:5px;
font-family:verdana, sans-serif;
text-align:justify;
}

#post-entry {line-height:180%;}
.entry p, .comment-entry p {margin-bottom:20px;}

.navigation, .navigation a{font-size:11px;color:#ccc;}
.navigation a:hover{color:#ed1f24;}
.alignleft {float:left;margin-bottom:10px;}
.alignright {float:right;}

.admincomment .ava img {border:3px solid #fff;}
.ava img {border:3px solid #333;}

.admincomment .ava {
background:url("images/line.gif");
color:#fff;
}

.avatar{
vertical-align:middle;
float:left;
}

.auteur{
float:right;
text-align:left!important;
font-size:16px;
font-family:"Trebuchet MS", Arial, sans-serif;
color:#333;
}
.admincomment .auteur{
float:right;
text-align:left!important;
font-size:16px;
font-family:"Trebuchet MS", Arial, sans-serif;
color:#fff;
}

.commdate{
float:right;
text-align:left!important;
font-size:11px;
font-family:"Microsoft JhengHei","Trebuchet MS", Arial, sans-serif;
color:#333;
}
.admincomment .commdate{
float:right;
text-align:left!important;
font-size:11px;
font-family:"Microsoft JhengHei","Trebuchet MS", Arial, sans-serif;
color:#fff;
}

.ava {
float:left;
-moz-border-radius: 5px;
background:url("images/line1.gif");
padding:5px 5px;
color:#333;
width:190px;
*width:180px !important;
}

.admincomment .ava a {color:#fff; font-weight:bold;}
.admincomment .ava a:hover {color:#ff6699; font-weight:bold;}
.ava a {color:#333; font-weight:bold;}
.ava a:hover {color:#ff6699; background-color:#dddddd; font-weight:bold;}

.count {
font-size:30px;
text-align:right;
color:#ccc;
*padding: 20px 0;
*margin:20px 0 !important;
padding:0;
}

.reply {font-size:10px;}

.commentlist{
border-top:1px dashed #ddd;
padding:10px 0 10px 0;
}

.comment-entry{
float:right;
width:730px;
padding-left:10px;
background:url("images/ballon.gif") no-repeat;
font-family:verdana, sans-serif;
}

#footer {
clear:both;
border-top:1px solid #ccc;
padding-top:10px;
margin-bottom:50px;
}

#sidebar {margin-bottom:20px;}

.side , .side-last{float:left;width:225px;margin-left:10px;}

.title {
padding-left:5px;
font-size:10px;
background:url("images/line.gif");
color:#ddd;
}

.inside{padding-left:2px;margin-top:5px;}
.inside a{
background:url("images/plus.gif") no-repeat 0% 50%;
padding-left:9px;
}
.ngg{padding-left:0;margin-top:5px;}
.ngg a{
padding-left:0;
}
.tagcloud{padding-left:2px;margin-top:5px;}
.tagcloud a{
padding-left:9px;
}

.copyright {border-top:1px solid #888;padding-top:5px;font-size:11px;}
span.previous { padding: 0 20px 0 0; float: left; }
.copyright p {float:right;}

.wp-caption {
text-align: center;
margin: 10px;
border: 1px solid #dadada;
padding: 7px;
background-color: #e8e8e8;
}
 
.wp-caption p.wp-caption-text {
font-size: 12px;
line-height: 180%;
padding: 0;
color: #000;
letter-spacing: 0.1em;
text-align: center;
}

/*------------- contenu blog -------------*/

.left {
	float: left;
        width: 615px;
}

.left img {
	width: 615px;
	width: expression(this.width > 615 ? 615: true);
	height: auto;
}

.right {
	width: 300px;
	float: right;
	line-height: 21px;
	_margin-top: 5px;
}

.pageleft {
	width: 400px;
	float: left;
	line-height: 23px;
}

.pageright {
	width: 400px;
	float: right;
	line-height: 23px;
}



.post {
        padding-top: 20px;
	padding-bottom: 10px;
	float: left;
	width: 950px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
border-top:1px dashed #a8a8a8;	
}

.postlink a {
color: #ff6699;	
}

.postlink a:hover {
color: #333;	
background-color:#f4f4f4;
}

.back {
clear:both;
width:100px;
display:inline;
font-size:11px;
float:right;
}


.postpage {
        padding:10px;
	float: left;
	width: 930px !important;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        border-top:1px dashed #a8a8a8;	
}

.postpage a {
color:#ff6699;
}
.postpage a:hover {
color:#333;
background-color:#f4f4f4;
}

.post li {
	list-style: none;
}



.alignleft {
	margin: 5px 10px 5px 0;
}

.alignright  {
	margin: 5px 0 5px 10px;
}

div.alignleft,  div.alignright{
	display: block;
	width: 40%;
	padding: 3px 0px 3px 0px;
}

div.alignleft {
	float: left;
	text-align: left;
}

div.alignright {
	float: right;
	text-align: right;
}
div.alignleft a, div.alignright a {
	font-size: 0.8em;
	text-decoration: none;
	text-transform: uppercase;
	color: #000;
	
}

div.alignleft a {
	padding: 3px 7px 3px 15px;
	background: #ddd url('images/arrow-left-off.png') top left no-repeat;
}

div.alignleft a:hover {
	background: #333 url('images/arrow-left-on.png') top left no-repeat;
	color: #fff;
}

div.alignright a {
	padding: 3px 15px 3px 7px;
	background: #ddd url('images/arrow-right-off.png') top right no-repeat;
}

div.alignright a:hover {
	background: #333 url('images/arrow-right-on.png') top right no-repeat;
	color: #fff;
}