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

  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

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





/* -- Promo and Bottom -- 

used on the "promo" and "bottom" module positions */

#promo .separator,

#bottom .separator {

  margin-right:25px}



#promo .moduletable,

#bottom .moduletable{

  padding-bottom:0;}



  #promo .moduletable h3.mod-title,

  #bottom .moduletable h3.mod-title{

    font-size:2.25em;

    color:#fff;

    text-shadow:1px 1px 1px #000;

    padding:0;

    margin-bottom:2px}

    

    #promo .moduletable h3.mod-title span,

    #bottom .moduletable h3.mod-title span  {

      color:#A9A916;

      font-style:italic;

      font-family:Verdana, Geneva, sans-serif;

      display:block;

      font-size:.45em;

      line-height:1.8em;

      margin-bottom:16px;

      margin-top:-4px;} 

      

      



        





/* -- Showcase --  

used on the "showcase" module positions */

#showcase .separator {

  border-right:1px dotted #333;

  border-right:1px dotted rgba(255,255,255,.1);

  margin-right:15px;

  padding-right:15px;}



#showcase .moduletable  {

  color:#999;

  color:rgba(255,255,255,.6)}



  #showcase .moduletable h3.mod-title {

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

    font-size:1.85em;

    padding:0;

    color:#a9a916;

    margin-bottom:2px}

    #showcase .moduletable h3.mod-title span{

      color:#fff;

      color:rgba(255,255,255,.4);

      font-style:italic;

      font-family:Verdana, Geneva, sans-serif;

      display:block;

      font-size:.55em;

      margin-bottom:10px;

      line-height:1.6em;

      margin-top:-4px}

        

        

    /* -- Headline  --

       This is when you put a suffix on the module class sufixx parameter "-headline"

       so that you may have a different styled module */  

    #showcase .moduletable-headline {

      float:right;

      color:#999;

      color:rgba(255,255,255,.3);

      text-align:right}      

                

      #showcase .moduletable-headline h3.mod-title {

        color:#A9A916;

        line-height:1.2em;

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

        font-size:2.75em;}  



      #showcase .moduletable-headline .moduletable_content {

        font-size:1.3em;

        font-style:italic;}

        

        #showcase .moduletable-headline .moduletable_content p:last-child{

          margin:0 0 .25em}

        



/* Experimental Feature 

used currently to display a nice effect in webkit based browsers for the showcase 

module with suffix -headline .

You may remove it if you wish */

#showcase .moduletable-headline {

  -webkit-animation: moduletable 2s ease-out 1;}

@-webkit-keyframes moduletable {

  0%    { opacity:0}

  100%  {}

}



  

  

          

/* 

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,

.col-module-style1, 

.col-module-style2 {

  margin:0 0 25px;

  /*color:#ccc;

  color:rgba(255,255,255,.6);*/

  border:1px solid #4D4D20;

  border-radius:5px;

  background:#3a3a08 url(../images/col-module-t.png) no-repeat top left;

  box-shadow:0px 0px 12px rgba(0,0,0,.6);}  





  .col-module-effect {

    padding:15px 20px;

    min-height:140px;

    background: url(../images/col-module-b.png) no-repeat bottom right;}

  

  

  .col-module h3.mod-title,

  .col-module-style1 h3.mod-title, 

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

    font-size:1.85em;

    margin:0 0 2px;

    padding:0;

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

    color:#444444;}

    .col-module h3 span,

    .col-module-style1 h3 span, 

    .col-module-style2 h3 span {

      color:#A9A916;

      display:block;

      font-style:italic;

      font-size:.55em;

      line-height:1.6em;

      font-family:Verdana, Geneva, sans-serif;

      margin:-5px 0 12px} 

      

    .col-module .col-module-content,

    .col-module-style1 .col-module-content, 

    .col-module-style2 .col-module-content  {

      padding:0}  

      

      .col-module .col-module-content a {

        /*color:#fff*/}  

  

    

    /* -- Style 1 --

       This is when you put a suffix on the module class sufixx parameter "-style1"

       so that you may have a different styled module */  

    .col-module-style1 {

      background-color:#232523;

      border-color:#393A39;}

      .col-module-style1 h3 span {

        color:#777A77;}

      

    

    /* -- Style 1 --

       This is when you put a suffix on the module class sufixx parameter "-style2"

       so that you may have a different styled module */  

    .col-module-style2 {

      background-color:#3B2D19;

      border-color:#4F4230;}

      .col-module-style2 h3 span {

        color:#9B875E;}

      

      

      

          





      



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

 Footer Modules

 used module positions are footer1, footer2, footer3 and footer4, and footer5

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

#footer .separator {

  padding-right:25px;}

  

  #footer .moduletable {

    margin:35px 0 30px;

    color:#999;

    color:rgba(255,255,255,.4);} 

      

      

    #footer .moduletable h3.mod-title {

      color:#fff;

      font-size:2em;

      padding:0;

      margin:0 0 2px}

      #footer .moduletable h3.mod-title span {

        color:#A9A916;

        font-style:italic;

        font-family:Verdana, Geneva, sans-serif;

        display:block;

        font-size:.45em;

        line-height:1.8em;

        margin-bottom:16px;

        margin-top:-4px;} 

      

      

      





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

 Ice Modules

 used for IceTheme Extensions like IceCaption, IceTabs etc

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

  

.ice-module {} 

    

  .ice-module h3.mod-title {}

  

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