/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/
*
{
margin: 0px;
padding: 0px;
}

.widget-content img
{
	display: block;
	margin-left: auto;
    margin-right: auto;
	float:none;
}

#member_form tr td
{
	height:30px;
}

#amar
{
	direction:rtl;
	width:100%;
	height:100%;
	margin-top:40px;
	font-style:oblique;
	font-size:12px;
}

.error
{
	color:red;
}

a img
{
	border:none;
}

#contact_form
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin:10px;
}

#contact_form h4
{
	padding-top:20px;
	color:#aaaad5;
}
a {
	color: #ffffff;
	text-decoration:none;
}
a:hover {
	color: #FF0000;
}
a:visited {
	color: #ffffff;
}

#content
{
	background: #483820 url(images/back_all.gif) repeat-x;
	width:1007px;
	margin:0 auto;
	
	
}
body {
	background-color:#614e32;
	font: 13px tahoma;
	color: #DADADA;
	
}

#main
{
width: 98%;
/* new style padding: 10px;
margin-top:50px;*/
margin-top:10px;
}
#back
{
width:100%;
}
#imghead{
	/* new style height:400px;*/
	width:100%;
	/*margin-top:10px;*/
	}
#header {
	/* new style height: 400px;*/
	text-align: right;
	/*background: url(images/header.jpg) no-repeat;*/
	/*max-width:100%;
	max-height:536px;*/
}
#hadis
{
	font-size:11px;
	/* new style font-style:oblique;*/
	color:#070e3f;
	/* new style color:#d9d9d9;	*/
	height:30px;
}
#menu a
{
	border:none;
}
#menu 
{
	/* new style margin-top:10px;*/
}
#menuicon
{
	/*padding-left:3px;*/
	padding-right:6px;
}
#logo {
	width: 100%;
	height: 234px;
	text-align: left;
	padding-top: 210px;
}
#logo a {
	text-decoration: none;
	text-transform: lowercase;
	font-style: italic;
	font-size: 18px;
	color: #ffffff;
}
#logo H2 a
{
font-size: 12px;
}
#contentmenu{
	margin-right:25px;
	margin-left:25px;
	direction:rtl;
	/*overflow:scroll;*/
	min-height:690px;
	font-family:tahoma;
	font-size:11px;
	line-height:20px;
	
}
#contentmenu a:hover {color: #FF0000;}
#left
{
	width: 260px;
	/*padding-top:10px;*/
}
#left p{
	color:#dddddd;
	margin:5px;
}
#right
{
float: right;
width: 720px;
/* new style padding-right: 10px;*/
}
#footer {
	height: 64px;
	clear: both;
	padding-top: 30px;
	background: url(images/footer.gif) repeat-x bottom;
	border-top: 5px solid #A96501;
	color:#000000;
	text-align:center;
	width:1000px;
	margin:0 auto;
}
#footer p {
	margin: 0;
	width: 778px;
	font-size: 10px;
	text-align: center;
	color: #ffffff;
}
#footer a {
	color: #1233f7;
}
#wrapper {
	width: 90%;
	margin: 30px auto;
	background-color:#0d0d0d;
	background-image:url(images/header3.jpg);
	background-repeat:no-repeat;
	/*background: #0d0d0d url(images/header3.jpg) no-repeat;*/
	background-position-x:center;
	background-position-y:top;
	padding: 55px 25px 25px 25px;
	border: 10px solid #2e2e2e;
	position:relative;
}
h1 {
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	padding: 0.3em 0;
	text-indent:-99999px;
}
#nav {
	list-style: none;
	padding: 0;
	margin: 30px 0 20px 0;
	background: #2e2e2e url(images/nav_bar.jpg) repeat-x;
	display: block;
	overflow: hidden;
	font-size: 0.9em;
	height:33px;
	text-transform:capitalize;
}
#nav li {
	display: inline;
}
#nav li a {
	display: block;
	float: right;
	padding: 10px 7px;
	color: white;
	text-decoration: none;
}
#nav li a:hover {
	background: #1b1b1b url(images/nav_bar_o.jpg) repeat-x;
}
#load {
	display: none;
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(images/ajax-loader.gif);
	width: 43px;
	height: 11px;
	text-indent: -9999em;
}
h2 {
	margin: 0;
	padding: 0.5em 0;
	/*color:#568945;*/
	font-family:Helvetica, Arial, Sans-serif;
}
p {
	margin: 0;
	padding: 0.4em 0;
	color:#dddddd;
	line-height:1.4em;
}
#contentmenu img.right {
	float: right;
	margin: 0 0 8px 8px;

}
#foot {
	padding: 15px;
	color: white;
	text-align: center;
	margin: 30px 0 0 0;
	border-top:1px solid #222222;
}
/* Reset */
#left img {margin:0; padding:0; list-style:none; border:none;}
#left ul {margin:0; padding:0; list-style:none; border:none;}
#left ol {margin:0; padding:0; list-style:none; border:none;}
/* End Reset */

/*body {font-size:0.8em; font-family:Arial,Verdana,Sans-Serif; background: #000;}*/


