﻿/*  --------------------------------------------------------------

    Theme Name: ثيم استروجينات
    Theme URI:  http://estrogenat.com/
    Description:  ثيم مدونة استروجينات ... تصميم :  <a href="http://www.mo3aser.com/">المُعاصر</a>.
    Version: 1.0
    Author: Mo3aser.com
    Author URI: http://www.mo3aser.com
        
    -------------------------------------------------------------   */
 
* { margin:  0;  padding: 0;  border:  0 none;  list-style-type: none;}

	html{background:#ebebeb url(images/body-bg.jpg) repeat-x top center; }

/*	Body
	- - - - - - - - - - */
body {
	background:url(images/bg.jpg) repeat-y top center;
    direction: rtl;
    font: normal 12pt "Microsoft Sans Serif",tahoma,Arial,Helvetica,sans-serif;
    text-align: right;
	color:#333;
}

 /*	Wrapper
	- - - - - - - - - - */ 
.wrapper {
	background:url(images/header.jpg) no-repeat center top;
	overflow:hidden;
	margin:0 auto;
}   

/*	Header
	- - - - - - - - - - */
.header {
	height: 230px;
	margin: 0 auto;
	position:relative;
	width:950px;
}
    .logo {
    	position:absolute;
		display:block;
		height:140px;
		text-indent:-9999px;
		overflow:hidden;
		width:340px;
		right:40px;
		top:50px;
	}
	.buttons{ 
		text-align:center;
		height:30px;
		position:absolute;
		top:3px;
		right:10px;
		width:610px;
	}	
		.buttons li{
			float:right;
			overflow:hidden;
			margin-left:5px;
		}
			.buttons li a{
				display:block;
				overflow:hidden;
				padding:4px 15px;
				margin:1px;
				color:#ffdde4 !important;
			}
			.current_page_item a ,.buttons li a:hover{
				background:#d5506c;
				-moz-border-radius:5px;		-webkit-border-radius:5px;
				border:1px solid #f2a4b4;
				margin:0px !important;
				color:#FFF !important;
			}
	
		.search-index{
			position:absolute;
			left:105px;
			width:215px;
			height:18px;
			top:5px;
		}
			.search-index #s{
				font: normal 9pt tahoma,Arial, Helvetica, sans-serif;
				width:170px;
				float:right;
				color:#dd5c77;
				background:#f9d2da;
				border:1px solid #dd5c77; 
				padding-left:0;
			}
			.search-index .search-button{
				background:transparent;
				border: none;
				cursor:pointer;
				float:right;
			}
		.about-blog{
		    font: normal 9pt tahoma,Arial,Helvetica,sans-serif;
		    width:415px;
		    height:90px;
		    position:absolute;
		    left:90px;
		    top:68px;
		    text-align:justify;
		    overflow:hidden;
		    line-height:17px;
		    color:#d44d5c;
		}
		
		#resize-box{
			position:absolute;
			top:5px;
			left:48px;
		}
		#resize-box a{
			display:block;
			float:right;
			padding:3px;
		}							
		#buttons li li a, #buttons li li a:link, #buttons li li a:visited {
			background: #FAF7F0;
			width: 160px;
			float: none;
			margin: 0px;
			padding: 3px 6px 3px 10px;
			border: none;
			border-bottom: 1px solid #F2F0E9;
			color: #D73254 !important;
			-moz-border-radius:0px;		-webkit-border-radius:0px;
			}
			
		#buttons li li a:hover, #buttons li li a:active {
			margin: 0px;
			color:#98ac28 !important;
			}
			
		#buttons li ul {
			z-index: 9999;
			position: absolute;
			visibility: hidden;
			height: auto;
			width: 160px;
			margin: 0;
			display: block;
			background: #FAF7F0;
			border: 1px solid #F2F0E9;
			text-align:right;
			}
		
		#buttons li li { }
		
		#buttons li ul a {width: 150px;}
		
		#buttons li ul a:hover, #buttons li ul a:active { 
			}
		
		#buttons li ul ul {margin: -25px 0 0 -0px; padding: 0;}
		
		#buttons li:hover ul ul, #buttons li:hover ul ul ul, #buttons li.sfhover1 ul ul, #buttons li.sfhover1 ul ul ul {left: -999em;}
		#buttons li:hover ul, #buttons li li:hover ul, #buttons li li li:hover ul, #buttons li.sfhover1 ul, #buttons li li.sfhover1 ul, #buttons li li li.sfhover1 ul {
			left: auto;
			visibility: visible;
			}
		
		#buttons li:hover, #buttons li.sfhover {position: static;}
		#buttons li:hover ul li:hover ul {
			position : relative ;
			right : 170px;
			top: -9px;
			bottom: 0;
		}

/*	Sidebar
	- - - - - - - - - - */
