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

    Theme Name: E-Group
    Theme URI:  http://eg-ku.com/
	Description:ثيم موقع مجموعة المشروعات الصغيرة ... تصميم :  <a href="http://www.mo3aser.com/">المُعاصر</a>.
    Version: 1.0
    Author: Mo3aser
    Author URI: http://www.mo3aser.com/
     -------------------------------------------------------------   */
     
* {
    margin : 0;
    padding: 0;
    border : 0 none;
}

/*  Body
	- - - - - - - - - - */
body {
    background:#565656 url(images/bg.gif) repeat;
    direction: rtl;
    font: 9pt tahoma,Arial,Helvetica,sans-serif;
    text-align: right;
}

 /* Wrapper
	- - - - - - - - - - */ 
.wrapper {
	background:transparent url(images/wrapper-bg.gif) repeat-y top;
	margin:auto;
}   
	.content {
		background-color:#FFF;
		overflow:auto;
		margin:0 auto;
	    width:779px;
	}
		
/*  Header
	- - - - - - - - - - */
.header {
	background:transparent url(images/header.gif) repeat-x;
	height: 252px;
	width : 100%;
	overflow:hidden;
}
    .logo {
		display:block;
		height:190px;
		text-indent:-9999px;
		overflow:hidden;
		width:430px;
		margin:0 auto;
	}
/*  Sidebar
	- - - - - - - - - - */
