/* COMMON STYLE
--------------------------------------------------------- */
body {
 /* color: #333;*/
  background-color: #c32c9a;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.7;
  
}

/*body#bd { background: url(http://skrec.org/templates/skrec/images/header-bg2.gif); color: #333; }*/

/* Normal links ---*/
a { color: #807D73; text-decoration: none; }

a:hover, a:active, a:focus { color: #333; }

.ja-module dd,
.ja-content-main dd,
.ja-content-main dd { margin-left: 0px; }

/* Readon links ---*/
p.readmore {
  background: url(http://skrec.org/templates/skrec/images/readon-bg.gif) repeat-x left bottom;
  border: 1px solid #ddd;
  font-weight: bold;
  float: left;
  padding: 2px 6px;
}

p.readmore a {
  color: #666;
  text-shadow: 0 1px 1px #fff;
}

p.readmore a:hover,
p.readmore a:focus,
p.readmore a:active {
  color: #238db4;
  text-decoration: none;
}

.contentheading, .componentheading, h1, h2, h3, h4, h5 {
  font-family: "Segoe UI", Arial, Hevetica, sans-serif;
}

h1.componentheading, .componentheading {
  background: url(http://skrec.org/templates/skrec/images/heading-bg.gif) repeat-x left top #f0f0f0;
  border-bottom: 1px solid #E4E4E4;
  color: #4A4A4A;
  font-weight: bold;
  font-size: 110%;
  margin: 0 -15px;
  padding: 0 15px 10px;
text-transform: uppercase;

    text-shadow: 0 1px 2px #fff;
}

h2.contentheading, .contentheading {
  font-weight: bold;
}

.contentheading { font-size: 250%; }

.contentpaneopen_edit {
  position: absolute;
  left: 0;
  top: 0;
}

.blog-featured .contentheading { color: #238db4; font-size: 170%; }

.jitem-title { font-size: 110%; font-weight: bold; }

/* Others ---*/
hr { border-top: 1px solid #ccc; }

/* FORM
--------------------------------------------------------- */
input, select, textarea, .inputbox {
  padding: 4px 5px;
  font-family: Arial, Helvetica, sans-serif;
}

input[type="checkbox"] {
  vertical-align: middle;
  padding: 0;
  margin: 0;
}

.inputbox { border: 1px solid #d6e4ec; background: #fff; }

.inputbox:hover, .inputbox:focus { background: #ffffcc; }

.login_form .remember .inputbox,
.ja-weblinks .checkbox .inputbox {
  border: none;
}

#login-form .logout-button { padding:0; border:none; background:none; color:#fff; font-weight:normal; cursor:pointer; text-shadow:none }

.josForm .inputbox {
  margin-right: 5px;
}

.button, button {
  background: url(http://skrec.org/templates/skrec/images/readon-bg.gif) repeat-x left bottom;
  border: 1px solid #ddd;
  font-weight: bold;
  padding: 2px 5px;
  text-shadow: 0 1px 1px #fff;
}

.login-fields label {
  padding-right: 10px;
}

/* Search ---*/
form#searchForm { }

.searchintro { border-bottom: 1px solid #ccc; }

.results h4 { text-transform: none; font-size: 110%; }

/* Contact ---*/
#component-contact #emailForm {}

.contentpane form p { margin-bottom: 10px; }

.contact-miscinfo { overflow: hidden; padding: 15px 0; }

div.jicons-icons, div.contact-misc { float: left; }

.column div.contact-misc p { margin: 0; }

span.jicons-icons, div.contact-address address { display: inline; }

span.jicons-icons, div.jicons-icons { padding: 0 8px 0 0; }

.contact-form dd input, .contact-form dd textarea { width: 70%; }

.contact-form dd textarea { overflow: auto; }

.contact-form dd input[type="checkbox"] { width: auto; }

/* JOOMLA STYLE
--------------------------------------------------------- */
/* Layout Deco ---*/
.items-leading { border-bottom: 1px solid #ccc; }

.items-row { border-bottom: 1px solid #E8EDF0; }

.blog .items-row, .blog .items-leading .leading { border-bottom: none; }

/* Meta ---*/
.article-tools {
  border: 1px solid #e1ebf1;
  background: #f6f6f6;
  margin-top: 3px;
  padding: 5px 5px 3px;
}

dl.article-info { color: #999; margin: 0; }

dd.create,
dd.createdby,
dd.category {
  background: url(http://skrec.org/templates/skrec/images/icon-date.png) no-repeat 0px 0px;
  margin-right: 8px;
  padding: 2px 0 0 20px !important;
  text-transform: capitalize;
}

dd.createdby { background: url(http://skrec.org/templates/skrec/images/icon-user.png) no-repeat 0px 0px; }

dd.category { background: url(http://skrec.org/templates/skrec/images/icon-folder.png) no-repeat 0px 0px; }

.contentdescription { border-bottom: 1px solid #ccc; margin-bottom: 10px; }

.modifydate { color: #666; font-size: 92%; }

/*Inline images ---*/
div.img_caption { margin-top: 20px; }

.img_caption.left { margin-right: 20px; }

div.img_caption img {
  background: #d6e4ec;
  border: 1px solid #90CAE0;
  padding: 4px;
}

p.img_caption { color: #999; padding-top: 2px; text-transform: uppercase; }

.article-image {
  float: left;
  width: 130px;
}

.img-fulltext-left {
  float: left;
}

.img-fulltext-right {
  float: right;
}

p.article-image  {
  width: 220px;
}
.article-image img {
  background: #d6e4ec;
  border: 1px solid #90CAE0;
  clear: both;
  display: block;
  padding: 4px;
  margin: 20px 0 0;
}

.img-fulltext-left img,
.img-fulltext-right img,
.img-fulltext-none img {
  background: #d6e4ec;
  border: 1px solid #90CAE0;
  clear: both;
  display: block;
  padding: 4px;
  margin: 0 15px 0 0;
}

.article-image-right img.right {
  margin-left: 15px;
}

.img-fulltext-right img {
  margin: 0 0 0 15px;
}

.item-page p.article-image img {
  margin: 10px 15px 0px 0px;
}

.blog .article-image {
  float: none; 
  width: auto;
}
.blog .article-image img {
  background: #d6e4ec;
  border: 1px solid #90CAE0;
  display: inline-block;
  padding: 4px;
  margin: 0px 0px 0px 15px;
}

.article-image .img_caption { margin: 0; }

.article-image .ja-retweet-normal-home { margin-right: 15px;  }

.article-image .ja-facebookshare-box_count-home { margin-right: 0; margin-bottom: 0; }

/* Tables ---*/
thead tr th {
  background: #333;
  color: #fff;
  padding: 5px;
}

thead tr th a,
thead tr th a:hover,
thead tr th a:focus,
thead tr th a:active { color: #fff; }

.cat-list-row1,
.cat-list-row12,
tr.cat-list-row1 td,
tr.cat-list-row2 td { border-bottom: 1px solid #ccc; padding: 5px; }

.cat-list-row1:hover,
.cat-list-row2:hover { background: #ffffcc; }

.cat-list-row2,
tr.cat-list-row2 td { background-color: #f6f6f6; }

/* Content Toc */
table.contenttoc { border: 1px solid #ccc; }

table.contenttoc td { border-bottom: 1px dotted #ccc; }

table.contenttoc th {
  background: #f6f6f6;
  border-bottom: 1px solid #ccc;
  text-transform: uppercase;
}

/* Poll */
form#poll {
  border-bottom: 1px dotted #ccc;
  font-weight: bold;
}

dl.poll { border-bottom: 1px dotted #ccc; }

table.pollstableborder td {
  background: #f6f6f6;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  padding: 5px !important;
}

table.pollstableborder tr.sectiontableentry0 td,
table.pollstableborder tr.sectiontableentry1 td { background: #fff; font-weight: normal; }

/* Pagination --- */
div.pagination {
  border-top: 1px solid #ccc;
  padding: 8px;
  margin: 0 0 4px 0;
  text-align: center;
  color: #999;
}

div.pagination:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   line-height: 0;
   visibility: hidden;
}

.blog-featured div.pagination { border-top: none; }

div.pagination ul {
  width: 100%;
  float: none;
  margin:15px 0;
}

div.pagination ul li {
  background: #fff;
  border: 1px solid #ddd;
  margin: 0 3px;
  padding: 2px 3px;
}

div.pagination li span,
div.pagination li strong {
  padding: 0;
}

.items-more { border-bottom: 1px solid #ccc; }

.items-more h3 { font-size: 125%; }

/* Tool Tip ---*/
.tool-title {
  padding-top: 15px;
}

/* MODULE STYLES
--------------------------------------------------------- */
div.ja-moduletable h3, div.moduletable h3 {
  background: url(http://skrec.org/templates/skrec/images/grad-d1.gif) repeat-x left top #238db4;
  color: #fff;
  font-size: 110%;
  font-family: "Segoe UI", Helvetica, sans-serif;
  font-weight: bold;
  margin: 0;
  padding: 10px 15px;
  text-transform: uppercase;
}

div.ja-moduletable, div.moduletable {
  background: #fff;
  margin-top: 0;
  margin-bottom: 15px;
  padding: 0;
}

div.ja-moduletable .ja-box-ct, div.moduletable .ja-box-ct {
  padding: 10px 15px;
}


div.moduletable_facebook .ja-box-ct {
  padding-left: 0px !important; 
  padding-right: 0px !important;
}

div.ja-moduletable iframe.dark {
    background-color: #000000;
}

.ja-box-ct .latest-discussions-items .item-avatar{
  float:left;
}
.ja-box-ct .latest-discussions-items li{
  padding-left:0;
  background: none;
}
.ja-box-ct .latest-discussions-items .item-avatar img {
    border: 1px solid #CCCCCC;
    display: inline;
    float: left;
    margin: 0 5px 0 0;
    padding: 2px;
    width: 32px;
}

/* Advertisement ---*/
div.bannergroup_text div.banneritem_text { border-bottom: 1px dotted #ccc; }

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper { }

#ja-container {
  background: url(http://skrec.org/templates/skrec/images/container-bg.gif) repeat-x left top #d6e4ec;
  padding-bottom: 20px;
}

#ja-container .main { padding: 20px 0 0; }

.main .main-inner1 { margin-left: 0; margin-right: 0; }

.article-content { overflow: visible; }

.fp-article-content {
  padding-left: 145px;
}

/* Content Main ---*/
.ja-content-main {
  background: #fff;
  margin-bottom: 20px;
  padding: 10px 15px 20px;
}

.ja-social .ja-content-main,
.ja-agora .ja-content-main {
  background: none;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

/* HEADER
--------------------------------------------------------- */
#ja-header { border-top: 1px solid #4FAED2; margin-top: 9px; z-index: 13; }

#ja-header .main { padding: 15px 0;}

h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1; margin-left: 90px;}

/* Logo Image ---*/
.logo { width: 691px; height: 140px; }
h1.logo { width: 691px; height: 140px; }

h1.logo a {
  background: url(http://skrec.org/templates/skrec/images/SKR12.jpg) no-repeat left;
  display: block;
  width: 1242px;  
  height: 166px;
}

/* Logo Text ---*/
div.logo-text h1 {
  font-size: 280%;
  font-family: Arial, sans-serif;
  font-weight: bold;
  margin: 0;
  padding: 0 0 0 15px;
}

div.logo-text h1 a {
  color: #fff;
  text-decoration: none;
  text-shadow: 0 1px 1px #0367A6;
}

p.site-slogan {
  color: #d6e4ec;
  display: block;
  font-size: 85%;
  margin: 3px 0 0;
  padding: 0 15px;
}

#ja-top-header {
  margin-top:-5px;
  position:absolute;
  right:180px;
  text-align:right;
  width:50%;
}

/* Search ---*/
#ja-search {
  background: url(http://skrec.org/templates/skrec/images/search-bg.png) no-repeat left top;
  bottom: 50px;
  height: 29px;
  right: 10px;
  width: 215px;
}

#ja-search .inputbox {
  background: none;
  border: none;
  color: #fff;
  height: 29px;
  line-height: 29px;
  padding: 0 10px;
  width: 125px;
  text-transform: capitalize;
}

#ja-search .button {
  background: none;
  border: 0;
  color: #666;
  height: 29px;
  line-height: 29px;
text-transform:uppercase;
  text-shadow: 0 1px 1px #fff;
  width: 70px;
}

*+ html #ja-search .button { line-height: 25px; }

/* Top bar ---*/
#ja-topbar {
  border-bottom: 1px solid #71C671;
  color: #113B4A;
  font-size: 11px;
  position: absolute;
  top: 0;
  z-index: 16;  
  background: url(http://skrec.org/templates/skrec/images/header-bg2.gif);
}

#ja-topbar .main {
  height: 28px;
  line-height: 28px;
}

#ja-topbar .ja-day {
  background: url(http://skrec.org/templates/skrec/images/sep-w.gif) no-repeat right center;
  display: block;
  float: left;
  margin-left: 15px;
  padding-right: 10px;
}

#ja-topbar .ja-updatetime {
  float: left;
  padding: 0 10px;
}

#ja-topbar .ja-updatetime em {
  margin-left: 5px;
  font-style: normal;
  color: #fff;
}

/* Headtools ---*/
#ja-headtools {
  position: absolute;
  right: 15px;
  top: 5px;
}

#ja-headtools ul {
  float: left;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

#ja-headtools li {
  background: none;
  display: inline;
  line-height: normal;
  margin: 0;
  padding: 0;
}

#ja-headtools li a {
  display: block;
  float: left;
  color: #fff;
  margin-left: 5px;
  padding-bottom: 4px;
}

#ja-headtools li a span { display: block; padding: 2px 5px 2px 24px; }

#ja-headtools li a.login-switch span { background: url(http://skrec.org/templates/skrec/images/icons/icon-user.png) no-repeat 5px 2px; }
#ja-headtools li a.register-switch span { background: url(http://skrec.org/templates/skrec/images/icons/icon-register.png) no-repeat 5px 2px; }

#ja-headtools li a.login-switch.show span { background-image: url(http://skrec.org/templates/skrec/images/icons/icon-user-show.png); }
#ja-headtools li a.register-switch.show span { background-image: url(http://skrec.org/templates/skrec/images/icons/icon-register-show.png); }

#ja-headtools li a:hover {
  text-decoration: none;
}

#ja-headtools li a.show {
  background: url(http://skrec.org/templates/skrec/images/arrow-up.gif) no-repeat center bottom;
  color: #FFFFFF;
  position: relative;
  z-index: 1000;
}

#ja-headtools li a.show span {}

#ja-headtools li a.show span { display: block; }

#ja-user-register, #ja-user-login {
  background: url(http://skrec.org/templates/skrec/images/ja-login-bg.gif) repeat-x left bottom #fff;
  border: 1px solid #A1D5E9;
  color: #333;
  display: none;
  height: auto;
  overflow: hidden;
  padding: 10px 15px;
  position: absolute;
  right: -15px;
  text-align: left;
  top: 21px;
  z-index: 999;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0 3px 5px rgba(0,0,0,.4);
  -moz-box-shadow: 0 3px 5px rgba(0,0,0,.4);
  -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.4);
}

#ja-user-login .ja-login-user,
#ja-user-login .ja-login-password,
#ja-user-login .mod_login_remember {
  float: left;
  width: 145px;
  display: block;
}

#ja-user-login .button,
#ja-user-register .button {
  color: #fff;
  background:  url(http://skrec.org/templates/skrec/images/button_bg.png) 0 50% repeat-x #238db4;
  border: 1px solid #238db4;
  text-shadow: 0 1px 1px #4a4a4a;
}

#ja-user-login .button{ float:left; margin-top:15px; border:none }

#ja-user-register .button:hover {
  border: 1px outset #fff;
}

#form-login-remember {
  display: block; float:left; padding:20px 5px 0 0;
}
#login-form #modlgn-remember {
  width: auto; height: auto; padding:0px; margin: 0px; border: none; background: none;
}

#member-registration span.red {
  background: none;
  border: none;
  vertical-align: middle;
  display: inline;
  color: #cc0000;
  padding: 0 5px;
}


#member-registration label.hasTip{
  width: 140px !important;
  display: block;
}

.registration input{
  float: left;
}
.ja-login-links {
  margin-top: 10px;
}

#ja-headtools .ja-login-links a, #ja-headtools .ja-login-links ul li a{
  color: #238db4;
  padding: 0;
}

#ja-headtools li a.logout-switch {
  display: inline;
  float: none;
  margin-left: 3px;
}

/* NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/
#ja-mainnav { background: url(http://skrec.org/templates/skrec/images/trans-bg.png); border-top: 1px solid #4FAED2; }

#ja-mainnav .main-inner1 { padding: 0 10px 0 }

/* Breadcrumbs ---*/
#ja-navhelper { background: url(http://skrec.org/templates/skrec/images/trans-bg.png); text-align: left; float: left; }

#ja-navhelper .main { color: #fff; padding: 8px 0px; }

.ja-breadcrums { text-indent: 10px; }

.ja-breadcrums img { display: none; }

.ja-breadcrums a { padding-right: 18px !important; 
  background: url(http://skrec.org/templates/skrec/images/arrow.png) no-repeat right center; }

.ja-breadcrums span.name { padding-right: 2px; }

.ja-breadcrums strong { margin-right: 0; margin-left: 5px; }


#ja-navhelper a {
  color: #fff;
}

/* Extras ---*/
.ja-links { padding-right: 10px; }

.ja-links li { padding: 0 10px; }

/* Default Joomla! Menu ---*/
#ja-container .moduletable_menu ul.menu {
  margin: -5px -15px -5px;
}

#ja-container ul.menu li { border-bottom: 1px dotted #e8edf0; padding-left: 0; }

#ja-container ul.menu li a {
  background: url(http://skrec.org/templates/skrec/images/bullet-grey.png) no-repeat 15px 12px;
  color: #666;
  text-indent: 27px;
  width: 100%;
}

#ja-container ul.menu li a:hover,
#ja-container ul.menu li a:active,
#ja-container ul.menu li a:focus {
  background-image: url(http://skrec.org/templates/skrec/images/bullet-blue.png);
  color: #238db4;
  text-decoration: none;
}

#ja-container ul.menu li li { background: none; border-bottom: 0; border-top: 1px solid #E1EBF1; }

#ja-container ul.menu li li a,
#ja-container ul.menu li.active li a { text-indent: 27px; color: #666; }

#ja-container ul.menu li li a:hover, 
#ja-container ul.menu li li a:active, 
#ja-container ul.menu li li a:focus {
  background: url(http://skrec.org/templates/skrec/images/bullet-blue.png) no-repeat 15px 12px;
  color: #238db4;
}

#ja-container ul.menu li.active a { color: #238db4; }

/* MASS TOP
--------------------------------------------------------- */
#ja-content-mass-top { margin-bottom: 15px; }

#ja-content-top { position: relative; }

/* JA Content top ---*/
#ja-content-top .ja-moduletable {
  background: #fff !important;
  margin-left: 10px;
  margin-right: 10px;
}

#ja-content-top .ja-box-left .ja-moduletable { margin-left: 0; }
#ja-content-top .ja-box-right .ja-moduletable { margin-right: 0; }

/* SPOTLIGHT
--------------------------------------------------------- */
#ja-topsl .ja-box, #ja-botsl .ja-box { }

#ja-topsl .ja-box-right, #ja-botsl .ja-box-right {
  background: 0;
}

#ja-topsl .ja-moduletable, #ja-botsl .ja-moduletable {
  background: none;
  border: 0;
  margin-top: 0;
  margin-bottom: 10px;
}

#ja-topsl div.ja-moduletable h3,
#ja-botsl div.ja-moduletable h3 {
  background: none;
  border-bottom: 0;
  padding-bottom: 0;
}

/* Top spotlight ---*/
#ja-topsl .main { padding: 0; }
#ja-topsl .main-inner1 { padding: 10px 0; }

/* Bot spotlight ---*/
#ja-botsl { border-top: 1px solid #fff; }

#ja-botsl .main { padding: 0; color: #fff; font-size: 92%; }
#ja-botsl .main-inner1 { padding: 10px 0 20px; }

#ja-botsl div.ja-moduletable h3 {
  text-transform: none;
  font-size: 150%;
  padding: 10px 0 0 0;
}

#ja-botsl .ja-box-ct { padding: 0; }

#ja-botsl a {
  color: #B9E0EE;
  border-bottom: 1px dotted #B9E0EE;
}

#ja-botsl a:hover,
#ja-botsl a:focus,
#ja-botsl a:active {
  border-bottom: 1px dotted #fff;
  color: #fff;
  text-decoration: none;
}

#ja-botsl ul li {
  background: none;
  border-bottom: 1px dotted #85c4dc;
  padding: 0;
  margin: 0;
}

#ja-botsl ul li a {
  color: #fff;
  display: block;
  padding: 5px 5px 5px 17px;
  background: url(http://skrec.org/templates/skrec/images/bullet-arrow.gif) no-repeat 5px 10px;
  border: 0;
}

#ja-botsl ul li a:hover, 
#ja-botsl ul li a:hover,
#ja-botsl ul li a:focus {
  color: #fff;
  border: 0;
  background-color: #238db4;
}

#ja-botsl .img-border {
  border: 3px solid #238db4;
  margin: 0 0 5px 10px;
}

/* FOOTER
--------------------------------------------------------- */
#ja-footer {
  background: url(http://skrec.org/templates/skrec/images/trans-bg.png); text-align: left; float: left; }

#ja-footer .main {
  text-align: left;
}

#ja-footer a {
  color: #fff;
}

#ja-footer .ja-footnav {
  margin: -10px 0 -10px 0;
  padding: 0;
}

