/*******************************************************************************
   $Id: custom-views.css 46 2012-02-08 19:58:29Z jackncoke $
   $Rev: 46 $
   $Author: jackncoke $
   $Date: 2012-02-08 21:58:29 +0200 (Wed, 08 Feb 2012) $
 
  (c) 2011 - 2011 jackncode <http://www.jackncode.com>
*******************************************************************************/

/**
 *          PORTFOLIOS
 * ****************************************************************************/

/*  Classic - One Column        */
.pf-one-column {}
.pf-one-column-row {
    background: url("../images/divider-bg.png") repeat-x scroll left bottom transparent;
    clear: both;
    display: inline-block;
    margin-bottom: 20px;
    padding-bottom: 25px;
}
.pf-one-column-image { float: right; overflow: hidden; position: relative; }
.pf-one-column-image img { float: left; }
.pf-one-column-link{
    background: url("../images/op85.png") repeat scroll 0 0 transparent;
    bottom: -30px;
    display: block;
    padding: 5px 10px;
    position: absolute;
    visibility: hidden;
    width: 440px;
}
.pf-one-column-link .element-hover {
    float: right;
    width: 20px;
    height: 20px;
    background: url("../images/read-bg.png") no-repeat scroll 0 0 transparent;
    text-indent: -9999px;
}

.pf-one-column-image:hover .pf-one-column-link{ color: #d4d4d4; }
.pf-one-column-image:hover .pf-one-column-link .element-hover{ background-position: -21px 0; }

.pf-one-column-title { padding-right: 490px; }
.pf-one-column-body { padding-right: 490px; }
.pf-one-column-read a {
    -moz-transition: all 0.5s ease-out 0s;
    background-color: #444444;
    color: #FFFFFF;
    padding: 5px 10px;
}
.pf-one-column-read { margin-top: 10px; padding-right: 490px; text-align: right; }

.pf-one-column-read a:hover{ background-color: #B02B1C; }

/*  Classic - Two Column        */

.pf-two-column {
    
}
.pf-two-column-row {
    background-color: #FFFFFF;
    float: left;
    margin-bottom: 25px;
    margin-right: 20px;
    padding-bottom: 15px;
    width: 460px;
    box-shadow: 0 2px 5px #b6b6b6;
    -moz-box-shadow: 0 2px 5px #b6b6b6;
    -webkit-box-shadow: 0 2px 5px #b6b6b6;
}
.pf-two-column-row.drop {
    margin-right: 0;
}
.pf-two-column-image { clear: both; display: inline-block;}
.pf-two-column-image a,.pf-two-column-image a img { float: left}
.pf-two-column-title {
    font-family: droid serif !important;
    font-size: 1.5em;
    font-style: italic;
    margin-bottom: 5px;
    margin-top: 10px;
    padding: 0 15px;
    text-align: center;
}
.pf-two-column-title a {
    color: #444;
}
.pf-two-column-tags { text-align: center;padding: 0 15px;margin-bottom: 5px;}
.pf-two-column-teaser { text-align: center; padding: 0 15px; }

/* Classic Three Column  */
.pf-three-column {}
.pf-three-column-row {
    background-color: #FFFFFF;
    float: left;
    width: 300px;
    margin-right: 20px;
    padding-bottom: 15px;
    margin-bottom: 25px;
    box-shadow: 0 2px 5px #b6b6b6;
    -moz-box-shadow: 0 2px 5px #b6b6b6;
    -webkit-box-shadow: 0 2px 5px #b6b6b6;
}
.pf-three-column-row.drop { margin-right: 0; }
.pf-three-column-image{ clear: both; display: inline-block; }
.pf-three-column-image a , .pf-three-column-image a img { float: left; }
.pf-three-column-title { padding: 5px 10px; text-align: center; }
.pf-three-column-title a { font-size: 1.2em; color: #444;}
.pf-three-column-teaser{ padding: 0 10px;  text-align: center; }

/* Classic Four Column  */
.pf-four-column {}
.pf-four-column-row {
    background-color: #FFFFFF;
    float: left;
    width: 220px;
    margin-right: 20px;
    padding-bottom: 10px;
    margin-bottom: 25px;
    box-shadow: 0 2px 5px #b6b6b6;
    -moz-box-shadow: 0 2px 5px #b6b6b6;
    -webkit-box-shadow: 0 2px 5px #b6b6b6;
}
.pf-four-column-row.drop { margin-right: 0; }
.pf-four-column-image{ clear: both; display: inline-block; }
.pf-four-column-image a , .pf-four-column-image a img { float: left; }
.pf-four-column-title { padding: 5px 10px; text-align: center; }
.pf-four-column-title a { font-size: 1.2em; color: #444;}
.pf-four-column-tags{ text-align: center; padding: 0 10px; }


/*       Filterable Three Columns Portfolios
------------------------------------------------------------------------------*/
#pid-portfolio-filterable-three-columns #content-inner-inner { margin: 0; }
.pf-filterable .pf-three-column-row{
    margin: 0 10px;
    margin-bottom: 25px;
}
.pf-filterable .pf-three-column-row.drop {
    margin-right: 10px;
}

/*       Filterable Four Columns Portfolios
------------------------------------------------------------------------------*/
#pid-portfolio-filterable-four-columns #content-inner-inner { margin: 0; }
.pf-filterable .pf-four-column-row{
    margin: 0 10px;
    margin-bottom: 25px;
}
.pf-filterable .pf-four-column-row.drop {
    margin-right: 10px;
}
/*       Filterable Three Columns Portfolios
------------------------------------------------------------------------------*/
#pid-portfolio-filterable-three-columns #content-inner-inner { margin: 0; }
.pf-filterable .pf-three-column-row{
    margin: 0 10px;
    margin-bottom: 25px;
}


/* Hibernate Recent Blogs */

.hi-recent-blogs {}

.hi-recent-blogs h3 {
    font-size: 16px;
    line-height: 1.2em;
}

ul.hi-blog-list {
    list-style:none;
    margin:0;
    padding:0;
}
ul.hi-blog-list li {
    background: url("../images/divider-bg.png") repeat-x scroll 0 bottom transparent;
    clear: both;
    font-size:90%;
    display: block;
    margin-bottom: 10px;
    overflow: auto;
    padding-bottom: 15px;
}
.hi-recent-blogs .imagebox{
    border: 6px solid #FFFFFF;
    float: left;
    margin-right: 20px;
}
.hi-recent-blogs .imagebox img {
    float:left;
}

.hi-blog-list .con-right {
    padding-left:75px;
}

/* FOOTER */
ul.footer-block-images {
    margin:0;
}
ul.footer-block-images  li {
    background: none repeat scroll 0 0 #1D1D1D;
    display: inline-block;
    float: left;
    margin: 1px 15px 15px 1px;
    outline: 1px solid #000000;
    padding: 8px;
}
ul.footer-block-images li img {
    float: left;
    outline: 3px solid #FFFFFF;
}
ul.footer-block-images  li.drop {
    margin-right:0;
}


/**
 *      SLIDESHOW
 *
 *
 ******************************************************************************/

/* Featured cycle slideshow  */
.featured-cycle-slideshow {}
.featured-cycle-slideshow ul {
    margin:0;
    padding:0;
}
.featured-cycle-slideshow ul li {
    list-style:none;
}