.sidebar{
	width:293px;
	float:left;
	overflow:hidden;
	margin-bottom:10px;
}
	.widget{margin-bottom:5px;}
		.widget-container{background:url(images/widget-footer.jpg) no-repeat center bottom; padding:0 15px 10px; overflow:hidden;}
			.widget h2{
				background:url(images/widget-title.png) no-repeat center bottom;
				font-size: 14pt;
				padding:8px 10px 12px 0;
				margin-bottom:5px;
				color:#98ac28;
			}
			.sidebar ul li { display:block;	border-bottom: 1px dashed #dedede; padding:4px 3px;}
				.sidebar ul li li{ display:block; border-bottom: 0 none ; padding:7px 20px 7px 3px;}
					.sidebar ul li li:hover{border-bottom: 0 none ;}
				.sidebar ul li:hover {border-bottom: 1px dashed #AFAFAF;}
		
			.sidebar  a:link, .sidebar  a:active, .sidebar a:visited {color: #222;}
			.sidebar a:hover {color: #D73254;}

/*	Narrowcolumn
	- - - - - - - - - - */
.container{
	margin:0 auto;
	overflow:hidden;
	height:100%;
	width:910px;
	padding-left:5px;
	position:relative;
}
.narrowcolumn{width:615px;	margin:10px 0;	float:right;}
.title{ height:60px; border-bottom:1px dashed #e595a6; margin-left:5px; margin-bottom:5px;}
	.title h2{font-size: 16pt; padding:5px 0 0;}
	.date{
		background:url(images/date.jpg) no-repeat;
		height:53px;
		width:51px;
		float:right;
		margin-left:10px;
		line-height:15px;
		text-align:center;
		display:inline;
	}
		.date span{font: normal 9pt tahoma,Arial,Helvetica,sans-serif; color:#fff;}
		.date strong{font-size:22pt; display:block;	padding-top:13px; color:#D73254;}
		
	.postmetadata{
		font: normal 9pt tahoma,Arial,Helvetica,sans-serif;
		display:block;
		overflow:auto;
		margin:10px auto 0;
	}
		.post-cat , .post-viewrs, .post-comments{
			float:right;
			margin-left:25px;
			padding-right:20px;
			background:url(images/post-icons.png) no-repeat right top;
			height:20px;
		}
		.post-comments {background-position:right -58px;}
		.post-viewrs{background-position:right -28px;}

	.post{
		background:url(images/div.png) no-repeat bottom;
		line-height:20px;
		padding-bottom:15px;
		margin-bottom:25px;
	}
		.entry{	padding:5px 10px 0;	clear:both; text-align:justify;}
	
		blockquote {
			background:url(images/blockquote.gif) no-repeat 100% 3px #F4F5F7;
			padding:8px 40px 8px 12px;
			margin: 15px;
			border:1px dashed #666;
		}
		.more-link{text-align:left; display:block;	}
		.post p{margin-bottom:1.2em;}

.navigation {
	display: block;
	text-align: center;
	margin: 0 0 35px;
}
html>body .entry ul {
	margin-left: 0px;
	padding: 0 30px 0 0;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
}
	html>body .entry li {margin: 7px 0 8px 10px;}
	
.entry ul li:before, #sidebar ul ul li:before {	content: "\00BB \0020";}
.entry ol {	padding: 0 0 0 35px;}

/*	CommentList
	- - - - - - - - - - */	
#respond h3 , #comments{
	background:url(images/div.png) no-repeat bottom;
	text-align:center;
	padding-bottom:15px;
}
.commentlist li .avatar { 
	float: right;
	padding: 1px;
	background: #F9D2DA ;
	margin-left:5px;
}
.commentlist cite, .commentlist cite a {font: bold 12pt arial; font-style:normal;}
.commentlist p {line-height:20px;	margin:0 5px 5px;}
.alt {padding: 10px;}
.commentlist li {
	border: 1px solid #F9D2DA ;
	margin: 15px 4px 10px 5px;
	padding:  10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.commentlist li ul li { 
	margin-left: -5px;
	margin-right: 20px;
}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;}
.commentmetadata {
	display: block;
	font-size:90%;
	margin-bottom:18px;
	border-bottom:1px solid #F9D2DA ;
	padding:5px 10px 15px;
}
.reply a{
	background:#F198AA;
	padding:3px 5px 5px;
	display:block;
	width:20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-align:center;
	color:#FFF !important;
}
.says {display:none}
.thread-alt , .thread-even .alt{background-color: #f8f8f8;}
.thread-alt .odd, .thread-even{background-color: #FFF;}
.bypostauthor , .thread-alt .bypostauthor , .thread-even .bypostauthor  {border: 1px solid #F9D2DA !important; background:#FDEEF1}

/*	Footer
	- - - - - - - - - - */
.footer{
	background:url(images/footer-bg.jpg) repeat-x bottom;
	clear:both;
	overflow:hidden;
	margin:10px 0 0;
	font: normal 9pt tahoma,Arial,Helvetica,sans-serif;
}
.footer-container{
	background:url(images/footer.jpg) no-repeat bottom;
	height:240px;
}
	.twitter,.about-author{
		position:absolute;
		left:27px;
		width:350px;
		bottom:111px;
		height:70px;
		overflow:auto;
		text-align:justify;
		padding-right:5px;	
		line-height:17px;
	}	
		.twitter .aktt_tweet_time{
			display:block;
			text-align:left;
			margin:3px 0 5px;
			border-bottom:1px solid #CCC;
		}
	.follow-me , .more-author{
		display:block;
		height:20px;
		overflow:hidden;
		text-indent:-999999px;
		position:absolute;
		width:150px;
		left:150px;
		bottom:70px;
	}

	.about-author{ right:22px; overflow:hidden;}
	.more-author{  right:150px;}

	.rss-icon{
		position:absolute;
		width:80px;
		height:70px;
		bottom:52px;
		right:420px;
		overflow:hidden;
		text-indent:-9999px;
	}
	.mo3aser , .top{
		width:120px;
		height:30px;
		text-indent:-99999px;
		overflow:hidden;
		position:absolute;
		bottom:5px;
		left:22px;
	}
	.top{width:20px; left:0;}
	.copyright{position:absolute ; bottom:15px; color:#ccc;}

/*	Forms
	- - - - - - - - - - */
#commentform input{	width:200px;}	
textarea {width: 95%;}
textarea ,input{
	background: #FDEEF1;
	border: 1px solid #F9D2DA;
	color: #E84D6B;
	margin-bottom:7px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:4px 8px;
	font: bold 12pt Arial,Helvetica,sans-serif;
}
	input:hover,textarea:hover{	border: 1px solid #F3A3B3;}
	input:focus ,textarea:focus{border: 1px solid #F198AA;	background:#FFF;}


/*	Align & Links & Text
	- - - - - - - - - - */
img.centered,img.aligncenter {display: block; margin:2px auto; border:1px solid #cbcdcc; padding: 4px;}
img.alignright{ padding: 4px; margin: 2px 3px 3px 8px; display: inline; clear:both;}
img.alignleft {	padding: 4px; margin: 2px 8px 3px 3px; display: inline; clear:both;}

.alignright {float: right;}
.alignleft  {float: left;}
small {
	font: normal 9pt tahoma,Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}
h2 , h3 {font: bold 16pt Arial,tahoma,Helvetica,sans-serif;}
	h2.pagetitle {
		font-size: 18pt;
		text-align: center;
		color:#999;
		margin-bottom:10px;
	}
h3 {font-size: 14pt;}
a:link,a:active,a:visited {
	text-decoration: none;
	outline:none;
	color: #d73254;
}
a:hover {color: #98ac28;}
.clear{clear:both;}


p.box1,p.box2,p.box3,p.box4,p.box5,p.box6,p.box7,p.box8,p.box9,p.box10,p.box11,p.box12{
	margin:6px;
	padding:25px;
	text-align:justify;
	width:85%;
}
	p.box1 { background:#FFFFE0; border:1px solid #E6DB55;  }
	p.box2 { background:#F5F8FA; border:1px solid #EEE;     }
	p.box3 { background:#E4F2FD; border:1px solid #C6D9E9;  }
	p.box4 { background:#ffd9c8; border:1px solid  #f0baa2; }
	p.box5 { background:#edfcd5; border:1px solid #d4ebaf;  }
	p.box6 { background:#FFFFE0; border:1px solid #E6DB55;  }
	p.box7 { background:#fef6d2; border:1px solid #efe3ae;  }
	p.box8 { background:#FCF9CE; border:1px solid #DFDCAA;  }
	p.box9 { background:#E3F4F9; border:1px solid #BAE2F0;  }
	p.box10 {background:#FAFAFA; border-bottom:1px solid #E1E1E1; border-top:1px solid #E1E1E1; }
	p.box11 {background:FCFCFC; border:1px solid #E1E1E1; }
	p.box12 {background:#FFF; border:1px solid #000; }
	
	
div#coldform {margin: 11px 0; width: 550px;}
div#coldform fieldset {	border: 0 none;	display: block;	clear: both;}
div#coldform legend.hide {	display: none;}
div#coldform label.label {
	text-align: right;
	display: block;
	padding: 3px 0;
	margin: 3px 0;
	width: 155px;
	clear: right;
	float: right;
}
input#coldform_carbon { margin: 0 0 -7px 7px; }
div#coldform textarea#coldform_message,  
div#coldform input.input {width: 350px;	float: left;}
div#coldform input.submit {
	display:block;
	float:right;
	height:30px;
	margin:3px 0 13px 137px;
	width:150px;
}

.wp-pagenavi{margin:10px 5px 0;}

.wp-pagenavi a, .wp-pagenavi a:link , .wp-pagenavi a:visited ,  .wp-pagenavi a:active,
.wp-pagenavi span.pages,.wp-pagenavi span.extend,

.wp-pagenavi a:hover,.wp-pagenavi span.current {
	margin: 2px !important;
	text-decoration: none !important;
	border: 1px solid #D73254 !important;
	color: #D73254 !important;
	background-color: #FDEEF1 !important;	
	float:right !important;
	padding: 8px 10px!important; 
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.wp-pagenavi a:hover,.wp-pagenavi span.current {	
	border: 1px solid #98ac28 !important;
	color: #98ac28 !important;
	background-color: #FFF  !important;

}
