/*  
Theme Name: Musamem
Theme URI: http://www.musamem.com
Description: The official theme for Musamem.net, an Arabic web design and development blog.
Version: 1.0
Author: Abdurrahman Gemei
Author URI: 

Based on 960 Grid System - http://www.960.gs
*/

/* Reset
----------------------------------------------------------------------------------------------------*/

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, ul,
ol, li, dl, dt, dd, form, a, fieldset, th, td {
	margin:0;
	padding:0;
	border:0;
}

h1, h2, h3, h4, h5, h6, p {
	font-size:100%;
	line-height:1.5;
}

h1, h2, h3, h4, h5, h6 {font-family:times, serif}
p {font-family:tahoma, sans-serif;}

/* Generic
----------------------------------------------------------------------------------------------------*/

html * {
	unicode-bidi:embed;
}

body {
	height:100%;
	background:#1b2326;
	color:#fff;
	font:16px/1.5 tahoma, sans-serif;
	word-spacing:2px;
}

.container_12 {
	width:960px;
	margin:0 auto;
}

.grid_3, .grid_4, .grid_5, .grid_7 {
	float:right;
	margin:0 10px;
	display:inline;
}

.grid_3 {width:220px}
.grid_4 {width:300px}
.grid_5 {width:380px}
.grid_7 {width:540px}

.prefix_4 {padding:0 320px 0 0}
.prefix_5 {padding:0 400px 0 0}
.prefix_6 {padding:0 480px 0 0}
.prefix_7 {padding:0 560px 0 0}
.prefix_1 {padding:0 80px 0 0}

#wrapper {
	position:relative;
	text-align:right;
	overflow:hidden;
	line-height:1.5;
}

.stripe {
	width:60px;
	min-height:100%;
	background-color:#7c7c7c;
	position:absolute;
	right:340px;
	top:0;
	bottom:0;
	opacity:0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity=50);
	-khtml-opacity: 0.5;
	z-index:10;
}
/* Typography
----------------------------------------------------------------------------------------------------*/

h1 {font-size:32px;}
h2 {font-size:30px;}
h3 {font-size:24px;}
h4 {font-size:20px;}
h5 {font-size:16px;}
h6 {font-size:14px;}
p {font:16px/1.5 tahoma, sans-serif;}

blockquote {
	border-right:5px solid #7c7c7c;
	padding-right:10px;
}

/* Anchor Tags
----------------------------------------------------------------------------------------------------*/

a {outline:none}
a, a:visited {
	text-decoration:underline;
	color:#fff/*da0b0b*/;
}

a:hover {
	text-decoration:none;
	color:#fff/*#da0b0b*/;
}

/* Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style:none;
}

ul {
	list-style:square;
}

li {
	margin-right:20px;
}

ol li {list-style:decimal}

dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom:20px;
}

/* Navigation
----------------------------------------------------------------------------------------------------*/

#navMain {
	width:100%;
	height:42px;
	background:#981e1e;
	z-index:5;
	overflow:hidden;
}

#navMain .stripe {
	height:42px;
}

#navContent {
	position:relative;
	font:bold 22px/2 times, serif;
}

#navContent a,
#navContent a:visited {
	color:#fff;
}

#navContent a:hover {
	color:#ff2222;
}

ul#categoriesMain {
	margin:0 0px 0 0;
}

ul#categoriesMain li {
	display:inline;
	list-style-type:none;
	margin:0 30px 0 0;
}

#categoriesMain a {text-decoration:none}

/* Post
----------------------------------------------------------------------------------------------------*/

.post  {
	position:relative;
	margin:40px 0 60px 0;
	z-index:15;
}

.entry {position:relative;}

