article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; }
::-moz-selection { background: #acdd33; color: #fff; text-shadow: none; }
::selection { background: #acdd33; color: #fff; text-shadow: none; }
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
pre { white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }
input[type="checkbox"], input[type="radio"] { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; min-height: 70px; width: 99%; padding: 0; }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* @XT_title: hide */
.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 { 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; }
/* @XT_title: Content wrapper */
.xt_touch, preview { background: /*$bgc*/
    #0c0d0c
    /*e*/
    ; color: /*$txtc*/
    #3bed0e
    /*e*/
    ; }
a:active, a:hover, a:visited, a:link, a { color: /*$c1*/
    #60F33B
    /*e*/
    ; text-decoration: underline; }
.xt_header { -webkit-box-shadow: /*$c3*/
    #5B4F09
    /*e*/
     0px 5px 5px inset; -moz-box-shadow: /*$c3*/
    #5B4F09
    /*e*/
     0px 5px 5px inset; box-shadow: /*$c3*/
    #5B4F09
    /*e*/
     0px 5px 5px inset; background-color: /*$topbgc*/
    #b89f12
    /*e*/
    ; padding: 2px; }
.xt_navigation { background-color: /*$topbgc*/
    #b89f12
    /*e*/
    ; padding: 4px 0; }
.xt_navigation span { display: inline-block; margin: 0; padding: 1px 2px; }
.xt_navigation span a { display: inline-block; font-size: 15px; font-weight: normal; color: /*$toptxtc*/
    #d91f6c
    /*e*/
    ; padding: 1px; margin: 0; }
.xt_navigation span span { margin: 0; }
.xt_navigation span.active { text-decoration: none; border-bottom: solid 1px 
    /*$toptxtc*/
    #d91f6c
    /*e*/
    ; }
.xt_navigation span.active a, .xt_navigation span.active span { text-decoration: none; color: /*$c2*/
    #EB73A5
    /*e*/
    ; }
.xt_text { font-family: sans-serif; color: #0e2599; }
.xt_text.large { font-size: 13px; }
.xt_text.normal { font-size: 12px; }
.xt_text.small { font-size: 11px; }
.xt_link, a { color: /*$shadc*/
    #08010a
    /*e*/
    ; }
.xt_container, .xt_blog, .xt_list, .xt_touch .xt_blog, .xt_touch .xt_list { background: /*$boxc*/
    #e38109
    /*e*/
    ; margin: 7px 3px; padding: 3px; border: solid 1px 
    /*$c4*/
    #B26507
    /*e*/
    ; }
.xt_blog .xt_blog_subtitle, .xt_blog .xt_blog_comments_title, .xt_blog .xt_blog_write_a_comment_title, .xt_touch .xt_blog .xt_blog_comments_title, .xt_touch .xt_blog .xt_blog_write_a_comment_title { color: /*$txtc*/
    #3bed0e
    /*e*/
    ; font-size: 12px; font-weight: 700; margin: 2px 0 3px 0; }
.xt_blog .xt_blog_comments { font-size: 12px; margin: 3px; }
.xt_blog .xt_blog_comment { color: /*$c5*/
    #2FBD0B
    /*e*/
    ; }
.xt_button, a.xt_button, .xt_submit input { display: inline-block; padding: 1px 3px; font-size: 12px; color: /*$c6*/
    #AC1956
    /*e*/
    ; border: solid 1px 
    /*$c7*/
    #8A770D
    /*e*/
    ; background: /*$topbgc*/
    #b89f12
    /*e*/
    ; text-decoration: none; }
input.xt_button { display: block; margin: 5px 1px; padding: 2px 4px; }
.xt_gallery { margin-bottom: 7px; }
.xt_gallery img { border: solid 1px 
    /*$shadc*/
    #08010a
    /*e*/
    ; margin: 3px; }
.xt_pagination span span { color: /*$c6*/
    #AC1956
    /*e*/
    ; display: inline-block; padding: 1px 3px; line-height: 15px; text-align: center; font-size: 13px; font-weight: bold; background: /*$c7*/
    #8A770D
    /*e*/
    ; }
.xt_pagination .selected span { background: /*$topbgc*/
    #b89f12
    /*e*/
    ; }
.xt_pagination .inactive span { background: none; color: /*$shadc*/
    #08010a
    /*e*/
    ; }
.xt_footer { margin-top: 7px; text-align: center; }
.xt_label { display: inline-block; margin: 5px 0 1px 0; }
.xt_label label { color: /*$c5*/
    #2FBD0B
    /*e*/
    ; font-size: 12px; font-weight: normal; }
img.xt_image { border: solid 1px 
    /*$c8*/
    #000000
    /*e*/
    ; margin: 2px; max-width: 100%; }
.xt_input input, .xt_textarea textarea { width: 100%; height: auto; min-height: 20px; padding: 0; color: /*$c5*/
    #2FBD0B
    /*e*/
    ; font-size: 12px; text-indent: 5px; background: /*$c9*/
    #CA7308
    /*e*/
    ; }
.xt_submit input, input.xt_button { display: inline-block; padding: 1px 3px; font-size: 12px; color: /*$c6*/
    #AC1956
    /*e*/
    ; border: solid 2px 
    /*$c7*/
    #8A770D
    /*e*/
    ; background: /*$topbgc*/
    #b89f12
    /*e*/
    ; text-decoration: none; font-weight: bold; }
.xt_textarea textarea { min-height: 40px; padding: 2px 0; }
.xt_list .xt_item { margin: 5px; }
.xt_list .xt_item a { font-size: 12px; text-decoration: none; }
h1 { font-size: 18px; }
h2 { font-size: 15px; }
h3 { font-size: 14px; }
h4 { font-size: 13px; }
h5 { font-size: 12px; }
h6 { font-size: 11px; }
.xt_touch { line-height: 18px; }
.xt_touch .xt_header { -webkit-box-shadow: /*$c3*/
    #5B4F09
    /*e*/
     0px 5px 5px inset; -moz-box-shadow: /*$c3*/
    #5B4F09
    /*e*/
     0px 5px 5px inset; box-shadow: /*$c3*/
    #5B4F09
    /*e*/
     0px 5px 5px inset; background: url("http://xtgem.com/template_images/ThickCurtains/header_bg.png") 0 0; background-color: /*$topbgc*/
    #b89f12
    /*e*/
    ; padding: 5px; }
.xt_touch .xt_navigation { font-family: 'Cookie', cursive; -webkit-box-shadow: /*$c3*/
    #5B4F09
    /*e*/
     0px -7px 12px inset; -moz-box-shadow: /*$c3*/
    #5B4F09
    /*e*/
     0px -7px 12px inset; box-shadow: /*$c3*/
    #5B4F09
    /*e*/
     0px -7px 12px inset; background-color: /*$topbgc*/
    #b89f12
    /*e*/
    ; padding: 10px 0; }
.xt_touch .xt_navigation span { display: inline-block; margin: 0; padding: 2px 5px; }
.xt_touch .xt_navigation span a { display: inline-block; font-family: 'Cookie', cursive; text-shadow: /*$shadc*/
    #08010a
    /*e*/
     0px 1px 1px; font-size: 22px; font-weight: normal; color: /*$toptxtc*/
    #d91f6c
    /*e*/
    ; padding: 2px; margin: 0; }
.xt_touch .xt_navigation span span { margin: 0; }
.xt_touch .xt_navigation span.active { text-decoration: none; border-bottom: solid 1px 
    /*$toptxtc*/
    #d91f6c
    /*e*/
    ; }
.xt_touch .xt_navigation span.active a, .xt_touch .xt_navigation span.active span { text-decoration: none; color: /*$c2*/
    #EB73A5
    /*e*/
    ; }
.xt_touch .xt_text { font-family: sans-serif; }
.xt_touch .xt_text.large { font-size: 15px; }
.xt_touch .xt_text.normal { font-size: 13px; }
.xt_touch .xt_text.small { font-size: 12px; }
.xt_touch .xt_link, .xt_touch a { color: /*$shadc*/
    #08010a
    /*e*/
    ; }
.xt_touch .xt_container, .xt_touch .xt_blog, .xt_touch .xt_list, .xt_touch .xt_blog, .xt_touch .xt_list { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background: /*$boxc*/
    #e38109
    /*e*/
    ; margin: 15px 10px; padding: 10px; border: solid 1px 
    /*$c4*/
    #B26507
    /*e*/
    ; }
.xt_touch .xt_blog .xt_blog_subtitle, .xt_touch .xt_blog .xt_blog_comments_title, .xt_touch .xt_blog .xt_blog_write_a_comment_title, .xt_touch .xt_blog .xt_blog_comments_title, .xt_touch .xt_blog .xt_blog_write_a_comment_title { color: /*$txtc*/
    #3bed0e
    /*e*/
    ; font-size: 12px; font-weight: 700; margin: 5px 0 10px 0; }
.xt_touch .xt_blog .xt_blog_comments { font-size: 12px; margin: 10px; }
.xt_touch .xt_blog .xt_blog_comment { color: /*$c5*/
    #2FBD0B
    /*e*/
    ; }
.xt_touch .xt_button, .xt_touch a.xt_button, .xt_touch .xt_submit input { display: inline-block; padding: 3px 7px; font-size: 13px; color: /*$c6*/
    #AC1956
    /*e*/
    ; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; border: solid 1px 
    /*$c7*/
    #8A770D
    /*e*/
    ; background: /*$topbgc*/
    #b89f12
    /*e*/
    ; text-decoration: none; }
.xt_touch input.xt_button { display: block; margin: 10px 1px; padding: 5px 20px; }
.xt_touch .xt_gallery { margin-bottom: 15px; }
.xt_touch .xt_gallery img { -webkit-box-shadow: /*$shadc*/
    #08010a
    /*e*/
     0px 0px 5px; -moz-box-shadow: /*$shadc*/
    #08010a
    /*e*/
     0px 0px 5px; box-shadow: /*$shadc*/
    #08010a
    /*e*/
     0px 0px 5px; border: solid 1px 
    /*$shadc*/
    #08010a
    /*e*/
    ; margin: 5px; }
.xt_touch .xt_pagination span span { color: /*$c6*/
    #AC1956
    /*e*/
    ; display: inline-block; padding: 3px 10px; line-height: 25px; text-align: center; font-size: 14px; font-weight: bold; background: /*$c7*/
    #8A770D
    /*e*/
    ; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; text-shadow: /*$shadc*/
    #08010a
    /*e*/
     1px 1px 1px; }
.xt_touch .xt_pagination .selected span { background: /*$topbgc*/
    #b89f12
    /*e*/
    ; }
.xt_touch .xt_pagination .inactive span { background: none; color: /*$shadc*/
    #08010a
    /*e*/
    ; }
.xt_touch .xt_footer { margin-top: 20px; text-align: center; }
.xt_touch .xt_label { display: inline-block; margin: 5px 0 2px 0; margin-top: 10px; }
.xt_touch .xt_label label { color: /*$c5*/
    #2FBD0B
    /*e*/
    ; font-size: 12px; font-weight: normal; }
.xt_touch img.xt_image { -webkit-box-shadow: /*$shadc*/
    #08010a
    /*e*/
     0px 0px 5px; -moz-box-shadow: /*$shadc*/
    #08010a
    /*e*/
     0px 0px 5px; box-shadow: /*$shadc*/
    #08010a
    /*e*/
     0px 0px 5px; border: solid 1px 
    /*$c8*/
    #000000
    /*e*/
    ; margin: 5px; }
.xt_touch .xt_input input, .xt_touch .xt_textarea textarea { width: 100%; height: auto; min-height: 25px; padding: 0; color: /*$c5*/
    #2FBD0B
    /*e*/
    ; font-size: 13px; text-indent: 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background: /*$c9*/
    #CA7308
    /*e*/
    ; }
.xt_touch .xt_submit input, .xt_touch input.xt_button { display: inline-block; padding: 3px 7px; font-size: 13px; color: /*$c6*/
    #AC1956
    /*e*/
    ; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; border: solid 2px 
    /*$c7*/
    #8A770D
    /*e*/
    ; background: /*$topbgc*/
    #b89f12
    /*e*/
    ; text-decoration: none; font-weight: bold; }
.xt_touch .xt_textarea textarea { min-height: 70px; padding: 3px 0; }
.xt_touch .xt_list .xt_item { margin: 5px; }
.xt_touch .xt_list .xt_item a { font-size: 13px; text-decoration: none; margin-right: 5px; }
/* { }
}
 Header color: $topbgc:#b89f12;
 Header text color: $toptxtc:#d91f6c;
 Shadow color: $shadc:#08010a;
 Background color: $bgc:#0c0d0c;
 Container color: $boxc:#e38109;
 Text color: $txtc:#3bed0e; { }
} { }
}
 $c1: lighten $txtc 10 $c2: lighten $toptxtc 20 $c3: darken $topbgc 20 $c4: darken $boxc 10 $c5: darken $txtc 10 $c6: darken $toptxtc 10 $c7: darken $topbgc 10 $c8: darken $bgc 10 $c9: darken $boxc 5 { }