/*
 * ------------------------------------------------------------------------
 * JA Mendozite template for Joomla 2.5.x 
 * ------------------------------------------------------------------------
 * 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.
 * ------------------------------------------------------------------------
*/

/* COMMON STYLE
--------------------------------------------------------- */

/* Normal links ---*/
a { color: #CE3758; text-decoration: none; }

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

p.readmore a {
	color: #333;
	padding-left: 15px;
	background: url(../../images/readmore.png) no-repeat left center;
	font-weight: normal;
}

p.readmore a:hover,
p.readmore a:focus,
p.readmore a:active {
	color: #CE3758;
}

/* Headings & Titles ---*/
h1.contentheading, h2.contentheading, .contentheading, h2 {
	font-size: 105%;
	border: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

h1.contentheading a, h2.contentheading a, .contentheading a, h2 {
	color: #333
}

h1.contentheading a:hover,
h1.contentheading a:focus,
h1.contentheading a:active, 
h2.contentheading a:hover,
h2.contentheading a:focus,
h2.contentheading a:active, 
.contentheading a:hover,
.contentheading a:focus,
.contentheading a:active {
	color: #CE3758;
}
/* Readon links ---*/

.inputbox, input[type="text"],
input[type="password"], input[type="email"],textarea { border: 1px solid #eee; background: #fff; }

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

.button, button,
input[type="submit"], input[type="cancel"], input[type="reset"] {
	background: url(../../imag-es/grad.png) repeat-x left top #CE3758;
	border: 1px solid #f54f27;
	color: #fff;
	font-size: 80%;
	text-transform: uppercase;
	padding: 4px;
	cursor: pointer;
	overflow: visible;
	border-radius: 3px;
	box-shadow: 1px 1px 1px #fafafa;
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
	box-shadow: 1px 1px 1px #999;
}
/* Header ---*/
#ja-header {
    margin-bottom: 14px;
    padding: 9px 0;
    text-align: center;
	background-color: #CE3578:
}

h1.logo {
	height: 50px;
	width: 167px;
}
h1.logo a {
	background: url(../../images/logo-mobile.png) no-repeat center;
	display: block;
	height: 50px;
	width: 167px;
}
/* FORM
--------------------------------------------------------- */

/* Search */
#ja-search #mod-search-searchword {
	border: none !important;
	background: none !important;
	width: 100%;
	text-indent: 15px;
}

#ja-search .button_hilite1 {
	display: none;
}

/* JOOMLA STYLE
--------------------------------------------------------- */
/* Layout Deco ---*/

/* Vote --- */
span.content_rating {
  display: block;
  float: left;
}

/*Leading*/

/*Articles grids*/

body.com_content #ja-container .items-leading .leading {
	padding: 9px;
}

div.cat-children {
	-webkit-border-radius: 8px;
	background-color: #fff;
	border: #878787 solid 1px;
	overflow: hidden;
	padding: 9px;
	position: relative;
	display: block;
	height: auto;
	width: auto;
	margin: 3px 9px 17px;
}

/* Typo ---*/
.ja-typo-blockct ol {
	margin: 10px 0 10px 20px;
}

/* Content Pagination ---*/
/* More Links */

/* Pagination */

/* List Filters */
td,th {
	padding: 2px 5px;
}
/* Tooltips --- */

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */

/* HEADER
--------------------------------------------------------- */

/* Logo Image ---*/

/* Logo Text ---*/

/* FOOTER
--------------------------------------------------------- */

/* login ---*/

#ja-login ul li {
	padding-left: 10px;
	background: url(../../images/bullet.gif) no-repeat left 6px;
	font-size: 92%;
}

.login label { display: block; }

#ja-login input.inputbox { 
	border: solid 1px #ddd; 
	width: 50% !important; 
	left: 125px !important;
}

#ja-login input#modlgn-remember { 
	width: 12px !important; 
	height: 12px !important; 
}

#ja-login label {  color: #000 !important; }

#ja-login p { 
	margin: 0 !important;
	border-left: none !important;
}

#ja-login p#form-login-username { 
	-webkit-border-radius: 0;
	border-top: none;
}

#ja-login p#form-login-remember { border-top: none; }

#ja-login .userdata { 
	-webkit-border-radius: 8px; 
	border: 1px solid #878787;
	background: #fff;
	margin: 0 9px;
}

#ja-login .button { margin: 9px 9px 9px 125px; }

dl.article-info dt { display: none; }

dl.article-info {
	color: #999;
	font-size: 92%;
}

.article-tools {
    background: none;
    border: none;
    clear: both;
    color: #999;
    display: block;
    font-size: 10pt;
    margin: 3px 0px;
    padding: 0px;
    position: inherit;
    text-shadow:	none;
    width: auto;
}

.blog-featured h1.contentheading {
	font-size: 105%;
	text-transform: none;
}

.blog-featured .img-intro-left img,
.blog .img-intro-left img {
	width: 100px;
	max-width: 100px;
}

.img-intro-left {
	margin-bottom: 15px;
	margin-right: 15px;
	float: left;
}

.blog-featured .article-tools,
.blog .article-tools {
	clear: none;
	background: none;
	position: relative;
	border: none;
	margin: 0px;
	padding: 0px;
}

.blog-featured dl.article-info,
.blog dl.article-info {
	float: none;
	width: auto;
	padding: 0 100px 0 0 !important;
	margin: 5px 0;
}

.blog-featured .article-tools ul.actions,
.blog .article-tools ul.actions {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
}

