/*

#------------------------------------------------------------------------

# Music State - October Joomla! template (for Joomla 2.5)

#

# Copyright (C) 2007-2013 Gavick.com. All Rights Reserved.

# License: Copyrighted Commercial Software

# Website: http://www.gavick.com

# Support: support@gavick.com 

*/



select,

textarea,

input[type="text"],

input[type="password"],

input[type="url"],

input[type="email"] {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-o-box-sizing: border-box;

	box-sizing: border-box;

	border: 1px solid #ddd;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

	font-size: 14px;

	font-weight: 400;

	color: #000;

	height: 38px;

	line-height: 39px;

	max-width: 100%!important;

	padding: 0 18px;

}

textarea {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-o-box-sizing: border-box;

	box-sizing: border-box;

	height: auto;

	max-width: 100%!important;

	padding: 24px

}

legend {

	color: #111;

	font-weight: 500;

	text-transform: uppercase

}

select {

	height: inherit;

	padding: 6px

}

html.-moz-select { padding: 3px 5px }

input[type="text"]:focus,

input[type="password"]:focus,

input[type="url"]:focus,

input[type="email"]:focus,

textarea:focus { background: #fffef4; }

button,

.button,

input.button,

span.button,

button.button,

div.button,

input[type="submit"],

input[type="button"],

.pagenav-prev a,

.pagenav-next a,

.readon,

#gkMainbody .itemReadMore,

#gkMainbody .readmore > a,

.button.invert:active,

.button.invert:focus,

.button.invert:hover {

	background: #e74c3c;

	border: none;

	-webkit-border-radius: 1px;

	-moz-border-radius: 1px;

	border-radius: 1px;

	color: #fff!important;

	cursor: pointer;

	display: block;

	float: left;

	font-size: 14px;

	font-weight: 400;

	height: 38px;

	line-height: 39px;

	margin: 0 5px 2px 2px;

	padding: 0 18px;

	text-align: center;

	text-transform: uppercase;

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	-o-transition: all .3s ease-out;

	transition: all .3s ease-out

}

button:hover,

.button:hover,

input.button:hover,

span.button:hover,

button.button:hover,

div.button:hover,

input[type="submit"]:hover,

input[type="button"]:hover,

.pagenav-prev a:hover,

.pagenav-next a:hover,

.readon:hover,

#gkMainbody .itemReadMore:active,

#gkMainbody .itemReadMore:focus,

#gkMainbody .itemReadMore:hover,

#gkMainbody .readmore > a:active,

#gkMainbody .readmore > a:focus,

#gkMainbody .readmore > a:hover,

.button.invert {

	background: #000;

	color: #fff!important;

}

input[type=checkbox],

.checkbox,

input[type=radio],

.radio {

	background: transparent!important;

	border: none!important;

	height: auto!important;

	margin-top: 7px!important

}

select[size] {

	font-size: 12px;

	height: auto

}

select[size="1"] {

	height: 29px!important;

	line-height: 24px

}

.invalid {

	background: #fffef4;

	border: 1px solid #e25527!important;

	color: #000

}

label {

	color: #111;

	font-size: 14px;

	font-weight: 500;

	padding: 0 6px 0 0;

}

label.invalid {

	background: #fff;

	border: none!important;

	color: #e25527!important

}

fieldset.filters > div > * {

	float: left;

	margin-right: 10px

}

fieldset.filters > div > label { margin-top: 6px; }

fieldset.filters > div > select { margin-top: 4px }

section article { 

	max-width: 100%;

	margin-top: 20px; 

}

section > header {

	margin: 0 0 32px;

	padding: 0

}

section > header div p {

	font-size: 13px;

	font-weight: 300;

	line-height: 1;

	text-transform: uppercase

}

section img {

	height: auto!important;

	max-width: 100%!important;

}

section.category .children,

section.blog .children {

	clear: both;

	margin-top: 32px

}

section.categories-list ul ul { margin-left: 20px; }

section.categories-list ul ul li {

	border: none;

	border-top: 1px solid #eee;

	padding-left: 6px

}

section.categories-list li,

section.category .children li,

section.blog .children li {

	border-top: 1px solid #eee;

	clear: both;

	font-size: 16px;

	line-height: 1.4;

	overflow: hidden;

	padding: 12px 0

}

section.categories-list li > div p,

section.category .children li > div p,

section.blog .children li > div p {

	font-size: 14px;

	margin: .5em 0

}

section.categories-list li > dl,

section.category .children li > dl,

section.blog .children li > dl {

	font-size: 11px;

	margin: 0

}

section.categories-list li > dl > dt,

section.category .children li > dl > dt,

section.blog .children li > dl > dt { float: left }

section.categories-list li > dl > dd,

section.category .children li > dl > dd,

section.blog .children li > dl > dd {

	float: left;

	font-weight: 700;

	margin-left: 5px

}

section.category .children h3,

section.blog .children h3 {

	font-weight: 300;

	font-size: 18px;

	line-height: 24px;

	margin: 20px 0

}

.filters .display-limit select {

	display: inline!important;

	float: none

}

table {

	margin-bottom: 20px;

	width: 100%

}

th {

	background: #222;

    color: #fff;

    font-size: 12px;

    font-weight: 500;

    padding: 10px;

    text-align: left;

    text-transform: uppercase;

}

th a { color: #fff!important; }

th a:active,

th a:focus,

th a:hover { color: #e74c3c!important; }

tbody tr td {

	border: 1px solid #ccc;
	background-color:#eee;
    color: #444;
	padding: 8px

}

tbody tr td p { margin: .5em 0 }

section.blog .items-row {

	clear: both;

	margin-bottom: 40px;

}

section.blog .items-row:after {

	clear: both;

	content: "";

	display: table;

}

.frontpage .blog-featured { margin-top: -100px; }

.frontpage .blog-featured header ul { display: none; }

.frontpage .blog-featured header h2 { margin-bottom: 20px; }

section.blog-featured .items-row {

	margin-top: 40px;

	margin-bottom: 0;

}

.blog-featured article { padding: 52px 0; }

section.blog-featured .items-row:first-child { margin-top: 0; }

section.blog .items-row header h2,

section.blog-featured .items-row header h2 { font-size: 28px; }

section.blog .items-more { margin: 100px 0 32px }

section.blog .items-more h3 {

	font-size: 16px;

	font-weight: 500;

	margin-bottom: 20px;

}

.items-leading > div {

	clear: both!important;

	margin-top: 50px;

}

.items-leading > div:first-child { margin-top: 0; }

/* Article */

article,

article > section { position: relative }

article aside {

	background: #f8f8f8;

	display: block;

	float: left;

	font-size: 13px;

	padding: 15px;

	text-align: center;

	width: 90px

}

article aside.itemAsideInfo > img,

article aside.itemAsideInfo > ul li { margin: 0 0 22px }

article aside.itemAsideInfo p,

article aside.itemAsideInfo li.itemPrintEmail a {

	color: #000;

	font-weight: 400;

	margin: 0 0 2px

}

article header {

	position: relative;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-o-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	width: 100%

}

article header a { color: #000 !important }

article header a:hover { color: #e74c3c !important }

article header.nodate { padding-left: 0; }

article header > time {

	background: #222;

	color: #fff;

	font-size: 18px;

	font-weight: 500;

	line-height: 1.15;

	height: 44px;

	left: -200px;

	padding: 12px 0 0;

	position: absolute;

	text-align: center;

	text-transform: uppercase;

	top: 19px;

	width: 90px;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-o-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

article header > time span {

	font-size: 16px;

	margin: 0 0 0 5px

}

article header li.date-hidden { display: none; }

.itemBody,

.itemComments { 

	max-width: 100%;

	overflow: hidden;

	position: relative;

}

.itemBody.nodate { padding-left: 0!important; }

.itemBody > img {

	margin-bottom: 40px;

}

li.print-icon,

li.email-icon { }

li.print-icon a,

li.email-icon a {

	position: relative;

	top: 3px;

}

article header.itemHasImage { position: relative }

article header.itemHasImage h1 {

	background: rgba(0,0,0,0.8);

	bottom: 36px;

	left: 0;

	line-height: 1.1;

	padding: 10px 16px;

	position: absolute;

	width: 65%;

	z-index: 1;

	color: #fff;

}

article header.itemHasImage h1 a { color: #fff!important; }

article header.itemHasImage h1 a:active,

article header.itemHasImage h1 a:focus,

article header.itemHasImage h1 a:hover { color: #e74c3c!important; }

.blog article header ul { margin: 0 0 24px; }

article header h1,

article header h2 {

	font-size: 52px;

	font-weight: 300;

	margin: 0;

	text-transform: uppercase;

}

article header ul { margin: 0 0 42px; border-top: 1px solid #cccccc }

article header li {

	color: #aaa;

	float: left;

	font-size: 11px !important;

	font-weight: 400;

	margin: 0 !important;

	text-transform: uppercase

}

article header li:first-child { margin-left: 0; }

article header li:before {

	content: " - ";

	padding: 0 9px;

}

article header li:first-child:before { display: none; }

article.item-page ul.content-links li { background: none }

.img-intro-none { float: none }

.img-intro-none img {

	float: none!important;

	margin: 0 auto

}

.img-fulltext-none,

.img-fulltext-left,

.img-fulltext-right {

	float: none;

	margin: 0 0 40px 0;

	overflow: hidden;

	position: relative

}

.img-fulltext-none > div,

.img-fulltext-left > div,

.img-fulltext-right > div {

	float: none!important;

	width: 100%!important

}

.img-fulltext-none img,

.img-fulltext-left img,

.img-fulltext-right img {

	display: block;

	height: auto!important;

	max-width: 100%!important;

	width: 100%!important

}

p.img_caption {

	display: block;

	color: #999;

	padding: 8px 0 0;

	font-size: 11px;

}

section.blog div.img_caption img.caption {

	display: block;

	float: none!important

}

.item-page ul { list-style-type: none }

.edit fieldset > div {

	clear: both;

	padding: 5px 0

}

.edit fieldset > div label {

	display: block;

	float: left;

	min-width: 120px

}

section.login .login-fields { padding-bottom: 16px }

section.login .login-fields label {

	display: block;

	float: left;

	line-height: 34px;

	min-width: 100px

}

section.login ul {

	font-size: 11px;

	margin-top: 40px

}

.profile dl { margin: 32px 0; }

.profile dt {

	clear: both;

	color: #000;

	float: left;

	font-size: 14px;

	font-weight: 400;

	min-width: 200px;

}

.contact-image {

	border: none;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box;

	float: right;

	margin: 32px 0;

	max-width: 100%;

	padding: 0;

}

.contact-form legend {

	color: #999;

	font-size: 13px;

	margin: 0 0 24px;

}

.contact-form dt {

	clear: both;

}

.contact-form .button.validate {

	clear: both;

	margin: 20px 0 0 0;

}

.contact-address,

.contact-contactinfo {

	clear: both;

	float: left;

	margin: 0 92px 32px 0

}

.contact-contactinfo div {

	float: left;

	margin: 0 52px 0 0

}

.contact-miscinfo {

	border-top: 1px solid #E5E5E5;

	font-size: 14px;

	margin: 72px 0 0;

	padding: 24px 0 0;

}

.contact-form {

	clear: both;

}

.contact-form dl {

	float: left;

	width: 50%;

}

.contact-form legend {

	color: #999;

	font-size: 13px;

	margin: 0 0 24px;

}

.contact-form .button.validate {

	clear: both;

	margin: 20px 0 0 0;

}

.contact-form input {

	margin: 6px 0 0;

	width: 80%

}

.contact-form textarea {

	height: 202px;

	width: 100%;

}

.jicons-text {

	color: #444;

	font-size: 13px;

	font-weight: 500;

	display: block;

	text-transform: uppercase;

}

dt.inline,

dd.inline {

	display: inline-block!important;

	float: left!important;

	width: auto!important

}

.contact h3 {

	border-bottom: 1px solid #E5E5E5;

	clear: both;

	font-size: 24px;

	font-weight: 300;

	margin: 0 0 32px;

	padding: 52px 0 16px;

}

#jform_contact_email_copy { margin-left: 10px }

section.newsfeed > ol { list-style: none }

section.newsfeed > ol > li {

	border-top: 1px solid #eee;

	padding: 24px 0 0

}

section.newsfeed > ol > li > a { font-size: 42px }

section.contentpane iframe {

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-o-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	border: 1px solid #eee;

	box-sizing: border-box

}

.tooltip {

	background: #fff;

	border: 1px solid #ccc;

	max-width: 350px;

	min-width: 160px;

	padding: 8px;

	position: absolute!important;

	opacity: 1;

	z-index: 10;

}

.tooltip-inner strong {

	background: #e74c3c;

	color: #fff;

	font-size: 14px;

	font-weight: 700;

	line-height: 20px;

	padding: 5px 15px;

	width: 100%;

	clear: both;

	display: block;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.tooltip-inner {

	color: #555;

	font-size: 12px;

	padding: 5px 0

}

.tooltip-inner br {

     display: none;

} 

#system-message a.close,

#system-message h4.alert-heading {

	display: none;

}

#system-message p { margin: 0; padding: 12px 0; text-align: center; font-size: 14px}

#system-message { margin: 0; }

#system-message dd ul { list-style: none!important }

#system-message {

	margin: 0;

	position: relative;

	top: 78px;

}

#system-message dd ul { list-style: none!important }

#system-message .alert {

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-o-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	background: #000;

	box-sizing: border-box;

	color: #fff;

	font-size: 16px;

	font-weight: 600;

	min-height: 50px;

	padding: 10px 10px 12px 86px;

	text-align: center;

}

#system-message .alert-error { background: #c40026; }

#system-message .alert-notice {

	background: #fff;

	color: #000;

}

#system-message-container {

	margin: 0;

	padding: 0;

}

.item-page > div.pagination { display: none!important }

.pagination {

	clear: both;

	padding: 60px 0 20px;

}

.pagination ul li {

	background-image: none!important;

	color: #909090;

	cursor: default;

	display: inline-block;

	margin: 0

}

.pagination ul li a,

.pagination ul li span {

	border: 1px solid #ddd;

	display: block;

	font-size: 13px;

	font-weight: 400;

	height: 32px;

	line-height: 34px;

	margin: 0 7px 0 0;

	min-width: 32px;

	padding: 2px 6px;

	text-align: center

}

.pagination ul li a:hover,

.pagination ul li span:hover { color: #000 }

.pagination ul li.counter {

	float: right;

	font-size: 11px;

	line-height: 38px;

	margin-right: 12px

}

ul.pagenav {

	margin: 0;

	overflow: hidden;

	padding: 0

}

#member-registration > fieldset > legend {

	font-size: 40px;

	line-height: 44px;

	margin-bottom: 32px;

}

#member-registration dt,

#member-registration dd {

	display: inline-block;

	padding-bottom: 10px

}

#member-registration dt { min-width: 170px }

#member-registration dd { min-width: 200px }

#member-registration dd:after {

	content: '\A';

	white-space: pre

}

#gkMainbody .registration { width: 500px }

.bannergroup:first-line,

.bannergroup_text:first-line {

	font-size: 16px;

	line-height: 3;

	font-weight: 500;

}

div.banneritem {

	border-top: 1px solid #ddd;

	color: #666;

	font-size: 14px;

	padding: 8px 0

}

div.banneritem a {

	font-size: 14px;

	margin-bottom: 3px;

}

div.bannerfooter {

	border-top: 1px solid #ddd;

	color: #e74c3c;

	font-size: 12px;

	padding: 5px 5px 0 0;

	text-align: right

}

#gkSocialAPI {

	border-top: 1px solid #ddd;

	clear: both;

	margin: 52px 0 0 0!important;

	padding: 26px 0 0;

}

#gkSocialAPI > iframe,

#gkSocialAPI > #___plusone_0 {

	position: relative;

	top: -5px

}

#gkSocialAPI #___plus_0 {

	margin-right: 10px!important;

	position: relative;

	top: -5px;

	vertical-align: top

}