.sidebar{
	width:215px;
}
	.items-head{
		width:215px;
		height:56px;
		text-indent:-999px;
		overflow:hidden;
	}
		.main-list{	background:transparent url(images/main-list.gif) no-repeat;}
		.polls{	background:transparent url(images/polls.gif) no-repeat;}
	.items-body{
		background:transparent url(images/e-group_11.gif) no-repeat bottom;
		width:215px;
		overflow:auto;
	}
		.items-content{
			width:160px;
			margin:0 auto 40px;
			overflow:hidden;
		}
			.links-list{list-style-type: none;}
			.links-list li {
				display:block;
				border-bottom: 1px solid #CCC;
				padding:7px 3px;
			}
				.links-list li:hover {border-bottom: 1px solid #999;}
				.links-list li a{color:#000; font:bold 12pt Arial,Helvetica ;}
				.links-list li a:hover{color:#FF0000;}

				.box-normal-body-content .links-list li a{color:#000; font: 9pt tahoma ;}
				.box-normal-body-content .links-list li a:hover{color:#FF0000;}

/*  Narrowcolumn
	- - - - - - - - - - */
.narrowcolumn{
	width:555px;
	margin-bottom:10px;
	padding-top:18px;
}
	.box-wide-header{
		background:url(images/group-front.gif) no-repeat bottom;
		width:533px;
		height:48px;
		padding:8px 20px 0 0;
		font:bold 14pt Arial,Helvetica ;
		color:#FFF;
	}
	.box-wide-body{
		background:url(images/box-footer.gif) no-repeat bottom;
		overflow:auto;
		padding-bottom:30px;
		margin-bottom:10px;
	}
		.box-wide-body-content{
			width:500px;
			margin:0 auto;
		}
	.box-normal{width:256px;}	
		.box-normal-header{
			width:236px;
			height:48px;
			padding:8px 20px 0 0;
			font:bold 14pt Arial,Helvetica ;
			color:#FFF;
		}
			.group-news{ background:url(images/group-news.gif) no-repeat bottom; }
			.mail-list{ background:url(images/group-news.gif) no-repeat bottom; }
		.box-normal-body{
			background:url(images/normal-footer.gif) no-repeat bottom;
			overflow:auto;
			padding-bottom:30px;
			margin-bottom:10px;
		}
			.box-normal-body-content{
				width:210px;
				margin:0 auto;
			}
		.box-wide-body-content p{
			text-align: justify;
			line-height:20px;
			margin-bottom:20px;
		}
		.entry ul {
			margin-left: 0px;
			padding-right: 35px;
			text-indent: -10px;
		}
			.entry li { margin: 7px 0 8px 10px;	}
			.entry  ul li:before{content: "\00BB \0020";}
		blockquote {
			margin: 15px 30px 0 10px;
			padding-right: 20px;
			border-right: 5px solid #ddd;
			color: #777;
		}
			blockquote cite {
				margin: 5px 0 0;
				display: block;
			}
	.separator{	margin-right:25px;}

/*  Footer
	- - - - - - - - - - */
.footer{
	background:url(images/footer.gif) no-repeat top;
	height:72px;
	overflow:hidden;
}
	.mo3aser{
		width:140px;
		height:30px;
		margin-top:40px;
		text-indent:-999px;
		overflow:hidden;
	}
	.magtel{
		margin-top:28px;
		margin-left:100px;
	}

/*  Member Area
	- - - - - - - - - - */
.member{
    border-bottom: 1px solid #ccc;
    margin-bottom:10px;
    padding-bottom:10px;
    clear:both;
    overflow:auto;
}
	.member-info{  padding:10px;}
	.member .title, .pfprofile .title{
		margin-bottom:20px;
		display:block;
	}
	.pfprofile h3 {
		border-bottom: 1px dotted #D9D9D9;
		padding: 11px 0px 3px 0px;
		margin-bottom:10px;
	}
	.pfpagidirect {	padding: 10px 0px 0px 0px;}
.cba-img{
	margin-left:10px; 
	padding-left:10px; 
	border-left:1px #CCC solid;
	width:110px;
	overflow:hidden;
	text-align:center;
}
.download-file:link,.download-file:active,.download-file:visited{
	color:#FFF;
	background-color:#CC0000;
	padding:5px;
	margin-top:20px;
	outline:none;
}
.download-file:hover{background-color:#FF0000;}

/*  Forms
	- - - - - - - - - - */
input,textarea{
    background: #FAFAFA;
	border: 1px solid #B4B4B4;
	color: #000000;
    font:9pt Tahoma;
}
input {padding: 4px;}
#commentform #submit{margin-bottom:20px;}
#commentform input{	
	width:200px;
	margin:10px 0 0 5px;
}	
textarea {
	padding: 2px 6px;
	margin-top:10px;
	width: 96%; 
}
	input:hover,textarea:hover{border: 1px solid #A70709;}
	input:focus ,textarea:focus{
        border: 1px solid #FF0000;
		background:#fff;
	}
	
/*  CommentList
	- - - - - - - - - - */
.commentlist li {
	border: 1px solid #CCC;
	margin: 15px 5px 10px;
	padding:  10px;
	list-style: none;
	overflow:auto;
	clear:both;
}
	.commentlist li:hover {border: 1px solid #EF2C2C;}
	.commentlist li .avatar { 
		float: left;
		border: 1px solid #eee;
		padding: 2px;
		background: #fff;
	}
	.commentlist cite, .commentlist cite a {font: bold 12pt arial;}
	.commentlist p {
		line-height:20px;
		margin: 0px 10px 5px 0;
		text-align: justify;
	}
	.commentlist li ul li {margin-right: 20px;}
	.nocomments {text-align: center;}
	.commentmetadata {
		display: block;
		text-align:right;
		font-size:90%;
		margin-bottom:10px;
	}
	.says{display:none}
	.commentlist li.alt {background-color:#F7F7F7}
	.reply a{
		padding:4px 10px;
		margin-bottom:10px;
		font-weight:bold;
	}

/*  Align & Text
	- - - - - - - - - - */         
img.aligncenter {
	display: block;
	margin: 2px auto;
	border:1px solid #cbcdcc;
}
img.alignright {margin: 5px 0 2px 7px;}
img.alignleft {	margin: 5px 7px 2px 0;}
img.alignleft,img.alignright {
	border:1px solid #cbcdcc;
	padding: 4px;
}
.alignright,.sidebar,.box-normal,.member-avater,.member-info,.cba-img{float:right;}
.alignleft,.narrowcolumn,.mo3aser,.magtel,.download-file:link,
.download-file:active,.download-file:visited,.commentlist li .avatar{	float:left;}
.aligncenter{
	display: block;
	margin: 2px auto;
	text-align:center;
}
a:link,a:active,a:visited {
	text-decoration: none;
	color: #CC0000;
	outline:none;
}
a:hover {color: #FF0000;}
h3{	font:bold 12pt Arial,Helvetica ;}

	.box-wide-header a:link,.box-wide-header a:active,.box-wide-header a:visited {
		color:#FFF;
	}
