@import url("http://fonts.googleapis.com/css?family=Oswald:300,400,700");
/**
 * @package     Untitled Template
 * @version     1.0
 * @author      ThemeXpert http://www.themexpert.com
 * @copyright   Copyright (C) 2010 - 2011 ThemeXpert
 * @license     http://www.gnu.org/licenses/gpl-3.0.html GNU/GPLv3
 **/
 
@import url('custom.css');

 
/*Import Google Webfont*/
/*Defined less Veriables and Functions*/
body {
  background: #e2e2e2;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #777;
}
/*--------------------------------------------------
        Common Settings
---------------------------------------------------*/
/*Titles*/
.ex-title,
h1,
h2,
h3,
#ex-menu span,
.readon,
.xt-nav ul li span {
  font-family: Tahoma, 'Oswald', sans-serif;
  font-weight: 300;
}
.ex-title strong,
h1 strong,
h2 strong,
h3 strong,
#ex-menu span strong,
.readon strong,
.xt-nav ul li span strong {
  font-family: Tahoma, 'Oswald', sans-serif;
  font-weight: 700;
}
.font-big {
  font-size: 3.5em;
  line-height: 1.2em;
}
.readon {
  background: url(../images/readon.png) no-repeat 0 50%;
  padding: 2px 0 2px 20px;
  font-size: 15px;
  margin-top: 5px;
  border: none;
  box-shadow: none;
  cursor: pointer;
}
/*Common Override*/
.nomargin {
  margin: 0;
}
.nomargin-left {
  margin-left: 0;
}
.nomargin-right {
  margin-right: 0;
}
.nomargin-bottom {
  margin-bottom: 0;
}
.nomargin-top {
  margin-top: 0;
}
.nopadding {
  padding: 0;
}
.nopadding-left {
  padding-left: 0;
}
.nopadding-right {
  padding-right: 0;
}
.nopadding-bottom {
  padding-bottom: 0;
}
.nopadding-top {
  padding-top: 0;
}
.nostyle {
  margin: 0;
  padding: 0;
}
.ex-title,
legend {
  background: url(../images/border.png) repeat-x 0 100%;
  border: none;
}
/*-------------------------------------------------
        Positions Specific
--------------------------------------------------*/
#tx-header {
  background: #cfcfcf url(../images/header-bg.png) repeat-x 0 0;
  margin-bottom: 20px;
}
#tx-header .tx-row {
  background: url(../images/header-inner-bg.png) repeat-x 0 0;
  padding-top: 10px;
}
#tx-header .tx-row .scale {
  background: url(../images/scale.png) repeat-x 0 0;
  height: 11px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -11px;
}
#tx-feature {
  background: #f0f0f0;
  margin-top: -20px;
}
#tx-main-top {
  background: #c0c0c0;
  border-top: 5px solid #d9d9d9;
  border-bottom: 5px solid #acacac;
}
#tx-bottom {
  background: #acacac;
}
#tx-bottom .ex-title {
  background: transparent;
  color: #fff;
  text-shadow: 1px 1px 0 #333;
  padding-bottom: 0;
}
#tx-footer {
  color: #444;
  text-shadow: 1px 1px 0 #fff;
}
#tx-copyright {
  background: #666;
  color: #f5f5f5;
}
/*-------------------------------------------------
        Menu
--------------------------------------------------*/
/* Override ex-block with menu specific selector */
.widget-menu {
  padding-bottom: 0;
  padding-top: 0;
  margin-top: 0;
}
#ex-menu {
  /* lv - 0 Active Menu */

  /* lv - 1 and below
    -----------------------------------*/

  /*Normal List Item*/

  /* Active Menu */

  /* CHILD CONTENT WRAPPER
    -----------------------------------*/

  /* GROUPD TITLE,DESC + DIRECT CHILD
    ------------------------------------------------*/

  /* Group content child item
    -----------------------------------*/

}
#ex-menu ul.level-0 {
  float: right;
}
#ex-menu ul.level-0 > li.mega {
  margin-right: 10px;
}
#ex-menu ul.level-0 > li.mega > a.mega,
#ex-menu ul.level-0 > li.mega > span.mega {
  padding: 24px 8px;
  line-height: 39px;
}
#ex-menu ul.level-0 > li.mega > a span.menu-title,
#ex-menu ul.level-0 > li.mega > span span.menu-title {
  font-size: 20px;
}
#ex-menu ul.level-0 li.has-submenu a.mega span.menu-title,
#ex-menu ul.level-0 li.has-submenu a.mega span.menu-desc,
#ex-menu ul.level-0 li.has-submenu span.mega.level-0 span.menu-title,
#ex-menu ul.level-0 li.has-submenu span.mega span.menu-desc {
  background: none;
  padding-left: 0;
}
#ex-menu ul li.has-desc .menu-title {
  line-height: 26px;
}
#ex-menu ul.level-0 > li.last {
  margin-right: 0;
}
#ex-menu ul li span.menu-title,
#ex-menu ul li span.menu-desc {
  color: #262626;
}
#ex-menu ul.level-0 > li:hover,
#ex-menu ul.level-0 > li.active {
  background: url(../images/active-menu-bg.png) repeat-x 0 100%;
}
#ex-menu ul.level-1 li.first {
  border-top: 0;
}
#ex-menu ul.level-1 li span.menu-title {
  font-size: 15px;
}
#ex-menu ul.level-1 li span.menu-title,
#ex-menu ul.level-1 li span.menu-desc {
  border: 0;
  color: #262626;
}
#ex-menu ul.level-1 li a.mega:hover,
#ex-menu ul.level-1 li span.mega:hover {
  background: #eee;
}
#ex-menu ul.level-1 li.active a {
  background: #eee;
}
#ex-menu li.mega .childcontent {
  /*border applied here*/

  border: 0;
  box-shadow: 5px 5px 0 #acacac;
  -moz-box-shadow: 5px 5px 0 #acacac;
  -webkit-box-shadow: 5px 5px 0 #acacac;
}
#ex-menu .childcontent-inner {
  color: #333;
  background: #f5f5f5;
}
#ex-menu ul.level-1 .group-title .menu-title {
  color: #333;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 115%;
}
#ex-menu ul.level-1 .group-title .menu-desc {
  color: #999;
  padding-left: 0 !important;
}
#ex-menu ul.level-1 li.mega .group-content > ul > li > a > span.menu-title,
#ex-menu ul.level-1 li.mega .group-content > ul > li > span > span.menu-title {
  color: #000;
  font-size: 13px;
  line-height: 16px;
}
/* Fancy menu
-----------------------------------*/
.fancy {
  background: transparent;
  color: #000000;
}
/* Dropline+Split main
-----------------------------------*/
#exdl-mainnav,
#ex-splitmenu {
  float: right;
}
#exdl-mainnav ul > li,
#ex-splitmenu ul > li {
  margin-right: 10px;
}
#exdl-mainnav ul > li > a,
#ex-splitmenu ul > li > a {
  padding: 31px 8px;
  line-height: 39px;
  font-size: 20px;
}
#exdl-mainnav ul > li:hover,
#ex-splitmenu ul > li:hover,
#exdl-mainnav ul > li.active,
#ex-splitmenu ul > li.active {
  background: url(../images/active-menu-bg.png) repeat-x 0 100%;
}
/* Subnav common (Dorpline+Split)
-----------------------------------*/
#ex-subnav {
  background: #e2e2e2;
  font-size: 14px;
}
/*----------------------------------
        Component Area
-----------------------------------*/
#ex-component {
  /*Contact From*/

}
#ex-component .ex-article-bg {
  border: none;
  padding-bottom: 0;
}
#ex-component .ex-articleinfo dd {
  display: inline;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
  border-right: 1px solid #eee;
}
#ex-component .ex-articleinfo dd.ex-hits {
  border-right: none;
}
#ex-component .ex-article-icons ul li a {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: text-top;
  background-image: url(../images/glyphicons-halflings.png);
}
#ex-component .print-icon a {
  background-position: -96px -48px;
}
#ex-component .email-icon a {
  background-position: -72px 0;
}
#ex-component .edit-icon a {
  background-position: -96px -72px;
}
#ex-component .contact .pane-toggler {
  background: #d9d9d9;
  border-width: 1px;
  border-style: solid;
  border-color: #d5d6d7 #d9d9d9 #d9d9d9 #d5d6d7;
}
#ex-component .contact .pane-toggler-down {
  background: #d9d9d9;
  margin-bottom: 0;
}
#ex-component .contact .pane-down {
  background: #d9d9d9;
}
/*Pagination*/
.pagination {
  text-align: left !important;
  border-bottom: 5px solid #acacac;
  height: auto;
}
.pagination ul {
  box-shadow: none;
}
.pagination a,
.pagination span {
  border: none;
  padding-bottom: 4px;
  float: none;
  display: inline-block;
}
.pagination span.pagenav {
  background: url(../images/arrow-up.png) no-repeat 50% 106%;
}
.pagination .pagination-start .pagenav,
.pagination .pagination-end .pagenav,
.pagination .pagination-next .pagenav,
.pagination .pagination-prev .pagenav {
  background: transparent;
}
.pagination a:hover {
  background: none;
}
/*----------------------------------
        Widget Specific
-----------------------------------*/
/*Logo*/
.widget-logo {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.widget-logo,
.widget-menu {
  margin-bottom: 0;
}
.ex-block.widget-date {
  padding: 5px;
  text-align: right;
}
#ex-scrolltop,
.widget-designedby a {
  text-indent: -9999px;
  font-size: 0;
}
.widget-copyrightinfo,
.widget-designedby {
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 0;
}
.widget-designedby {
  padding-top: 0;
  margin-top: 0;
}
#ex-scrolltop {
  display: block;
  margin: 0;
}
.designed-by {
  line-height: 40px;
  color:#666;
}
.designed-by a {
  background: url(../images/_themexpert.png) no-repeat;
  width: 1px;
  height: 1px;
  display: inline-block;
}
#ex-scrolltop {
  background: url(../images/totop.png) no-repeat;
  width: 32px;
  height: 30px;
}
/*----------------------------------
        Module Specific
-----------------------------------*/
/*Breadcrumbs*/
ul.breadcrumb {
  margin-bottom: 0;
  padding: 5px 0 0 35px;
  background: transparent url(../images/icon-home.png) no-repeat 0 0;
  border-radisu: 0;
  box-shadow: none;
  border: none;
}
ul.breadcrumb span {
  background: url(../images/arrow-up.png) no-repeat 50% 100%;
  padding-bottom: 14px;
  color: #333;
}
ul.breadcrumb span.divider {
  background: none;
}
#login-form #modlgn-username,
#login-form #modlgn-passwd {
  display: block;
  width: 98%;
}
#login-form #form-login-remember {
  margin: 5px 0;
}
#login-form #form-login-remember * {
  float: left;
  margin-right: 5px;
}
#login-form .button {
  margin: 0 0 5px;
  float: right;
}
/*Default joomla menu*/
/*Turn off image*/
ul.menu {
  list-style-type: none;
  margin: 0;
}
ul.menu ul {
  list-style-type: none;
}
ul.menu li a {
  display: block;
  padding: 4px 10px;
  margin-bottom: 5px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
ul.menu li a:hover {
  background: #f5f5f5;
  text-decoration: none;
}
ul.menu > li > a {
  background: #eee;
}
ul.menu ul li a {
  background: #d9d9d9;
}
ul.menu li img {
  display: none;
}
#mod-finder-searchform {
  margin-bottom: 0;
  margin-top: 4px;
  float: right;
}
#mod-finder-searchform .inputbox {
  background-color: #c0c0c0;
  padding-right: 26px;
  margin: 0;
  border-width: 1px;
  border-style: solid;
  border-color: #acacac #d9d9d9 #d9d9d9 #acacac;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
