/* $Id: blocks.css,v 1.1.2.21 2009/06/12 15:44:26 jmburnz Exp $ */

/**
 * @file blocks.css
 * Basic styles for blocks.
 */

/**********************************************************
 *                       Blocks
 **********************************************************/
/**
 * Styles set for .block, .block-inner, block-title and 
 * .block-content will be inherited by all blocks.
 */
.block {
  clear: both;
  margin: 0px;
}

.block p,
.block table,
.block table tbody,
.block table tbody tr,
.block table tbody tr td {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

.block-inner   {
  margin: 0px;
  padding: 0px;
} /* Block inner div */
.block-title   {} /* h2 block title */
.block-content {} /* Block content wrapper */


/**********************************************************
 *                   Sidebar blocks
 **********************************************************/
/**
 * You can target blocks in one or more regions and 
 * style them differently. 
 */
/* Low specifity selector to style blocks in both sidebars. */
.sidebar .block {}
.sidebar .block h2 {}
.sidebar .block-inner {}
.sidebar .block .block-content {}

/* Low specifity selector to style blocks in all regions. */
.region .block {}
.region .block h2 {}
.region .block-inner {}
.region .block .block-content {}

/* High specifity selectors to style blocks in one sidebar. */
#sidebar-left .block {}
#sidebar-left .block h2 {}
#sidebar-left .block-inner {}
#sidebar-left .block .block-content {}

#sidebar-right .block {}
#sidebar-right .block h2 {}
#sidebar-right .block-inner {}
#sidebar-right .block .block-content {}


/**********************************************************
 *                  Region blocks
 **********************************************************/
/* High specifity selectors to style blocks in one region. */
#leaderboard       .block {}
#header-blocks     .block {
float:right;
margin: 0 0 17px;
}

#block-block-39.block {
margin: 0 5px 0 0;
}

#secondary-content .block {}
#tertiary-content  .block {}
#content-top       .block {}
#content           .block {}

#content-bottom    .block {
  margin-bottom: 15px;
}

#footer .block p {
  margin: 10px 0px;
}

#footer .block table td {
  padding: 5px;
}

#sidebar-left .block{
  margin-bottom: 20px;
  background: #fff;
  font-size: 11px;
  line-height: 1.8;
  padding: 0px;
}

#sidebar-left #block-block-5.block {
  background: none;
}

#sidebar-left .block h2.block-title {
  background: #729FCC url('../images/title-back.jpg') repeat-x;
  color: #fff;
  padding: 10px 0px 10px 20px;
  font-size: 16px;
  font-weight:normal;
  margin: 0px;
  line-height:normal;
  text-shadow: -1px -1px -1px #689BCA;
}

#sidebar-left .block .block-content {
  padding: 10px 20px;
}

#sidebar-left .menu-block-1 ul {
  margin:0;
}

#sidebar-left .menu-block-1 li {
  list-style:none;
  padding: 5px 0px;
  margin:0;
  border-bottom: 1px #ccc solid;
}

/************************* Icons block ******************************/

#block-block-5.block .block-content,
#block-block-8.block,
#block-block-8.block .block-content,
#block-block-36.block .block-content {
  background: transparent;
  margin: 0px;
  padding: 0px;
  line-height: 1.3;
}

#block-block-8.block .block-content {
  padding-bottom: 10px;
}

/****************************************** News Block *******************/

#block-block-7.block {

}

#block-block-7.block .block-content {
  font-size: 10px;
  line-height: 1.3;
}

#block-views-Testimonials-block_1 .node-title {
  font-size: 12px;
}

/************************ Portfolio Home block **************************/

#block-views-Portfolio-block_2 .content {
  padding: 0px;
  margin: 0px;
}

#block-views-Portfolio-block_2 .views-field-title {
  padding: 0px;
  padding-bottom: 5px;
  margin: 0px;
  font-size: 12px;
  font-weight:bold;
}

#block-views-Portfolio-block_2 .view-content {
  display:block;
  position:relative;
  float:none;
  clear:both;
  font-size: 10px;
  line-height: 1.3;
}

#block-views-Portfolio-block_2 div.views-field-field-node-gallery-image-fid {
  float: left;
  vertical-align: top;
  padding: 0 10px 5px 0;
  margin: 0px;
}

