/*
 * ------------------------------------------------------------------------
 * JA Lens Template for Joomla 2.5 & 3.1
 * ------------------------------------------------------------------------
 * Copyright (C) 2004-2011 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.
 * ------------------------------------------------------------------------
*/

/* RESPONSIVE FONT SIZES
--------------------------------------------------------- */
body {
  font-size: 14px;
  -webkit-text-size-adjust: 100%; /*Fix Mobile Safari Font Scale*/
}

/* Content Title ---*/

/* Item Title ---*/
.masonry .item .header h2 {
  font-size: 125%;
}

.masonry .item-more .item-inner h3 {
	margin: auto;
	word-break: break-all;
	font-size: 92% !important;
	height: auto !important;
	line-height: normal !important;
	padding-top: 20px !important;
	text-align: center;
}

/* MASONRY PRESETS (Basegrid : 60px)
--------------------------------------------------------- */
/* Default (Medium) ----*/
.masonry .item {
}

/* Auto Inner Grids ---*/
.cols-1 .col,
.cols-2 .col,
.cols-3 .col,
.cols-4 .col,
.cols-5 .col {
  width: 100%; /* Max 1 col */
}

/* GENERIC CONTENT STYLE
--------------------------------------------------------- */
/* Content Title ---*/
h1.componentheading,
.componentheading, 
.content-inner div > h1{
	font-size: 115%;
	width: 100%;
	margin: -87px auto 60px -20px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box; /* Opera/IE 8+ */
}

body.k2-component .componentheading {
	margin: -67px auto 40px;
}

body.layoutview .componentheading {
	margin: -77px auto 20px;
	padding-left: 10px;
}

/* Item ---*/
body.layout-g .masonry .item-timeline,
body.layout-l .masonry .item-timeline { height: auto; }

body.layout-g .masonry .item-timeline .item-inner,
body.layout-l .masonry .item-timeline .item-inner { padding: 20px; }

/* BODY LAYOUT
--------------------------------------------------------- */
.main {
	width: 100%;
}

#content .content-inner, 
body.bd-home #content .content-inner, 
body.k2-component #content .content-inner {
	margin: 0px 10px 15px 10px;
}

body.layoutview #content .content-inner {
	margin: 0;
}

/* Content ---*/
body.has-right #content {
  width: 100%;
  float: none;
}

/* Aside ---*/
#right {
  width: 100%;
  float: none;
}

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

#header .main {
  height: 120px;
  width: 100%;
}

/* Logo Text ---*/
#logo {
  width: 100%;
  top: 0;
  background: #de3068;
}

#logo h1:before {
	display: none;
}

/* Head Search ---*/
#header #search {
  float: right;
  margin: 0;
  top: -45px;
  width: 45px;
  height: 45px;
}

#header #search.active {
}

#header #search .search-inner {
  width: 200px;
  border-radius: 0 0 0 3px;
  left: -999em;
  right: auto;
  position: relative;
}

#header #search .search-toggle {
  border-left: 1px solid #84b12a;
}


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

#header #search .inputbox,
#header #search .inputbox:focus {
  width: 100%;
  background-image: none;
  padding: 5px;
  border: 1px solid #ccc;
}

#header #search .button {
  display: none;
}

/* Search Toggle Ation */
#header #search.active .search-inner {
  left: auto;
  right: 155px; /* Right = InnerWidth - ToggleWidth*/ 
}

#toolbar #search .inputbox,
#toolbar #search .inputbox:focus,
#toolbar #search .inputbox:active {
	width: 70px;
}

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

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

/* 2nd level and above ---*/
#mainnav .menu > li.deeper ul {
  max-width: none;
  min-width: none;
  width: 100%;
  left: -999em;
}

#mainnav .menu > li.deeper:hover ul {
  left: 0;
  top: auto;
}

#mainnav .menu > li.deeper ul li a {
  max-width: none;
}

/* DISPLAY TOOLBAR
--------------------------------------------------------- */
#infscr-loading {
	width: 290px;
}

#infscr-loading > div {
	word-break: break-all;
	font-size: 92% !important;
	height: auto !important;
	line-height: normal !important;
	padding-top: 20px !important;
	text-align: center;
}

/* MISC.
--------------------------------------------------------- */
#content-mass-bottom {
	padding-bottom: 0px;
}

#content-mass-bottom .moduletable,
#botsl1 .moduletable {
	margin: 0px 10px;
}

#content-mass-bottom .moduletable > h3 {
	font-size: 250%;
}
/* BOTSL
--------------------------------------------------------- */

#botsl1 {
	padding-top: 0px;
}

#botsl .main-inner1 {
	margin: 0;
}

#botsl .main-inner1 .ja-box {
	width: 100% !important;
	float: left;
}

#botsl .main-inner1 .ja-box .moduletable {
	border-bottom: solid 1px #222;
	margin: 0px 10px 15px 10px;
	padding-bottom: 10px;
}

/* MODULES
--------------------------------------------------------- */
table.acymailing_form {
	width: 100%;
}

table.acymailing_form input.inputbox {
    padding: 10px 0 10px 10px;
    width: 95%;
}

.contact-form label#jform_contact_email_copy-lbl {
	width: 150px;
}

.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea {
    width: 200px;
}

#search-form #finder-search input.inputbox {
	margin-bottom: 5px;
}

.newsfeed-category td.item-link {
	width: 100px;
	word-break: break-all;
}

/* Popup */
div#fancy_outer {
	padding-left: 0 !important;
}

/* K2
--------------------------------------------------------- */
.itemContainer {
	float: none;
}

div.catItemHeader h3.catItemTitle,
div.userItemHeader h3.userItemTitle, 
div.tagItemHeader h3.tagItemTitle,
.itemView h2.itemTitle  {
	font-size: 130%;
}

div.catItemTagsBlock span, div.userItemTagsBlock span, div.tagItemTagsBlock span, 
.item-tags strong, .BlogView div.itemTagsBlock span {
	text-shadow: none; 
}

div.catItemTagsBlock span:after, div.userItemTagsBlock span:after, div.tagItemTagsBlock span:after, 
.item-tags strong:after, .BlogView div.itemTagsBlock span:after {
	text-shadow: none; 
	height: 2px;
}

div.catItemHeader span.catItemDateCreated, 
div.userItemHeader span.userItemDateCreated, 
div.tagItemHeader span.tagItemDateCreated,
div.catItemHeader span.catItemAuthor, 
div.userItemHeader span.userItemAuthor, 
div.tagItemHeader span.tagItemAuthor,
div.catItemCategory, div.userItemCategory, div.tagItemCategory {
	margin-right: 5px;
	padding-right: 5px;
	line-height: 30px;
	font-size: 95%;
}

#k2Container .k2Pagination {
	margin-bottom: -5px;
}

.FB_UI_Hidden {
	max-width: 300px;
}


.k2AccountPage {
	width: 98% !important;
	overflow: hidden;
}

.k2AccountPage textarea, .k2AccountPage input[type="text"], 
.k2AccountPage input[type="password"], 
.k2AccountPage input[type="email"], .k2AccountPage .inputbox {
    width: 35% !important;
}