#mod-finder-searchform .btn {
  background: url(../images/icon-search.png) no-repeat 0 -2px;
  width: 20px;
  height: 23px;
  margin-left: -24px;
  text-indent: -9999px;
  font-size: 0px;
  border: 0;
  box-shadow: none;
  position: relative;
  z-index: 10;
}
/*XpertCaptions*/
.xc-block {
  border: 6px solid #fff !important;
}
/*----------------------------------
        Module Variations
-----------------------------------*/
/*Box Style*/
.flush {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.box1,
.flush:hover {
  background-color: #f9f9f9;
}
.box2 {
  background: url(../images/arrow-down.png) no-repeat 20px -5px #eeeeee;
}
.box3 {
  background-color: #FFF7F7;
}
/*Title Style*/
.title1 .ex-title {
  background: transparent;
}
/*Badge Style*/
.badge-new .badge,
.badge-hot .badge,
.badge-top .badge,
.badge-pick .badge {
  position: absolute;
  width: 46px;
  height: 46px;
  top: 0;
  right: 0;
  z-index: 11;
  background-image: url(../images/badge.png);
  background-repeat: no-repeat;
}
.badge-new .badge {
  background-position: 0 -150px;
}
.badge-pick .badge {
  background-position: 0 -100px;
}
.badge-top .badge {
  background-position: 0 -50px;
}
/*Social Icons*/
ul.social-icons {
  margin: 0;
  list-style-type: none;
}
ul.social-icons li {
  float: left;
  margin: 0 10px 0 0;
}
ul.social-icons li a {
  width: 32px;
  height: 32px;
  display: block;
  text-indent: -9999px;
  font-size: 0;
  background: url(../images/icons-social.png) no-repeat 0 0;
}
ul.social-icons li.facebook a {
  background-position: -43px 0;
}
ul.social-icons li.youtube a {
  background-position: -84px 0;
}
ul.social-icons li.rss a {
  background-position: -127px 0;
}
ul.social-icons li.flickr a {
  background-position: -172px 0;
}
/*----------------------------------
        Component Specific
-----------------------------------*/
/* K2
-----------------------------------*/
#k2Container {
  margin: 0 -10px;
  padding: 0;
}
#k2Container .even {
  background: #d9d9d9;
}
#k2Container .odd {
  background: #eee;
}
#k2Container div.catItemView {
  padding: 10px;
  margin: 0 10px 20px;
  background: #f9f9f9;
  position: relative;
  border: 1px solid #E6E7E8;
  border-bottom-color: #DCDDDE;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
