/**
 * ------------------------------------------------------------------------
 * 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: BlackBroad
 * Version: 1.0
 * Author: JoomlArt
 * Copyright: GPL
 */

@import url(//fonts.googleapis.com/css?family=Patrick+Hand);

/* ---------------------------------------------------------
   LAYOUT
--------------------------------------------------------- */
/* MAIN CONTAINER
--------------------------------------------------------- */
#container .main { padding-top: 95px; /* Space for header */ }

/* Sidebar ---*/
body.has-sidebar #container .container-main { padding-left: 140px; /* Space for sidebar */ }

/* ---------------------------------------------------------
   CORE
--------------------------------------------------------- */
body {
  background: url(../images/body-bg.jpg) left top #000;
  color: #51151;
  font-family: Georgia, Helvetica, sans-serif;
  line-height: 1.7;
}

.container-main ul li {
	background: url(../images/arrow.png) no-repeat left 5px;
	padding: 0 0 0 15px;
	border-bottom: 0;
}

.container-main ul li a { color: #515151; }

.article-info, .article-hit, .jac-add-button {
	font-size: 92%;
	font-family: Arial, Helvetica, sans-serif;
	color: #888;
}
/* ---------------------------------------------------------
   NAVIGATION
--------------------------------------------------------- */
#mainnav { left: 160px; top: 0; }

#mainnav .menu-inner {
  	right: 493px;
}

#mainnav .menu > li {
	border-right: 0;
	margin-right: 10px;
	padding: 10px 0;
	background: url(../images/menu-hline.png) no-repeat right 25px;
}

#mainnav .menu > li > a {
	border-bottom: 0;
	color: #9d9d9d;
	padding: 10px 15px 0;
	font-size: 125%;
	font-family: 'Patrick Hand', cursive;
	text-transform: uppercase;
	height: auto;
	line-height: normal;
}

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

#mainnav .menu > li.active > a {
	border-bottom: 0;
	background: url(../images/menu-active.png) no-repeat center top;
	color: #67ec43;
}

#mainnav .menu > li > a:hover,
#mainnav .menu > li:hover > a {
	border-bottom: 0;
	color: #67ec43;
}

#mainnav .menu > li.deeper > a:hover,
#mainnav .menu > li.deeper:hover > a {
	border-radius: 3px 3px 0 0;
}

#mainnav .menu > li > a.hilite { padding-right: 20px; }

#mainnav .menu > li > a.hilite:after { top: -10px; right: 0; }

#mainnav .menu > li.deeper ul {
	background-color: #fff;
	background-image: url(../images/paper.png);
	border-width: 0;
}

#mainnav .menu > li.deeper.hover ul,
#mainnav .menu > li.deeper:hover ul {
  margin-top: 45px;
  margin-left: -50px;
  padding: 20px 0;
  display: block;
}

#mainnav .menu > li.deeper.hover > ul:before,
#mainnav .menu > li.deeper:hover > ul:before {
	background: url(../images/pin.png) no-repeat center top;
	content: "";
	height: 20px;
	position: absolute;
	top: -15px;
	width: 100%;
}

#mainnav .menu > li.deeper ul li { border-bottom-width: 0; }

#mainnav .menu > li.deeper ul li a {
	background: url(../images/arrow.png) no-repeat 15px 6px;
	text-shadow: none;
	color: #333;
	font-family: 'Patrick Hand', cursive;
	font-size: 110%;
	padding-left: 30px;
	height: 20px;
	line-height: 20px;
}

#mainnav .menu > li.deeper ul li a:hover,
#mainnav .menu > li.deeper ul li a:focus,
#mainnav .menu > li.deeper ul li:hover a { color: #574eae; background: url(../images/arrow-h.png) no-repeat 15px 6px; }

#mainnav .menu > li.deeper ul li.active a { color: #574eae; background: url(../images/arrow-h.png) no-repeat 15px 6px; }

#mainnav .menu > li.deeper ul ul {
  background-color: #FFFFFF;
  background-image: url("../images/paper.png");
  border-width: 0;
  top: -40px !important;
  left: 200px !important;
}

#mainnav .menu > li.deeper ul ul ul  {
  top: -40px !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{
  background: url(../images/arrow.png) no-repeat 15px 6px;
	color: #333;
}

#mainnav .menu > li.deeper ul li.parent li a{
  text-decoration: none;
  color: #333;
  background: url(../images/arrow.png) no-repeat 15px 6px;
}

#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: #574eae;
  background: url(../images/arrow-h.png) no-repeat 15px 6px;
}

#mainnav .menu > li.deeper ul li.active li.active a {
  color: #574eae;
  background: url(../images/arrow-h.png) no-repeat 15px 6px;
}

#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;
}

#mainnav .navnext,
#mainnav .navprev {
	top: 7px;
}

#mainnav .navnext { background-position: right 5px; height: 48px; }

#mainnav .navprev { background-position: left 5px; height: 48px;}

#mainnav .navnext {
	right: 500px;
}

.fixed-display #mainnav .navnext {
	right: 413px;
}

.fixed-basegrid #mainnav .navnext {
	right: 390px;
}