/* .post h2 {width:485px;display:block;height:auto} */
.post h2 a,
.post h2 a:visited {text-decoration:none;color:#A5A5A8}
.post h2 a:hover {color:#fff}


.post h3 {
/*	display:block;
	border-bottom:1px solid #eee;*/
	margin-bottom:2px
}

.entry p {padding:0 0 20px 0}

.entry ul li {list-style:disc;margin:0 20px}
.entry li {padding:5px 0 5px 0}
div.dp-highlighter ol li {padding:2px}

div.dp-highlighter {
	background-color:#1B2326;
	direction:ltr;
	text-align:left;
	margin:0
}

div.dp-highlighter ol {margin-top:-20px}


div.failure,
.entry div.tip,
.entry div.warning {
	padding:0 15px;
	border:2px solid #5e5e5e;
	margin:20px 0;
}

.entry div {margin:0 0 20px 0;position:relative}
.entry div.tip {border:2px dashed #c4bb7e;background:#e6dda1;color:#333}
.entry div.warning, div.failure {border:2px dashed #c48f7e;background:#e6aca1;color:#333;}

a.more-link {
	margin:0;
	text-decoration:none;
	padding:5px;
	background: #981e1e;
	color: #fff;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.entry img {
	border:1px solid #888;
	background:#ccc;
	padding:4px;
	margin:0;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

p.wp-caption-text {font-size:14px;margin:0}

.dateMain {
	width:60px;
	position:absolute;
	top:15px;
	right:-70px;
	text-align:center;
	color:#1b2326;
	cursor:default;
}

.day {
	font:38px/1.2 arial, sans-serif;
	background:url(images/datespr.png) no-repeat;
	text-indent:-9999px;
	margin:0 auto;
}

.month {
	font:bold 20px/1.2 arial, sans-serif;
	background:url(images/datespr.png) no-repeat;
	text-indent:-9999px;
	margin:10px auto 0;
}

.d-01 {background-position: 0 0; width: 42px; height: 25px}
.d-02 {background-position: 0 -27px; width: 42px; height: 25px}
.d-03 {background-position: 0 -54px; width: 42px; height: 25px}
.d-04 {background-position: 0 -81px; width: 42px; height: 25px}
.d-05 {background-position: 0 -108px; width: 42px; height: 19px;margin:3px auto}
.d-06 {background-position: 0 -129px; width: 42px; height: 25px}
.d-07 {background-position: 0 -156px; width: 42px; height: 25px}
.d-08 {background-position: 0 -183px; width: 42px; height: 25px}
.d-09 {background-position: 0 -210px; width: 42px; height: 25px}
.d-10 {background-position: 0 -237px; width: 42px; height: 25px}
.d-11 {background-position: 0 -264px; width: 42px; height: 25px}
.d-12 {background-position: 0 -291px; width: 42px; height: 25px}
.d-13 {background-position: 0 -318px; width: 42px; height: 25px}
.d-14 {background-position: 0 -345px; width: 42px; height: 25px}
.d-15 {background-position: 0 -372px; width: 42px; height: 25px}
.d-16 {background-position: 0 -399px; width: 42px; height: 25px}
.d-17 {background-position: 0 -426px; width: 42px; height: 25px}
.d-18 {background-position: 0 -453px; width: 42px; height: 25px}
.d-19 {background-position: 0 -480px; width: 42px; height: 25px}
.d-20 {background-position: 0 -507px; width: 42px; height: 25px}
.d-21 {background-position: 0 -534px; width: 42px; height: 25px}
.d-22 {background-position: 0 -561px; width: 42px; height: 25px}
.d-23 {background-position: 0 -588px; width: 42px; height: 25px}
.d-24 {background-position: 0 -615px; width: 42px; height: 25px}
.d-25 {background-position: 0 -642px; width: 42px; height: 25px}
.d-26 {background-position: 0 -669px; width: 42px; height: 25px}
.d-27 {background-position: 0 -696px; width: 42px; height: 25px}
.d-28 {background-position: 0 -723px; width: 42px; height: 25px}
.d-29 {background-position: 0 -750px; width: 42px; height: 25px}
.d-30 {background-position: 0 -777px; width: 42px; height: 25px}
.d-31 {background-position: 0 -804px; width: 42px; height: 25px}
.m-01 {background-position: 0 -831px; width: 34px; height: 16px}
.m-02 {background-position: 0 -849px; width: 45px; height: 16px}
.m-03 {background-position: 0 -867px; width: 45px; height: 16px}
.m-04 {background-position: 0 -885px; width: 38px; height: 19px}
.m-05 {background-position: 0 -906px; width: 31px; height: 16px}
.m-06 {background-position: 0 -924px; width: 39px; height: 16px}
.m-07 {background-position: 0 -942px; width: 39px; height: 16px}
.m-08 {background-position: 0 -960px; width: 53px; height: 17px}
.m-09 {background-position: 0 -979px; width: 52px; height: 15px}
.m-10 {background-position: 0 -996px; width: 48px; height: 19px}
.m-11 {background-position: 0 -1017px; width: 53px; height: 16px}
.m-12 {background-position: 0 -1035px; width: 54px; height: 12px}

img.wp-post-image {
	float:right;
	margin-left:10px;
}

code {font-family:"Courier New", Courier,mono;direction:ltr}

.postmetadata {
	position:relative;
	font:14px/1 tahoma, sans-serif;
	color:#c2c2c2;
}

.postmetadata a {color:#c2c2c2;text-decoration:none;}
.postmetadata a:hover {text-decoration:none;/*color:#da0b0b*/color:#fff;}

/* Social Bookmarking Icons
----------------------------------------------------------------------------------------------------*/

#share {
	background-color:#e5e5e5;
	border:2px solid #c4c4c4;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	margin:25px 0;
	padding:5px;
}

#share h4 {
	color:#333;
}

ul#bookmarking {
	height:55px;
	width:130px;
	list-style:none;

}

ul#bookmarking li {margin:0 0}

ul#bookmarking a {
	background: url(images/icons.png) no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	margin:5px;
	outline: none;
	float:right;
}

ul#bookmarking li#facebook a {		background-position:-80px 0;width:16px;height:16px}
ul#bookmarking li#delicious a {		background-position:0 0;width:16px;height:16px}
ul#bookmarking li#reddit a {		background-position:-64px 0;width:16px;height:16px}
ul#bookmarking li#friendfeed a {	background-position:-96px 0;width:16px;height:16px}
ul#bookmarking li#khabbr a {		background-position:-128px 0;width:16px;height:16px}
ul#bookmarking li#darabet a {		background-position:-112px 0;width:16px;height:16px}
ul#bookmarking li#digg a {			background-position:-144px 0;width:16px;height:16px}
ul#bookmarking li#stumbleupon a {	background-position:-16px 0;width:16px;height:16px}
ul#bookmarking li#designfloat a {	background-position:-32px 0;width:16px;height:16px}
ul#bookmarking li#posterous a {		background-position:-48px 0;width:16px;height:16px}

/* Sidebar
----------------------------------------------------------------------------------------------------*/

#sidebar {
	height:100%;
	position:relative;
}

#sidebar h1#mainBanner {
	width:321px;
	height:350px;
	background:url(images/mainbanner.png) no-repeat top right;
	text-indent:-9999px;
	z-index:20;
}

#sidebar h2 {
	font:bold 26px/1 times, serif;
	margin:0;
	display:inline-block;
}