#ja-footer .ja-footnav ul li {
  padding: 0 10px;
}

#ja-footer .ja-footnav a { color: #fff; font-weight: bold; }

#ja-footer .ja-footnav a:hover,
#ja-footer .ja-footnav a:focus,
#ja-footer .ja-footnav a:active {
  color: #fff;
}

#ja-footer .ja-copyright {
  padding: 0 10px;
}

#ja-poweredby {
  position: absolute;
  top: 0px;
  right: 0px;
}

##ja-poweredby a {
  text-decoration: none; 
  font-size: 0px; line-height: 0px;
  text-indent: -9999em;
}


/* MISCELLANOUS
----------------------------------------------------------- */
/* Others ---*/
#ja-banner { border-top: 1px solid #ccc; }

div.ja-innerdiv { border-bottom: 1px dotted #ccc; }

div.ja-innerdiv h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 92%;
  font-weight: normal;
  text-transform: uppercase;
}

/* Custom gallery ---*/
.small-gallery {
  float: left;
  margin-bottom: 5px;
  margin-right: 5px;
}

.last-item { margin-right: 0; }

.small-gallery .img-border {
  border: 1px solid #d6e4ec;
  padding: 1px;
  width: 45px;
}

/* JA Twitter ---*/
.ja-twitter {
  padding-left: 0;
  padding-right: 0;
}

