@import url(base-weblog.css);

/*
name: Heart way
designer: Fouad Al_Masoud (Heart)
designer_url: non
description: Make the web CLEAN.
layouts: one-column, two-column-left, two-column-right
*/

/* --------------------------------- */
/* ---------- PAGE LAYOUT ---------- */
/* --------------------------------- */

*{margin: 0px; padding: 0px;}

html {margin: 0px; padding: 0px;}

body{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	background:#fff url(bg.gif) left top repeat;
	line-height: 22px;
}

#container {
	width:730px;
	height:auto;
	margin-left:40px;
	background-color:#FFFFFF;
	color:inherit;
	}

#pagebody {
	width:auto;
	}
	
#alpha, #beta, #gamma {
	display: inline; 
	position: relative; 
	float: left;
	}

/* ---------------------------- */
/* ---------- HEADER ---------- */
/* ---------------------------- */

#banner {
	padding: 40px 0px 0px 5px; 
	font-family: "century gothic", verdana, tahoma, arial, sans-serif; 
	height:140px;
	}

#banner-inner {
	padding: 10px 0px 10px 0px;
	}

#banner h1 a{
	display: block;
	margin: 0px 0px 5px 0px; 
	padding: 0px 0px 15px 0px;
	font-size: 65px; 
	line-height: 36px; 
	color:#666666;
	background-color: inherit;
	text-transform:capitalize;
	text-decoration: none;
	}
	
#banner h1 a:hover{
	text-decoration:underline;
}	

#banner h2 {
	font-size: 11px; 
	margin-top:20px;
	text-transform:uppercase;
	}

/* ----------------------------- */
/* ---------- CONTENT ---------- */
/* ----------------------------- */
.date-header {
	font-size:10px;
	text-transform: uppercase;
	}

.entry-header {
	font:20px "Times New Roman", Times, serif;
	background:#E6F2C3;
	color: inherit;
	border-top:5px solid #F4F9E5;
	border-bottom:5px solid #F4F9E5;	
	line-height:30px;
	padding-left:5px;
	}
	
.entry-content {
	position: static;
	clear: both;
}

.entry-content img {
	margin: 2px; 
	background: #fbfbfb;
	color:inherit;
	border: 1px solid #cccccc;
	}
	
.entry-footer {
	border-top:1px #006600 dotted;
	padding-top:5px;
	text-align: right;
	}

.post-footers {
	display: block; 
	margin-bottom:5px;
	}

.separator {display:none;}

.entry-body{width:auto;}

div.entry-userpic{
	display:none;
	visibility:hidden;
	height:0;
	width:0;
}

div.comment-userpic{
	display:none;
	visibility:hidden;
	height:0;
	width:0;
}

p.content-nav{
	display:none;
	visibility:hidden;
	height:0;
	width:0;
}

div.trackbacks{
	border:1px solid #CCCCCC;
	padding:5px;
	width:98%;
	margin:auto;
}

div.trackback{
	border-bottom:1px solid #ccc;
}

h3.trackbacks-header{
	background-color:#F9F9F9;
	color:inherit;
	padding:20px 5px;
	font:18px "Times New Roman", Times, serif;
}

div#trackbacks-info{
	border-left:1px dashed #CCCCCC;
	padding-left:5px;
}

p.trackback-footer{
	border-left:1px dashed #ccc;
	padding-left:5px;
	text-align:right;
}

div.comments{
	border:1px solid #CCCCCC;
	padding:5px;
	width:98%;
	margin:20px auto;
}

h3.comments-header{
	background-color:#F9F9F9;
	color:inherit;
	padding:20px 5px;
	font:18px "Times New Roman", Times, serif;
}

div.comment-content{
	border-bottom:1px solid #ccc;
	width:100%;
}

p.comment-footer{
	border-left:1px dashed #ccc;
	padding-left:5px;
	text-align:right;
}

/* ----------------------------- */
/* ---------- MODULES ---------- */
/* ----------------------------- */

.module-header {
	font-size:14px;
	font-weight:bold;
	}
	
.module-header a {color:#666; text-decoration:underline;background-color: inherit;}
.module-header a:hover {text-decoration:none;}

.module-content {border:1px solid #F1F1F1;}

.module-powered a{font-weight: bold;}

/* ----------------------------------- */
/* ---------- ONE COLUMN ------------- */
/* ----------------------------------- */

.layout-one-column  #banner {
	padding: 40px 0px 0px 20px; 
	font-family: "century gothic", verdana, tahoma, arial, sans-serif; 
	height:140px;
	}

.layout-one-column #alpha{
	width:auto;
	margin:0px 20px;
	}
	