#sidebar a#homepage {
	display:block;
	position:absolute;
	top:32px;
	right:12px;
	width:296px;
	height:210px;
	background:none;
	text-decoration:none;
	outline:none;
}

ul#sidebarMain {width:320px}

ul#sidebarMain li {
	margin:0;
	list-style:none;
	font:bold 26px/1.5 times,serif;
}

ul#sidebarMain li a {
	display:block;
	width:100%;
	text-decoration:none;
	border-bottom:1px dashed #4c5051;
	color:#BDBDBD;
	margin:0 0 1px 0;
	padding:2px;
}

ul#sidebarMain li a:hover {color:#fff}

ul#sidebarMain li ul li {font:16px/1.2 Tahoma, sans-serif;margin:0 15px 0 0}

ul#sidebarMain li#categories-3 {
	width:320px;
}

ul#sidebarMain li#categories-3 ul {
	display:inline-block;
	margin:0
}

ul#sidebarMain li#categories-3 ul li {
	width:145px;
	float:right;
	display:block;
}

ul#sidebarMain li#subscribe ul li a {
	border:0;
	width:9%;
	text-indent:20px;
}

ul#twitter_update_list li {border-bottom:1px dashed #4c5051;padding:2px}
ul#twitter_update_list li a {border-width:0;display:inline}

a#full-rss,
a#exc-rss {background:url(images/icons.png) no-repeat -176px 3px;width:16px;height:16px;white-space:nowrap}
a#twtt {background:url(images/icons.png) no-repeat -208px 3px;width:16px;height:16px}

#footerContent {text-align:right}

#footerContent ul {list-style-type:none;position:relative;margin-left:10px}

#footerContent a {
	display:inline;
	color:#bdbdbd;
	/*border-bottom:1px dashed #9f9f9f;*/
	line-height:1;
	text-decoration:none;
}

#footerContent a:hover {
	/*background:#595D5F;*/
	color:#fff;
}

#latestComments li {margin:0}
#latestComments li a {margin:0 10px 0 0;display:block}
/* Search
----------------------------------------------------------------------------------------------------*/

#search {list-style-type:none;position:absolute;top:301px;right:45px}

#searchField {
	position:absolute;
	top:0;
	right:0;
	background:none;
	color:white;
	font-size:16px;
	width:160px;
	border:0;
	margin:0;
	padding:0;
}

#searchSubmit {
	position:absolute;
	top:0;
	right:160px;
	background:none;
	width:24px;
	height:21px;
	cursor:pointer;
	border:0;
	margin:0;
	padding:0;
}

/* Comments
----------------------------------------------------------------------------------------------------*/

form#commentform {
	padding:10px 0;
}

