.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;   background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

/* @XT_title: hide */
.ir br {
  display: none;
}

/* @XT_title: Hidden */
.hidden {
  display: none !important;
  visibility: hidden;
}

/* @XT_title: Visually hidden */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;   overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* @XT_title: hide */
.visuallyhidden.focusable:active, .
visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;   overflow: visible;
  position: static;
  width: auto;
}

/* @XT_title: hide */
.invisible {
  visibility: hidden;
}

/* @XT_title: hide */
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

/* @XT_title: hide */
.clearfix:after {
  clear: both;
}

/* @XT_title: Clear fix for
floating elements */
.clearfix {
  zoom: 1;
}



body, div.xt_touch, div.preview {
  font-family: "Helvetica Neue",
Arial, sans-serif;
  background-color: /*$bc*/#
0000FF/*e*/;
  background-image : url(http://hatakekakashi.xtgem.com/icon/10.png);
  background-repeat : repeat-x;
  background-position : 50% bottom;
}

a:visited, a:link, a {
  color: /*$hc*/#FFFF00/*e*/;
}

/* @XT_title: Navigation */
.xt_navigation {
  border-top: 1px solid /*$hc*/#
FFFF00/*e*/;
  border-bottom: 1px solid /*$
hc*/#FFFF00/*e*/;   text-align: left;
  width: 100%;
}

/* @XT_title: Footer */
.xt_navigation, .xt_footer {
  font-size: 12px;
  line-height: 24px;
  vertical-align: middle;
  background-color: /*$cbc*/# FFA500/*e*/;
  color: /*$cc*/#000000/*e*/;
}

/* @XT_title: Navigation link */
.xt_navigation span a, .xt_
navigation span a:visited, .xt_
navigation span a:link {
  margin-left: 3px;
  display: inline-block;   color: /*$cc*/#000000/*e*/;
}

/* @XT_title: Container and blog
style */
.xt_container, .xt_blog {
  margin: 5px 2px;
  border-bottom: 1px dashed /*$
mtc*/#00FF00/*e*/;   background-color: /*$cc*/#
000000/*e*/;
  background-image : url(http://hatakekakashi.xtgem.com/icon/09.png);
  background-repeat : repeat-x;
  background-position : 50% bottom;
}

/* @XT_title: Container
paragraph */
.xt_container, .xt_container
p, .xt_blog p {
  font-size: 12px;
  color: /*$mtc*/#00FF00/*e*/; 
  background-image : url(http://hatakekakashi.xtgem.com/icon/08.png);
  background-repeat : repeat-x;
  background-position : 50% bottom;
}

/* @XT_title: Button */
.xt_button, a.xt_button {
  background-color: /*$hc*/#
FFFFF0/*e*/;
  color: /*$cc*/#000000/*e*/;
  text-decoration: none;   padding: 3px;
  font-weight: bold;
  border: 1px solid /*$c_01*/#
999900/*e*/;
}

/* @XT_title: Blog subtitle */
.xt_blog_subtitle {
  content: "huda";

  display: right;
  font-weight: bold;
  background-image : url(http://hudaexper.heck.in/files/graybottom.png);
  background-repeat : repeat-x;
  background-position : 50% bottom;
  margin: 2px; 
  padding: 2px;
  border: 1px solid #ff0000;
}

/* @XT_title: Comments title */
.xt_blog_comments_title, .xt_
blog_write_a_comment_title {
  display: block;
  margin: 4px 0;
  font-weight: bold;   color: /*$c_02*/#57570F/*e*/;
  background-image : url(http://hatakekakashi.xtgem.com/icon/06.gif);
  background-repeat : repeat-x;
  background-position : 50% bottom;
}

/* @XT_title: Comment container
*/
.xt_blog_comment {
  margin-top: 2px;
  background-color: /*$c_04*/#
1A1AFF/*e*/;   border: 1px solid /*$c_05*/#
ECEC13/*e*/;
  background-image : url(http://hatakekakashi.xtgem.com/icon/05.gif);
  background-repeat : repeat-x;
  background-position : 50% bottom;
}

/* @XT_title: hide */
.xt_blog_comment .xt_blog_
comment_author, .xt_blog_
comment .xt_blog_comment_
date, .xt_blog_comment .xt_
blog_comment_content {   font-size: 11px;
}

/* @XT_title: Comment date
style */
.xt_blog_comment .xt_blog_
comment_date {
  color: /*$c_03*/#66FF66/*e*/;
  background-image : url(http://hatakekakashi.xtgem.com/icon/04.gif);
  background-repeat : repeat-x;
  background-position : 50% bottom;
}

/* @XT_title: Label style */
.xt_label {
  padding-left: 3px;
  background-image : url(http://hatakekakashi.xtgem.com/icon/03.gif);
  background-repeat : repeat-x;
  background-position : 50% bottom;
}

/* @XT_title: Comment style */
.xt_description {
  color: /*$c_03*/#66FF66/*e*/;
  margin-left: 2px;
  background-image : url(http://hatakekakashi.xtgem.com/icon/01.gif);
  background-repeat : repeat-x;
  background-position : 50% bottom;
}

/* @XT_title: Comment count
style */
.xt_blog_comments_number {
  color: /*$c_03*/#66FF66/*e*/;
}

/* @XT_title: Pagination
wrapper */
.xt_pagination {
  margin-bottom: 5px;
  background-image : url(http://hatakekakashi.xtgem.com/icon/02.png);
  background-repeat : repeat-x;
  background-position : 50% bottom;
}

/* @XT_title: Pagination element wrapper */
.xt_pagination span {
  margin: 0 2px;
  background-color: /*$hc*/#
FFFF00/*e*/;
}

/* @XT_title: Pagination element
inner */
.xt_pagination span a {
  padding: 2px;
  color: /*$cc*/#000000/*e*/;
  background-color: /*$hc*/# FFFF00/*e*/;
}


/* @XT_title: Inactve and
selected pagination element
wrapper */
.xt_pagination span.selected, .xt_ pagination span.inactive {
  color: /*$cbc*/#FFA500/*e*/;
  background-image : url(http://hatakekakashi.xtgem.com/icon/20.gif);
  background-repeat : repeat-x;
  background-position : 50% bottom;
}

/* @XT_title: Inactive and
selected pagination element
inner */ .xt_pagination span.selected
span, .xt_pagination
span.inactive span {
  padding: 2px;
}

/* @XT_title: Text color */
.xt_text {
  color: /*$mtc*/#00FF00/*e*/;
}

/* @XT_title: Normal text sizing
*/
.xt_text.normal {
  font-size: 12px;
  line-height: 21px;
}

/* @XT_title: Small text sizing */
.xt_text.small {
  font-size: 10px;
  line-height: 17px;
}

/* @XT_title: Large text sizing */
.xt_text.large {
  font-size: 14px;
  line-height: 25px;
  background-image : url(http://hatakekakashi.xtgem.com/icon/19.gif);
  background-repeat : repeat-x;
  background-position : 50% bottom;
}

/* @XT_title: Image */
.xt_text img {
  /* display: block; */
  text-align: center;
  margin: 1px auto;
  max-width: 100%;
  background-image : url(http://hatakekakashi.xtgem.com/icon/18.gif);
  background-repeat : repeat-x;
  background-position : 50% bottom;
}

/* @XT_title: Heading */
.xt_heading, h1, h2, h3, h4, h5,
h6, .xt_touch h1, .xt_touch
h2, .xt_touch h3, .xt_touch
h4, .xt_touch h5, .xt_touch h6 {
  color: /*$hc*/#FFFF00/*e*/;   font-weight: bold;
}