#gkSocialAPI > a { top: -5px; }

#dynamic_recaptcha_1,

#recaptcha_area {

	max-width: 480px;

	min-height: 140px

}

#gkMainbody #dynamic_recaptcha_1,

#gkMainbody #recaptcha_area { margin-bottom: 10px }

.pane-sliders .panel h3 {

	border-bottom: 1px solid #ddd;

	color: #000;

	font-size: 18px;

	font-weight: 400;

	line-height: 32px;

	margin: 0;

	padding: 8px 0;

	text-transform: uppercase;

}

.pagenavcounter {

	color: #000;

	font-size: 13px;

	font-weight: 400;

}

.article-index {

	border-left: 2px solid #E74C3C;

	float: right;

	margin: 0 0 30px 72px;

	padding: 0 0 0 32px;

	width: auto

}

.article-index h3 {

	color: #000;

	font-size: 24px;

	line-height: 1;

	text-transform: uppercase;

}

.article-index li { font-size: 16px }

.article-index li a.active { color: #000; }

.article-index li:first-child {

	border-top: none;

	margin-top: 10px

}

dl#tabs,

dl.tabs {

	background: #222;

	margin: 0;

	min-height: 30px;

	overflow: hidden;

	padding: 0

}

dl#tabs dt.tabs,

dl.tabs dt.tabs {

	border-right: 1px solid #444;

	float: left;

	padding: 14px 24px

}

dl#tabs dt.tabs span h3,

dl.tabs dt.tabs span h3 {

	color: #000;

	font-size: 14px;

	font-weight: 500;

	margin: 0;

	padding: 0;

	text-transform: uppercase

}

dl#tabs dt.tabs h3 a,

dl.tabs dt.tabs h3 a { color: #999; }

dl#tabs dt.tabs h3:hover a,

dl.tabs dt.tabs h3:hover a {

	color: #fff;

	cursor: pointer

}

dl#tabs dt.tabs.open h3 a,

dl.tabs dt.tabs.open h3 a { color: #222; }

dl#tabs dt.tabs.open,

dl.tabs dt.tabs.open { background: #f5f5f5; }

dd.tabs {

	background: #f5f5f5;

	padding: 30px;

}

#searchForm fieldset input[type="radio"],

#searchForm fieldset input[type="checkbox"] { margin-top: 11px!important }

#search-form fieldset.word label,

#search-form fieldset.word input,

#search-form fieldset.word button {

	float: left;

	margin-right: 5px

}

#searchForm label,

#searchForm input,

#finder-search input {

	float: left;

	font-weight: normal;

	line-height: 38px;

	margin: 0 12px 0 0;

	text-transform: none

}

fieldset.phrases,

fieldset.only {

	background: #f5f5f5;

	line-height: 36px;

	font-size: 14px;

	padding: 10px 20px;

}



#searchForm fieldset.word {

	border: none;

	padding: 0 0 42px

}

#searchForm fieldset.word .button,

#adminForm fieldset.filters .button {

	height: 39px;

	line-height: 39px;

}