#ja-login p#form-login-remember {
    border-top: none;
    border-bottom: none;
}

#ja-login p#form-login-submit input.button {
	float: left;
	margin-left: 120px;
}

.brandinfo-wrap {
	background: none;
	position: relative;
}

.brandinfo-wrap .brandinfo-main {
	position: relative;
	padding-left: 40px;
	margin-bottom: 15px;
	
}
.contact-misc .brand-point {
	background: none;
	display: none;
}

.contact-miscinfo .jicons-text{
	margin-bottom: 15px;
}

.contact-form {
	position: relative;
	padding-bottom: 30px;
}

.contact-form button.button {
	position: absolute;
	bottom: 0px;
	left: 0px;
	margin-top: 10px;
}
.brandinfo-wrap .brandinfo-main span {
	font-size: 85%;
}

.contact-miscinfo .brandinfo-wrap .brandinfo-main .number {
	background: #111;
	color: white;
	font-weight: bold;
	font-size: 100%;
	width: 21px;
	height: 21px;
	line-height: 21px;
	position: absolute;
	text-align: center;
	left: 0;
	top: 0;
	display: block;
}

.contact-miscinfo .brandinfo-main h4 {
	color: #333;
	margin-top: 0;
	text-transform: none;
	font-size: 95%;
}

.img-fulltext-none img {
	width: 100%;
	max-width: 100%;
}
.weblink-category div.cat-children {
    background-color: #FFFFFF;
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: auto;
}

.cat-children ul li,
.cat-children > ul li {
	padding-left: 10px;
	background: url(../../images/bullet.gif) no-repeat left 6px;
	font-size: 92%;
}

.cat-children ul li a,
.cat-children > ul li a {
	color: #999;
}

.cat-children ul li a:hover,
.cat-children ul li a:focus,
.cat-children ul li a:active,
.cat-children > ul li a:hover,
.cat-children > ul li a:focus,
.cat-children > ul li a:active {
	color: #CE3758;
}
div.subCategory a.subCategoryImage img, div.subCategory > h2,
div.itemHeader h2.itemTitle {
	font-size: 105%;
}

div.itemAuthorLatest,
div.itemRelated {
	float: none; 
	width: 100%;
}

div.itemAuthorLatest ul li,
div.itemRelated ul li {
	background-position: 3px 12px;
}

div.subCategory .subCategoryImage + p {
	max-height: 52px !important;
}

.subCategoryImage img {
	width: 100%; 
	max-width: 100%; 
	margin-bottom: 0px !important;
}

div.itemListCategory img {
	width: 150px !important;
}

span.itemImage img {
	width: 100% !important;
}

#frame h1 {
	width: auto !important;
	text-align: center; 
	height: auto !important;
	font-size: 140%;
}

.itemBlogView .catItemDateCreated .date,
.itemBlog .itemDateCreated .date {
	font-size: 200%;
}

.itemBlogView .catItemViewMain,
.itemBlog .ItemViewMain {
	width: 78%;
}

.itemBlog .ItemViewMain,
.itemBlogView .catItemViewMain {
	float: none; 
	width: 100%;
}

.itemBlog .ItemViewMain .itemImageBlock,
.itemBlogView .catItemViewMain .catItemHeader {
	float: left; 
	width: 82%;
	margin-bottom: 5px;
}

div.itemCommentsForm form textarea.inputbox,
div.itemCommentsForm form input.inputbox {
	width: 85%;
}

.pagination, .pagenav {
	background: #fff;
	border: none;
}

.ja-content-main .counter {
	font-weight: normal;
	color: #555;
}

.pagination .pagination, .pagenav {
	line-height: 20px;
}

#search-results .search-pages-counter {
	margin-left: 5px;
}

.pagination ul li {
	padding: 0px;
	margin: 0px 5px 0px 0px;
}

.pagination ul li span.pagenav, .pagination ul li a.pagenav, ul.pagenav li a,
.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 {
	padding: 0 7px;
	background: url(../../images/grad-l2.png) repeat-x left bottom #fff;
	border: 1px solid #e5e5e5;
	color: #333;
	display: inline-block;
}

.pagination ul li a.pagenav:hover , ul.pagenav li a:hover {
	color: #CE3758;
}

.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 {
	color: #ccc;
}

.pagination ul li span.pagenav {
	background: url(../../images/grad-hilite.png) repeat-x left bottom #f97b5d;
	border: 1px solid #f75630;
	color: #fff;
}

.pagination li span,
.pagination li strong { line-height: 20px; }


.pagination ul li span.pagenav, .pagination ul li a.pagenav, ul.pagenav li a, 
.k2Pagination ul li span.pagenav, .k2Pagination ul li a.pagenav {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 3px;
}

.k2Pagination  .counter {
	top: auto;
	bottom: 0px;
	right: 5px;
	font-weight: normal;
	color: #555;
}

div.itemToolbar div.ItemCommentsLink {
	display: block;
	width: 100%;
}
div.itemRatingBlock {
	float: left;
}

div.itemToolbar ul,
.itemRatingLog {
	margin-top: 3px;
}

@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation:portrait){
    div.subCategoryContainer {
    	width: 100% !important;
    	float: none !important;
    }
    div.itemListCategory img {
		width: 100% !important;
	}
	
	.itemBlog .ItemViewMain .itemImageBlock,
	.itemBlogView .catItemViewMain .catItemHeader {
		float: left; 
		width: 70%;
	}

}