/* body begin ======================================================== */

body {  
font-size: 10px; 
font-family: Arial;
background: #fff;
background-attachment: fixed;
color: #666;
text-align: left;
margin-bottom: 0; 
margin: 0;
padding: 0;
}

/* body end */
/* offsets begin ======================================================= */

div.offset a {
position : absolute;
top : -1000px;
left : -1000px;
padding : 5px;
font-weight : bold;
font-size : 110%;
}

div.offset a:focus, div.offset a:active {
position : absolute;
background : #000000;     /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */
border : 1px solid #000;
color : #444;
top : 25px;
font-weight : bold;
left : 2%;
z-index : 5;
}

/* offsets end */
/* page  begin =========================================================== */

#page { 
background: transparent;
margin: 0 auto;
padding: 0;
width: 760px;
text-align: left; 
}

/* page end */
/* banner begin ========================================================== */

#headerimg h1 {
width : 750px;
height : 200px;
margin : 0 auto;
padding : 0;
}

#headerimg h1 a {
position : absolute;
width : 750px;
height : 200px;
display : block;
cursor : pointer;
font-weight : normal;
font-size : 1.8em;
color : #000000;    /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */
padding : 0;
text-decoration : none;
border : none;
}

#headerimg h1 a:hover {
color : #000;
border : none;
}

#headerimg h1 a span {
position : absolute;
display : block;
width : 750px;
height : 200px;
padding : 0;
background : url(images/bb_banner.jpg) no-repeat top center;
border : none;
}

/* banner end */
/* header and links begin ================================================ */

h1, h1 a, h1 a:hover, .description {
text-decoration: none;
color: #000000;      /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */
font-size: 100%; 
font-weight : normal;
padding-left: 2px;
}

h2, h2 a {   
background : transparent;
font-size: 1.2em;
width: 100%; 
text-decoration: none; 
color: #000000;
}

* html h2 a {
margin-left : 0;
}

h2.pagetitle { 
font-size: 1.2em; 
text-align: left;
}

#sidebar h2 { 
font-size: 1.2em; 
}

h3.dot { 
background : transparent;
padding-left : 0;
font-size : 1.2em;
margin-top : 2px;
margin-bottom : 10px;
margin-left : -25px;
color : #999;
}

h3, h3 a, #sidebar h2 {
color: #000000;     /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */
}

h3 a {
color : #666;
}

h2 {    
margin: 10px 0 0; 
}

h2.pagetitle { 
background : transparent url(images/bb_dot.gif) no-repeat 0 0; 
padding-left : 30px;
margin-left: -30px;
margin-top: 30px;
margin-bottom : 20px;
text-align: left; 
font-size : 150%;
}

h3 {    
padding: 0;
margin: 20px 0 0; 
}

h3.comments { 
padding: 0;
margin: 40px auto 20px ; 
}
.main_link a
{
border-bottom: 1.5px dotted #000000;   /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */
font-style: normal;
}
a { 
color: #999999;
font-size : 100%;
text-decoration : none;

 
}

a:hover, a:focus, a:active { 
border-bottom: 1.5px dotted #000000;   /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */
font-style: normal;
}

h2 a:hover, h2 a:focus, h2 a:active, h3 a:hover, h3 a:focus, h3 a:active { 
color: #000;
text-decoration: none; 
}

#sidebar h2 {
background : transparent url(images/bb_dot.gif) no-repeat 0 0;
}

/* header and links end */
/* nav list begin ======================================================= */

ul.btn {                          /* This is for optional navigation menu */
list-style-type : none;
text-align : right;
width : 92%;
}

html > body ul.btn {
width : 100%;
margin-top : -15px;
}

ul.btn li a, ul.btn li a {
background : #ccc;
padding : 15px 5px 2px 10px;
margin-bottom : 10px;
width : 100%;
color : #666;
font-weight : bold;
font-style : normal;
display : block;
text-decoration : none;
font-size : 110%;
}

ul.btn li {
margin-bottom : 10px;
}

html > body ul.btn a {
width : auto;
}

ul.btn li a:hover, ul.btn li a:focus, ul.btn li a:active {
background : #000000;     /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */
color : #444;
margin-bottom : 10px;
}

ul.btn li a.on, ul.btn li a.on, ul.btn li a.on {
background : #000000;     /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */
color : #444;
text-align : left;
margin-bottom : 10px;
}