#searchForm fieldset legend {

	float: left;

	padding: 0 24px 0 0

}

.searchintro strong {

	color: #000;

	font-size: 16px;

	font-weight: 400

}

.form-limit {

	float: right;

	margin: 24px 0 0

}

.result-category,

.result-created {

	color: #AFAFAF;

	float: left;

	font-size: 13px;

	padding: 0 0 8px

}

.result-created { margin: 0 0 0 24px }

.result-title {

	clear: both;

	background: #FFFEF4;

	padding: 8px 28px 8px 42px;

	position: relative

}

.result-title:before {

	color: #E74C3C;

	content: "\f14a";

	font-family: FontAwesome;

	font-size: 16px;

	position: absolute;

	top: 10px;

	left: 12px;

}

.result-text {

	clear: both;

	font-size: 14px;

	margin-bottom: 24px;

}

#advanced-search-toggle {

	display: block;

	font-size: 11px;

	padding: 10px 0;

	text-align: center

}

.advanced-search-tip {

	border-bottom: 1px solid #e1e1e1;

	border-top: 1px solid #e1e1e1;

	font-size: 12px;

	margin: 0 0 24px;

	padding: 12px 0

}

.advanced-search-tip p { margin: 0 }

#finder-filter-select-list label {

	clear: both;

	float: left;

	font-size: 12px;

	line-height: 36px;

	min-width: 140px

}

