/**
 * Common View Elements
 */

/* Views Field Changed */
.views-field-changed .field-content,
.view-latest-news .views-field-changed-1 {
  color: #666;
  font-style: italic;
  font-size: 0.912em; 
}

/* --- Views Inline Grid --- */

.cols-1 .views-col {
  width: 100%;
}

.cols-2 .views-col {
  width: 50%;
}

.cols-3 .views-col {
  width: 33.33%;
}

.cols-4 .views-col {
  width: 25%;
}

.cols-5 .views-col {
  width: 20%;
}

.cols-6 .views-col {
  width: 16.66%;
}

/**
 * Supported Views Formats
 */
/* --- Slideshow --- */
#slideshow-wrapper .block-content {
  padding: 0;
}

/* desc */
.slideshow-group-fields-wrapper {    
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  height: 400px;
  overflow: hidden;
  padding: 100px 100px 0;
  width: 790px;
  z-index: 9999;  
}

.jcarousel .slideshow-group-fields-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  height: 420px;
  padding: 80px 0 0;
  width: 330px;
  z-index: 990;
}

/* Titles */
#slideshow-wrapper .views-field-title {  
  color: #fff;
  text-transform: none;
  width: 100%;
}

#slideshow-wrapper .views-field-title .field-content {
  display: block;
  padding: 45px 15px 10px 15px;
  font-size: 2em;
  line-height: normal;
}

#slideshow-wrapper .views-field-title a {
  color: #fff;
  text-transform: none;
}

#slideshow-wrapper .views-field-title a:hover,
#slideshow-wrapper .views-field-title a:active,
#slideshow-wrapper .views-field-title a:focus {
  text-decoration: none;
}

#slideshow-wrapper .views-field-body {
  color: #aeaeae;
  width: 100%; 
}

#slideshow-wrapper .views-field-body .field-content {
  padding: 0 15px;
}

#slideshow-wrapper .views-row .views-field-title,
#slideshow-wrapper .views-row .views-field-body {
  display: none;
}


#slideshow-wrapper .views-row:hover .views-field-title,
#slideshow-wrapper .views-row:focus .views-field-title,
#slideshow-wrapper .views-row:hover .views-field-body,
#slideshow-wrapper .views-row:focus .views-field-body {
  display: block;
}

#slideshow-wrapper .views-row:hover .slideshow-group-fields-wrapper,
#slideshow-wrapper .views-row:hover .slideshow-group-fields-wrapper,
#slideshow-wrapper .views-row:hover .slideshow-group-fields-wrapper {
  background: url(../images/bg-black.png) 0 0 repeat; 
}

/* Slideshow Navigator */
#slideshow-wrapper .views-slideshow-controls-bottom {
  font-size: .92em;
  height: auto;
  width: auto;
  z-index: 20; /* if you have more than 18 images in slideshow, increase this value */
}

#slideshow-wrapper .region-slideshow:hover .views-slideshow-controls-bottom {
  display: block;
}

#slideshow-wrapper .views-slideshow-controls-top {
  display: block;
}

#slideshow-wrapper .views_slideshow_controls_text {
  background: #333;
  color: #CCC;
  float: left;
}

#slideshow-wrapper .views_slideshow_controls_text span {
  background: url(../images/btn-controls.gif) 0 0 no-repeat;  
  cursor: pointer;
  display: block;
  height: 100px;
  width: 40px;
  overflow: hidden;
  text-indent: -999em;
  position: absolute;
  left: -40px;
  top: 200px;
  z-index: 20;
  
}

#slideshow-wrapper .views_slideshow_controls_text span.views-slideshow-controls-text-next {
  background-position: 0 -100px;
  right: -40px;
  left: auto;
}

#slideshow-wrapper .views_slideshow_controls_text span.views-slideshow-controls-text-pause {
  display: block;
}

#slideshow-wrapper .views_slideshow_controls_text span a {
  color: #fff;
}

#slideshow-wrapper .views_slideshow_controls_text span:hover {
  background-position: -40px 0;
}

#slideshow-wrapper .views_slideshow_controls_text span.views-slideshow-controls-text-next:hover {
  background-position: -40px -100px;
}

#slideshow-wrapper .views_slideshow_slide_counter {
  background: #ff0066;
  color: #FFF; 
  float: left;
  padding: .25em 1em;
  margin-left: 1px;
}

/* Slideshow Full Pager */
#slideshow-wrapper .view > .pager {
  bottom: 0;
  height: auto;
  position: absolute;
  right: 0;
  width: auto;
  z-index: 20; /* if you have more than 18 images in slideshow, increase this value */
}

/* Slideshow Mini Pager */
#slideshow-wrapper .views-mini-pager {
  bottom: 0;
  height: auto;
  position: absolute;
  right: 0;
  width: auto;
  z-index: 20; /* if you have more than 18 images in slideshow, increase this value */
}

/* Top Trends */
.top-trends { 
  border-bottom: 1px dotted #ddd;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.top-trends .views-field-title {
  font-size: 1.5em;
  line-height: 1.3;
  margin-bottom: 3px;
}

.top-trends .views-field-name {
  color: #666;
  font-style: italic;
  font-size: 0.912em;
}

.top-trends .views-field-name a.username{
  color: #666;
  border-bottom: solid 1px #ddd;
}

.top-trends .views-field-name a.username:hover,
.top-trends .views-field-name a.username:focus,
.top-trends .views-field-name a.username:active {
  color: #ff0066;
  border-color: #ff0066;
  text-decoration: none;
}

.top-trends .views-field-title a {
  color: #222;
}

.top-trends .views-field-title a:hover,
.top-trends .views-field-title a:focus,
.top-trends .views-field-title a:active {
  color: #ff0066;
  text-decoration: none;
}

.top-trends .views-field-changed {
  background: url(../images/bg-line-3.png) 100% 5px no-repeat;
  color: #999;
  font-size: 0.912em;
  float: left;
  margin-right: 5px;
  padding-right: 8px;
}

.top-trends .views-field-comment-count {  
  color: #222;
  font-size: 0.912em;
  float: left;
}

.top-trends .views-field-comment-count span {
  border-bottom: 1px solid #ddd;
}

.top-trends .views-field-comment-count span.field-content {
  color: #222;
}

.top-trends .views-field-body {
  clear: both;
  padding: 10px 0 0;
}

.views-field-view-node a {
  background: url(../images/read-more.png) 100% 4px no-repeat;
  font-size: 0.912em;
  font-style: italic;
  padding: 0 10px 0 0;
}

.top-trends.views-row-last {
  border-bottom: none;
  padding-bottom: 0;
}