/*
# ------------------------------------------------------------------------------------------------------------------------
# Solid Pro - Creative Joomla 1.6 Template
# ------------------------------------------------------------------------------------------------------------------------
# Copyright (C) 2011 Twincore All Rights Reserved.
# @license - PHP files are GNU/GPL V2 bound by Proprietary License of Joomlart.com.
# CSS / JS are Copyrighted Commercial, bound by Proprietary License of Twincore. 
# Author: Twincore
# Websites:  http://www.worldquests.com/solidpro
# Redistribution, Modification or Re-licensing of this file in part of full, is bound by the License applied. 
# For details on licensing, Please Read Terms of Use at http://themeforest.net/wiki/support/legal-terms/licensing-terms/
# -----------------------------------------------------------------------------------------------------------------------
*/



/* EXTENDED STYLE - SOLIDPRO THEME
--------------------------------------------------------- */



/* HIDDEN SEARCH
------------------------------------------------------------------------------------------------------------------------------- */

#ja-search .inputbox {
	position: relative;
	top: 3px;
	}

#ja-search p { margin:0; }


.contentSearch {
  position: absolute;
  right: 260px;
  width: 0;
}

.slidesearch {
  height: 78px;
  overflow: hidden;
  width: 260px;
}

.slidesearch ul {
  float: left;
  list-style-type: none;
  margin-left: 171px;
  padding-left: 0;
  position: relative;
  width: 100%;
}

.slidesearch li {
	float: left;
	clear: left;
	}
.slidesearch button {
	display: block;
	width: 86px;
	height: 78px;
	line-height: 24px;
	float: left;
	text-align: center;
	text-decoration: none;
	color: #000;
	border:none;
	background: url("../images/search.png") no-repeat scroll left top transparent;
	cursor:pointer;
	
	}
.slidesearch button.expanded { background: url("../images/search.png") no-repeat scroll left top transparent; }
/* second level */
.slidesearch ul ul { 
	float: left;  
	width: auto; 
	margin-left: 0;
	height:78px; 
	display:block;
	background: url("../images/bgSearch2.png") repeat-x scroll left top transparent;
	}
	
.slidesearch li li {clear: none;}
.slidesearch li li a { color: #fff; width: 200px; }

.slidesearch li li form.search {
  width:170px;

}
.slidesearch li li .inputbox {
	position: relative;
	top: 23px;
	}
	
.slidesearch li li .inputbox:hover, .slidesearch li li .inputbox:focus {
    box-shadow:0 0 150px #ffffff, 0 -5px 10px #000000;
	}
		
.slidesearch li li form label {
  display:none;
} 

/* LIST EFFECT
------------------------------------------------------------------------------------------------------------------------------- */

#ja-subbotsl li a, #ja-subbotsl li a:hover,
#ja-botsl li a, #ja-botsl li a:hover,
#ja-container li a, #ja-container li a:hover   {
	display:block;
	}

#ja-subbotsl li a:hover {
	background: url("../images/bgBlackTrans15.png") repeat 0 0;
    color: #ffffff;
    padding:2px 15px;
	}

#ja-subbotsl li a {
	background: url("../images/bgTrans.png") repeat 0 0;
	padding:2px 15px;
	color: #848484;
}

#ja-botsl li a   {
	color: #737373;
	}
	
#ja-botsl li a:hover   {
	color: #ffffff;
	}

#ja-container li a:hover {
	background: url("../images/bgBlackTrans3.png") repeat 0 0;
    color: #424141;
    padding:5px 15px;
	}

#ja-container li a {
	background: url("../images/bgTrans.png") repeat 0 0;
	padding:5px 15px;
	color: #737373;
}


/*----------------- Mouseover Fade Effect --------------------*/

div.fadeimage {
  display: block;
  position: relative;
}
 
img.hover1 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
        }
 
img.hover2 {
	position: absolute;
	left: 0;
	top: 0;
	}
	
/*----------------- IMAGE CAPTION --------------------*/


div.imageCaption {
	margin: 0 auto;
	position: relative;
	padding:5px;
	border: 1px solid #e09991;
	max-width:0.985 !important;
	}
	
div.imageCaption .icon {
	background: url("../images/icap.png") no-repeat scroll 0 0 transparent;
	display: block;
	height: 40px;
	left: 15px;
	opacity: 0.4;
	position: absolute;
	bottom:0;
	width: 40px;
	}
	
div.imageCaption .icon:hover { opacity: 0; }
	 	
div.icap {  
	position:absolute; 
	bottom:5px;
	left:5px;  
	display:none;
	background-color:black; 
	font-family: "Helvetica", Myriad Pro, Arial, Tahoma, sans-serif;
	font-size: 12px;
	line-height: 17px;  
	color:white;  
}  
	
div.icapdesc {  padding:10px;  }   


/*----------------- JSOCIAL COMMENTS --------------------*/

.jsocial-comments {
	border:none;
	margin-top: 20px;
	padding: 5px;
}
.jsocial-comments-count { margin-top: -24px;}

.jsocial-comments-count a {
	background: url("../images/jcomment.png") no-repeat scroll 0 5px transparent;
	float: right;
	font-weight: 700;
	padding: 2px 2px 2px 24px;
}