#finder-filter-select-list li {

	overflow: hidden;

	padding: 0

}

#search-query-explained {

	border-bottom: 1px solid #e1e1e1;

	font-size: 11px;

	padding: 10px 0

}

#search-result-empty h2 { font-size: 18px }

.autocompleter-queried { color: #e74c3c!important }

div.search-pages-counter {

	font-size: 12px;

	font-style: italic;

	text-align: center

}

.search-results .highlight {

	background-color: #ffc;

	font-weight: 400;

	padding: 1px 4px

}

.archive article { padding: 32px 0 0 }

.img-intro-left,

.img-intro-right,

.img-intro-center {

	margin-bottom: 16px;

	max-width: 100%!important

}

/* Menu suffix */

.box.menu ul ul { margin-left: 0 }

.box.menu li,

.box .k2ArchivesBlock li { margin: 0; }

/* Users */



#member-profile dt {

	float: left;

	width: 260px;

}

#member-profile dd { padding: 2px 0 }

#member-profile fieldset { margin: 0 0 32px }

/* Languages */

div.mod-languages > div,

div.mod-languages > form {

	display: inline-block;

	margin: 0 3px

}

div.mod-languages { text-align: center }

div.mod-languages p { margin-bottom: .5em }

.mod-languages ul.lang-inline,