.no-toolbar #mainnav .navnext {
	right: 297px;
}
/* ---------------------------------------------------------
   JOOMLA
--------------------------------------------------------- */
.pagination ul li,
.k2Pagination ul li {
	background: none;
	padding: 0;
}

.pagination ul li span.pagenav,
.k2Pagination ul li span.pagenav {
	color: #67ec43;
	font-weight: bold;
}

.pagination ul li.pagination-start span.pagenav,
.pagination ul li.pagination-prev span.pagenav,
.pagination ul li.pagination-next span.pagenav,
.pagination ul li.pagination-end span.pagenav,
.k2Pagination ul li.pagination-start span.pagenav,
.k2Pagination ul li.pagination-prev span.pagenav,
.k2Pagination ul li.pagination-next span.pagenav,
.k2Pagination ul li.pagination-end span.pagenav {
	color: #333;
	font-weight: normal;
}

.pagination ul li a,
.k2Pagination ul li a {
	color: #101010;
}

.pagination ul li a:hover,
.pagination ul li a:focus,
.k2Pagination ul li a:hover,
.k2Pagination ul li a:focus {
	color: #67ec43;
	text-decoration: none !important;
}
/* ---------------------------------------------------------
   MODULES
--------------------------------------------------------- */
.moduletable-inner {
	background-color: #fff;
	background: url(../images/paper.png) #fff;
	box-shadow: none;
	border-radius: 0;
	border-color: #ddd;
}

.moduletable .moduletable-inner > h3 {
	background: none;
	color: #574eae;
	line-height: 1.7;
	border-bottom: 0;
	font-family: 'Patrick Hand', cursive;
	font-weight: normal;
	text-transform: uppercase;
	padding: 7px 15px;
}

.moduletable .box-ct { padding: 0 15px 15px; }

.moduletable ul li { margin-top: 0; }

.moduletable ul li:hover { background-image: url(../images/arrow-h.png); }

.moduletable ul li a:hover,
.moduletable ul li a:focus { color: #574eae; }

/* Module Hilite */
.moduletable.hilite .moduletable-inner > h3 {
	color: #ff0000;
}

/* Module Blue */
.moduletable.blue .moduletable-inner {
	background-color: #d2f3ff;
	background-image: url(../images/paper-hline.png), url(../images/paper-vline-blue.png);
	background-repeat: repeat-y, repeat;
}

/* LOGIN
--------------------------------------------------------- */
#login-form label {
  margin-bottom: 5px;
}

/* Aside
--------------------------------------------------------- */
#aside .moduletable {
	background-image: url(../images/mdshadow-r.png), url(../images/mdshadow-l.png);
	background-position: 90% bottom, 10px bottom;
	background-repeat: no-repeat;
	overflow: visible;
	margin-bottom: 20px;
}

#aside .moduletable-inner { position: relative; background-position: 15px top, left 27px; }

#aside .moduletable-inner:before {
	background: url(../images/pin.png) no-repeat center top;
	content: "";
	height: 26px;
	position: absolute;
	top: -13px;
	width: 100%;
}

#aside .moduletable-inner > h3 { padding: 17px 15px 7px; }

/* K2 Modules */
div.k2ItemsBlock ul li:hover { background: none; }

div.k2ItemsBlock ul li a.moduleItemTitle {
	background: none;
	color: #515151;
	line-height: 1.7;
	border-bottom: 0;
	font-family: 'Patrick Hand', cursive;
	font-weight: normal;
	font-size: 150%;
}

div.k2ItemsBlock ul li a.moduleItemTitle:hover,
div.k2ItemsBlock ul li a.moduleItemTitle:focus {
	color: #574eae;
}

div.k2ItemsBlock ul li .moduleItemAuthor { color: #333; font-weight: normal; }

div.k2ItemsBlock ul li .moduleItemAuthor a { color: #574eae; }

div.k2ItemsBlock ul li .moduleItemReadMore {
	background: url(../images/readmore-bg.png) no-repeat left center;
	border: 0;
	padding-left: 25px;
	color: #616161;
	display: inline-block;
	font-weight: normal;
}

div.k2ItemsBlock ul li .moduleItemReadMore:hover,
div.k2ItemsBlock ul li:hover .moduleItemReadMore {
	color: #574eae;
	background: url(../images/readmore-bghv.png) no-repeat left center;
	text-shadow: none;
}
/* ---------------------------------------------------------
   TEMPLATE
--------------------------------------------------------- */
a { color: #574eae; }

::selection {
	background: #666999; /* Safari */
	color: #fff;
	text-shadow: none !important;
}

::-moz-selection {
	background: #666999; /* Firefox */
	color: #fff;
	text-shadow: none !important;
}

#mainbody { border-radius: 0; margin: 15px; }

/* Sidebar ---*/

#sidebar {
	margin-left: -140px;
	position: fixed;
	top: 110px; /* Space for header */
	width: 140px;
	font-family: 'Patrick Hand', cursive;
	font-size: 100%;
}

#sidebar ul li { padding: 0; }

#sidebar .moduletable-inner {
	text-shadow: none;
	padding: 0;
	margin: 0;
}

#sidebar .moduletable .moduletable-inner > h3 { color: #fff; font-size: 150%; }

#sidebar .menu li a {
	color: #bfbfbf;
	text-transform: none;
	font-size: 125%;
	padding: 0 5px 10px 10px;
}