ul.btn li a:hover.on, ul.btn li a:focus.on, ul.btn li a:active.on {
background : #666;
color : #000000;     /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */
margin-bottom : 10px;
}

/* nav list end */
/* sidebar begin ============================================================= */

#sidebar { 
padding: 15px 0 50px 0;
margin-left: 555px;
width : 200px; 
font-size: 12px; 
}

* html #sidebar {
padding-top : 15px;
margin-left: 550px;
} 

#sidebar form { 
margin: 0;
}

#sidebar ul, #sidebar ul ul, #sidebar ul ol { 
margin: 0;
padding: 0;
list-style-type: none; 
font-size : 110%;
margin-bottom : 20px;
}

.entry ul li:before, #sidebar ul ul li:before {
background : transparent;
content: "\00BB \0020"; 
}

#sidebar ul ul li, #sidebar ul ol li { 
list-style-type : none;
color: #fafafa;
margin-left : 0;
}

#sidebar ul p, #sidebar ul select { 
margin: 5px 0 8px; 
}

#sidebar ul ul, #sidebar ul ol { 
margin: 5px 0 0 10px; 
}

#sidebar ul ul ul, #sidebar ul ol { 
margin: 0 0 0 10px; 
}

ol li, #sidebar ul ol li { 
list-style: decimal outside; 
}

#sidebar ul ul li, #sidebar ul ol li { 
margin: 3px 0 0 0;
padding: 0; 
}

#sidebar ul li h2 { 
margin: 5px 0 0;
padding: 0; 
font-size : 120%;
}

.navigation { 
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px; 
}

#linkicons {
padding-left : 20px;
}

* html #linkicons {
padding-left : 10px;
}

/* sidebar end */
/* content begin ===================================================== */

.postmetadata ul, .postmetadata li { 
display: inline;
list-style-type: none;
list-style-image: none; 
}

small, .nocomments, .postmetadata, blockquote, strike { 
color: #444;       /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */
}

.postmetadata {
font-size: .8em;
}

#content { 
font-size: 1.4em; 
letter-spacing : 0.03em;
line-height : 150%;
}

.alt {  
background-color: #fff;
border: 1px solid #ddd;
margin: 0;
padding: 0px; 
}

.tla {

}

.description { 
font-size: 1.2em;
text-align: center; 
position: absolute;
text-align: center;
margin-top: -1.5em; 
}

.commentmetadata, .commentmetadata a { 
font-weight: normal; 
text-decoration : none;
}

.post { 
margin: 0 0 40px;
text-align: right; 
}

#commentform p { 
margin: 5px 0; 
}

.nocomments { 
text-align: right;
margin: 0;
padding: 0; 
}

.commentmetadata { 
margin: 0;
display: block; 
}

.dot {
background : transparent url(images/bb_dot.gif) no-repeat 0 0; 
padding-left : 50px;
margin-left: -25px;
z-index : 5;
}

* html .dot {
padding-left: 25px;
}

.dot2 {
background : transparent url(images/bb_dot.gif) no-repeat 0 0; 
padding-left : 25px;
margin-left: -25px;
font-size : 140%;
z-index : 5;
}

.dot3 {
background : transparent url(images/bb_dot.gif) no-repeat 0 0; 
padding-left : 0;
margin-left: -25px;
font-size : 140%;
z-index : 5;
}

/* content end */
/* content lists begin =============================================== */

.commentlist { 
width: 100%; 
margin-left: 0px; 
}

.commentlist li, #commentform input, #commentform textarea { 
font-size: 0.9em; 
}
	
.commentlist li { 
font-weight: bold;  
}

.commentlist cite, .commentlist cite a { 
font-size: 10pt; 
color : #666;   /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */
text-decoration : none; font-family:Tahoma;

}

.commentlist cite a:hover, .commentlist cite a:focus, .commentlist cite a:active {
color : #111;
}

.commentlist p { 
font-weight: normal;
line-height: 1.5em;
text-transform: none; 
}

html>body .entry ul { 
margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px; 
} 

html>body .entry li { 
margin: 7px 0 8px 10px; 
}

.entry ol { 
padding: 0 0 0 35px;
margin: 0; 
}

.entry ol li { 
margin: 0;
padding: 0; 
}

ol li li {
list-style-type: lower-alpha;
}

.commentlist {
padding: 0;
text-align: left; 
}

.commentlist li { 
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none; 



}

.commentlist p { 
margin: 10px 5px 10px 0; 
}

/* content lists end */
/* columns begin ===================================================== */