.mod-languages ul.lang-block {

	display: inline-block;

	float: left

}

div.mod-languages > ul.lang-block > li,

div.mod-languages > ul.lang-inline > li {

	line-height: 32px;

	margin: 0 5px

}

.mod-languages ul li.lang-active { font-weight: 700 }

.mod-languages ul li a img {

	-moz-transform: scale(1);

	-moz-transform-style: preserve-3d;

	-moz-transition: 0 .1s ease-out;

	-ms-transform: scale(1);

	-ms-transform-style: preserve-3d;

	-o-transform: scale(1);

	-o-transition: 0 .1s ease-out;

	-webkit-transform: scale(1);

	-webkit-transform-style: preserve-3d;

	-webkit-transition: 0 .1s ease-out;

	transform: scale(1);

	transform-style: preserve-3d;

	transition: transform .1s ease-out

}

.mod-languages ul li a:hover img {

	-moz-transform: scale(1.2);

	-ms-transform: scale(1.2);

	-o-transform: scale(1.2);

	-webkit-transform: scale(1.2);

	-webkit-transition: 0 .6s ease-out;

	transform: scale(1.2);

	transition: transform .6s ease-out

}

.mod-languages ul li.lang-active a img {

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

	-webkit-transform: scale(1.1);

	transform: scale(1.1)

}

