/*---------------------------------------------------------------- 

  Copyright:

  Copyright (C) 2008 - 2011 IceTheme. All Rights Reserved

  

  License:

  Copyrighted Commercial Software 

  

  Author:

  IceTheme - http://wwww.icetheme.com

---------------------------------------------------------------- */


/* ---------------------- modules.css --------------------------

This CSS file contain the codes that Joomla uses to output its 

modules. Normally the module positons found here are: left, right,

bottom, promo, showcase etc.



- Feel free to make changes to suit the needs to your website

project

---------------------------------------------------------------- */
/* general styles for the modules */
.width100 { width: 100% }
.width50 { width: 50% }
.width33 { width: 33.33% }
.width25 { width: 25% }
.width20 { width: 20% }
/* -- Promo  -- 

used on the "promo" module positions

---------------------------------------------------------------- */
#promo .modules-wrap,
#bottom .modules-wrap {
    position: relative;
    margin: 0 -20px 0 0;
}
#promo .moduletable,
#bottom .moduletable {
    position: relative;
    margin-right: 20px;
}
	



	#promo .moduletable .moduletable-header,

	#bottom .moduletable .moduletable-header {

		background:#B82422;

		background: -webkit-linear-gradient(top, #CD4441, #B82422 75%);

		background: -moz-linear-gradient(right, #CD4441, #B82422 75%));

		background: -ms-linear-gradient(right, #CD4441, #B82422 75%));

		background: -o-linear-gradient(right, #CD4441, #B82422 75%));

		background: linear-gradient(right, #CD4441, #B82422 75%));

		padding:0;

		position:relative;

		margin-bottom:10px;}

		

		#promo .moduletable .moduletable-header:before,

		#bottom .moduletable .moduletable-header:before {

			content:"";

			position:absolute;

			left:7px;

			bottom:-8px;

			width: 0; 

			height: 0; 

			border-left: 10px solid transparent;

			border-right: 10px solid transparent;

			border-top: 10px solid #B82422;}

	

		#promo .moduletable h3.mod-title,

		#bottom .moduletable h3.mod-title {

			color: #fff;

			font-size: 1.6em;

			line-height:1.5em;

			text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);

			padding:2px 0 4px;

			margin:0 10px}

				

			

			#promo .moduletable .moduletable_content,

			#bottom .moduletable .moduletable_content {}	 

			

			

			

					

/* 

Col Modules

--------------

The columns modules are used on the "left" and "right" positions.

Normally they may contain suffixes which you may add through each 

module on their paramenters so that you may have different module

styles. 

---------------------------------------------------------------- */



.col-module {

	position:relative;

	margin:0 0 55px 0;}

	

	.col-module:last-child {

		margin-bottom:0}	

	 

	.col-module .col-module-suffix-,

	.col-module .col-module-suffix-style1,

	.col-module .col-module-suffix-style2,

	.col-module .col-module-suffix-style3 {

		background:#dfdfdf;

		border:5px solid #cecece;

		padding:9px;

		color:#555;

		text-align:center;

		margin:0}

		  

	

	    /* with no suffix */

		.col-module .col-module-header {

			background:#B82422;

			background: -webkit-linear-gradient(top, #CD4441, #B82422 75%);

			background: -moz-linear-gradient(right, #CD4441, #B82422 75%));

			background: -ms-linear-gradient(right, #CD4441, #B82422 75%));

			background: -o-linear-gradient(right, #CD4441, #B82422 75%));

			background: linear-gradient(right, #CD4441, #B82422 75%));

			display:inline-block;

			padding:0;

			position:relative;

			margin:-25px 0 10px }

				

				.col-module .col-module-header:before {

					content:"";

					position:absolute;

					top: 4px;

					right: -10px;

					width: 0; 

					height: 0; 

					border-left: 8px solid transparent;

					border-right: 8px solid transparent;

					border-top: 8px solid transparent;

					-webkit-transform: rotate(45deg);
										
					-o-transform: rotate(45deg);
					
					-moz-transform: rotate(45deg);
					
					-ms-transform: rotate(45deg);
					
					transform: rotate(45deg);
					}

			.jrDirview ul li .jrContentDiv {
    display: block;
    float: left;
    width: 250px;
}
.jrPage .jrListingThumbnail img {
    transition: all 0.2s ease-out 0s;
    width: 250px;
}

				.col-module .col-module-header:after {

					content:"";

					position:absolute;

					top: 4px;

					left: -10px;

					width: 0; 

					height: 0; 

					border-left: 8px solid transparent;

					border-right: 8px solid transparent;

					border-top: 8px solid transparent;

					-webkit-transform: rotate(-45deg);
					
					-o-transform: rotate(-45deg);
					
					-moz-transform: rotate(-45deg);
					
					-ms-transform: rotate(-45deg);
					
					transform: rotate(-45deg);
					}

					

					.col-module .col-module-header:before,

					.col-module .col-module-header:after {

						border-top-color: #7f1817}

					

					

						

			 .col-module .col-module-header h3.mod-title {

				color: #fff;

				font-size: 1.4em;

				text-shadow: 1px 1px 1px rgba(0, 0, 0, .7);

				padding:4px 0 5px;

				margin:0 10px}

				

				

				.col-module .col-module-content {

					margin: 0;

					text-align:left;

					padding: 0}	



					

			

			/* with suffix "style1 " */	

			.col-module-suffix-style1 .col-module-header {

			background:#696b4e!important;

			background: -webkit-linear-gradient(top, #8c8e71, #696b4e 75%);

			background: -moz-linear-gradient(right, #8c8e71, #696b4e 75%));

			background: -ms-linear-gradient(right, #8c8e71, #696b4e 75%));

			background: -o-linear-gradient(right, #8c8e71, #696b4e 75%));

			background: linear-gradient(right, #8c8e71, #696b4e 75%));}

				

				.col-module-suffix-style1 .col-module-header:before,

				.col-module-suffix-style1 .col-module-header:after {

					border-top-color: #3f402f!important}

							

			

			

			/* with suffix "style2 " */	

			.col-module .col-module-suffix-style2 {

				color:#fff;

				border-color:#46482f;

				background:#696B4E}

				

				.col-module .col-module-suffix-style2 a {

					color:#EFFF3E;}

				

				

			.col-module-suffix-style2 .col-module-header {

				background:none!important;

				display:block;

				text-align:left;

				margin:0 0 10px;

				border-bottom:1px dashed #a5a78f}

				

				.col-module-suffix-style2 .col-module-header h3.mod-title {

					margin:0;}

				

				.col-module-suffix-style2 .col-module-header:before,

				.col-module-suffix-style2 .col-module-header:after {

					display:none;}

					

			

				

			

/* -----------------

 Footer Modules

 used module positions are 

 footer1, footer2, footer3 and footer4, and footer5

---------------------------------------------------------------- */

#footer .modules-wrap {

	padding:0 0 25px;

	margin-right:-30px;

	margin-top:-15px;

	position:relative;

	z-index:999;

	}

	

#footer .separator .moduletable {

	position:relative;}

	

	#footer .moduletable {

		margin-right:15px;

		padding-right:15px;}

		 

		#footer .moduletable .moduletable-header{}

			

			

			#footer .moduletable h3.mod-title {

				font-size: 1.6em;

				color: #fff727;

				margin-bottom: 7px;

				padding: 0;}

			

	

	

	

	

	

	

	

	

	

	

/* -----------------

 Ice Modules

 used for IceTheme Extensions like IceCaption, IceTabs etc

----------------- */

.ice-module {} 

		

	.ice-module h3.mod-title {

		text-align:center;

		padding-bottom:2px;}

	

		.ice-module h3.mod-title span {} 

		

		#icecarousel .ice-module h3.mod-title {

			position:absolute;

			top:12px;

			left:0;

			width:100%;

			z-index:99;

			margin-bottom:0;

			display:block;

			text-align:center;

			font-size:1.65em;}

			

			#icecarousel .ice-module h3.mod-title span {

				background:url(../images/icecarousel_title.png) no-repeat;

				width:201px;

				height:48px;

				line-height:42px;

				text-align:center;

				display:inline-block;

				padding:0;

				color:#fff;

				text-shadow:1px 1px 1px rgba(0,0,0,.5);}

			

		.ice-module .ice-module-content {

			text-align:left;

			clear:both}