.narrowcolumn { 
float: left;
padding: 0 0 20px 45px;
margin: 0px 0 0;
width: 450px; 
}

.widecolumn { 
padding: 10px 0 20px 0;
margin: 5px 0 0 50px;
width: 660px; 
}

.widecolumn .entry p { 
font-size: 1.05em; 
margin-top : 8px;
margin-bottom : 5px;
margin-left : 15px;
letter-spacing : 0.03em;
line-height : 150%;
}

.narrowcolumn .entry, .widecolumn .entry { 
line-height: 1.4em; 
letter-spacing : 0.03em;
line-height : 150%;
}

.widecolumn { 
line-height: 1.6em; 
}

.narrowcolumn { 
text-align: center; 
}

.postmetadata { 
text-align: right; 
}

.widecolumn .post { 
margin: 0; 
}

.narrowcolumn .postmetadata { 
padding-top: 5px; 
}

.widecolumn .postmetadata { 
margin: 30px 0; 
}

/*columns end */
/* footer begin ===================================================== */

#footer { 
padding: 0;
margin: 0 auto;
width: 760px;
clear: both;
background: url(images/bb_footer.gif) no-repeat bottom; 
border: 0; 
}

#footer p { 
margin: 0;
font-size : 1.2em;
padding: 20px 22px;
text-align: right; 
}

/* footer end */
/* image styles begin ============================================== */

p img { 
padding: 0;
max-width: 100%; 
}

img.centered { 
display: block;
margin-left: auto;
margin-right: auto; 
}
	
img.alignright { 
padding: 4px;
margin: 0 0 2px 7px;
display: inline; 
}

img.alignleft { 
padding: 4px;
margin: 0 7px 2px 0;
display: inline; 
}

.alignright { 
float: right; 
}

.alignleft { 
float: left; 
}

a img { 
border: 0px solid #fafafa; 
margin-bottom : 5px;
}

a img:hover, a img:focus, a img:active { 
border: 0px solid #ccc; 
}

/* image style end */
/* other stuff ===================================================== */

code, kbd {  
font: 1.1em 'Courier New', Courier, Fixed, monospace; 
color: #000;
background : #fff;
}

acronym, abbr, dfn, span.caps { 
cursor: help; 
border-bottom: 1px dotted #000000;   /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */
font-style: normal;
}

small { 
font-size: 0.9em;
line-height: 1.6em; 
}

small.dfnclass, small.dfnclass dfn {
font-size: 90%;
border: none;
border: 0;
}

blockquote { 
background : url(images/bb_quotes.gif) no-repeat top left;
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 3px solid #000000;   /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */
color : #999;
}

blockquote cite { 
margin: 5px 0 0;
display: block; 
text-align : right;
}

.center { 
text-align: center; 
}

div.hr {
background : transparent url(images/bb_hr.gif) no-repeat scroll center;
height : 30px;
border : 0;
}

div.hr hr, hr {
display : none;
}

/* other stuff end */
/* form elements begin ================================================== */

fieldset {
margin : 0;
padding : 0;
border : none;
} 

legend {
color : #666;
font-weight : bold;
margin-left : -5px;
}

label {
font-weight : normal;
font-size : 90%;
padding-top : 20px;
padding-left : 4px;
margin-left : 8px;
}

input, textarea {
font-family : Arial;
color : #666;  
background : #fff; 
border : 1px solid #999;
padding : 4px;
}

#s {
	padding:4px; border:solid 1px #dedede; border-bottom-style:dashed; background-color:#f4f4f4; width:150px; height:15px; font-size:12px;-moz-border-radius: 8px;-webkit-border-radius: 8px;
	
}

input {
font-size : 100%; 
width : 45%;
height : 1.6em;
border : 1px solid #999;
padding : 2px;
}

#commentform textarea {
font-size : 1.1em;
margin-top : 8px;
width : 97%;
height : 6em;
padding : 4px;
}

input:focus, textarea:focus, input.focus, textarea.focus, input:hover, textarea:hover, input.hover, textarea.hover {
color : #000;
height : 1.6em;
background : #fff;
border : 1px solid #333;
cursor : text;
}

textarea:focus, textarea.focus, textarea:hover, textarea.hover {
width : 97%;
height : 6em;
cursor : text;
}

#commentform textarea:focus, #commentform textarea.focus {
height : 18em;
width : 97%;
}