#sidebar .menu li a:not([ie9]) {
	padding: 0 5px 10px 10px;
}

#sidebar .menu li a:hover,
#sidebar .menu li a:focus,
#sidebar .menu li a:active,
#sidebar .menu li.active a { background: none; color: #67ec43; }

#sidebar .menu li.active a {
	background: url(../images/sidebar-active.png) no-repeat left bottom;
}

#sidebar .categories-module li a {
	color: #bfbfbf;
	text-transform: none;
	font-size: 125%;
	padding: 0 5px 10px 10px;
	max-width: 120px;
}

#sidebar .categories-module li a:hover,
#sidebar .categories-module li a:active,
#sidebar .categories-module li a:focus { background: none; color: #67ec43; }

/* Active state */
#sidebar .categories-module li.active a {
	background: url(../images/sidebar-active.png) no-repeat left bottom;
	color: #67ec43;
}

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

/* 2nd level + */
#sidebar .categories-module ul {
  border-right: 5px solid #bfbfbf;
}

#sidebar .categories-module ul li a {
  max-width: 100px;
}

/* GENERIC CONTENT STYLE
--------------------------------------------------------- */
/* Content Image ---*/
.item-image p.img_caption {
	opacity: 0;
	filter: alpha(opacity = 0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-moz-transition: 0.4s;
	transition: 0.4s;
	font-family: Arial, Helvetica, sans-serif;
}

.item-image:hover p.img_caption {
	opacity: 0.7;
	filter: alpha(opacity = 70);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

/* ITEM
--------------------------------------------------------- */
.item .item-inner,
.corner-stamp .corner-inner {
	border: none;
	background-image: url(../images/paper.png);
	background-color: #fff;
	margin: 15px;
	border-radius: 0;
}

.item:hover .item-inner,
.corner-stamp:hover .corner-inner {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-radius: 0 0 60px 0 / 0 0 5px 0;
}

.item .item-inner:before,
.corner-stamp .corner-inner:before {
	background: url(../images/pin.png) no-repeat center top;
	content: "";
	height: 26px;
	position: absolute;
	top: -13px;
	width: 100%;
	z-index: 6;
}

.item .item-main { padding: 15px 15px 0; }

.item .item-image { margin: 0 15px; padding-top: 15px; }

.item .header h2 { font-weight: normal; line-height: 1.7; }

.item .header h2 a { font-family: 'Patrick Hand', cursive; }

.item .header h2 a:hover,
.item:hover .header h2 a { color: #574eae; }

.item .item-inner .item-separator {
	background-image: url(../images/shadow-r.png), url(../images/shadow-l.png);
	background-position: right bottom, left bottom;
	background-repeat: no-repeat;
	display: block;
	bottom: -12px;
	position: absolute;
	width: 100%;
	z-index: -1;
}

.item-hot .header h2:before {
	background: url(../images/hot.png) no-repeat center center;
	border-radius: 0;
	font-size: 9px;
	color: #f00;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0;
	width: 39px;
	height: 26px;
	line-height: 26px;
	text-align: center;
}

.item-pick .header h2:before {
	background: url(../images/pick.png) no-repeat center center;
	border-radius: 0;
	font-size: 9px !important;
	content: "Pick";
	color: #666999;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0;
	width: 39px;
	height: 26px;
	line-height: 26px;
	text-align: center;
}

.item-new .header h2:before {
	background: url(../images/new.png) no-repeat center center;
	border-radius: 0;
	font-size: 9px !important;
	content: "New";
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0;
	width: 39px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	color: #ff0000;
}

.item .footer {
	font-family: Arial, Helvetica, sans-serif;
	background-color: transparent;
	border-top: 0;
	padding: 15px;
	border-radius: 0;
	text-shadow: none;
}

.item .footer .article-hit { color: #616161; margin-top: 0; }

.item .footer .article-hit dd.hits {
	background: url(../images/icon-hit.png) left center no-repeat;
	overflow: hidden;
	display: inline-block;
	margin-right: 5px;
	padding-left: 25px;
}

.item .footer .comments-link { margin-top: 0; margin-right: 0; }

.item .readmore a {
	background: url(../images/readmore-bg.png) no-repeat left center;
	border: 0;
	padding-left: 25px;
	color: #616161;
}

.item .readmore a:hover,
.item:hover .readmore a {
	color: #574eae;
	background: url(../images/readmore-bghv.png) no-repeat left center;
	text-shadow: none;
}

.item .comments-link a:hover,
.item .comments-link a:focus,
.item .comments-link a:active { color: #574eae; }

.item .item-tags ul li a { border-bottom: 0; }

/* Override Dark & Hilite Style ---*/

.item.hilite .item-inner {
	background-color: #fffeda;
	background-image: url(../images/paper-hline.png), url(../images/paper-vline.png);
	background-position: 15px top, left top;
	background-repeat: repeat-y, repeat;
}

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

.item.hilite .footer .article-hit dd.hits {
	background-image: url(../images/icon-hit-hilite.png);
}

.item.hilite .footer {
	background-color: transparent;
	margin: 12px -15px 0;
}

.item.hilite .readmore a {
	background: url(../images/readmore-bg.png) no-repeat left center;
	border: 0;
	padding-left: 25px;
	color: #3a3a3a;
}

.item.hilite .readmore a:hover,
.item.hilite:hover .readmore a {
	color: #574eae;
	background: url(../images/readmore-bghv.png) no-repeat left center;
	text-shadow: none;
}

.item.dark .item-inner {
	background-color: #676767;
	border-color: #676767;
}

.item.dark .header h2 a:hover,
.item.dark:hover .header h2 a { color: #67ec43; }

.item.dark .article-info { color: #ccc; }

.dark.item-hot .header h2:before {
	background-image: url(../images/hot-dark.png);
	color: #fff200;
}

.item.dark .createby,
.item.dark .category-name { border-bottom: 0; }

.item.dark a { color: #67ec43; }

.item.dark .item-tags li a { color: #ccc; }

.item.dark .item-tags li a:hover,
.item.dark .item-tags li a:focus,
.item.dark .item-tags li a:active {
	color: #67ec43;
}

.item.dark .footer {
	background-color: #363636;
	border-color: #363636;
	margin: 12px -15px 0;
}

.item.dark .readmore a {
	background: url(../images/readmore-bgd.png) no-repeat left center;
	border: 0;
	padding-left: 25px;
	color: #ccc;
}

.item.dark .readmore a:hover,
.item.dark:hover .readmore a {
	color: #67ec43;
	background: url(../images/readmore-bgdhv.png) no-repeat left center;
	text-shadow: none;
}

.item.dark .footer .article-hit dd.hits {
	background-image: url(../images/icon-hit-dark.png);
}

.item.dark .comments-link a:hover,
.item.dark .comments-link a:focus,
.item.dark .comments-link a:active { color: #67ec43; }

/* Override Sticky Style ---*/
.item.item-sticky .item-inner {
	background: #FFE1AD;
	font-family: Georgia,Helvetica,sans-serif;
}

.item.item-sticky .readmore a {
	background: url(../images/readmore-bg.png) no-repeat left center;
	border: 0;
	padding-left: 25px;
	color: #2d2d2d;
}

.item.item-sticky .readmore a:hover,
.item.item-sticky:hover .readmore a {
	color: #A5481F;
	background: url(../images/readmore-bgshv.png) no-repeat left center;
	text-shadow: none;
}

.item.item-sticky .article-info strong,
.item.item-sticky .article-hit strong,
.item.item-sticky .jac-add-button strong {
	color: #2d2d2d;
}

.item.item-sticky .footer .article-hit dd.hits {
	background-image: url(../images/icon-hit.png);
	color: #2d2d2d;
}

/* Override Sticky 3, 2, Blue Style ---*/
.item.item-sticky3 .item-inner,
.item.item-sticky2 .item-inner,
.item.blue .item-inner {
	background-image: none;
}

.item.item-sticky3 .readmore a,
.item.item-sticky2 .readmore a,
.item.blue .readmore a {
	background: url(../images/readmore-bgs3.png) no-repeat left center;
	border: 0;
	padding-left: 25px;
	color: #fff;
}

.item.item-sticky3 .readmore a:hover,
.item.item-sticky3:hover .readmore a,
.item.item-sticky2 .readmore a:hover,
.item.item-sticky2:hover .readmore a,
.item.blue .readmore a:hover,
.item.blue:hover .readmore a {
	color: #2d2d2d;
	background: url(../images/readmore-bgs3hv.png) no-repeat left center;
	text-shadow: none;
}

.item.item-sticky3 .footer .article-hit dd.hits,
.item.item-sticky2 .footer .article-hit dd.hits,
.item.blue .footer .article-hit dd.hits {
	background-image: url(../images/icon-hit-s3.png);
}

/* Override Quote Style ---*/
.item.item-quote .item-main {
	margin: 0;
	padding: 15px;
}

/* Override Item Free Style ---*/
.item-free .header h2:before {
	top: 7px;
}

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

.system-unpublished .item-content,
.system-unpublished .header > h2 {
	text-decoration: line-through;
}

/* Item Showcase */
.item-showcase .createby,
.item-showcase .category-name,
.item-showcase .item-tags {
	border-bottom: 0;
	padding: 0;
}

.item-showcase .item-image {
	border-bottom: 0;
}

/* Item Page */
.item-page > h2 { font-family: 'Patrick Hand', cursive; }

/* DISPLAY PRESETS
--------------------------------------------------------- */
/* Image View */
body.display-imageview .item .item-image {
	padding: 0;
}

body.display-imageview .item .item-inner:before {
	display: none;
}

body.display-imageview .item .item-image span.item-pin {
	background: url(../images/pin.png) no-repeat center top;
	height: 26px;
	position: absolute;
	top: -13px;
	width: 100%;
	z-index: 6;
	display: block;
	margin: 0;
	padding: 0;
	left: auto;
}
/* HEADER
--------------------------------------------------------- */
#header {
	background: url(../images/header-bg.png) repeat-x left bottom;
	border-bottom: 0;
	height: 80px;
}

#header .wrap-inner { background: none; padding: 15px 0; }

/* DISPLAY TOOLBAR
--------------------------------------------------------- */
#toolbar dl { border: 0; }

#toolbar dd {
	font-family: 'Patrick Hand', cursive;
	font-size: 100%;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2d2d2d), color-stop(1, #373737) );
	background: -moz-linear-gradient( left top, #2d2d2d 5%, #363636 100% );
	background-color: #2d2d2d;
	color: #ccc;
	text-shadow: none;
	border-color: #3f3f3f;
	padding: 0;
	line-height: 25px;
	height: 25px;
}

#toolbar dl,
#toolbar dd.first.last,
#toolbar dd.last,
#toolbar dd.first { border-radius: 0; } /* reset border-radius */

#toolbar dd.first.last { width: 80px; }

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 {
	background: #0099cc;
	color: #fff;
}

/* POPUP CONTENT
--------------------------------------------------------- */
body.popupview #popup-view {
  background: url(../images/trans-black-80.png) repeat 0 0;
}

/* Search */
#header #search {
	background: url("../images/header-bg.png") repeat-x left bottom;
}

#header #search .search-inner {
	margin-top: 14px;
}

#header #search .search { border: 0; }

#header #search .inputbox,
#header #search .inputbox:focus {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2d2d2d), color-stop(1, #373737) );
	background: -moz-linear-gradient( left top, #2d2d2d 5%, #363636 100% );
	background-color: #2d2d2d;
	background-image: url(../images/icon-search.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	border-color: #4b4b4b;
	color: #adadad;
	border-radius: 0;
	padding: 5px 5px 5px 25px;
	text-transform: none;
	font-weight: bold;
}

/* Logo Images */
.logo-image {
	background: url("../images/header-bg.png") repeat-x left bottom;
	border-bottom: 0;
	width: 160px;
	height: 48px;
	text-align: center;
}

.logo-image h1 {
  display: block;
  height: 48px;
  margin: 0 auto;
  padding: 0;
  width: 80px;
}

.logo-image h1 a {
	background: url(../images/logo.png) no-repeat left top;
	height: 48px;
	margin: 0 10px;
	text-indent: -999em;
	width: 81px;
}

/* Logo Text */
.logo-text {
  background: transparent;
  border: 0;
  font-family: 'Patrick Hand', cursive;
}

.logo-text h1 a {
  font-style: italic;
  text-transform: none;
}

.logo-text p {
  color: #9D9D9D;
  font-size: 100%;
}

/* MISC.
--------------------------------------------------------- */
/* Toggle ----*/
/* Toggle button */
.btn-toggle {
	height: 16px;
	margin-top: 20px;
}

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

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

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

.has-toggle.active { background-color: #2e2e2e; }

.has-toggle.active .inner { background-color: #2e2e2e; }

#sidebar.active .sidebar-toggle { border-right: 0; }

#toolbar.active .toolbar-toggle,
#header #search.active .search-toggle { border-left: 0; }
#toolbar {
	background: url("../images/header-bg.png") repeat-x left bottom;
}

#toolbar .toolbar-inner {
	margin-top: 14px;
}
/* ---------------------------------------------------------
   K2
--------------------------------------------------------- */
.itemListBlogView .catItemView h3.catItemTitle,
.itemView h2.itemTitle {
	font-family: 'Patrick Hand', cursive;
	font-weight: normal;
}

.itemListBlogView .catItemView h3.catItemTitle a { color: #515151; }

.itemListBlogView .catItemView h3.catItemTitle a:hover,
.itemListBlogView .catItemView h3.catItemTitle a:focus { color: #574eae; }

#k2Container .itemDate {
	background: url(../images/date-bg.png) no-repeat;
	width: 62px;
	height: 82px;
	padding: 10px 15px;
	font-family: 'Patrick Hand', cursive;
	border-radius: 0;
	text-shadow: none;
}

#k2Container .itemDate .date {
	margin-right: 0;
	background: url(../images/date-vline.png) no-repeat center bottom;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-weight: normal;
}

#k2Container .itemDate .month-year {
	clear: both;
}

.itemListBlogView .catItemCommentsLink {
	top: 92px;
	font-family: 'Patrick Hand', cursive;
}

div.catItemCommentsLink { margin-top: 0; font-size: 92%; }

div.catItemCommentsLink a { color: #616161; }

div.catItemCommentsLink a:hover,
div.catItemCommentsLink a:focus { color: #574eae; }

div.itemToolbar {
	background: none;
	border: 0;
	padding: 0;
}

div.itemToolbar ul li { border-left: 0; }

div.itemToolbar ul li a.itemPrintLink,
div.itemToolbar ul li a.itemEmailLink,
div.itemToolbar ul li a.itemCommentsLink { background-image: url(../images/icon-toolbar.png); }

div.itemToolbar ul li a#fontDecrease {
	background-image: url(../images/font_decrease.gif);
}

div.itemToolbar ul li a#fontIncrease {
	background-image: url(../images/font_increase.gif);
}

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

#k2Container .itemRatingBlock span {
	padding: 7px 0;
	font-weight: normal;
	text-transform: uppercase;
}

.catItemReadMore a {
	background: url(../images/readmore-bg.png) no-repeat left center;
	border: 0;
	padding-left: 25px;
	color: #616161;
}

.catItemReadMore a:hover {
	color: #574eae;
	background: url(../images/readmore-bghv.png) no-repeat left center;
	text-shadow: none;
}

/* K2 Categories List */
div.subCategory {
	margin: 15px;
	border-radius: 0;
	box-shadow: none;
	border: none;
	background-color: #fffeda;
	background-image: url(../images/paper-hline.png), url(../images/paper-vline.png);
	background-position: 15px top, left top;
	background-repeat: repeat-y, repeat;
}

div.subCategory h2 {
	font-family: 'Patrick Hand', cursive;
	font-weight: normal;
}

div.subCategory .subCategoryFooter {
	background: none;
	text-shadow: none;
	padding: 15px;
}

div.subCategory .subCategoryFooter a {
	background: url(../images/readmore-bg.png) no-repeat left center;
	border: 0;
	padding-left: 25px;
	color: #616161;
}

div.subCategory .subCategoryFooter a:hover,
div.subCategory:hover .subCategoryFooter a {
	color: #574eae;
	background: url(../images/readmore-bghv.png) no-repeat left center;
	text-shadow: none;
}

/* Tags */
div.catItemTagsBlock { border-bottom: 0; padding: 0; }

div.catItemTagsBlock span:after, .item-tags strong:after {

}

div.catItemTagsBlock ul.catItemTags li a,
.item-tags ul li a,
div.itemTagsBlock ul.itemTags li a { border-bottom: 0; }

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

.item-tags strong {
	background: none;
	font-family: 'Patrick Hand', cursive;
	padding: 3px 0 5px;
	line-height: normal;
}

.item-tags strong:after { display: none; }

.item-tags ul li { display: inline-block; background: none; padding-left: 5px; }

.item-tags ul li a:hover,
.item-tags ul li a:focus { color: #574eae; }

/* Author Latest, Item Related */
.itemView .itemAuthorLatest ul li,
.itemView .itemRelated ul li {
	background: none;
}

.itemView .itemAuthorLatest ul li a,
.itemView .itemRelated ul li a {
	background: url(../images/arrow.png) no-repeat left 2px;
	padding: 0 0 0 15px;
	border-bottom: 0;
	color: #515151;
}

.itemView .itemAuthorLatest ul li a:hover,
.itemView .itemAuthorLatest ul li a:focus,
.itemView .itemRelated ul li a:hover,
.itemView .itemRelated ul li a:focus {
	background-image: url(../images/arrow-h.png);
	color: #574eae;
}

/* Archives Block */
div.k2ArchivesBlock ul li,
div.k2ArchivesBlock ul li:hover {
	background-image: url(../images/icon-calendar.png);
	background-position: top left;
	border-bottom: 0;
	padding-left: 20px;
}

input[type="submit"], .button, button,
div.itemCommentsForm form input#submitCommentButton {
	background: #574EAE;
	border-radius: 0px;
	-webkit-border-radius:0px;
	border-color: #574EAE;
	font-weight: normal;
}

/* ---------------------------------------------------------
   DEV
--------------------------------------------------------- */
/* Item Facebook style ---*/
.item.facebook:hover .item-inner { border-width: 0; }

.item.facebook p.readmore { bottom: 15px; right: 15px; }

/* Item Twitter style ---*/
.item.twitter p.readmore { bottom: 15px; right: 15px; }

/* Item Youtube style ---*/
.item.youtube p.readmore { bottom: 15px; right: 15px; }

/* 404 page */
#outline {
	background-image: url(../images/fnf-bg.png);
	height: 353px;
	width: 653px;
}

#error-code {
	width: 350px;
	height: 105px;
	top: 90px;
	left: 180px;
	line-height: 105px;
	color: #ff0000;
	font-family: 'Patrick Hand', cursive;
	font-weight: normal;
	font-size: 900%;
	text-align: center;
	opacity: 0.8;
}

#error-message {
	color: #515151;
	margin-top: 220px;
	margin-left: 160px;
	font-size: 250%;
	font-family: 'Patrick Hand', cursive;
}

#back-home {
	background-image: url(../images/icon-home.png);
	top: 220px;
	left: 480px;
	width: 66px;
	height: 47px;
}

#outline:hover #back-home { background-position: left bottom; }

#text-tip { display: none; }

#outline:hover #text-tip { background-position: left bottom; }

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

  /* BODY LAYOUT
  --------------------------------------------------------- */
  #container .main {
    padding-top: 155px;
  }
  /* Sidebar ---*/
  body.has-sidebar #container .container-main {
  	 padding-left: 0;  /* Minus space for sidebar */
  }

  .has-toggle.active .btn-toggle {
  	 background-color: #2e2e2e;
  }

  #sidebar {
  	 position: absolute;
  	 margin-left: 0;
  	 top: 10px;
  	 left: 0;
  	 width: 30px;
  }

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

  #sidebar .sidebar-toggle {
    border-right: 1px dashed #3f3f3f;
  }

  /* HEADER
  --------------------------------------------------------- */
  #header {
  	 height: 140px;
  }

  #header .main {
  	 height: 110px;
  }
  /* Head Search ---*/
  #header #search {
    top: -53px;
    padding: 0;
  }

  #header #search.active {
  	background: #2e2e2e;
  }

  #header #search .search-inner {
    border-radius: 0;
    margin-top: 9px;
  }

  #header #search .search-toggle {
    border-left: 1px dashed #3f3f3f;
  }

  #header #search .inputbox,
  #header #search .inputbox:focus {
  	 background-color: #101010;
  }

  /* Logo */
  #logo {
  	 width: 100%;
  	 top: 0;
  }

  #logo h1 a {
  	 float: none;
  	 margin: 0 auto;
  }

  /* MAIN NAV
  --------------------------------------------------------- */
  #mainnav {
  	left: 0;
  	top: 60px; /* Space for logo */
  	border-top: 1px solid #2d2d2d;
  	height: 52px;
  }

  #mainnav .menu-inner {
  	width: 100%;
  	left: 0;
  	right: 0;
  }

  .no-toolbar #mainnav .navnext, #mainnav .navnext {
  	right: 0;
  }

  /* 2nd level and above ---*/
  ul.jsub {
	 max-width: none;
	 min-width: none;
	 padding: 20px 0;
	 width: 100%;
	 background-color: #fff;
	 background-image: url(../images/paper.png);
	 border-width: 0;
  }

  ul.jsub li { border-bottom-width: 0; }

  ul.jsub li a {
		background: url(../images/arrow.png) no-repeat 15px 11px;
		text-shadow: none;
		color: #333;
		font-family: 'Patrick Hand', cursive;
		font-size: 125%;
		padding-left: 30px;
		height: 30px;
		line-height: 30px;
	}

	ul.jsub li a:hover,
	ul.jsub li a:focus,
	ul.jsub li:hover a,
	ul.jsub li.active > a {
  color: #574eae;
  background: url(../images/arrow-h.png) no-repeat 15px 11px;
}

	.fixed-basegrid #mainnav .navnext,
	.fixed-display #mainnav .navnext {
    right: 0 !important;
  }

  /* DISPLAY TOOLBAR
  --------------------------------------------------------- */
  #toolbar {
    top: -53px;
  }

  #toolbar .toolbar-inner {
    border-radius: 0;
    margin-top: 0;
  }

  #toolbar .toolbar-toggle {
    border-left: 1px dashed #3f3f3f;
  }

  #toolbar dd {
  	 background: #101010;
  }

  #toolbar.active {
  	 background: #2e2e2e;
  }

  /* K2
  --------------------------------------------------------- */
  #k2Container .itemDate .month-year {
  	 float: left;
  }

  #k2Container .itemDate .month, #k2Container .itemDate .year {
  		display: block;
  		padding: 1px 0;
  		text-align: center;
  }

  div.itemListBlogView div.itemDateComments {
		background: none;
		border-right: 1px solid #ddd;
		float: left;
		left: auto;
		padding: 0 5px 0 0;
		position: absolute;
		top: 0;
		margin-bottom: 20px;
  }

  div.itemListBlogView div.catItemHeader {
  		padding-left: 115px;
  		min-height: 122px;
  }

  #k2Container .itemDate {
  		border: 0;
  		float: none;
  }

  .itemListBlogView .catItemCommentsLink {
  		position: static;
  }

  div.itemListBlogView .article-info {
  }

  .itemListBlogView .catItemBody {
  		clear: both;
  }

}