#block-views-Portfolio-block_2 div.views-field-field-node-gallery-image-fid img {
  border:0;
}

#block-views-Portfolio-block_2 .views-field-body {
  padding: 0px;
  margin:0px;
  margin-left: 210px;
}

#block-views-Portfolio-block_2 .views-field-body .field-content,
#block-views-Portfolio-block_2 .views-field-body .field-content p {
  padding: 0px;
  margin:0px;
}

#block-views-Portfolio-block_2 .views-field-field-web-link-url {
float:left;
clear:left;
margin-right:10px;
}

#block-views-Portfolio-block_2 .views-field-title-1 {
float:left;
clear:right;
}

#block-views-Portfolio-block_2 .views-row {
  display: block;
  width: 100%;
  clear: both;
  border-bottom: 1px solid #ccc;
  padding: 20px 0px;
  margin: 0px;
  overflow:auto;
}

#block-views-Portfolio-block_2 .views-row .node,
 #block-views-Portfolio-block_2 .views-row .node .node-inner {
  padding: 0px;
  margin: 0px;
  clear:both;
}

#block-views-Portfolio-block_2 .views-field-view-node {
  clear:both;
  height: 0px;
  padding: 0px;
  margin: 0px;
  font-size: 0px;
  line-height: 0;
}

#block-views-Portfolio-block_2 .views-row-odd {
  background: ;
}

#block-views-Portfolio-block_2 .views-row-first {
  padding-top: 10px;
}

#block-views-Portfolio-block_2 .views-row-last {
  border: 0px;
  padding-bottom: 10px;
}





/**********************************************************
 *                   Module blocks
 **********************************************************/
/**
 * Module Block ID's 
 * For contributed module blocks the pattern is the same,
 * i.e. #block-[module]-[delta]
 */
#block-book-0       {} /* Book navigation block   */
#block-blog-0       {} /* Recent Blog posts       */
#block-comment-0    {} /* Recent Comments block   */
#block-forum-0      {} /* Active Forum topics     */
#block-forum-1      {} /* New Forum topics        */
#block-locale-0     {} /* Language Switcher block */
#block-node-0       {} /* Syndicate block         */
#block-poll-0       {} /* Most recent poll        */
#block-profile-0    {} /* Author information      */
#block-search-0     {} /* Search form block       */
#block-statistics-0 {} /* Popular content         */
#block-system-0     {} /* Powered by Drupal       */
#block-user-0       {} /* Login block             */
#block-user-1       {} /* Navigation Menu block   */
#block-user-2       {} /* Who's New block         */
#block-user-3       {} /* Who's Online block      */

/* Primary and Secondary links blocks */
#block-menu-primary-links   {}
#block-menu-secondary-links {}

/* The class selector applies to all blocks of these types. */
.block-user {} 
.block-book {} 
.block-aggregator {}


/**********************************************************
 *                 Search block form
 **********************************************************/
#search-block-form {}

/* Wrapper divs. */
#search-block-form > div {}
#search-block-form .container-inline{}

#search-block-form label {}
#search-block-form input {}
#search-block-form .form-item {}
#search-block-form .form-submit {}
#search-block-form #edit-search-block-form-1 {}

/* Override forms.css focus style */
#edit-search-block-form-1:hover,
#edit-search-block-form-1:focus {}


/**********************************************************
 *                   Menu blocks
 **********************************************************/
/**
 * Prefix these with the block id to style one menu only.
 */
ul.menu,
ul.menu ul, 
ul.menu ul ul, 
ul.menu ul ul ul {
  margin: 0 0 0 0.75em; /* LTR */
  padding: 0;
}

/* Menu li styles */
ul.menu li {
  padding: 0.35em 0 0 0; /* LTR */
}

ul.menu li.collapsed {}
ul.menu li.expanded  {}
ul.menu li.leaf      {}

ul.menu li a:link    {}
ul.menu li a:hover   {}
ul.menu li a:visited {}
ul.menu li.active a  {}
ul.menu li.active-trail {}

ul.menu li.first {}
ul.menu li.last  {}


/**********************************************************
 *                   Block item-list
 **********************************************************/
.block .item-list ul {
  margin: 0;
}
.block .item-list ul li {}


/**********************************************************
 *                  Gpanel blocks
 **********************************************************/
