/**
 * ------------------------------------------------------------------------
 * JA Wall Template for J25 & J3x
 * ------------------------------------------------------------------------
 * Copyright (C) 2004-2018 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
 * @license - Copyrighted Commercial Software
 * Author: J.O.O.M Solutions Co., Ltd
 * Websites:  http://www.joomlart.com -  http://www.joomlancers.com
 * This file may not be redistributed in whole or significant part.
 * ------------------------------------------------------------------------
 */

/**
 * Theme for JA Wall
 * -----------------------
 * Name: Teen Life
 * Version: 1.0
 * Release: 06/06/2012
 * Author: JoomlArt
 * Copyright: GPL
 */

@import url(//fonts.googleapis.com/css?family=Handlee);
@import url(//fonts.googleapis.com/css?family=Pontano+Sans);

/* ---------------------------------------------------------
   LAYOUT
--------------------------------------------------------- */

/* ---------------------------------------------------------
   CORE
--------------------------------------------------------- */
body {
  background: url(../images/bg-body.png) repeat;
  color: #6e6e6e;
  font-family: 'Pontano Sans', Arial, Helvetica, sans-serif;
  font-size: 13px;
}

/* Links ---*/
a {
  color: #898989;
  text-decoration: none;
  transition: background 0s ease 0s, color 0.2s linear 0s;
}

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

/* Headings & Titles ---*/
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

/* List ---*/
.container-main ul li {
  background: url(../images/line-bd.gif) no-repeat left bottom;
  padding: 5px 0px;
}

#login-form ul li a,
#form-login ul li a,
.login + div ul li a,
ul.latestnews li a,
ul.mostread li a {
	color: #7b7b7b;
	padding-left: 18px;
	background: url(../images/icon-heart1.png) no-repeat left 2px;
}

#login-form ul li a:hover,
#login-form ul li a:focus,
#login-form ul li a:active,
#form-login ul li a:hover,
#form-login ul li a:focus,
#form-login ul li a:active,
.login + div ul li a:hover,
.login + div ul li a:focus,
.login + div ul li a:active,
ul.latestnews li a:hover,
ul.latestnews li a:focus,
ul.latestnews li a:active,
ul.mostread li a:hover,
ul.mostread li a:focus,
ul.mostread li a:active {
	color: #fe779e;
	background-image: url(../images/icon-heart-active.png);
}
/* Others ---*/
hr {
  border-top: 1px solid #000;
}

/* TABLES
--------------------------------------------------------- */
td {
  border-bottom: 1px dotted #000;
}

th {
  background: #000;
  color: #fff;
}

th a {
  color: #fff;
}

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

/* FORM
--------------------------------------------------------- */
input, select, button, textarea {
  transition: all 0.2s ease 0s;
}

textarea {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
  box-sizing: border-box;
  color: #333;
}

textarea:hover {
  border-color: #262626;
}

textarea:focus {
  border-color: #262626;
  box-shadow: inset 0 0 2px rgba(0,0,0,.4);
}

input[type=text],
input[type=password],
input[type=email],
.inputbox {
  background: #fdfdfd;
  border: 1px solid #d8dbdf;
  color: #000;
  border-radius: 2px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2) inset;
}

input[type=text]:hover,
input[type=password]:hover,
input[type=email]:hover,
.inputbox:hover {
  border-color: #fe779e;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
.inputbox:focus {
  border-color: #fe779e;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;
}

input[type=submit],
.button,
button {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));
	background: -o-linear-gradient(#ffffff,#e8e8e8);
	background: -moz-linear-gradient(top,  #ffffff,  #e8e8e8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8e8e8');
	color: #262626;
	text-shadow: 1px 1px #fff;
	border: solid 1px #ccc;
	padding: 5px 12px;
	transition: 0s;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	font-weight: normal;
}

input[type=submit]:hover,
.button:hover,
button:hover,
input[type=submit]:focus,
.button:focus,
button:focus {
	background: -webkit-gradient(linear, left top, left bottom, from(#fe88ab), to(#fe749b));
	background: -o-linear-gradient(#fe88ab,#fe749b);
	background: -moz-linear-gradient(top,  #fe88ab,  #fe749b);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe88ab', endColorstr='#fe749b');
	border: 1px solid #ea507c;
	box-shadow: -1px 1px #feb2c8 inset;
	-webkit-box-shadow: -1px 1px #feb2c8 inset;
	color: #fff;
	text-decoration: none;
	text-shadow: none;
}

.star {
  color: #fe779e
}

/* ---------------------------------------------------------
   NAVIGATION
--------------------------------------------------------- */

/* MAIN NAV
--------------------------------------------------------- */
#mainnav {
	left: 156px;
}

#mainnav .menu {
  padding-top: 10px;
}

#mainnav .menu > li {
  border-right: none;
  background: url("../images/line-bg.gif") repeat-y right top;
}

#mainnav .menu > li:last-child  {
	background: none;
}

#mainnav .menu > li > a.hilite:after {
  background: #f97d90;
  top: -3px;
  font-size: 12px;
}

#mainnav .menu > li > a {
	border: none;
	border-bottom: none;
	color: #ccc;
	text-shadow: none;
	transition: none 0s ease 0s;
	-moz-transition: none 0s ease 0s;
	-o-transition: none 0s ease 0s;
	-webkit-transition: none 0s ease 0s;
	text-transform: none;
	font-size: 113%;
	font-family: 'Handlee', cursive;
	height: 48px;
	line-height: 48px;
}

#mainnav .menu > li:hover > a,
#mainnav .menu > li > a:hover,
#mainnav .menu > li > a:active,
#mainnav .menu > li > a:focus {
  border-bottom-color: transparent;
  color: #F67E98;
  text-decoration: none;
}

#mainnav .menu > li.active {
  background: url(../images/active-bg-r.png) no-repeat right bottom;
  padding-right: 22px;
}

#mainnav .menu > li.active > a {
  color: #fff;
  background: url(../images/active-bg.png) no-repeat left bottom;
  text-indent: 15px;
  margin-left: 20px;
}

#mainnav .menu > li:first-child > a {
	margin-left: 0;
}

#mainnav .menu > li.active:hover > a,
#mainnav .menu > li.active > a:hover,
#mainnav .menu > li.active > a:active,
#mainnav .menu > li.active > a:focus {
  border-bottom-color: transparent;
}

/* 2nd level and above ---*/
#mainnav .menu > li.deeper:hover,
#mainnav .menu > li.deeper:active,
#mainnav .menu > li.deeper:focus,
#mainnav .menu > li.deeper.over {
	background: none;
}

#mainnav .menu > li.deeper:hover > a,
#mainnav .menu > li.deeper:active > a,
#mainnav .menu > li.deeper:focus > a,
#mainnav .menu > li.deeper.over > a {
  background: #fe779e;
  border: none;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #fff;
  text-decoration: none;
}

#mainnav .menu > li.deeper ul {
  background: #fe779e;
  border: none;
  border-radius: 0px 5px 5px 5px;
  min-width: 220px;
}

#mainnav .menu > li.deeper.hover ul,
#mainnav .menu > li.deeper:hover ul {
  margin-top: 48px;
}

#mainnav .menu > li.active.deeper ul {
  border-color: none; /* Active Parent's Popup*/
  margin-left: 20px;
}

#mainnav .menu > li.deeper ul li {
	border: none;
	display: block;
	background:  url(../images/line-menu.gif) repeat-x left top;
	padding-left: 15px;
}

#mainnav .menu > li.deeper ul li:first-child,
#mainnav .menu > li.deeper ul li:first-child:hover {
	background-image: none !important;
	border-radius: 0px 5px 0px 0px;
}

#mainnav .menu > li.deeper ul li:hover,
#mainnav .menu > li.deeper ul li.active {
	background:  url(../images/line-menu.gif) repeat-x left top #f56e88;
}

#mainnav .menu > li.deeper ul li a {
  border: none;
  color: #fff;
  text-shadow: none;
  transition: color 0.2s linear 0s;
  padding: 10px 0px 10px 20px;
  border-radius : 0px;  
  line-height: normal;
  height: auto;
}

#mainnav .menu > li.deeper ul li:first-child a:hover {
	border-radius: 0px 5px 0px 0px;
}

#mainnav .menu > li.deeper ul li:last-child,
#mainnav .menu > li.deeper ul li:last-child a,
#mainnav .menu > li.deeper ul li:last-child a:hover {
	border-radius: 0px 0px 5px 5px;
}

#mainnav .menu > li.deeper ul li:hover a,
#mainnav .menu > li.deeper ul li a:hover,
#mainnav .menu > li.deeper ul li a:active,
#mainnav .menu > li.deeper ul li a:focus,
#mainnav .menu > li.deeper ul li.active > a {
  background:  url(../images/icon-heart.png) no-repeat left center ;
  color: #fff;
  text-decoration: none;
}

#mainnav .menu > li.deeper ul ul {
  border: none;
  background: #FE779E;
  top: -45px !important;
  left: 210px !important;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

#mainnav .menu > li.deeper ul ul ul {
  top: -45px !important;
  left: 210px !important;
}

#mainnav .menu > li.deeper ul ul li a,
#mainnav .menu > li.deeper li li.parent li a,
#mainnav .menu > li.deeper ul li.active li a{
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  background: none;
}

#mainnav .menu > li.deeper ul li.parent li a{
  text-decoration: none;
  color: #fff;
  background: none;
}

#mainnav .menu > li.deeper ul ul li a,
#mainnav .menu > li.deeper ul ul li a:hover,
#mainnav .menu > li.deeper ul ul li a:focus,
#mainnav .menu > li.deeper ul ul li a:active,
#mainnav .menu > li.deeper li li.parent li:hover a,
#mainnav .menu > li.deeper li li.parent li a:hover,
#mainnav .menu > li.deeper li li.parent li a:focus,
#mainnav .menu > li.deeper li li.parent li a:active {
  color: #fff;
  background:  url(../images/icon-heart.png) no-repeat left center ;
}  

#mainnav .menu > li.deeper ul li.active li.active a {
  color: #fff; 
  background:  url(../images/icon-heart.png) no-repeat left center ;
}

#mainnav .menu > li.deeper ul li:first-child,
#mainnav .menu > li.deeper ul li:first-child:hover { 
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
}

#mainnav .menu > li.deeper ul li:last-child,
#mainnav .menu > li.deeper ul li:last-child:hover { 
  border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
}