legend.hidelabeltxt,

.filters .hidelabeltxt,

.contact .jicons-icons,

#system-message dt { display: none }

fieldset.filters,

.blog .leading,

.content-links,

.pane-sliders { margin-bottom: 50px; }

section article:first-child,

section.blog .items-more ol { margin-top: 0 }

section.categories-list ul ul li:first-child,

section.blog .items-row article header li { border: none }

.filters .display-limit,

ul.pagenav .pagenav-next { float: right }

.img-intro-left,

.img-intro-right,

.img-intro-left > img,

.img-intro-right > img,

section.blog div.img_caption { float: none!important }

/* page links */

div.articleContent div.content-links ul li {

	background: none !important;

	padding-left: 0 !important;

}

/*

 * Joomla! and K2 common parts

 */

 

.itemAsideInfo {

	position: absolute;

	top: 0;

}

.itemBody.containsItemInfo,

.itemOtherElements.containsItemInfo,

.itemListView .itemBlock.containsItemInfo { margin-left: 160px }

.itemAsideInfo img {

	max-width: 86px!important;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

}

/* edit page */



.item-page.edit fieldset {

	border-bottom: 1px solid #eee;

	margin: 0 0 52px;

	padding: 0 0 52px;

}

.item-page.edit legend {

	font-size: 100% !important;

	font-style: normal !important;

	padding: 0 0 24px;

}