/* Social list ---*/
#ja-wrapper ul.social-list li { }

#ja-wrapper ul.social-list li a {
  background-position: 5px 5px;
  background-repeat: no-repeat;
  padding-left: 28px;
}

#ja-wrapper ul.social-list li.ja-facebook a { background-image: url(http://skrec.org/templates/skrec/images/icons/icon-facebook.png); }
#ja-wrapper ul.social-list li.ja-twitter a { background-image: url(http://skrec.org/templates/skrec/images/icons/icon-twitter.png); }
#ja-wrapper ul.social-list li.ja-linkedin a { background-image: url(http://skrec.org/templates/skrec/images/icons/icon-linkedin.png); }
#ja-wrapper ul.social-list li.ja-googleplus a { background-image: url(http://skrec.org/templates/skrec/images/icons/icon-googleplus.png); }
#ja-wrapper ul.social-list li.ja-youtube a { background-image: url(http://skrec.org/templates/skrec/images/icons/icon-youtube.png); }
#ja-wrapper ul.social-list li.ja-rss a { background-image: url(http://skrec.org/templates/skrec/images/icons/icon-rss.png); }

/* Contact list ---*/
#ja-wrapper ul.contact-list li {
  background-position: 5px 4px;
  background-repeat: no-repeat;
  padding: 5px 5px 5px 28px;
}