/* Nav next, Nav prev */
#mainnav .menu-inner {
	left: 0;
	right: 606px;
}

#mainnav .navprev,
#mainnav .navnext {
	height: 58px;
	top: 0;
}

#mainnav .navprev {
	background: url(../images/direcnav.png) no-repeat left top;
}

#mainnav .navnext {
	background: url(../images/direcnav.png) no-repeat right top;
	right: 624px;
}

#mainnav .navprev:hover,
#mainnav .navprev:focus,
#mainnav .navnext:hover,
#mainnav .navnext:focus {
	background-image: url(../images/direcnav-hover.png);
} 

/* ---------------------------------------------------------
   JOOMLA
--------------------------------------------------------- */
/* COMMON JOOMLA STYLE
--------------------------------------------------------- */
.profile-edit fieldset dt {
  min-width: 20em;
}

/* Mail to ---*/
#mailto-window .mailto-close {
  background: #f0f0f0;
  border-color: #ccc;
  border-radius: 0;
  text-shadow: none;
  top: -15px;
}

#mailto-window .mailto-close a {
  color: #999;
  text-decoration: none;
}

#mailto-window .mailto-close a:hover {
  color: #fe779e
  text-decoration: none;
}

#mailto-window .mailto-close:hover {
  box-shadow: none;
}

/* Category List ---*/
.categories-list ul li {
  border-bottom: 1px solid #ddd;
}

.categories-list ul li span.item-title {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
}

/* Edit Content ---*/
.edit fieldset {
  border-top: 5px solid #000;
}

.edit fieldset legend {
  color: #000;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
  background: #f0f0f0;
  border: 1px solid #ccc;
  border-radius: 0;
}

/* Pagination ---*/
.pagination ul li,
ul.pagenav li {
  background: none;
}

/* ---------------------------------------------------------
   MODULES
--------------------------------------------------------- */
.moduletable-inner {
  background: #fff;
  border: none;
  border-radius: 0;
  box-shadow: none;
  text-shadow: none;
}

.bg_yellow .moduletable-inner {
	background: #fdfbd3 ;
	border: solid 1px #e0dc8f;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.bg_pink .moduletable-inner {
	background: #ffe6e8;
	border: solid 1px #f7cfd2 ;
	border-radius: 5px;
	-webkit-border-radius: 5px;
} 
/* Module Title */
.moduletable .moduletable-inner > h3 {
	background: none;
	border-bottom: 0;
	border-radius: 0;
	font-size: 150%;
	padding: 15px 20px 10px 20px;
	color: #262626;
	text-transform: none;
	font-family: 'Handlee',cursive;
	font-weight: normal;
	text-transform: none;
}

/* Module Content */
.moduletable .box-ct {
  padding: 5px 20px;
}

/* Module List */
.moduletable ul li {
}


/* ---------------------------------------------------------
   TEMPLATE
--------------------------------------------------------- */

/* GENERIC CONTENT STYLE
--------------------------------------------------------- */
/* Content Title ---*/
h1.componentheading,
.componentheading {
  color: #000;
}

/* Content Meta ---*/
.article-info,
.article-hit,
.jac-add-button {
  color: #666;
}

.article-info a,
.jac-add-button a {
  color: #666;
}

.article-info a:hover,
.article-info a:active,
.article-info a:focus,
.jac-add-button a:hover,
.jac-add-button a:active,
.jac-add-button a:focus {
  color: #666;
}

/* Content Image ---*/
.img-intro-none img,
.img-intro-left img,
.img-intro-right img,
.img-fulltext-none img,
.img-fulltext-left img,
.img-fulltext-right img {
  box-sizing: border-box;
}

.img-intro-none, .img-intro-left, .img-intro-right, 
.img-fulltext-none, .img-fulltext-left, .img-fulltext-right, .img_caption {
	z-index: 1;
}

p.img_caption {
  background-color: #f7808d;
  box-sizing: border-box;
  color: #fff;
  opacity: 0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  line-height: 1.1;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 100%;
}