/* Calendar fix */

.calendar .button {

	display: table-cell;

	float: none;

}



/* For desktops < 1595px and some joomla views */

.cols-2 article header > time,

.cols-3 article header > time,

.cols-4 article header > time,

.cols-5 article header > time {

	display: none;

}



.cols-2 article header li.date-hidden,

.cols-3 article header li.date-hidden,

.cols-4 article header li.date-hidden,

.cols-5 article header li.date-hidden {

	display: block;

}



@media (max-width: 1595px) {

	article header > time {

		display: none;

	}

	article header li.date-hidden {

		display: block;

	}

}





/* tags */

#adminForm div.tags {

     margin-top: 0;

}

div.tags {

     margin-top: 10px;

     overflow: hidden;

}

div.tags > span.tags-label {

     float: left;

     margin-right: 30px;

     line-height: 2.8;    

}

.item-page .tags {

     padding-bottom: 15px;

     font-size: 14px;

}

#gkMainbody div.tags a {

     display: inline-block;

     float: left;

     line-height: 2.5;

     margin: 2px 8px 2px 0;

     padding: 0 8px 0 20px;

     font-size: 14px;

     color: #888;

}

div.tags a:hover,

div.tags a:focus,

div.tags a:active {

     background-position: 0 100%;

}

span.tag-body p {

     display: inline;

}

div.tags.tagcloud a.gk-tooltip span {

    z-index:10;

    font-weight: bold;

    display:none;

    padding: 15px;

    margin-top: -50px;

    margin-left: 60px;

    width: 240px;

    max-width: 240px;

    line-height:16px;

    font-size: 85%;

    font-weight: normal!important;

    transition: all 1s ease-in;

}



div.tags.tagcloud  a.gk-tooltip:hover span {

     border: 1px solid #ccc;

     background: rgba(255, 255, 255, 0.9);

    display:inline;

    position:absolute;

    color:#111;

}

div.tags.tagcloud a.gk-tooltip span img {

     max-width: 80px!important;

     height: auto;

     float: left;

     margin: 0 10px 10px 0;

}

div.tag-category div.btn-group {

     margin-top: 10px;

}

div.tag-category div.btn-group.pull-right {

     float: right;

}

div.tag-category div.btn-group label {

     margin-top: 10px;

}

div.tag-category h3 {

     font-size: 19px;

     margin: 8px 0;

}

div.tag-category h3 {

     font-size: 19px;

     margin: 8px 0;

}

div.tag-category ul.category li {

     border-bottom: 1px solid #ccc;

     padding: 10px;

     font-size: 90%;

}

div.tag-category ul.category li h3 {

     font-size: 14px;

     margin: 0;

}

div.tags.tagcloud a {

     float: left;

     margin-bottom: 6px;

}