/* layout-mobile-portrait.css ---*/
@media only screen and (max-width:479px) {

  /* BODY LAYOUT
  --------------------------------------------------------- */
  #container .main {
    padding-top: 155px;
  }
  /* Sidebar ---*/
  body.has-sidebar #container .container-main {
  	 padding-left: 0;  /* Minus space for sidebar */
  }

  #sidebar {
  	 position: absolute;
  	 margin-left: 0;
  	 top: 10px;
  	 left: 0;
  	 width: 30px;
  }

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

  #sidebar .sidebar-toggle {
    border-right: 1px dashed #3f3f3f;
  }

  /* HEADER
  --------------------------------------------------------- */
  #header {
  	 height: 140px;
  }
  /* Head Search ---*/
  #header #search {
    top: -53px;
  }

  #header #search.active {
  }

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

  #header #search .search-toggle {
    border-left: 1px dashed #3f3f3f;
  }

  #header #search .inputbox,
  #header #search .inputbox:focus {
  	 background-color: #101010;
  }

  /* Logo */
  #logo {
  	 width: 100%;
  	 top: 0;
  }

  #logo h1 a {
  	 float: none;
  	 margin: 0 auto;
  }

  /* MAIN NAV
  --------------------------------------------------------- */
  #mainnav {
  	left: 0;
  	top: 60px; /* Space for logo */
  	width: 100%;
  	border-top: 1px solid #2d2d2d;
  }

  #mainnav .menu-inner {
  	width: 100%;
  }

  /* 2nd level and above ---*/
  ul.jsub {
	 max-width: none;
	 min-width: none;
	 padding: 20px 0;
	 width: 100%;
	 background-color: #fff;
	 background-image: url(../images/paper.png);
	 border-width: 0;
  }

  ul.jsub li { border-bottom-width: 0; }

  ul.jsub li a {
		background: url(../images/arrow.png) no-repeat 15px 11px;
		text-shadow: none;
		color: #333;
		font-family: 'Patrick Hand', cursive;
		font-size: 125%;
		padding-left: 30px;
		height: 30px;
		line-height: 30px;
	}

	ul.jsub li a:hover,
	ul.jsub li a:focus,
	ul.jsub li:hover a,
	ul.jsub li.active > a { color: #574eae; background: url(../images/arrow-h.png) no-repeat 15px 11px }


  /* DISPLAY TOOLBAR
  --------------------------------------------------------- */
  #toolbar {
    top: -53px;
  }

  #toolbar .toolbar-inner {
    border-radius: 0;
  }

  #toolbar .toolbar-toggle {
    border-left: 1px dashed #3f3f3f;
  }

  #toolbar dd {
  	 background: #101010;
  }

  /* K2
  --------------------------------------------------------- */
   div.itemListBlogView .article-info {
  		padding-left: 0;
  }

  div.itemListBlogView div.catItemHeader {
  		min-height: 122px;
  }

}

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

  /* BODY LAYOUT
  --------------------------------------------------------- */
  /* Sidebar ---*/
  body.has-sidebar #container .container-main {
  	 padding-left: 0;  /* Minus space for sidebar */
  }

  #sidebar {
	 position: fixed;
	 margin-left: 0;
	 top: 10px;
	 left: 0;
	 width: 45px;
  }

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

  #sidebar .sidebar-toggle {
    border-right: 1px dashed #3f3f3f;
    background: none;
  }

  /* HEADER
  --------------------------------------------------------- */
  #header .wrap-inner {
  	 padding-top: 10px;
  }
  /* Head Search ---*/
  #header #search {
    top: 0;
    padding: 0;
    background-color: #000;
  }

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

  #header #search .search-toggle {
    border-left: 1px dashed #3f3f3f;
    background: none;
  }

  #header #search .inputbox,
  #header #search .inputbox:focus {
  	 background-color: #101010;
  }
  /* Logo ---*/
  #logo { width: 120px; }

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

  #mainnav .menu-inner {
  	 right: 255px;
  }

  .fixed-display #mainnav .menu-inner,
  .fixed-basegrid #mainnav .menu-inner {
    right: 260px;
  }

	ul.jsub {
		background-color: #fff;
		background-image: url(../images/paper.png);
		border-width: 0;
  		margin-left: -50px;
  		padding: 20px 0;
  		display: block;
	}

	ul.jsub:before {
		background: url(../images/pin.png) no-repeat center top;
		content: "";
		height: 20px;
		position: absolute;
		top: -15px;
		width: 100%;
	}

	ul.jsub li { border-bottom-width: 0; }

	ul.jsub li a {
		background: url(../images/arrow.png) no-repeat 15px 6px;
		text-shadow: none;
		color: #333;
		font-family: 'Patrick Hand', cursive;
		font-size: 110%;
		padding-left: 30px;
		height: 20px;
		line-height: 20px;
	}

	ul.jsub li a:hover,
	ul.jsub li a:focus,
	ul.jsub li:hover a { color: #574eae; background: url(../images/arrow-h.png) no-repeat 15px 6px }

	ul.jsub li.active a { color: #574eae; background: url(../images/arrow-h.png) no-repeat 15px 6px }

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

  #toolbar .toolbar-inner {
    border-radius: 0;
  }

  #toolbar .toolbar-toggle {
    border-left: 1px dashed #3f3f3f;
    background: #000;
  }

  #toolbar dd {
  	 background: #101010;
  }
  .btn-toggle {
  	height: 40px;
  	margin-top: 10px;
  }

  #toolbar .toolbar-inner,
  #header #search .search-inner {
  		margin-top: 0px;
  }
  #toolbar.active .toolbar-toggle, #header #search.active .search-toggle {
  		background: #2E2E2E;
  }

  #sidebar.active .sidebar-toggle {
  	background: #2E2E2E;
  }

	#sidebar .sidebar-toggle {
		background: url("../images/header-bg.png") repeat-x left bottom;
	}

	#mainnav .navnext {
		right: 255px;
	}

	.no-toolbar #mainnav .navnext {
		right: 210px;
	}

	.fixed-display #mainnav .navnext,
	.fixed-basegrid #mainnav .navnext {
		right: 260px;
	}

	/* K2
	--------------------------------------------------------- */
	#k2Container .itemDate {
		font-size: 92%;
	}
}

/* layout-normal.css ---*/
@media only screen and (min-width:986px) and (max-width: 1235px) {
}

/* layout-wide.css ---*/
@media only screen and (min-width:1236px) and (max-width: 1585px) {
}

/* layout-wide-extra.css ---*/
@media only screen and (min-width:1586px) and (max-width: 1900px) {
}

/* layout-hd.css ---*/
@media only screen and (min-width:1901px) {
}