input.button {
width : 52px;
height : 2.1em;
font-weight: bold;
color : #333;
border : 1px solid #999;
background : #fff;
padding : 3px;
}

:hover.button, :focus.button {
cursor : pointer;
background : #000000;   /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */
color : #fafafa;
border : 1px solid #333;
}

input.button.hover, input.button.focus {
cursor : pointer;
background : #fff;
color : #000;
border : 1px solid #333;
}


a.rssbtn {
    background: url(http://www.i-mp3.ws/images/rssicon.png) no-repeat !important;
    display: block;
    margin: 10px auto 10px auto;
	height: 56;
    width: 101px;
}

a:hover.rssbtn {background: url(http://www.i-mp3.ws/images/rssicon.png) no-repeat 0 -88px !important;}

img.fc_custom01 {
    clip: rect(4px, 40px, 14px, 12px);
	display: block;
	margin: 0 auto 10px 20px;
	position: absolute;
  }

span.custom_caption {
    color: #666;
	font-size: 10px;
    margin: 2px 0 0 62px;
	padding: 0;
    position: absolute;
}
/*  round corners*/
/*  Oct 13 , */
/*  ================================================== */

#RoundCorners {
	background-color: #f4f4f4;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border: 1px solid #f4f4f4;
        padding: 10px;
        width:200px;
        height:45px;
        font-family: Georgia, "Times New Roman", Times, serif;
	color: #444;
	font-size: 22px;
        line-height: 44px;
	font-weight: bold;
        text-align:right;
}
#RoundCorners a {
    text-decoration:none;
}
#RoundCorners a:hover {
    text-decoration:none;
}
#RoundCornersMouseOver {
	background-color: #f9f9f9;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border: 1px solid #f9f9f9;
        padding: 10px;
        width:200px;
        height:45px;
        font-family: Georgia, "Times New Roman", Times, serif;
	color: #444;
	font-size: 22px;
        line-height: 44px;
	font-weight: bold;
        text-align:right;
}
#RoundCornersMouseOver a {
        text-decoration:none;
}
#RoundCornersMouseOver a:hover {
        text-decoration:none;
}
#search_box
	{
	padding:4px; border:solid 1px #dedede; border-bottom-style:dashed; background-color:#f4f4f4; width:150px; height:15px; font-size:12px;-moz-border-radius: 8px;-webkit-border-radius: 8px;
	}
.search_button
	{
	background-image:url(images/search_icon_new.png); background-color:#ffffff; border:0px; width:24px; height:23px; padding-left:9px;padding-right:9px;padding-top:2px;padding-bottom:2px;
	}
:hover.search_button, :focus.search_button	{
	background-image:url(images/search_icon_new.png); background-color:#ffffff; border:0px; width:24px; height:23px; padding-left:9px;padding-right:9px;padding-top:2px;padding-bottom:2px;
	}

search_button.hover, search_button.focus 	{
	background-image:url(images/search_icon_new.png); background-color:#ffffff; border:0px; width:24px; height:23px; padding-left:9px;padding-right:9px;padding-top:2px;padding-bottom:2px;
	}
        
#separate_line  {
 border:0; height:1px; background-color:#FEFEFE; width:100%;
}
.followme_links
{
    width:140px;
    border:0px; cellpadding:0px; cellspacing:0px; dir:rtl;
}




.rss-popup {
    margin: 0px 0px 0px 0px;
    padding: 0;
    width: 36px;
    position: relative;
}
 
div.rss-popup em {
    background: url(images/bubble-rss.png) no-repeat;
    width: 100px;
    height: 49px;
    position: absolute;
    top: -70px;
    left: -0px;
    display: none;
    margin: 0px 0px 0px -30px;
}
 
#rss-icon {
    width: 36px;
    height: 36px;
    background: url(images/rss_icon_16.png) no-repeat 0 0;
    margin: 0px 0px 0px 0px;
    display: block;
}
/*-------------------------------------------------------*/


.facebook-popup {
    margin: 0px 0px 0px 0px;
    padding: 0;
    width: 36px;
    position: relative;
}
 
div.facebook-popup em {
    background: url(images/bubble-facebook.png) no-repeat;
    width: 100px;
    height: 49px;
    position: absolute;
    top: -70px;
    left: -0px;
    display: none;
    margin: 0px 0px 0px -30px;
}
 
#facebook-icon {
    width: 36px;
    height: 36px;
    background: url(images/facebook_icon_16.png) no-repeat 0 0;
    margin: 0px 0px 0px 0px;
    display: block;
}
/*-------------------------------------------------------*/