.item:hover p.img_caption {
  background-color: #f7808d;
  opacity: 1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.item.grid-double p.img_caption:before {
	background: url(../images/bg-image-l.png) no-repeat left bottom;
	content: "";
	position: absolute;
	display: block;
	width: 50%;
	height: 32px;
	left: 0;
	bottom: 0;
	z-index: -1;
}

.item.grid-double p.img_caption {
	background: none !important;
	z-index: 1;
	line-height: 20px;
}

.item.grid-double .item-inner:hover p.img_caption {
	opacity: 1;
}

.item.grid-double p.img_caption:after {
	background: url(../images/bg-image-r.png) no-repeat right bottom;
	content: "";
   height: 32px;
   width: 50%;
   display: block;
   position: absolute;
   bottom: 0;
   right: 0;
	z-index: -1;
}

/* ITEM
--------------------------------------------------------- */
.item {
}

.item .item-inner,
.corner-stamp .corner-inner {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-bottom-color: #cfcfcf;
  border-radius: 5px;
  box-shadow: none;
  transition: box-shadow .2s ease 0s;
  margin: 10px;
  z-index: 1;
}

.item:hover .item-inner,
.item.facebook:hover .item-inner,
.corner-stamp:hover .corner-inner {
  border: 1px solid #ff728e;
  box-shadow: 0 0 8px 2px rgba(0,0,0,.2);
}

.item .item-main {
}

/* Item IMG ---*/
.item .item-image {
}

.item .item-image img {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box; /* Opera/IE 8+ */
}

.item .item-image span {
  display: none;
}

.item.video .item-image span {
	z-index: 1;
}

/* Item Title ---*/
.item .header h2 {
  font-family: 'Pontano Sans', sans-serif;
  margin-bottom: 10px;
  font-size: 140%;
  font-weight: 300;
}

.item .header h2 a {
  color: #000;
}

.item .header h2 a:hover,
.item .header h2 a:focus,
.item .header h2 a:active {
  color: #fe779e;
}

.item:hover h2 a {
  color: #fe779e;
}

/* Item Header ---*/
.item .header {
}

.item .header .article-info .category-name {
  color: #999;
}

.item .header .article-info .category-name strong,
.item .header .article-info .published strong,
.item .header .article-info .create strong {
  color: #626262;
}

.item .header .article-info .published,
.item .header .article-info .create  {
  color: #999;
}

/* Item Content ---*/
.item .content {
}

/* Item tags*/
.item-tags ul.catItemTags li {
	padding: 0;
}

/* Item Footer ---*/
.item .footer {
  background: url(../images/bg-1.gif) 0 0 repeat-x #f5f6f7;  
  border-radius: 0px 0px 5px 5px;
  color: #666;
  margin: 10px -15px 0;
  padding: 19px 15px 15px 15px;
  text-shadow: none;
  border-top: none;
}

.item .footer .article-hit,
.item .footer .jacomment-count,
.item .footer .jac-add-button,
.item .footer .comments-link,
.item-showcase .footer .article-hit {
  margin: 5px 4px 0 0;
}

.item .footer .article-hit .hits,
.item .footer .comments-link,
.item .footer .comments-link a,
.item-showcase .footer .article-hit dd.hits,
.item-showcase .footer .comments-link strong {
  color: #656565;
  background: none;
  padding-left: 0;
}

.item:hover .footer .article-hit .hits,
.item:hover .footer .comments-link,
.item:hover .footer .comments-link a,
.item-showcase:hover .footer .article-hit dd.hits,
.item-showcase:hover .footer .comments-link strong  {
  color: #F67E98;
}

/* Item Readmore ---*/
.item .readmore a {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));
	background: -moz-linear-gradient(top,  #ffffff,  #e8e8e8);
	background: -o-linear-gradient(#ffffff,#e8e8e8);
	background: url(../images/heart.png) no-repeat 8px 5px;
	color: #262626;
	text-shadow: 1px 1px #fff;
	padding: 5px 12px 5px 25px ;
	transition: 0s;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.item:hover .readmore a {
	background: -webkit-gradient(linear, left top, left bottom, from(#fe88ab), to(#fe749b));
	background: -moz-linear-gradient(top,  #fe88ab,  #fe749b);
	background: -o-linear-gradient(#fe88ab,#fe749b);
	background: url(../images/heart-hover.png) no-repeat 8px 5px #fe88ab;
	border: 1px solid #ea507c;
	box-shadow: -1px 1px #feb2c8 inset;
	-webkit-box-shadow: -1px 1px #feb2c8 inset;
	color: #fff;
	text-decoration: none;
	text-shadow: none;
}

/* Item Status---*/
.item-hot .header > h2:before,
.item-hot .header .item-title h2:before {
  background: url(../images/badge.png) 0 0 no-repeat;
  border-radius: 0;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  margin:0;
  width: 35px;
  height: 16px;
  content:'';
  overflow: hidden;
  padding: 0;
}

.hilite.item-hot .header > h2:before,
.hilite.item-hot .header .item-title h2:before {
  background-position: 0 -32px;
}

/* DISPLAY PRESETS
--------------------------------------------------------- */
/* Display ---*/
/* Small View */
body.basegrid-s .item .footer {
	padding: 19px 15px 15px;	
}

/* Image View */
body.display-imageview .item-inner {
  border-width: 5px;
  border-style: solid;
}

body.display-imageview .item:hover .item-inner {
  border-width: 5px;
  border-color: #E0E0E0 #E0E0E0 #CFCFCF;
  box-shadow: 0 0 8px rgba(0,0,0,.7);
}

body.display-imageview .item-image img {
  border: none !important;
}

/* Items without IMG in Image View */
body.display-imageview .item.no-image {
  display: none !important;
}

body.display-imageview .item.no-image .item-inner {
  height: 0 !important;
}

/* ITEM STYLE PRESETS (CLASS SUFFIX)
--------------------------------------------------------- */
/* Showcase Style ---*/
.item-showcase .item-image {
	border-bottom: 0;
}

.item-showcase .footer .article-hit dd.hits strong,
.item-showcase .footer .comments-link a {
	color: #656565;
	font-weight: bold;
}

.item-showcase:hover .footer .article-hit dd.hits strong,
.item-showcase:hover .footer .comments-link a {
	color: #fe779e;
}

/* Blue, Hilite Style ---*/
.item.blue .item-inner,
.item.hilite .item-inner {
  background: #76c4ce;
  border-color: #DFDFDF;
  color: #fff;
}

.item.blue .header h2 a,
.item.hilite .header h2 a,
.item.blue a,
.item.hilite a {
  color: #fff;
}

.item-showcase.hilite .createby strong, 
.item-showcase.hilite .category-name strong, 
.item-showcase.hilite .item-tags strong {
  color: #fff;
}

.item-showcase.hilite .createby, 
.item-showcase.hilite .category-name {
	border-bottom-color: #c2e6eb;
}

.item.blue .item-separator,
.item.hilite .item-separator {
	background: url(../images/icon1.png) no-repeat left top;
	display: block;
	top: -10px;
	right: -10px;
	width: 64px;
	height: 21px;
	position: absolute;
	overflow: hidden;
	content: "";
	padding: 0px;
	text-indent: -9999em;
	font-size: 0px;
	z-index: 2;
}

.item.blue .article-info,
.item.blue .article-hit,
.item.blue .jac-add-button,
.item.hilite .article-info,
.item.hilite .article-hit,
.item.hilite .jac-add-button {
  color: #c2e6eb;
}

.item.blue .article-info a,
.item.blue .jac-add-button a,
.item.hilite .article-info a,
.item.hilite .jac-add-button a {
  color: #c2e6eb;
}

.item.blue .article-info a:hover,
.item.blue .article-info a:active,
.item.blue .article-info a:focus,
.item.blue .jac-add-button a:hover,
.item.blue .jac-add-button a:active,
.item.blue .jac-add-button a:focus,
.item.hilite .article-info a:hover,
.item.hilite .article-info a:active,
.item.hilite .article-info a:focus,
.item.hilite .jac-add-button a:hover,
.item.hilite .jac-add-button a:active,
.item.hilite .jac-add-button a:focus {
  color: #c2e6eb;
}

.item.blue .header .article-info .category-name,
.item.hilite .header .article-info .category-name {
  color: #c2e6eb;
}

.item.blue .header .article-info .category-name strong,
.item.hilite .header .article-info .category-name strong,
.item-showcase.hilite .footer .article-hit dd.hits strong,
.item-showcase.hilite .footer .comments-link a {
  color: #c2e6eb;
}

.item.blue .header .article-info .published,
.item.blue .header .article-info .create,
.item.hilite .header .article-info .published,
.item.hilite .header .article-info .create {
  color: #c2e6eb;
}

.item.blue .header .article-info .published strong,
.item.blue .header .article-info .create strong,
.item.hilite .header .article-info .published strong,
.item.hilite .header .article-info .create strong  {
  color: #c2e6eb;
}

.item.blue:hover p.img_caption,
.item.hilite:hover p.img_caption {
  background-color: #42b1b8;
}

.item.blue .footer,
.item.hilite .footer {
  background: url(../images/bg-2.gif) 0 0 repeat-x #42b1b8;
  border: none;
  color: #fff;
}

.item.blue .footer .article-info,
.item.blue .footer .article-hit,
.item.blue .footer .jacomment-count,
.item.blue .footer a,
.item.hilite .footer .article-info,
.item.hilite .footer .article-hit,
.item.hilite .footer .jacomment-count,
.item.hilite .footer a {
  color: #fff;
}

.item.blue .footer .article-hit .hits,
.item.hilite .footer .article-hit .hits,
.item.blue .footer .comments-link,
.item.hilite .footer .comments-link  {
  color: #fff;
}

.item.blue .footer .article-hit .hits strong,
.item.hilite .footer .article-hit .hits strong ,
.item.blue .footer strong,
.item.hilite .footer strong,
.item.blue .footer .comments-link strong,
.item.hilite .footer .comments-link strong {
  color: #fff;
}

.item.blue .readmore a,
.item.hilite .readmore a {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));
	background: -moz-linear-gradient(top,  #ffffff,  #e8e8e8);
	background: -o-linear-gradient(#ffffff,#e8e8e8);
	background: url(../images/heart.png) no-repeat 8px 5px #ffffff;
	border: none !important;
	box-shadow: none;
	-webkit-box-shadow: none;
	color: #262626;
}

.item.blue:hover .readmore a,
.item.hilite:hover .readmore a {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));
	background: -moz-linear-gradient(top,  #ffffff,  #e8e8e8);
	background: -o-linear-gradient(#ffffff,#e8e8e8);
	background: url(../images/heart-hover6.png) no-repeat 8px 5px #ffffff;
	color: #42b1b8;
	text-shadow: none;
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}

/* ImageView Blue, Hilite Style */
body.display-imageview .item.blue .item-inner,
body.display-imageview .item.hilite .item-inner {
  border-color: #42B1B8
}

/* Dark Style ---*/
.item.dark .item-inner {
  background: #2a2a2a;
  border-color: #e0e0e0;
  color: #ccc;
}

.item.dark .item-separator {
	background: url(../images/icon2.png) no-repeat left top;
	display: block;
	width: 61px;
	height: 49px;
	right: -10px;
	top: -10px;
	border-radius: 0;
	position: absolute;
	content: '';
	overflow: hidden;
	padding: 0;
	z-index: 2;
}

.item.dark .header h2 a {
  color: #ccc;
}

.item.dark:hover h2 a {
  color: #fff;
}

.item.dark .footer {
  background: url(../images/bg-4.gif) 0 0 repeat-x #000;
  color: #fff;
  text-shadow: none;
  border-bottom: none;
  border-right: none;
}

.item.dark .footer .article-info,
.item.dark .footer .article-hit,
.item.dark .footer .jac-add-button,
.item.dark .footer a {
  color: #666;
}

.item.twitter p.readmore,
.item.facebook p.readmore,
.item.youtube p.readmore {
  bottom: 13px;
}

.item.dark .readmore a {
	border: none;
	color: #262626;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));
	background: -moz-linear-gradient(top,  #ffffff,  #e8e8e8);
	background: -o-linear-gradient(#ffffff,#e8e8e8);
	background: url(../images/heart.png) no-repeat 8px 5px #ffffff;
}

.item.dark:hover .readmore a {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));
	background: -moz-linear-gradient(top,  #ffffff,  #e8e8e8);
	background: -o-linear-gradient(#ffffff,#e8e8e8);
	background: url(../images/heart.png) no-repeat 8px 5px #fff;
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	color: #262626;
}

.item.dark .header .article-info .category-name {
  color: #fff;
}

.item.dark .header .article-info .category-name strong,
.item.dark .header .article-info .create strong,
.item.dark .footer .article-hit .hits strong,
.item.dark .footer .comments-link a,
.item-showcase.dark .footer .article-hit dd.hits strong,
.item-showcase.dark .footer .comments-link strong {
  color: #fff;
}

.item.dark .header .article-info .create {
  color: #fff;
}

.item.dark .footer .article-hit .hits {
  color: #fff;
}

/* ImageView Dark Style */
body.display-imageview .item.dark .item-inner {
  border-color: #000
}

/* purple */
.item.purple .item-inner {
  background: #c9afd3;
}

.item.purple:hover .item-inner {
  border-color: #e0e0e0;
}

.item.purple .header h2 a,
.item.purple a {
  color: #fff;
}

.item-showcase.purple .createby strong, 
.item-showcase.purple .category-name strong, 
.item-showcase.purple .item-tags strong {
  color: #fff;
}

.item-showcase.purple .createby, 
.item-showcase.purple .category-name {
	border-bottom-color: #D8C5E0;
}

.item.purple .item-separator {
	background: url(../images/icon4.png) no-repeat left top;
	display: block;
	top: -10px;
	right: -10px;
	width: 37px;
	height: 44px;
	position: absolute;
	overflow: hidden;
	content: "";
	padding: 0px;
	z-index: 2;
}

.item.purple .content {
  color: #fff;
}

.item.purple .header .article-info .category-name {
  color: #fff;
}

.item.purple .header .article-info .category-name strong,
.item.purple .header .article-info .published strong,
.item.purple .header .article-info .create strong {
  color: #fff;
}

.item.purple .header .article-info .published,
.item.purple .header .article-info .create {
 color: #fff;
}

.item.purple:hover p.img_caption {
  background-color: #b28ac2;
}

.item.purple .footer {
  background: url(../images/bg-5.gif) 0 0 repeat-x #b28ac2;
  border: none;
  color: #fff;
}

.item.purple .footer .article-info,
.item.purple .footer .article-hit,
.item.purple .footer .jacomment-count,
.item.purple .footer a,
.item.purple .footer .comments-link a {
  color: #fff;
}

.item.purple .footer .article-hit .hits {
  color: #fff;
}

.item.purple .footer .article-hit .hits strong {
  color: #fff;
}

.item.purple .readmore a {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));
	background: -moz-linear-gradient(top,  #ffffff,  #e8e8e8);
	background: -o-linear-gradient(#ffffff,#e8e8e8);
	background: url(../images/heart.png) no-repeat 8px 5px #ffffff;
	border: none !important;
	box-shadow: none;
	color: #262626;
}

.item.purple:hover .readmore a {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));
	background: -moz-linear-gradient(top,  #ffffff,  #e8e8e8);
	background: -o-linear-gradient(#ffffff,#e8e8e8);
	background: url(../images/heart-hover1.png) no-repeat 8px 5px #ffffff;
	border: none;
	text-shadow: none;
	color: #b28ac2;
	box-shadow: none;
	-webkit-box-shadow: none;
}

/* ImageView Purple Style */
body.display-imageview .item.purple .item-inner {
  border-color: #b28ac2;
}

/* violet */ 
.item.violet .item-inner {
  background: #d494ae;
  color: #fff;
}

.item.violet .item-separator {
	background: url(../images/icon5.png) no-repeat left top;
	display: block;
	top: -10px;
	right: -10px;
	width: 52px;
	height: 55px;
	position: absolute;
	overflow: hidden;
	content: "";
	padding: 0px;
	z-index: 2;
}

.item.violet .header h2 a,
.item.violet a {
	color: #fff;
}

.item.violet .header .article-info .category-name {
  color: #F0D6E1;
}

.item.violet .header .article-info .category-name strong,
.item.violet .header .article-info .create strong {
  color: #F0D6E1;
}

.item.violet .header .article-info .create {
 color: #F0D6E1;
}

.item.violet .footer {
  background: url(../images/bg-7.gif) 0 0 repeat-x #c17b97;
  border: none;
  color: #fff;
}

.item.violet .footer .article-info,
.item.violet .footer .article-hit,
.item.violet .footer .jacomment-count,
.item.violet .footer a,
.item.violet .footer .comments-link a {
  color: #fff;
}

.item.violet .footer .article-hit .hits {
  color: #fff;
}

.item.violet .footer .article-hit .hits strong {
  color: #fff;
}

.item.violet .readmore a {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));
	background: -moz-linear-gradient(top,  #ffffff,  #e8e8e8);
	background: -o-linear-gradient(#ffffff,#e8e8e8);
	background: url(../images/heart.png) no-repeat 8px 5px #ffffff;
	border: none !important;
	box-shadow: none;
	color: #262626;
}

.item.violet:hover .readmore a {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));
	background: -moz-linear-gradient(top,  #ffffff,  #e8e8e8);
	background: -o-linear-gradient(#ffffff,#e8e8e8);
	background: url(../images/heart-hover5.png) no-repeat 8px 5px #ffffff;
	border: none;
	text-shadow: none;
	color: #c17b97;
	box-shadow: none;
	-webkit-box-shadow: none;
}

/* ImageView Violet Style */
body.display-imageview .item.violet .item-inner {
  border-color: #c17b97;
}

/* yellow */
.item.yellow .item-inner {
  background: #fcb958;
}

.item.yellow:hover .item-inner,
.item.red:hover .item-inner,
.item.violet:hover .item-inner,
.item.green:hover .item-inner {
  border-color: #e0e0e0;
}

.item.yellow .item-separator {
	background: url(../images/icon7.png) no-repeat left top;
	display: block;
	top: -10px;
	right: -10px;
	width: 89px;
	height: 69px;
	position: absolute;
	overflow: hidden;
	content: "";
	padding: 0px;
	z-index: 2;
}

.item.yellow .header h2 a,
.item.yellow a {
  color: #fff;
}

.item.yellow .content {
  color: #fff;
}

.item.yellow .header .article-info .category-name {
  color: #fff;
}

.item.yellow .header .article-info .category-name strong,
.item.yellow .header .article-info .create strong {
  color: #fff;
}

.item.yellow .header .article-info .create {
 background: url(../images/ico-pub-2.gif) no-repeat 0 2px;
 color: #fff;
}

.item.yellow .footer {
  background: url(../images/bg-8.gif) 0 0 repeat-x #df9222;
  border: none;
  color: #fff;
}

.item.yellow .footer .article-info,
.item.yellow .footer .article-hit,
.item.yellow .footer .jacomment-count,
.item.yellow .footer a,
.item.yellow .footer .comments-link a {
	color: #fff;
}

.item.yellow .footer .article-hit .hits {
	color: #fff;
}

.item.yellow .footer .article-hit .hits strong {
  color: #fff;
}

.item.yellow .readmore a {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));
	background: -moz-linear-gradient(top,  #ffffff,  #e8e8e8);
	background: -o-linear-gradient(#ffffff,#e8e8e8);
	background: url(../images/heart.png) no-repeat 8px 5px #ffffff;
	border: none !important;
	box-shadow: none;
	color: #262626;
}

.item.yellow:hover .readmore a {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));
	background: -moz-linear-gradient(top,  #ffffff,  #e8e8e8);
	background: -o-linear-gradient(#ffffff,#e8e8e8);
	background: url(../images/heart-hover3.png) no-repeat 8px 5px #ffffff;
	border: none;
	text-shadow: none;
	color: #df9222;
	box-shadow: none;
	-webkit-box-shadow: none;
}

/* ImageView Yellow Style */
body.display-imageview .item.yellow .item-inner {
  border-color: #df9222;
}

/* red */ 
.item.red .item-inner {
  background: #fd655e;
  color: #fff;
}

.item.red .item-separator {
	background: url(../images/icon3.png) no-repeat left top;
	display: block;
	top: -10px;
	right: -10px;
	width: 82px;
	height: 47px;
	position: absolute;
	overflow: hidden;
	content: "";
	padding: 0px;
	z-index: 2;
}

.item.red .header h2 a,
.item.red a {
	color: #fff;
}

.item.red .header .article-info .category-name {
  color: #fff;
}

.item.red .header .article-info .category-name strong,
.item.red .header .article-info .create strong {
  color: #fff;
}

.item.red .header .article-info .create {
 color: #fff;
}

.item.red .footer {
  background: url(../images/bg-6.gif) 0 0 repeat-x #d14740;
  border: none;
  color: #fff;
}

.item.red .footer .article-info,
.item.red .footer .article-hit,
.item.red .footer .jacomment-count,
.item.red .footer a,
.item.red .footer .comments-link a {
  color: #fff;
}

.item.red .footer .article-hit .hits {
  color: #fff;
}

.item.red .footer .article-hit .hits strong {
  color: #fff;
}

.item.red .readmore a {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));
	background: -moz-linear-gradient(top,  #ffffff,  #e8e8e8);
	background: -o-linear-gradient(#ffffff,#e8e8e8);
	background: url(../images/heart.png) no-repeat 8px 5px #ffffff;
	border: none !important;
	box-shadow: none;
	color: #262626;
}

.item.red:hover .readmore a {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));
	background: -moz-linear-gradient(top,  #ffffff,  #e8e8e8);
	background: -o-linear-gradient(#ffffff,#e8e8e8);
	background: url(../images/heart-hover4.png) no-repeat 8px 5px #ffffff;
	border: none;
	text-shadow: none;
	color: #d14740;
	box-shadow: none;
	-webkit-box-shadow: none;
}

/* ImageView Red Style */
body.display-imageview .item.red .item-inner {
  border-color: #d14740;
}

/* Sticky */
.item.item-sticky .footer {
	background-image: url(../images/bg-11.gif);
	border-top: 0;
}

.item.item-sticky .readmore a {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));
	background: -moz-linear-gradient(top,  #ffffff,  #e8e8e8);
	background: -o-linear-gradient(#ffffff,#e8e8e8);
	background: url(../images/heart.png) no-repeat 8px 5px #ffffff;
	border: none !important;
	box-shadow: none;
	color: #262626;
}

.item.item-sticky:hover .readmore a {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));
	background: -moz-linear-gradient(top,  #ffffff,  #e8e8e8);
	background: -o-linear-gradient(#ffffff,#e8e8e8);
	background: url(../images/heart-hover4.png) no-repeat 8px 5px #ffffff;
	border: none;
	text-shadow: none;
	color: #d14740;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.item.item-sticky .footer .article-hit .hits,
.item.item-sticky .footer .article-hit .hits strong,
.item.item-sticky .footer .comments-link,
.item.item-sticky .footer .comments-link a {
  color: #656565;
  background: none;
  padding-left: 0;
}

.item.item-sticky:hover .footer .article-hit .hits,
.item.item-sticky:hover .footer .article-hit .hits strong,
.item.item-sticky:hover .footer .comments-link,
.item.item-sticky:hover .footer .comments-link a {
  color: #B05832;
}

/* Sticky 3 */
.item.item-sticky3 .item-inner {
	background-color: #76c4ce;
	border-color: #DFDFDF;
	color: #fff;
}

.item.item-sticky3:hover .item-inner {
	border-color: #42b1b8;
}

.item.item-sticky3 .header h2 a {
	color: #fff;
}

.item.item-sticky3 .header h2 a:hover,
.item.item-sticky3 .header h2 a:focus {
	color: #42B1B8;
}

.item.item-sticky3 .footer {
  background: url(../images/bg-2.gif) 0 0 repeat-x #42b1b8;
  border: none;
  color: #fff;
}

.item.item-sticky3 .footer .article-info,
.item.item-sticky3 .footer .article-hit,
.item.item-sticky3 .footer .jacomment-count,
.item.item-sticky3 .footer a {
  color: #fff;
}

.item.item-sticky3 .footer .article-hit .hits,
.item.item-sticky3 .footer .comments-link {
  color: #fff;
}

.item.item-sticky3 .footer .article-hit .hits strong,
.item.item-sticky3 .footer strong,
.item.item-sticky3 .footer .comments-link strong {
  color: #fff;
}

.item.item-sticky3 .readmore a {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));
	background: -moz-linear-gradient(top,  #ffffff,  #e8e8e8);
	background: -o-linear-gradient(#ffffff,#e8e8e8);
	background: url(../images/heart.png) no-repeat 8px 5px #ffffff;
	border: none !important;
	box-shadow: none;
	-webkit-box-shadow: none;
	color: #262626;
}

.item.item-sticky3:hover .readmore a{
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));
	background: -moz-linear-gradient(top,  #ffffff,  #e8e8e8);
	background: -o-linear-gradient(#ffffff,#e8e8e8);
	background: url(../images/heart-hover6.png) no-repeat 8px 5px #ffffff;
	color: #42b1b8;
	text-shadow: none;
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}

/* Sticky 2 */
.item.item-sticky2 .item-inner {
  background-color: #fd655e;
  color: #fff;
}

.item.item-sticky2 .header h2 a,
.item.item-sticky2 a {
	color: #fff;
}

.item.item-sticky2 .header .article-info .category-name {
  color: #fff;
}

.item.item-sticky2 .header .article-info .category-name strong,
.item.item-sticky2 .header .article-info .create strong {
  color: #fff;
}

.item.item-sticky2 .header .article-info .create {
 color: #fff;
}

.item.item-sticky2 .footer {
  background: url(../images/bg-6.gif) 0 0 repeat-x #d14740;
  border: none;
  color: #fff;
}

.item.item-sticky2 .footer .article-info,
.item.item-sticky2 .footer .article-hit,
.item.item-sticky2 .footer .jacomment-count,
.item.item-sticky2 .footer a,
.item.item-sticky2 .footer .comments-link a {
  color: #fff;
}

.item.item-sticky2 .footer .article-hit .hits {
  color: #fff;
}

.item.item-sticky2 .footer .article-hit .hits strong {
  color: #fff;
}

.item.item-sticky2 .readmore a {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));
	background: -moz-linear-gradient(top,  #ffffff,  #e8e8e8);
	background: -o-linear-gradient(#ffffff,#e8e8e8);
	background: url(../images/heart.png) no-repeat 8px 5px #ffffff;
	border: none !important;
	box-shadow: none;
	color: #262626;
}

.item.item-sticky2:hover .readmore a {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));
	background: -moz-linear-gradient(top,  #ffffff,  #e8e8e8);
	background: -o-linear-gradient(#ffffff,#e8e8e8);
	background: url(../images/heart-hover4.png) no-repeat 8px 5px #ffffff;
	border: none;
	text-shadow: none;
	color: #d14740;
	box-shadow: none;
	-webkit-box-shadow: none;
}

/* No Color Style ---*/
.item.no-color .item-inner {
  background: #fefceb;
  border-color: #DFDFDF;
  color: #6E6E6E;
}

.item.no-color .header > h2:before,
.item.no-color .header .item-title h2:before {
	background: url(../images/icon9.png) no-repeat left top;
	top: -10px !important;
	left: -10px;
	width: 67px;
	height: 65px;
	position: absolute;
	overflow: hidden;
	content: "";
	padding: 0px;
	text-indent: -9999em;
	font-size: 0px;
}

.item.no-color .header > h2:after,
.item.no-color .header .item-title h2:after {
	background: none;
}

.item.no-color .header h2 a,
.item.no-color a {
	color: #000;
}

.item.no-color:hover .header h2 a,
.item.no-color:hover a {
	color: #fe779e;
}

.item.no-color .header .article-info .category-name {
  color: #999;
}

.item.no-color .header .article-info .category-name strong,
.item.no-color .header .article-info .create strong {
  color: #626262;
}

.item.no-color .header .article-info .create {
  color: #999;
}

.item.no-color .header .article-info .category-name strong, 
.item.no-color .header .article-info .create strong {
	color: #626262;
}

.item.no-color .footer {
  background: url(../images/bg-10.gif) 0 0 repeat-x #F5F6F7;
  color: #666666;
  text-shadow: 0 -1px 0 rgba(225, 225, 225, 0.4)
}

.item.no-color .readmore a {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));
	background: -moz-linear-gradient(top,  #ffffff,  #e8e8e8);
	background: -o-linear-gradient(#ffffff,#e8e8e8);
	background: url(../images/heart.png) no-repeat 8px 5px;
	color: #262626;
	text-shadow: 1px 1px #fff;
	padding: 5px 12px 5px 25px ;
	border: solid 1px #ccc;
	transition: 0s;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.item.no-color:hover .readmore a {
	background: -webkit-gradient(linear, left top, left bottom, from(#fe88ab), to(#fe749b));
	background: -moz-linear-gradient(top,  #fe88ab,  #fe749b);
	background: -o-linear-gradient(#fe88ab,#fe749b);
	background: url(../images/heart-hover.png) no-repeat 8px 5px #fe88ab;
	border: 1px solid #ea507c;
	box-shadow: -1px 1px #feb2c8 inset;
	-webkit-box-shadow: -1px 1px #feb2c8 inset;
	color: #fff;
	text-decoration: none;
	text-shadow: none;
}

.item.no-color .footer .article-hit .hits,
.item.no-color .footer .article-hit .hits strong,
.item.no-color .footer .comments-link,
.item.no-color .footer .comments-link a {
  color: #656565;
  background: none;
  padding-left: 0;
}

.item.no-color:hover .footer .article-hit .hits,
.item.no-color:hover .footer .article-hit .hits strong,
.item.no-color:hover .footer .comments-link,
.item.no-color:hover .footer .comments-link a {
  color: #F67E98;
}

/* ImageView No Color Style */
body.display-imageview .item.no-color .item-inner {
  border-color: #F5F6F7;
}

/* Unpublished ---*/
.system-unpublished {
	background: none;
	border: 0;
}

/* POPUP CONTENT
--------------------------------------------------------- */
body.popupview #popup-view {
}

body.popupview #popup-inner {
  background: #fff;
  border: 1px solid #fe779e;
  border-radius: 0;
  box-shadow: 0 0 8px rgba(0,0,0,.4);
}

div.sidebarTrackerV div, div.popupTrackerV div {
	background: #fcbbcd !important;
	width: 5px !important;
}

#mailto-window h2 {
	margin-bottom: 10px;
	margin-top: 0;
}

#mailtoForm p {
	margin: 10px 0;
}

/* loading Indicator */
body.popupview #popup-content:after {
  border-radius: 0;
  background: #000;
}

/* HEADER
--------------------------------------------------------- */
#header {
  background: url(../images/bg-header.png) 0 100% repeat;
  border-bottom: none;
  color: #ccc;
  min-height: 80px;
}

#header .wrap-inner {
  background: transparent;
  border-bottom: none;
}

/* Logo Image ---*/
.logo-image,
.logo-text {
  background: url(../images/bg-toolbar.png) repeat-x left top;
  border: none;
  height: 339px;
  position:absolute;
  left: 0;
  top: 0;
  width: 156px;
}

.logo-image h1 {
  display: block;
  height: 339px;
  margin: 0;
  padding: 0;
  width: 100%;
}

.logo-image h1 a {
  background: url(../images/logo.png) 10px 0 no-repeat;
  color: #fff;
  text-shadow: none;
  height: 339px;
  width: 100%;
  overflow:hidden;
  text-indent: -999em;
}

/* Logo Text ---*/
.logo-text h1 {
  display: block;
  height: 339px;
  margin: 0;
  padding: 0;
  width: 100%;
}

.logo-text h1 a {
  background: url(../images/logo-text-bg.png) 10px 0 no-repeat;
  color: #fd769d;
  font-weight: bold;
  font-family: 'Handlee',cursive;
  font-size: 125%;
  height: 339px;
  padding-top: 250px;
  overflow:hidden;
  text-transform: none;
  text-shadow: 1px 1px 0 #fff;
  width: 100%;
}

.logo-text:hover h1 a,
.logo-text h1 a:hover,
.logo-text h1 a:active,
.logo-text h1 a:focus {
  color: #fd769d;
}

.logo-text p {
  color: #6e6e6e;
  display: block;
  font-style: italic;
  font-size: 11px;
  margin-top: -60px;
  text-transform: none;
}

/* Head Search ---*/
#header #search {
  top: 0;
  background: url(../images/bg-toolbar.png) repeat-x left top;
  padding-top: 7px;
}

#header #search .search {
  border: none;
  border-radius: 0;
}

#header #search .inputbox {
	background: url(../images/icon-search.png) 8px center no-repeat #222426;
	border: 1px solid #494e53;
	color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-top: 6px;
	padding-bottom: 6px;
	transition: none;
	text-transform: none;
	width: 160px;
}

#header #search .button,
#header #search .inputbox:focus + .button {
  display: none;
}

/* focus state */
#header #search .inputbox:focus {
  background-color: #fff;
  box-shadow: none;
  color: #000;
  width: 230px;
}

#header #search .inputbox:focus + .button {
  background-color: #fe779e
  border-color: #fe779e
  color: #fff;
}

/* MAIN CONTAINER
--------------------------------------------------------- */
/* Mainbody ---*/
#container .main {
  padding-top: 90px;
}