.comments-template {
	margin:50px 0 0 0;
}

.comments-template ol {
	margin:0;
	padding:15px 0;
	list-style:none;
}

.comments-template ol li {
	margin:0;
	line-height:1.1;
	padding:0 10px 30px 50px;
	border-right:5px solid #646667;
	position:relative;
	right:-15px;
	z-index:40;
	min-height:55px;
}

.comments-template ol li:hover {
	border-right:5px solid #fff;
}

.comments-template ol li.postAuthor {
	border-right:5px solid #999;
}

.comments-template ol li.postAuthor:hover {
	border-right:5px solid #fff;
}

.commentmetadata {
	position:relative;
	font-size:12px;
}

.commentmetadata .avatar {
	position:absolute;
	right:-70px;
	z-index:40;
}

.comments-template p.nocomments {
	padding:0;
}

.commentMeta a {
	text-decoration:none;
	font:12px/1.5 tahoma, sans-serif;
	color:#1b2326;
}

.item {position:relative}

.item:hover .commentMeta a {color:#707172}

.item:hover .commentMeta a:hover {
	text-decoration:none;
	font:12px/1.5 tahoma, sans-serif;
	color:#bebebe;
}

.replyLink {position:absolute;left:0}

.commentAuthor,
.commentAuthor a {
	font:bold 21px/1 times, serif;
	display:inline;
}

input#cf_field_1,
input#cf_field_2,
input#cf_field_3,
textarea#cf_field_4,
#commentform input#author,
#commentform input#email,
#commentform input#url,
#commentform input#comment,
#commentform textarea#comment {
	background:#373D3F;
	border:1px solid #666;
	margin:0 0 5px 0;
	width:450px;
	font-size:18px;
	color:#fff;
}

input#cf_field_2,
input#cf_field_3,
#commentform input#email,
#commentform input#url {direction:ltr;}

ol.cf-ol label,
#commentform label {
	display:block;
	width:100%;
}

input#sendbutton {
	margin:0;
	padding:0;
	border:0;
}

.reqtxt, .emailreqtxt {color:white}

#commentform small {font-size:16px;}

ol.cf-ol li {
	list-style-type:none;
	margin:0;
	padding:0
}

.cf_li_text_err {margin:20px 0 0 0}

.commentNumberMain {
	width:60px;
	height:56px;
	position:absolute;
	top:12px;
	right:-70px;
	z-index:30;
	background:#4c5051 url(images/comment.gif) no-repeat top right;
	border-bottom:5px solid #646667;
}

/* .commentNumberMain:hover {border-bottom:5px solid #ddd;} */

.commentNumber {
	position:relative;
	top:24px;
	left:-36px;
	font:28px/1 arial, sans-serif;
	text-align:left;
}

.commentNumberMain a,
.commentNumberMain a:visited {
	color:#a5a5a8;
	text-decoration:none;
}

.commentNumberMain a:hover {
	color:#fff;
}


.commentAuthor a.url {color:white}

/* Footer
----------------------------------------------------------------------------------------------------*/

#footerMain {
	width:100%;
	height:auto;
	background:#4c5051;
	margin:0;
	list-style-type:none;
}

#footerContent {
	position:relative;
	height:420px;
	text-align:right;
	padding:10px 0;
}

#footerContent h3 {
	font:bold 26px/1.2 times, serif;
	border:0;
	margin:0;
}

#footerContent h4 {
	margin:0
}

#footerContent li {
	margin-right:20px;
}

#copyrightsMain {
	width:100%;
	height:auto;
	margin:0 0 0 0;
}

#copyrightsContent {
	position:relative;
}

#copyrightsContent p {
	margin:0 10px 0 0;
	text-align:right;
	font:bold 14px/1.5 times;
}

#aboutMe {position:relative}

#aboutMe h3.HoverThisToHide {margin-bottom:10px}
#aboutMe h3.HoverThisToHide span.StrikethroughThis {text-decoration:none}
#aboutMe h3.HoverThisToHide:hover span.StrikethroughThis {text-decoration:line-through}

#aboutMe h3.HoverThisToHide span.WriterOrDesigner {display:none}
#aboutMe h3.HoverThisToHide:hover span.WriterOrDesigner {display:inline}

img#msmmsmall {position:absolute;top:-2px;right:153px}

.avatar-120 {background:#646667;padding:2px;border:1px solid #5e5e5e;float:right;margin:0 0 10px 10px}

h3.nowViewing {
	position:relative;
	top:20px;
	font-family:Tahoma;
	font-size:24px;
	font-weight:normal;
}

.linklove, .cf_hidden {display:none}