.layout-one-column #alpha a{ color:#99CC00;background-color: inherit;}

/* ----------------------------------- */
/* -------- TWO COLUMNS LEFT --------- */
/* ----------------------------------- */

.layout-two-column-left #banner {
	padding: 40px 0px 0px 20px; 
	font-family: "century gothic", verdana, tahoma, arial, sans-serif; 
	height:140px;
	}

.layout-two-column-left #alpha {
	width:166px;
	padding:5px;
	margin-left:20px;
	border-top:2px solid #E6F2C3;
	border-left:2px solid #E6F2C3;
	border-right:2px solid #E6F2C3;
	}

.layout-two-column-left #beta {
	width:490px;
	margin:0px 20px;
	}
	
.layout-two-column-left #beta a{ color:#99CC00;background-color: inherit;}

.layout-two-column-left div.module-search{
	background:#E6F2C3;
	color:inherit;
	margin-bottom:20px;
	padding-top:10px;
	height:auto;
}

.layout-two-column-left div.module-content{
	padding-left:5px;
}

.layout-two-column-left div.module-search div.module-content{
	border:0;
	padding:0;
}

/* ----------------------------------- */
/* -------- TWO COLUMNS RIGHT --------- */
/* ----------------------------------- */

.layout-two-column-right #banner {
	padding: 40px 0px 0px 20px; 
	font-family: "century gothic", verdana, tahoma, arial, sans-serif; 
	height:140px;
	}

.layout-two-column-right #alpha {
	width:490px;
	margin:0px 20px;
	}

.layout-two-column-right #beta {
	width:166px;
	padding:5px;
	margin-right:20px;
	border-top:2px solid #E6F2C3;
	border-right:2px solid #E6F2C3;
	border-left:2px solid #E6F2C3;	
	}
	
.layout-two-column-right #alpha a{ color:#99CC00;background-color: inherit;}

.layout-two-column-right div.module-search{
	background:#E6F2C3;
	color:inherit;
	margin-bottom:20px;
	padding-top:10px;
	height:auto;
}

.layout-two-column-right div.module-content{
	padding-left:5px;
}

.layout-two-column-right div.module-search div.module-content{
	border:0;
	padding:0;
}

/* ----------------------------------- */
/* ---------- THREE COLUMNS ---------- */
/* ----------------------------------- */

.layout-three-column #alpha {
	width:166px;
	padding:5px;
	margin-left:5px;
	border-top:2px solid #E6F2C3;
	border-right:2px solid #E6F2C3;
	border-left:2px solid #E6F2C3;	
	}

.layout-three-column #beta {
	width:350px;
	margin:0px 5px;
	}
	
.layout-three-column #beta a{ color:#99CC00;background-color: inherit;}

.layout-three-column #gamma {
	width:166px;
	padding:5px;
	border-top:2px solid #E6F2C3;
	border-right:2px solid #E6F2C3;
	border-left:2px solid #E6F2C3;	
	}
	
.layout-three-column div.module-search{
	background:#E6F2C3;
	color:inherit;
	margin-bottom:20px;
	padding-top:10px;
	height:auto;
}

.layout-three-column div.module-content{
	padding-left:5px;
}

.layout-three-column div.module-search div.module-content{
	border:0;
	padding:0;
}

/* -------------------------- */
/* ---------- MISC ---------- */
/* -------------------------- */

a { color: #666; text-decoration: none;background-color: inherit;}
a:hover { text-decoration: underline;}

h1, h2, h3, h4, h5, h6 {margin: 5px 0px;}

blockquote {
	background: #fbfbfb;
	color:inherit;
	border-left:2px dashed #CCCCCC;
	margin:0px 15px;
	text-align:justify;
	padding:10px 5px;
	line-height:20px;
	font:13px "Times New Roman", Times, serif;
	}

blockquote p {margin: 0px;}

input, textarea {
	margin: 1px; 
	border: 1px solid #cccccc; 
	color: #444444;
	background-color:#fff;
	}
	
ul li{
	margin:0px 0px 0px 5px;
}	
	
ul li ul li{
	border-left:1px solid #ccc;
	padding-left:3px;
	margin:0px 0px 0px 5px;
}

ol li{
	list-style-type:upper-alpha;
	padding-left:3px;
	margin:0px 0px 0px 25px;
}