#ja-wrapper ul.contact-list li.add { background-image: url(../images/icons/icon-home.png); }
#ja-wrapper ul.contact-list li.tel { background-image: url(../images/icons/icon-phone.png); }
#ja-wrapper ul.contact-list li.email { background-image: url(../images/icons/icon-email.png); }

/* Facebook button ---*/
.fb-button {
  background: #e8f1fa;
  border: 1px solid #d6e5ec;
  margin: 10px 0 !important;
  padding: 5px 10px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

div.ja-facebookshare-box_count-home,
div.ja-facebookshare-box_count {
  float: left;
  margin-right: 10px;
}

.fb_share_no_count { display: block !important; }

.fb_share_no_count .fb_share_count_inner {
  background: url(http://skrec.org/templates/skrec/images/zero-bg.png) no-repeat center center #E8EBF2 !important;
}

.jacomment-count {
  background: url(http://skrec.org/templates/skrec/images/readon-bg.gif) repeat-x left bottom #fff;
  border: 1px solid #ddd;
  float: left;
  font-weight: bold;
  margin: 0 10px 0 0;
  padding: 2px 6px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.jacomment-count a { color: #666; }

.jacomment-count a:hover,
.jacomment-count a:focus,
.jacomment-count a:active { color: #238DB4; text-decoration: none; text-shadow: 0 1px 1px #fff; }

/* JOMSOCIAL'S MODULES STYLE
----------------------------------------------------------- */
/* Top users ---*/
ul#modTopMembers {
  margin: 0 -15px !important;
  padding: 0;
  list-style: none;
}

ul#modTopMembers li {
  background: none;
  border-bottom: 1px solid #e7edf1;
  margin: 0;
  padding: 5px 15px;
}

ul#modTopMembers li img.avatar {
  margin-right: 8px;
  padding: 3px;
}

ul#modTopMembers li a:hover img.avatar {
  background: #238db4;
}

/* Latest Discussion ---*/
.modLatestDiscussion {
  margin: 0 -15px;
}

.modLatestDiscussion ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.modLatestDiscussion ul li {
  border-bottom: 1px solid #e7edf1;
  margin: 0;
  padding: 10px 15px !important;
}

.modLatestDiscussion ul li img.avatar {
  margin: 2px 10px 0 0;
  padding: 1px;
  width: 40px;
}

.modLatestDiscussion ul li small,
.modLatestDiscussion ul li small a {
  color: #999;
}

.modLatestDiscussion ul li small {
  padding: 5px 0 0 12px;
  display: block;
}

/* Active group ---*/
ul#modActiveGorups {
  padding: 0;
  margin: 0 -15px;
  list-style: none;
}
  
ul#modActiveGorups li {
  background: none;
  border-bottom: solid 1px #e7edf1;
  padding: 5px 15px;
}
  