body.has-sidebar #container .container-main {
  padding-left: 160px;
}

#mainbody {
  background: #FFF;
  border: 1px solid #ff728e;
  border-radius: 0;
  box-shadow: none;
}

body.has-sidebar #mainbody {
}

body.gridview #mainbody {
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

/* Sidebar ---*/
#sidebar {
	color: #696969;
	text-shadow: none;
	top: 300px;
	font-family: 'Handlee',cursive;
	width: 146px;
	margin-left: -150px;
	background: url(../images/bottom-sidebar.gif) no-repeat left bottom;
	margin-bottom: 20px;
	padding-bottom: 45px;
}

.sidebar-inner {
	background: url(../images/bg-sidebar.png) repeat-y left top;
	position: relative;
}

#sidebar .moduletable-inner {
	padding-top: 0px !important;
	margin-top: 0px;
}

/* Sidebar Nav */
#sidebar .menu li,
#sidebar .categories-module li {   
  padding: 3px 0 3px 10px;
  margin: 0px 10px;
  display:block;
  line-height: normal;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  border-bottom: solid 1px #f3d2d4;
   background: url(../images/arround.png) no-repeat left center;
}

#sidebar .menu li a,
#sidebar .categories-module li a {
  border-radius: 0;
  color: #343434;  
  display: block;
  float:none;
  padding: 0px 10px;
  line-height: 24px;
  text-shadow: 0 1px 0 #fff;
  font-size: 120%;
  text-align: center;
  text-transform: none;
}