/* Colors */
.color-yellow {background:#f2bc00;}
.color-red    {background:#dd0000;}
.color-blue   {background:#148ea4;}
.color-white  {background:#dfdfdf;}
.color-orange {background:#f66e00;}
.color-green  {background:#8dc100;}
.color-yellow h3,
.color-white h3,
.color-green h3
	{color:#000;}
.color-red h3,
.color-blue h3,
.color-orange h3
	{color:#FFF;}
/* End Colors */

/* Head section */
#head {
    background: #000 url(images/head-bg.png) repeat-x;
    height: 100px;
}
#head h1 {
    line-height: 100px;
    color: #FFF;
    text-align: center;
    background: url(images/inettuts.png) no-repeat center;
    text-indent: -9999em
}
/* End Head Section */

/* Columns section */
#columns .column {
    float: left;
    width: 100%;
		/* Min-height: */
		min-height: 400px;
		height: auto !important; 
		height: 400px;
}

/* Column dividers (background-images) : */
	#columns #column1 { background:  no-repeat right top; }
	#columns #column3 { background: url(images/column-bg-right.png) no-repeat left top; }
	
#columns #column1 .widget { margin: 20px 10px 10px 10px; }

#columns .widget {
    margin: 30px 20px 0 20px;
    padding: 2px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#columns .widget .widget-head {
    color: #000;
    overflow: hidden;
    width: 100%;
    height: 30px;
    line-height: 30px;
}
#columns .widget .widget-head h3 {
    padding: 0 5px;
    float: left;
	font-size:11px;
}
#columns .widget .widget-content {
    background: #333 url(images/widget-content-bg.png) repeat-x;
    padding: 0 5px;
    color: #DDD;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    line-height: 1.2em;
    overflow: hidden;
	min-height:200px;
	text-align:center;
}
#columns .widget .widget-content p {
    padding: 0.6em 0;
}
#columns .widget .widget-content img {
    float: right;
    margin: 10px;
    border: 0px solid #FFF;
}
#columns .widget .widget-content pre {
    padding: 0.5em 5px;
    color: #EEE;
    font-size: 12px;
}
#columns .widget .widget-content ul {
    padding: 5px 0 5px 20px;
    list-style: disc;
}
#columns .widget .widget-content ul li {}
#columns .widget .widget-content ul.images {
    padding: 7px 0 0 0;
    list-style: none;
    height: 1%;
}
#columns .widget .widget-content ul.images li {
    display: inline;
    float: left;
}
#columns .widget .widget-content ul.images img {
    display: inline;
    float: left;
    margin: 0 0 7px 7px;
}
/* End Columns section */
#carousel {
    width:225px;
    height:255px;
}
 
#slides {
    overflow:hidden;
    /* fix ie overflow issue */
    position:relative;
    width:220px;
    height:220px;
    border:0px solid #ccc;
}
 
/* remove the list styles, width : item width * total items */ 
#slides ul {
    position:relative;
    left:0;
    top:0;
    list-style:none;
    margin:0;
    padding:0;  
    width:750px;            
}
 
/* width of the item, in this case I put 250x250x gif */
#slides li {
    width:215px;
    height:220px;   
    float:left;
}
 
#slides li img {
    padding:5px;
}
 
/* Styling for prev and next buttons */
#buttons {
    padding:0 0 5px 0;  
    float:right;
}
 
#buttons a {
    display:block; 
    width:31px; 
    height:32px;
    text-indent:-999em;
    float:left;
    outline:0;
}
 a#prev {
    background:url(http://www.ashouraiyan.com/templates/user_themes/default/images/arrow.gif) 0 -31px no-repeat; 
}
 
a#prev:hover {
    background:url(http://www.ashouraiyan.com/templates/user_themes/default/images/arrow.gif) 0 0 no-repeat;
}
 
a#next {
    background:url(http://www.ashouraiyan.com/templates/user_themes/default/images/arrow.gif) -32px -31px no-repeat; 
}
 
a#next:hover {
    background:url(http://www.ashouraiyan.com/templates/user_themes/default/images/arrow.gif) -32px 0 no-repeat;
}

.clear {clear:both}










#featured{  
    width:400px;  
    padding-right:250px;  
    position:relative;  
    height:250px;  
    background:#fff;  
    border:5px solid #ccc;  
}  
#featured ul.ui-tabs-nav{  
    position:absolute;  
    top:0; left:400px;  
    list-style:none;  
    padding:0; margin:0;  
    width:250px;  
}  
#featured ul.ui-tabs-nav li{  
    padding:1px 0; padding-left:13px;  
    font-size:12px;  
    color:#666;  
}  
#featured ul.ui-tabs-nav li span{  
    font-size:11px; font-family:Verdana;  
    line-height:18px;  
}  
#featured .ui-tabs-panel{  
    width:400px; height:250px;  
    background:#999; position:relative;  
        overflow:hidden;  
}  
#featured .ui-tabs-hide{  
    display:none;  
}  
#featured li.ui-tabs-nav-item a{/*On Hover Style*/  
    display:block;  
    height:60px;  
    color:#333;  background:#fff;  
    line-height:20px;  
    outline:none;  
}  
#featured li.ui-tabs-nav-item a:hover{  
    background:#f2f2f2;  
}  
#featured li.ui-tabs-selected{ /*Selected tab style*/  
    background:url('images/selected-item.gif') top left no-repeat;  
}  
#featured ul.ui-tabs-nav li.ui-tabs-selected a{  
    background:#ccc;  
}  
#featured ul.ui-tabs-nav li img{  
    float:left; margin:2px 5px;  
    background:#fff;  
    padding:2px;  
    border:1px solid #eee;  
}  
#featured .ui-tabs-panel .info{  
    position:absolute;  
    top:180px; left:0;  
    height:70px; width: 400px;  
    background: url('images/transparent-bg.png');  
}  
#featured .info h2{  
    font-size:18px; font-family:Georgia, serif;  
    color:#fff; padding:5px; margin:0;  
    overflow:hidden;  
}  
#featured .info p{  
    margin:0 5px;  
    font-family:Verdana; font-size:11px;  
    line-height:15px; color:#f0f0f0;  
}  
#featured .info a{  
    text-decoration:none;  
    color:#fff;  
}  
#featured .info a:hover{  
    text-decoration:underline;  
}  
$(document).ready(function(){  
    $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);  
});