ul#modActiveGorups li img  {
  width: 40px;
  float: left;
  display: inline;
  margin: 0 8px 0 0;
  padding: 1px;
}
  
ul#modActiveGorups li span { line-height: normal; padding: 0; margin: 0; }

ul#modActiveGorups a small { color: #999; }
  
ul#modActiveGorups li div  { clear: left; height: 1px; }

div.online-users { overflow: hidden; }

/* Latest photo ---*/
div.latest-photos div.app-box-content {
  padding: 0 15px 10px 15px;
}

div.latest-photos div.app-box-footer {
  margin-left: 15px;
  margin-right: 15px;
}

/* Who's online ---*/
div.js-user-online ul {
  margin: 0 0 10px;
  padding: 0;
  list-style: none;
}

div.js-user-online ul li {
  display: block;
  float: left;
  margin: 0;
  padding: 0 5px 5px 0;
}

div.js-user-online ul li a {
  display: block;
  margin: 0;
  padding: 0;
}

div.js-user-online ul li img {
  border: 1px solid #ccc;
  padding: 2px;
}

/* Override Disqus comment ---*/
#dsq-global-toolbar { position: relative; z-index: 12; }

.dsq-post-area { position: relative; z-index: 9; }

#dsq-content .dsq-trackback-url {
  width: 75%;
}