#sidebar .menu li a:hover,
#sidebar .menu li a:active,
#sidebar .menu li a:focus,
#sidebar .categories-module li a:hover,
#sidebar .categories-module li a:focus,
#sidebar .categories-module li a:active {
  background: none;
  color: #fe779e;
  text-decoration:none;
}

/* Active */
#sidebar .categories-module li.active a,
#sidebar .menu li.active a {
  background: url(../images/bg-menu.png) no-repeat center center;
  color: #fff;
}

/* Sidebar Module */
#sidebar .moduletable .moduletable-inner > h3 {
  color: #ed0332;
  margin: 0px 10px 0px 10px;
  padding: 3px 0px 3px 10px;
  text-align: center;
  text-transform: none; 
  font-size: 105%;
  background: none;
  border-bottom: 1px solid #F3D2D4;
  line-height: 24px;
  text-transform: uppercase;
  letter-spacing: 0px;
}

/* DISPLAY TOOLBAR
--------------------------------------------------------- */
#toolbar {
  top: 0;
  background: url(../images/bg-toolbar.png) repeat-x left top;
  padding-top: 10px;
  padding-bottom: 10px;
}

#toolbar .toolbar-inner {
	margin-top: 3px;
}

#toolbar dl {
  border: none;
  border-radius: 0;
  text-shadow: none;
  background-color: transparent;
}

#toolbar-display dd {
	margin-top: 8px;
}
#toolbar dd {
	border: none;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	color: #ccc;
	font-size: 83%;
	font-family: 'Handlee', cursive;
}

#toolbar #toolbar-basegrid dd {
	width: 38px;
	height: 36px;
	margin-right: 10px;
	padding: 0px;
	line-height: 36px;
	background: url(../images/size-normal.png) no-repeat left top;
	color: #000;
	text-shadow: none;
	font-size: 80%;
}

#toolbar #toolbar-basegrid dd:hover {
	background: url(../images/size-hover.png) no-repeat left top;
	color: #000;
}
#toolbar dd:hover {
  background: none;
  color: #ff728e;
}