#k2Container div.catItemView:before,
#k2Container div.catItemView:after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 8px;
  left: 10px;
  width: 50%;
  height: 20%;
  max-width: 300px;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
  -webkit-transform: skew(-15deg) rotate(-4deg);
  -moz-transform: skew(-15deg) rotate(-4deg);
  -ms-transform: skew(-15deg) rotate(-4deg);
  -o-transform: skew(-15deg) rotate(-4deg);
  transform: skew(-15deg) rotate(-4deg);
}
#k2Container div.catItemView:after {
  left: auto;
  right: 10px;
  -webkit-transform: skew(15deg) rotate(4deg);
  -moz-transform: skew(15deg) rotate(4deg);
  -ms-transform: skew(15deg) rotate(4deg);
  -o-transform: skew(15deg) rotate(4deg);
  transform: skew(15deg) rotate(4deg);
}
#k2Container div.catItemView div.catItemImageBlock {
  padding: 0;
  margin: 0;
}
#k2Container div.catItemView span.catItemImage img {
  border: 0;
  margin: 0;
  padding: 0;
  max-height: 210px;
}
#k2Container div.catItemView div.catItemHeader h3.catItemTitle {
  padding: 0;
  font-family: Tahoma, 'Oswald', sans-serif;
  font-weight: 300;
  text-align: center;
  font-size: 20px;
  text-shadow: 1px 1px 0 #fff;
}
#k2Container div.catItemView div.catItemBody {
  padding: 0;
}
#k2Container .itemHeader h2.itemTitle {
  font-family: Tahoma, 'Oswald', sans-serif;
  font-weight: 300;
}
#k2Container .itemToolbar,
#k2Container .itemAuthorBlock,
#k2Container .itemNavigation,
#k2Container .itemComments {
  background: #eee;
}
#k2Container .itemAuthorLatest ul {
  margin: 0;
  list-style-type: none;
}
/* EasyBlog (Global)
-----------------------------------*/
/*General*/
#eblog-wrapper #ezblog-label {
  display: none;
}
#eblog-wrapper .blog-post .blog-title {
  font-family: Tahoma, 'Oswald', sans-serif;
  font-weight: 300;
  font-size: 29px;
  background: url(../images/border.png) repeat-x 0 100%;
  padding-bottom: 12px;
}
#eblog-wrapper .blog-post .blog-title a {
  color: #262626;
  font-size: 29px;
}
#eblog-wrapper .blog-brief .small {
  margin: 0;
}
#eblog-wrapper .pbl {
  padding-bottom: 10px;
}
/*TimeLess theme Styles only*/
.eblog-timeless #ezblog-body {
  /*Calender*/

  /*Thumb*/

}
.eblog-timeless #ezblog-body .blog-post {
  padding: 0 0 10px;
  border-bottom: none;
}
.eblog-timeless #ezblog-body .blog-calendar {
  width: 75px;
  color: #262626;
}
.eblog-timeless #ezblog-body .blog-calendar + .blog-content {
  margin-left: 90px;
}
.eblog-timeless #ezblog-body .blog-calendar-day {
  font-family: Tahoma, 'Oswald', sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
}
.eblog-timeless #ezblog-body .blog-calendar-month {
  font-family: Tahoma, 'Oswald', sans-serif;
  font-weight: 300;
  font-size: 25px;
  text-transform: lowercase;
}
.eblog-timeless #ezblog-body .blog-calendar-wrap {
  background: url(../images/tag.png) no-repeat 0 0;
  padding: 20px 5px 66px;
}
.eblog-timeless #ezblog-body a.easyblog-thumb-preview {
  float: left;
}
.eblog-timeless #ezblog-body a.easyblog-thumb-preview img {
  margin-right: 10px;
  background: #f3f3f3;
  border: none;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
/*----------------------------------
        RTL FIX
-----------------------------------*/
body.align-rtl {
  /*EasyBlog*/

}
body.align-rtl ul.breadcrumb {
  background-position: 100% 0;
  padding: 5px 35px 0 0;
}
body.align-rtl #mod-finder-searchform .btn {
  margin: 0 -24px 0 0;
}
body.align-rtl .eblog-timeless #ezblog-body .blog-calendar {
  float: right;
}
body.align-rtl .eblog-timeless #ezblog-body .blog-content {
  margin-left: 0;
  margin-right: 90px;
}
body.align-rtl .eblog-timeless #ezblog-body a.easyblog-thumb-preview {
  float: right;
}
body.align-rtl .eblog-timeless #ezblog-body a.easyblog-thumb-preview img {
  margin-left: 10px;
  margin-right: 0;
}
body.align-rtl .pagination ul {
  float: right;
}