.dsq-popup .dsq-subscribe-submit button {
  margin-left: 10px;
}

#dsq-content .dsq-comment-footer-left {
  visibility: visible !important;
  float: none !important;
}

#dsq-content .dsq-comment-footer-right {
  float: none;
}

#dsq-content ul, #dsq-content li {
  background-image: none;
  overflow: visible;
}

/* Override Online Module ---*/
.agorians_online_hor {
  width: 45% !important;
}

.agorians_online_avatar {
  float: none;
  text-align: center;
}

.agorians_online_username {
  clear: both;
}
#community-wrap #community-banlists-news-items {
  width: 98% !important;
}

.ja-blog-tools  {
  border-bottom: dotted 1px #ccc; 
  margin-bottom: 5px; 
  padding-bottom: 5px;
}

.items-row .ja-blog-tools {
   margin-top: 15px;
}

div.postdate-wrap span.postdate {
  display: block; 
  padding: 2px 5px 6px;
}

div.postdate-wrap span.date {
  float: left; 
  display: block;
  color: #333; 
  font-size: 280%;
  font-weight: bold;
  line-height: 1;
  margin-right: 5px;
}

div.postdate-wrap {
  color: #666; 
  display: block; 
  float: left; 
  margin: 0px 10px 0px 0px; 
  padding: 0px 5px;
  background: url(http://skrec.org/templates/skrec/images/bt-sep.gif) no-repeat right center;
}

div.postdate-wrap .month-year {
  float: left;
  display: block;
}

div.postdate-wrap .month, div.postdate-wrap .year {
  display: block;
  font-size: 10px;
  letter-spacing: 1px; 
  line-height: 1.5;
  text-transform: uppercase;
}

.ja-blog-meta {
  float: left; 
  width: 70%;
}
.cat-date {
  float: left;
  font-size: 92%;
  margin-right: 10px;
  padding-right: 10px;
  color: #666;
  background: url(http://skrec.org/templates/skrec/images/bt-sep.gif) no-repeat right center;
}

.cat-date span.category-name, .cat-date span.createdby {
  display: block; 
  padding-left: 19px;
}

.cat-date span.category-name {
  background: url("http://skrec.org/templates/skrec/images/icon-folder.png") no-repeat scroll 0 3px;
}

.cat-date span.createdby  {
  background: url("http://skrec.org/templates/skrec/images/icon-user.png") no-repeat scroll 0 3px;
}

.com_mailto.contentpane #ja-switch
com_content.contentpane #ja-switch { display: none; }

.weblink-category tr td { vertical-align: top; }

.weblink-category tr td.hits { padding-top: 15px; }

#dsq-content #dsq-global-toolbar .dsq-toolbar-item {
  /*text-indent: -9999em;*/
  font-size: 0px; 
  line-height: 0px; 
  text-decoration: none !important;
  margin: 0px 0px 0px 2px;
}

#dsq-content #dsq-global-toolbar .dsq-global-toolbar-right li {
  overflow: visible;
}