/* Active State */
body.basegrid-s #toolbar dd#toolbar-basegrid-s,
body.basegrid-m #toolbar dd#toolbar-basegrid-m,
body.basegrid-l #toolbar dd#toolbar-basegrid-l,
body.basegrid-xl #toolbar dd#toolbar-basegrid-xl {
	background: url(../images/size-hover.png) no-repeat left top;
	color: #000;
}

body.basegrid-s #toolbar dd#toolbar-basegrid-s, 
body.basegrid-m #toolbar dd#toolbar-basegrid-m, 
body.basegrid-l #toolbar dd#toolbar-basegrid-l, 
body.basegrid-xl #toolbar dd#toolbar-basegrid-xl, 
body.display-imageview #toolbar dd#toolbar-display-imageview {
  color: #ff728e;
  background-color: transparent;
}

/* Basegrid ---*/
#toolbar-basegrid dd {
  border-left: none;
}

/* K2 Page
--------------------------------------------------------- */
#k2Container .itemDate {
	background: url(../images/date.png) no-repeat left bottom;
	width: 108px;
	height: 59px;
	color: #fff;
	padding: 0px;
}

#k2Container .catItemView:hover .itemDate {
	background-position: left top;
}

#k2Container .itemDate .date {
	font-family: 'Handlee',cursive;
	text-shadow: none;
	color: #fff;
	float: none;
	width: 100%;
	font-size: 250%;
	margin-top: 5px;
}

#k2Container .itemDate .month-year {
	font-family: Arial, Helvetica, sans-serif;
	float: none;
	width: 100%;
	text-shadow: none;
	color: #fff;
}

#k2Container .itemDate .month{
	color: #fff;
}

#k2Container .itemDate .year  {
	display: none;
}

.itemListBlogView div.catItemView {
	padding-left: 130px;
}

.itemListBlogView .catItemBody img {
	border: solid 1px #e2e2e2;
	padding: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

li.clr,
li.clearList {
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
	clear: both;
}

/* Comment ---*/
.itemListBlogView .catItemCommentsLink {
	bottom: 0px;
	right: 0px;
	top: auto;
	left: auto;
}

.itemListBlogView .catItemCommentsLink a {
	color: #333;
	text-transform: none;
	display: inline-block;
}

.itemListBlogView .catItemCommentsLink a strong{
	background: url(../images/comment.png) no-repeat left top;
	height: 30px;
	line-height: 30px;
	width: 36px;
	display: inline-block;
	text-align: center; 
	color: #fff;
}

.itemListBlogView .catItemView:hover .catItemCommentsLink a strong{
	background-position: left bottom;
}

.itemListBlogView .catItemLinks .catItemTagsBlock {
	margin: 16px 0px 0px;
}

.itemListBlogView .catItemLinks .catItemTagsBlock span,
div.itemTagsBlock span {
	background: url(../images/icon-tag.png) no-repeat left center;
	color: #8c8c8c;
	font-weight: normal;
	padding-left: 20px;
}

div.catItemTagsBlock span:after, .item-tags strong:after,
div.itemTagsBlock  span:after {
	background: none;
	border-radius: 0px;
	border: none;
}

div.catItemTagsBlock ul.catItemTags li a, .item-tags ul li a,
div.itemTagsBlock ul li a, div.itemTagsBlock ul.itemTags li a {
	border: none; 
	color: #6e6e6e;
}

div.catItemTagsBlock ul.catItemTags li a:hover, .item-tags ul li a:hover,
div.catItemTagsBlock ul.catItemTags li a:hover, .item-tags ul li a:focus,
div.catItemTagsBlock ul.catItemTags li a:hover, .item-tags ul li a:active,
div.itemTagsBlock ul li a:hover, div.itemTagsBlock ul.itemTags li a:hover,
div.itemTagsBlock ul li a:hover, div.itemTagsBlock ul.itemTags li a:focus,
div.itemTagsBlock ul li a:hover, div.itemTagsBlock ul.itemTags li a:active {
	border: none; 
	color: #fe779e;
}

.itemView .itemAuthorLatest h3, 
.itemView .itemRelated h3 {
	font-family: 'Handlee',cursive;
	color: #262626;
	border: none;
	margin: 20px 0px 0px 0px !important;
	padding: 0px !important;
}

.itemView .itemAuthorLatest h3 span,
.itemView .itemRelated h3 span {
	border: none;
	color: #262626;
}

.itemView .itemAuthorLatest ul li,
.itemView .itemRelated ul li {
  background: url(../images/line-bd.gif) no-repeat left bottom;
  padding: 5px 0px;
}

.itemView .itemAuthorLatest ul li a,
.itemView .itemRelated ul li a {
	color: #7b7b7b;
	padding-left: 20px;
	background: url(../images/icon-heart1.png) no-repeat left 2px;
}

.itemView .itemAuthorLatest ul li a:hover,
.itemView .itemRelated ul li a:hover,
.itemView .itemAuthorLatest ul li a:focus,
.itemView .itemRelated ul li a:focus {
	color: #fe779e;
	background-image: url(../images/icon-heart-active.png);
}

.itemListView .item .readmore a {
	background-position: 5px 5px;
	padding: 5px 5px 5px 20px ;
}

/* catItem ---*/
.itemListBlogView .catItemBody {
	background: url(../images/line-bd.gif) repeat-x left bottom;
	padding-bottom: 20px;
}

.itemListBlogView .itemContainer {
	border: none;
	background: url(../images/line-bd.gif) repeat-x left bottom;
}
.catItemReadMore a {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));
	background: -moz-linear-gradient(top,  #ffffff,  #e8e8e8);
	background: -o-linear-gradient(#ffffff,#e8e8e8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8e8e8');
	color: #262626;
	text-shadow: 1px 1px #fff;
	padding: 5px 12px;
	transition: 0s;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left;
}

.catItemReadMore a:hover,
.catItemReadMore a:focus {  
  background-color: #fe749b;
  background: -webkit-gradient(linear, left top, left bottom, from(#fe88ab), to(#fe749b));
  background: -moz-linear-gradient(top,  #fe88ab,  #fe749b);
	background: -o-linear-gradient(#fe88ab,#fe749b);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe88ab', endColorstr='#fe749b');
  border: 1px solid #ea507c;  
  box-shadow:  -1px 1px #feb2c8 inset;
  -webkit-box-shadow:  -1px 1px #feb2c8 inset;
  color: #fff;  
  text-decoration: none;  
  text-shadow: none;
}

.itemListBlogView .catItemView h3.catItemTitle {
	font-family: 'Pontano Sans',sans-serif;
	font-weight: normal;
	color: #454545;
}

div.catItemHeader h3.catItemTitle a {
	color: #454545;
}

div.catItemHeader h3.catItemTitle a:hover,
div.catItemHeader h3.catItemTitle a:focus,
div.catItemHeader h3.catItemTitle a:active {
	color: #fe789f;
	text-decoration: none;
} 

div.itemCommentsForm form label.formComment,
div.itemCommentsForm form label.formName,
div.itemCommentsForm form label.formEmail,
div.itemCommentsForm form label.formUrl {
  color: #666;
  display: block;
  font-weight: normal;
  margin: 0 0 3px;
}

div.itemCommentsForm form textarea.inputbox {
  background: #fdfdfd;
  border: 1px solid #d8dbdf;
  color: #000;
  border-radius: 2px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2) inset;
  display: block;
  height: 150px;
  font-size: 100%;
  margin: 0 0 20px;
  padding: 5px;
  width: 350px;
}

div.itemCommentsForm form input.inputbox {
  background: #fdfdfd;
  border: 1px solid #d8dbdf;
  color: #000;
  border-radius: 2px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2) inset;
  color: #666;
  display: block;
  font-size: 100%;
  margin: 0 0 20px;
  padding: 5px;
  width: 350px;
  border-radius: 2px;
}

div.itemCommentsForm form textarea.inputbox:focus,
div.itemCommentsForm form input.inputbox:focus {
 	border-color: #fe779e;
}

div.itemCommentsForm form input#submitCommentButton {
  background: #09C;
  border: 1px solid #09C;
  color: #FFF;
  display: block;
  margin: 16px 0 0 0;
  padding: 4px;
  border-radius: 3px;
}

div.itemCommentsForm form input#submitCommentButton:hover,
div.itemCommentsForm form input#submitCommentButton:focus,
div.itemCommentsForm form input#submitCommentButton:active {
  background: #333;
  border: 1px solid #333;
  cursor: pointer;
}

div.itemCommentsForm form input#submitCommentButton {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));
	background: -moz-linear-gradient(top,  #ffffff,  #e8e8e8);
	background: -o-linear-gradient(#ffffff,#e8e8e8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8e8e8');
	color: #262626;
	text-shadow: 1px 1px #fff;
	padding: 5px 12px;
	transition: 0s;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	display: inline-block;
	border: solid 1px #ccc;
}

div.itemCommentsForm form input#submitCommentButton:hover,
div.itemCommentsForm form input#submitCommentButton:focus,
div.itemCommentsForm form input#submitCommentButton:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#fe88ab), to(#fe749b));
	background: -moz-linear-gradient(top,  #fe88ab,  #fe749b);
	background: -o-linear-gradient(#fe88ab,#fe749b);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe88ab', endColorstr='#fe749b');
	border: 1px solid #ea507c;
	box-shadow: -1px 1px #feb2c8 inset;
	-webkit-box-shadow: -1px 1px #feb2c8 inset;
	color: #fff;
	text-decoration: none;
	text-shadow: none;
}

div.itemToolbar ul li a#fontDecrease, div.itemToolbar ul li a#fontIncrease {
	width: 16px;
	height: 16px;
	display: block;
}

/* Rating K2 ---*/
div.itemToolbar {
	background: #f6f6f6;
	border-radius: 3px;
	border: solid 1px #dcdcdc;
}

#k2Container .itemRatingList, 
#k2Container .itemRatingList a:hover, 
#k2Container .itemRatingList .itemCurrentRating {
	background-image: url("../images/transparent_star.png");
}

#k2Container .itemRatingList {
	width: 70px;
	height: 13px;
	margin-top: 6px;
}

#k2Container .itemRatingList a, #k2Container .itemRatingList .itemCurrentRating {
	height: 13px;
	line-height: 13px;
}

.k2AccountPage .admintable td {
	background: url("../images/line-bd.gif") repeat-x left bottom;
	border: none;
}