.flickr-popup {
    margin: 0px 0px 0px 0px;
    padding: 0;
    width: 36px;
    position: relative;
}
 
div.flickr-popup em {
    background: url(images/bubble-flickr.png) no-repeat;
    width: 100px;
    height: 49px;
    position: absolute;
    top: -70px;
    left: -0px;
    display: none;
    margin: 0px 0px 0px -30px;
}
 
#flickr-icon {
    width: 36px;
    height: 36px;
    background: url(images/flickr_icon_16.png) no-repeat 0 0;
    margin: 0px 0px 0px 0px;
    display: block;
}
/*-------------------------------------------------------*/


.twitter-popup {
    margin: 0px 0px 0px 0px;
    padding: 0;
    width: 36px;
    position: relative;
}
 
div.twitter-popup em {
    background: url(images/bubble-twitter.png) no-repeat;
    width: 100px;
    height: 49px;
    position: absolute;
    top: -70px;
    left: -0px;
    display: none;
    margin: 0px 0px 0px -30px;
}
 
#twitter-icon {
    width: 36px;
    height: 36px;
    background: url(images/twitter_icon-16.png) no-repeat 0 0;
    margin: 0px 0px 0px 0px;
    display: block;
}

/*-------------------------------------------------------------*/
#CommentsRound {
	background-color: #f4f4f4;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border: 1px solid #f4f4f4;
        padding: 5px;
        width:500px;
        text-align:right;
        
}
#arrCommentsRound {
    	font-size: 0px; line-height: 0%; width: 0px;
	border-bottom: 13px solid #f4f4f4;
	border-left: 10px solid #ffffff;
	border-right: 10px solid #ffffff;
	margin-right:20px;
}
#menu_head {
    	font-size:24px;
        font-family: Georgia, "Arial" ,Times New Roman, Times, serif , Georgia ;
        color:#000;
        font-weight:bold;
        text-align:justify;
        direction:rtl;
}
#menu_text {
    	font-size:13px;
        font-family: Georgia, "Arial" ,Times New Roman, Times, serif , Georgia ;
        color:#666;
        text-align:justify;
        direction:rtl;
        margin-right:1px
}
#menu_text a , a:hover{
        color:#000;

}


/* header begin ======================================================== */

.mh_wrapper{
  height:40px;
  line-height:40px;
  position:absolute;
  top:0px;
  left:0px;
  font-family: "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif;
  font-size:16px;
  text-transform:uppercase;
  text-decoration:none;
}
.mh_itemMain{
  color:#f0f0f0;
  z-index:10;
  background-color:#B81F1F;
  cursor:pointer;
  background: #ffffff url(images/yath.png) no-repeat right;
  font-weight:bold;
  text-indent:20px;
  width:200px;
  height:107px;
  position:absolute;
  top:0px;
  left:0px;
  text-decoration:none;

}
.mh_itemMain p{
  padding-top:45px;
  padding-right:4px;
    text-align:right;
    text-decoration:none;
}
.mh_itemMain:hover{
  color:#fff;
  text-decoration:none;
}
.mh_right{
    width:15px;
    height:102px;
    position:absolute;
    left:160px;
    top:0px;
    cursor:pointer;
    border:1px solid #AFAFAF;
    border-top-style:none;
    background: #ffffff url(images/right.gif) no-repeat center center;
      -webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
text-decoration:none;
}

.mh_wrapper ul {
  position:absolute;
  left:202px;
  top:0px;
  width:500px;
  list-style:none;
  padding:0px;
  height:30px;
  text-decoration:none;
}
.mh_wrapper ul li a{
  cursor:pointer;
  display:block;
  float:left;
  margin:0px;
  margin-left:0px;
  text-indent:0px;
  padding:0px 10px 0px 3px;
  height:102px;
  text-decoration:none;
}

.mh_wrapper ul li a {
    text-decoration:none;
}
.mh_wrapper ul li img a:hover {
    text-decoration:none;
    border:none;
}
.mh_wrapper ul li a:hover {
    text-decoration:none;
    border:none;
    
}
.mh_wrapper a:hover {
    text-decoration:none;
    border:none;
   
}
.mh_wrapper a {
    text-decoration:none;
  
} 
.warpper_div{
    border:1px solid #AFAFAF;
  border-top-style:none;
    border-left:none;
      border-right-style:none;
       text-decoration:none;
}