/* Component kunena ---*/
body.com_kunena .ja-content-main {
  background: none;
  padding: 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

/* Kunena login form */
.klogin-form-login .klogin-form-login-username,
.klogin-form-login .klogin-form-login-password,
.klogin-form-login .klogin-form-login-remember {
  margin: 0 0 10px;
}

.klogin-form-login .klogin-form-login-username label,
.klogin-form-login .klogin-form-login-password label {
  font-weight: bold;
  margin-bottom: 2px;
}

.klogin-form-login .klogin-form-login-username input,
.klogin-form-login .klogin-form-login-password input {
  border: 1px solid #c6d4da;
  width: 90%;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.klogin-form-login .kbutton {
  background: url(http://skrec.org/templates/skrec/images/grad-l1.gif) repeat-x left bottom;
  border: 1px solid #ccc;
  font-weight: bold;
  padding: 4px 8px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.klogin-form-login .kbutton:hover {
  color: #cc0000;
  cursor: pointer;
}

.klogin-form-login .klogin-logoutlink,
.klogin-loginlink { margin: 0 !important; }

.klogin-form-login .klogin-logoutlink li,
.klogin-loginlink li {
  background-position: 0 6px !important;
  margin: 0 !important;
  padding: 0 0 0 10px !important;
}

.klogin-lastvisit ul { margin: 0 0 10px; }

.klogin-lastvisit ul li {
  background: none;
  margin: 0;
  padding: 0;
}

.klogin-links .kbutton {
  background: url(http://skrec.org/templates/skrec/images/grad-l1.gif) repeat-x left bottom;
  border: 1px solid #ccc;
  font-weight: bold;
  padding: 4px 8px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.klogin-links { margin-bottom: 10px; }

/* Kunena static */
div.kstats-module ul li {
  background: url(http://skrec.org/templates/skrec/images/bullet.gif) no-repeat 0px 9px;
  margin: 0;
  padding: 2px 0 2px 10px;
}

/* Kunena search module */
.ksearch .ksearch-fieldset input {
  border: 1px solid #c6d4da;
  width: 90%;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

/* Kunena latest ---*/
div.klatest ul.klatest-items { margin-top: 0; }

div.klatest ul.klatest-items li.klatest-item {
  border-bottom: 1px dotted #ccc;
  padding: 10px 0 !important;
}

div.klatest ul.klatest-items li.klatest-item .klatest-itemdetails li {
  padding-left: 0 !important;
}

/* Social Plugin ---*/
.ja_socialbeforecontent {
  float: left;
  margin-right: 15px;
  margin-top: 15px;
}

.blog .ja_socialbeforecontent { margin-top: 0; }

#dsq-content #dsq-toolbar-dropdown #dsq-toolbar-dropdown-wrap {
  top: 19px !important;
  margin-top: 2px;
}

#dsq-content #dsq-global-toolbar .dsq-global-toolbar-left {
  float: right !important;
}

#dsq-content #dsq-global-toolbar .dsq-global-toolbar-right {
    float: left !important;
}

/* Email page */
.contentpane { 
  background: none !important
}

/* Latestnews */
.ja-moduletable ul.latestnews {
  margin: -5px -15px -5px;
}

.ja-moduletable ul.latestnews li { border-bottom: 1px dotted #e8edf0; padding-left: 0; background: none; }

.ja-moduletable ul.latestnews li a {
  color: #666;
  padding: 6px 15px;
  display: block;
}

.ja-moduletable ul.latestnews li a:hover,
.ja-moduletable ul.latestnews li a:active,
.ja-moduletable ul.latestnews li a:focus {
  color: #238db4;
  text-decoration: none;
}
#jsMenu .jsIr {
  text-indent: -9999em;
}

.ja-moduleraw-style2 .ja-slide-thumbs-wrap { z-index: 151; }