.k2AccountPage .admintable th {
	background: none; 
	font-family: 'Handlee',cursive;
	color: #262626;
	font-size: 130%; 
	margin-top: 15px;
}

/* Tags */
div.catItemTagsBlock ul.catItemTags li a:hover, 
.item-tags ul li a:hover {
	color: #fe779e;
}

/* K2 Module ---*/
div.k2ItemsBlock ul li {
	border: none;
	background: url("../images/line-bd.gif") repeat-x left bottom;
}

div.k2ItemsBlock ul li a.moduleItemTitle {
  color: #454545;
  font-weight: normal;
  font-size: 120%;
  margin-bottom: 5px;
  font-family: 'Pontano Sans',sans-serif;
}

div.k2ItemsBlock ul li .moduleItemTitle:hover,
div.k2ItemsBlock ul li .moduleItemTitle:focus,
div.k2ItemsBlock ul li .moduleItemTitle:active {
  color: #fe779e;
}

div.k2ItemsBlock ul li .moduleItemAuthor {
  color: #262626;
  font-size: 92%;
  font-weight: normal;
}

.k2ArchivesBlock ul li {
  background: url(../images/icon-calendar.png) no-repeat left center;
  border-bottom: 1px solid #EEE;
  padding: 5px 0 5px 20px;
}

.k2ArchivesBlock ul li a,
div.k2ItemsBlock ul li .moduleItemReadMore {
  color: #333;
}

.k2ArchivesBlock ul li a:hover,
div.k2ItemsBlock ul li .moduleItemReadMore:hover {
  color: #fe779e;
}

div.k2ItemsBlock .k2FeedIcon {
	margin-top: 10px;
}

/* Pagination ---*/
div.k2Pagination ul,
div.pagination ul {
  text-align: left;
  margin: 0px;
  display: inline-block;
  float: left;
}

div.k2Pagination ul li,
div.pagination ul li {
	background: none;
	padding: 0 5px;
	margin: 0;
	display: inline;
}

div.k2Pagination ul li a,
div.pagination ul li a,
.pagination ul li span.pagenav, 
.pagination ul li a.pagenav, 
ul.pagenav li a {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));
	background: -moz-linear-gradient(top,  #ffffff,  #e8e8e8);
	background: -o-linear-gradient(#ffffff,#e8e8e8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8e8e8');
	border: solid 1px #ccc;
	color: #262626;
	text-shadow: 1px 1px #fff;
	box-shadow:none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 2px 8px;
	font-size: 85%;
	display: inline-block;
}

div.k2Pagination ul li a:hover,
div.k2Pagination ul li a:focus,
div.k2Pagination ul li a:active,
div.pagination ul li a:hover,
div.pagination ul li a:focus,
div.pagination ul li a:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#fe88ab), to(#fe749b));
	background: -moz-linear-gradient(top,  #fe88ab,  #fe749b);
	background: -o-linear-gradient(#fe88ab,#fe749b);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe88ab', endColorstr='#fe749b');
	background-color: #fe88ab;
	border: 1px solid #ea507c;
	box-shadow: -1px 1px #feb2c8 inset;
	-webkit-box-shadow: -1px 1px #feb2c8 inset;
	color: #fff;
	text-decoration: none !important;
	text-shadow: none;
}

div.k2Pagination ul li span.pagenav,
div.pagination ul li span.pagenav {
	background: -webkit-gradient(linear, left top, left bottom, from(#fe88ab), to(#fe749b));
	background: -moz-linear-gradient(top,  #fe88ab,  #fe749b);
	background: -o-linear-gradient(#fe88ab,#fe749b);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe88ab', endColorstr='#fe749b');
	background-color: #fe88ab;
	background-image: none;
	border: 1px solid #ea507c;
	box-shadow: -1px 1px #feb2c8 inset;
	-webkit-box-shadow: -1px 1px #feb2c8 inset;
	color: #fff;
	text-decoration: none;
	text-shadow: none;
	font-size: 85%;
	padding: 2px 8px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	display: inline-block;
}

div.k2Pagination ul li.pagination-start span.pagenav,
div.k2Pagination ul li.pagination-prev span.pagenav,
div.k2Pagination ul li.pagination-next span.pagenav,
div.k2Pagination ul li.pagination-end span.pagenav,
div.pagination ul li.pagination-start span.pagenav,
div.pagination ul li.pagination-prev span.pagenav,
div.pagination ul li.pagination-next span.pagenav,
div.pagination ul li.pagination-end span.pagenav {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));
	background: -moz-linear-gradient(top,  #ffffff,  #e8e8e8);
	background: -o-linear-gradient(#ffffff,#e8e8e8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8e8e8');
	background-image: none;
	border: solid 1px #ccc;
	color: #262626;
	text-shadow: 1px 1px #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: -1px 1px #eee inset;
	padding: 2px 8px;
	font-size: 85%;
	text-decoration: none;
	display: inline-block;
}

div.k2Pagination ul li.pagination-start a,
div.k2Pagination ul li.pagination-prev a,
div.k2Pagination ul li.pagination-next a,
div.k2Pagination ul li.pagination-end a,
div.pagination ul li.pagination-start a,
div.pagination ul li.pagination-prev a,
div.pagination ul li.pagination-next a,
div.pagination ul li.pagination-end a {
	cursor: pointer;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));
	background: -moz-linear-gradient(top,  #ffffff,  #e8e8e8);
	background: -o-linear-gradient(#ffffff,#e8e8e8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8e8e8');
	border: solid 1px #ccc;
	color: #262626;
	text-shadow: 1px 1px #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: none;
	padding: 2px 8px;
	text-decoration: none;
}

div.k2Pagination ul li.pagination-start a:hover,
div.k2Pagination ul li.pagination-prev a:hover,
div.k2Pagination ul li.pagination-next a:hover,
div.k2Pagination ul li.pagination-end a:hover,
div.pagination ul li.pagination-start a:hover,
div.pagination ul li.pagination-prev a:hover,
div.pagination ul li.pagination-next a:hover,
div.pagination ul li.pagination-end a:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#fe88ab), to(#fe749b));
	background: -moz-linear-gradient(top,  #fe88ab,  #fe749b);
	background: -o-linear-gradient(#fe88ab,#fe749b);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe88ab', endColorstr='#fe749b');
	background-color: #fe88ab;
	border: 1px solid #ea507c;
	box-shadow: -1px 1px #feb2c8 inset;
	-webkit-box-shadow: -1px 1px #feb2c8 inset;
	color: #fff;
	text-decoration: none;
	text-shadow: none;
}

.k2Pagination label {
	float: right; 
	display: inline-block;
}

#k2Container .k2Pagination p.page-count  {
	margin: 5px 0px;
}

/* MISC.
--------------------------------------------------------- */
/* Toggle ----*/
/* Toggle button */
.btn-toggle {
  background: #000;
}

/* Loading Notif. --- */
#infscr-loading {
  border-radius: 0;
  background: #000;
}

/* 404 Page ---*/
#outline {
  background: none;
  height: 550px;
}

#outline #error-code {
  color: #333;
  font-family: 'Handlee',cursive;
  font-size: 140px;
  position: relative;
  left: auto;
  letter-spacing: -1px;
  top: auto;
  text-shadow: none;
  text-align: center;
}

#outline #error-message {
  color: #666;
  font-size: 200%;
  margin: 20px auto 0 auto;
  padding: 5px 0;
  text-align: center;
}

#outline #back-home {
  background: url(../images/icon-home.png) no-repeat center top;
  color: #999;
  height: 345px;
  font-style: italic;
  left: 266px;
  padding: 0;
  top: 190px;
  overflow: hidden;
  display: block;
  text-indent: -9999em;
  text-align: center;
  text-decoration: none;
  width: 146px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#outline #back-home:hover {
  background-color: #fe779e
  color: #FFF;
}

#outline #text-tip {
  display: none;
}