/* Examples to get started. Add col specific selectors to style
   blocks in different Gpanel columns, or element selectors to
   style specific elements */
.two-col-50 .block {}
.two-col-50.with-nested .block {}
.three-col-33 .block {}
.four-col-25 .block {}


/************************ custom ***************************/

.block-links {
  padding: 4px 0px;
  border-bottom: 1px solid #ccc;
}

.block-links.first-link {
  padding-top: 0px;
}

.block-links.last-link {
  border-bottom: 0px;
}

/************************ carousel *******************/

ul.jcarousel {
    list-style:none;
    list-style-type:none;
    margin:0;
    padding:0;
}

.jcarousel-skin-default {
    text-align: center;
}
.jcarousel-skin-default .jcarousel-container-horizontal {
    height: 250px;
    margin: auto;
    padding: 0;
    width: 100%;
    overflow:hidden;
}
.jcarousel-skin-default .jcarousel-container-vertical {
    height: 250px;
    margin: auto;
    padding: 0;
    width: 100%;
    text-align:center;
    overflow:hidden;
}
.jcarousel-skin-default .jcarousel-clip-horizontal {
    width: 440px;
}
.jcarousel-skin-default .jcarousel-clip-vertical {
    height: 250px;
}
.jcarousel-skin-default .jcarousel-item {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0px solid #CCCCCC;
    height: 250px;
    list-style: none outside none;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.jcarousel-skin-default .jcarousel-item img {
margin: 0 auto;
text-align:center;
}

.jcarousel-skin-default .jcarousel-item-horizontal {
    margin: 0 4px;
}
.jcarousel-skin-default .jcarousel-item-vertical {
    margin: 0;
text-align:center;
}
.jcarousel-skin-default .jcarousel-item-placeholder {
    background: url("throbber.gif") no-repeat scroll center center #FFFFFF;
    color: #000000;
}
.jcarousel-skin-default .jcarousel-next, .jcarousel-skin-default .jcarousel-prev {
    background-image: url("arrows.png");
    display: block;
    height: 32px;
    width: 32px;
}
.jcarousel-skin-default .jcarousel-prev-horizontal {
    background-position: 0 0;
    left: 10px;
    position: absolute;
    top: 55px;
}
.jcarousel-skin-default .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}
.jcarousel-skin-default .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}
.jcarousel-skin-default .jcarousel-prev-disabled-horizontal, .jcarousel-skin-default .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-default .jcarousel-prev-disabled-horizontal:active {
    background-position: -96px 0;
    cursor: default;
}
.jcarousel-skin-default .jcarousel-next-horizontal {
    background-position: 0 -32px;
    position: absolute;
    right: 10px;
    top: 55px;
}
.jcarousel-skin-default .jcarousel-next-horizontal:hover {
    background-position: -32px -32px;
}
.jcarousel-skin-default .jcarousel-next-horizontal:active {
    background-position: -64px -32px;
}
.jcarousel-skin-default .jcarousel-next-disabled-horizontal, .jcarousel-skin-default .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-default .jcarousel-next-disabled-horizontal:active {
    background-position: -96px -32px;
    cursor: default;
}
.jcarousel-skin-default .jcarousel-prev-vertical {
    background-position: 0 -64px;
    left: 55px;
    position: absolute;
    top: 10px;
}
.jcarousel-skin-default .jcarousel-prev-vertical:hover {
    background-position: -32px -64px;
}
.jcarousel-skin-default .jcarousel-prev-vertical:active {
    background-position: -64px -64px;
}
.jcarousel-skin-default .jcarousel-prev-disabled-vertical, .jcarousel-skin-default .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-default .jcarousel-prev-disabled-vertical:active {
    background-position: -96px -64px;
    cursor: default;
}
.jcarousel-skin-default .jcarousel-next-vertical {
    background-position: 0 -96px;
    bottom: 10px;
    left: 55px;
    position: absolute;
}
.jcarousel-skin-default .jcarousel-next-vertical:hover {
    background-position: -32px -96px;
}
.jcarousel-skin-default .jcarousel-next-vertical:active {
    background-position: -64px -96px;
}
.jcarousel-skin-default .jcarousel-next-disabled-vertical, .jcarousel-skin-default .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-default .jcarousel-next-disabled-vertical:active {
    background-position: -96px -96px;
    cursor: default;
}