/* ---------------------------------------------------------
   RESPONSIVE STYLES
--------------------------------------------------------- */
/* layout-mobile.css ---*/
@media only screen and (max-width:719px) {

	/* BODY LAYOUT
	--------------------------------------------------------- */
	#logo {
  	background: none;
  	height: 28px;
  	position:absolute;
  	left: 32%;
  	top: 5px;
  	width: 118px;
  	border: none;
	}

	#logo h1 a {
  	background: url(../images/logo-mobile.png) 0 0 no-repeat;
  	height: 28px;
	}

	#header {
		background: url(../images/line-header.gif) repeat-x left top;
		border: none !important;
	}
	
	#header .main {
		height: 126px !important; 
	}

	#toolbar, 
	#header #search {
		top: 0px;
		padding: 0;
		background: none;
	}

	#mainnav {
		background: url(../images/bg-header.png) 0 top repeat-x;
		border: none !important;
		color: #ccc;
		min-height: 80px !important;
		height: 80px !important;
		top: 45px !important;
	}
	
	#header #search .search-toggle {
		width: 45px;
	}
	
	#toolbar .toolbar-inner,
	#header #search.active .search-inner,
	#sidebar.active .sidebar-inner { 
		margin-top: -4px;
	}
	
	#toolbar .toolbar-toggle,
	#header #search .search-toggle {
		background: url(../images/line-search.gif) no-repeat left top;
		border: none;
	}

	.has-toggle.active, 
	.has-toggle.active .inner, 
	#sidebar.active .sidebar-toggle, 
	#toolbar.active, 
	#header #search.active .search-toggle {
		background-color: #ffe6e8;
	}
	
	#header #search .inputbox,
	#header #search .inputbox:hover,
	#header #search .inputbox:focus {
		width: 180px;
		background-color: #fff;
		border: solid 1px #f7c9cd;
	}

	#toolbar li {
		margin-left: 0px;
	}

	.search-toggle > span {
		background-image: url("../images/btn-search.png");
	}

	.toolbar-toggle > span {
		background-image: url("../images/btn-toolbar.png");
	}

	.sidebar-toggle > span {
		background-image: url("../images/btn-sidebar.png");
	}

	#sidebar {
		position: absolute;
		margin: 0px;
		padding: 0px;
		top: 0px;
		left: 0;
		width: 30px;
		background: none;
	}
  
	#sidebar .sidebar-toggle {
		background: url(../images/line-search.gif) no-repeat right top;
	}

	#sidebar .sidebar-inner {
		border-radius: 0px 0px 5px 5px;
	}

	#sidebar .sidebar-toggle {
   	border: none;
	}

	#toolbar dd {
		color: #e75e86;
	}

	#mainnav .menu > li.deeper:hover > a,
	#mainnav .menu > li.deeper:active > a,
	#mainnav .menu > li.deeper:focus > a {
		background: none; 
		border-radius: 0px;
		color: #fe779e;
	}

	body.has-sidebar #container .container-main {
		padding-left: 0px;
	}

	#container .main {
		padding-top: 126px;
	}
	
	#mainnav {
		left: 0;
	}
	
	#mainnav .menu-inner {
		left: 0;
		right: 0;
	}

	#mainnav .navprev,
	#mainnav .navnext {
		display: block;
		position: absolute;
		top: 0;
		height: 100%;
		width: 24px;
		z-index: 1000;
		height: 58px;
	}

	#mainnav .navprev {
		left: 0;
		background: url(../images/direcnav.png) no-repeat left top;
	}

	#mainnav .navnext {
		right: 0;
		background: url(../images/direcnav.png) no-repeat right top;
	}

	#mainnav .navprev:hover,
	#mainnav .navprev:focus,
	#mainnav .navnext:hover,
	#mainnav .navnext:focus {
		background-image: url(../images/direcnav-hover.png);
	} 

	#mainnav .menu > li.active:first-child > a {
		margin-left: 10px;
	}

	#sidebar .categories-module li.active a,
	#sidebar .categories-module li.active a:hover,
	#sidebar .categories-module li.active a:focus {
		color: #fff;
	}

	#toolbar #toolbar-basegrid dd {
		margin-right: 10px;
	}
	#mainnav .menu > li.deeper:hover > a,
	#mainnav .menu > li.deeper:active > a,
	#mainnav .menu > li.deeper:focus > a {
  	  background: #fe779e;
  	  border: none;
  	  -webkit-border-top-left-radius: 5px;
  	  -webkit-border-top-right-radius: 5px;
  	  border-top-left-radius: 5px;
  	  border-top-right-radius: 5px;
  	  color: #fff;
  	  text-decoration: none;
	}

	ul.jsub {
  	  background: #fe779e;
  	  border: none;
  	  border-radius: 0px 0px 5px 5px;
  	  z-index: 2000;
	}
	
	ul.jsub > li {
	  border: none;
	  display: block;
	  background:  url(../images/line-menu.gif) repeat-x left top;
	  padding-left: 15px;
	}

	ul.jsub > li:first-child,
	ul.jsub > li:first-child:hover {
		background-image: none !important;
		border-radius: 0px 5px 0px 0px;
	}

	ul.jsub > li:last-child,
	ul.jsub > li:last-child:hover {
		background:  url(../images/line-menu.gif) repeat-x left top !important;
	}
	
	ul.jsub > li:hover {
		background:  url(../images/line-menu.gif) repeat-x left top #f56e88;
	}

	ul.jsub > li a {
  	border: none;
  	color: #fff;
  	text-shadow: none;
  	transition: color 0.2s linear 0s;
  	padding: 10px 0px 10px 17px;
  	border-radius : 0px;  
  	line-height: normal;
  	height: auto;
  	font-size: 98%;
  	display: block;
	}

	ul.jsub > li:first-child a:hover {
		border-radius: 0px 5px 0px 0px;
	}

	ul.jsub > li:last-child,
	ul.jsub > li:last-child a,
	ul.jsub > li:last-child a:hover {
		border-radius: 0px 0px 5px 5px;
	}

	ul.jsub > li:hover a,
	ul.jsub > li a:hover,
	ul.jsub > li a:active,
	ul.jsub > li a:focus {
  	background:  url(../images/icon-heart.png) no-repeat left center ;
  	color: #fff;
  	text-decoration: none;
	}
	
	div.itemCommentsForm form textarea.inputbox,
	div.itemCommentsForm form input.inputbox {
		width: 95%;
	}
	
	.itemListBlogView .catItemLinks .catItemTagsBlock {
		display: block;
		margin: 16px 0px 0px;
		position: inherit;
		max-width: 100%;
}	
	
	.itemListBlogView .catItemBody img {
		width: 94%; 
		float: none; 
		max-width: 94%;
		margin: 0px 0px 10px 0px;
	}
 
	.itemListBlogView .catItemLinks .catItemTagsBlock span {
		float: left;
		display: inline-block;
	}	
	
	.itemListBlogView .catItemLinks .catItemTagsBlock ul {
		float: none;
		display: inline-block;
		width: 60%;
	}
	
	.itemListBlogView .catItemView h3.catItemTitle {
		font-size: 150%;
	}
	
	#k2Container .itemDate .month {
		display: block;
		text-align: center;
	}
	
	.reset h1, .remind h1 {
		font-size: 150%;
	}

	.k2AccountPage .admintable td input.inputbox {
		width: 60%; 
		max-width: 60%;
	}
	#header #search.active .search-inner ,
	#toolbar .toolbar-inner {
		position: absolute;
		right: 0px;
		left: auto;
	}
	#toolbar .toolbar-inner {
		display: none;
	}
	
	#toolbar.active .toolbar-inner{
		display: block;
		right: 0px;
	}
}

/* layout-tablet.css ---*/
@media only screen and (min-width:720px) and (max-width: 985px) {

  /* BODY LAYOUT
  --------------------------------------------------------- */
	#logo {
  	background: url(../images/bg-tool.png) repeat-x 0 0 ;
  	height: 48px;
  	position:absolute;
  	left: 0;
  	top: 0;
  	width: 120px;
  	border: none;
	}

	#logo h1 a {
  	background: url(../images/logo-mobile.png) 0 0 no-repeat;
  	height: 28px;
  	width: 118px;
  	margin-top: 6px;
	}

  /* Logo text */
  #logo.logo-text h1 {
    height: 50px;
  }

  #logo.logo-text a {
    background-image: none;
    margin-top: 0;
    padding-top: 0;
  }

  #logo.logo-text p {
    color: #fff;
    margin-top: -19px;
  }
	
  body.has-sidebar #container .container-main {
		padding-left: 0px;
	}
	
	#sidebar {
		position: fixed;
		margin: 0px;
		padding: 0px;
		top: 10px;
		left: 0;
		width: 30px;
		background: none;
	}
  
	#sidebar .sidebar-toggle {
		background: none;
	}

	#sidebar .sidebar-inner {
		border-radius: 0px 0px 5px 5px;
	}
	#toolbar.active .toolbar-inner,
	#header #search .search-inner {
		margin-top: 0px;
	}
	#sidebar .sidebar-toggle {
   	border: none;
	}

  /* HEADER
  --------------------------------------------------------- */
  #header .wrap-inner {
  	 padding-top: 10px;
  }
  /* Head Search ---*/
  #header #search {
    top: 0;
  }
  
  #mainnav .menu {
  	padding-top: 5px;
  }
  
  #toolbar,
  #header #search {
  	top: 0px;
  	height: 45px;
  	padding: 0;
  }
  
  .btn-toggle > span {
  	top: 40%;
  }
  
  .has-toggle.active,
	.has-toggle.active .inner,
	#sidebar.active .sidebar-toggle,
	#toolbar.active,
	#header #search.active .search-toggle {
		background: #ffe6e8 !important;
	}

	#toolbar .toolbar-toggle,
	#header #search .search-toggle {
		background: url(../images/line-bg.png) no-repeat left 10px;
		border: none;
	}
	
	#toolbar.active .toolbar-toggle, #header #search.active .search-toggle {
		background: none;
	}
	
	#header #search .inputbox,
	#header #search .inputbox:hover,
	#header #search .inputbox:focus {
		width: 170px;
		background-color: #fff;
		border: solid 1px #f7c9cd;
	}

	#toolbar li {
		margin-left: 0px;
	}
	
	#toolbar dd {
		color: #e75e86;
	}

	#mainnav {
		padding-left: 0px;
		left: 165px;
	}
	
	#mainnav .menu-inner {
		left: 15px;
		right: 255px;
	}
	
	#mainnav .menu > li > a {
		height: 43px;
		line-height: 43px;
	}
	
	#mainnav .navprev, #mainnav .navnext {
		top: -9px;
	}
	
	#mainnav .navprev {
		left: 0px;
	}
	
	#mainnav .navnext {
		right: 255px;
	}

  #mainnav .menu > li.deeper.hover ul, 
  #mainnav .menu > li.deeper:hover ul {
    margin-top: 43px;
  }
	
	#sidebar .sidebar-toggle {
   background: url(../images/bg-toolbar.png) repeat-x left top;	
  }
  
	ul.jsub {
  		background: #fe779e;
  		border: none;
  		border-radius: 0px 0px 5px 5px;
  		width: auto;
  		min-width: auto;
  		z-index: 2000;
	}
	
	ul.jsub > li {
		border: none;
		display: block;
		background:  url(../images/line-menu.gif) repeat-x left top;
		padding-left: 15px;
	   padding-right: 15px;
	}

	ul.jsub > li:first-child,
	ul.jsub > li:first-child:hover {
		background-image: none !important;
		border-radius: 0px 5px 0px 0px;
	}

	ul.jsub > li:last-child,
	ul.jsub > li:last-child:hover {
		background:  url(../images/line-menu.gif) repeat-x left top !important;
	}
	
	ul.jsub > li:hover {
		background:  url(../images/line-menu.gif) repeat-x left top #f56e88;
	}

	ul.jsub > li a {
	  border: none;
	  color: #fff;
	  text-shadow: none;
	  transition: color 0.2s linear 0s;
	  padding: 10px 0px 10px 17px;
	  border-radius: 0px;
	  line-height: normal;
	  height: auto;
	  font-size: 98%;
	  display: block;
   }

	ul.jsub > li:first-child a:hover {
		border-radius: 0px 5px 0px 0px;
	}

	ul.jsub > li:last-child,
	ul.jsub > li:last-child a,
	ul.jsub > li:last-child a:hover {
		border-radius: 0px 0px 5px 5px;
	}

	ul.jsub > li:hover a,
	ul.jsub > li a:hover,
	ul.jsub > li a:active,
	ul.jsub > li a:focus {
  	background:  url(../images/icon-heart.png) no-repeat left center ;
  	color: #fff;
  	text-decoration: none;
	}
	
	#toolbar #toolbar-basegrid dd {
		margin-right: 3px;
	}
}