/* $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: 0 0 1.5em;
}

.block-inner   {} /* 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 {}
#secondary-content .block {}
#tertiary-content  .block {}
#content-top       .block {}
#content           .block {}
#content-bottom    .block {}


#footer #block-block-8 {margin-right: 0;}


/**********************************************************
 *                   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 {}



/**********************************************************/
/**********************************************************/

/*
** all
*/

/* search */
form#rotioai-lite-form {float: right; margin: 0;}

#block-rotioai-search #edit-query-wrapper {/*float: left; margin: -3px 0 0; width: 200px;*/ display: inline;}
	#block-rotioai-search #edit-query-wrapper input#edit-submit {/*float: left;*/}

#block-rotioai-search input.form-text {
	color: #999;
	float: left;
	height: 29px;
	margin: 0; 
	padding: 4px;
	width: 200px;
	box-sizing: border-box;
	moz-box-sizing: border-box;
}
#block-rotioai-search label {height: 0; text-indent: -9999px; overflow: hidden;}

#block-block-10, #block-block-4 {
	color: #336633;
	float: right;
	height: 25px;
	line-height: 25px;
	margin: 8px 0 35px;
	text-align: center;
}

#block-nice_menus-1 {float: left; clear: none;}

#block-rotioai-search {float: right; width: 250px; margin: 0;}

/* footer */
.powerby {
  background-color: #313131;
  color: #999;
  font-size: 0.8em;
  padding: 5px 0;
	text-align: center;
}
	.powerby a {color: #fff !important;}


/*
** front page
*/


/* news */

#block-views-news-block_1 .block-content .view-content {overflow: hidden;}
  
#block-views-news-block_1 h2.block-title,
#block-views-article-block_1 h2.block-title,
#block-views-1619895e7fc811c7793caa5492a5095d h2.block-title,
#block-block-13 h2.block-title {	
	display: block;
	height: 30px;
	margin-bottom: 0.5em;
	text-indent: -9999px;
	overflow: hidden;
}


#block-views-news-block_1 .views-field-title, #block-views-news-block_1 .views-field-created {display: inline;}
#block-views-news-block_1 .views-field-title {font-weight: bold;}
#block-views-news-block_1 .views-field-created {color: #666; font-size: 0.8em; /*margin-left: -35px;*/}
#block-views-news-block_1 .views-field-body {margin-top: 0.5em;}

#block-views-news-block_1 .views-field-view-node {position: absolute; right: 0; top: 6px;}
	#block-views-news-block_1 .views-field-view-node a {
		background: url("../images/bt-readmore.png") no-repeat;
		display: block;
		height: 20px;
		text-indent: -9999px;
		overflow: hidden;
		width: 22px;
	}

/* latest article */
#block-views-article-block_1, #block-block-13 {
	float: left;
	width: 640px;
}

#block-views-article-block_1 .block-content ul {padding: 0;}
	#block-views-article-block_1 .block-content li {list-style-type: none; margin: 0 20px 30px 0; overflow: hidden; width: 620px;}
		#block-views-article-block_1 .block-content li .views-field-field-article-image-fid {
			float: left;
			margin-right: 20px;
		}
		#block-views-article-block_1 .block-content li .views-field-created,
		#block-views-1619895e7fc811c7793caa5492a5095d .views-field-created {
			color: #999; 
			font-size: 0.8em; 
			margin-bottom: 0.5em;
		}

#block-views-article-block_1 .block-content li .views-field-view-node {margin-top: 10px;}

	#block-views-article-block_1 .block-content li .views-field-view-node a {
		background: url("../images/bt-readmore_blog.png") no-repeat;
		display: block;
		height: 25px;
		margin-left: 180px;
		text-indent: -9999px;
		overflow: hidden;
		width: 75px;
	}

/* species index */
#block-views-1619895e7fc811c7793caa5492a5095d {
  clear: none;
  float: left;
  margin-left: 20px;
  position: relative;
  width: 280px;
}

#block-views-1619895e7fc811c7793caa5492a5095d .view-content li {
	list-style-type: none;
	margin: 0 0 20px;
}

/*
a.all_index {
	background: url("../images/bt-readmore.png") no-repeat;
	display: block;
	height: 20px;
	width: 22px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 5px;
}

a.all_index:hover {
	background-position: 0 -20px;
}
*/

#block-views-article-block_1 {position: relative;}

a.viewmore {
	background: url("../images/bt-viewall.png") no-repeat;
	display: block;
	height: 25px;
	position: absolute;
	right: 0;
	top: 0;
	text-indent: -9999px;
	overflow: hidden;
	width: 85px;
}

a.viewmore:hover {
	background-position: 0 -25px;
}

/* slideshow */
div.node-weight-slide-content-scrollable div.items div, div.node-weight-slide-content-scrollable {
  width: 940px;
} 

div.node-weight-slide-content-scrollable {
	height: 250px;
}

#block-node_weight-slideshow {position: relative; margin: 0 0 10px;}

/* #block-node_weight-slideshow .navi {background-color: #000; height: 60px; padding: 10px 53px;} */
	#block-node_weight-slideshow .navi img {border: 1px solid #ccc; cursor: pointer; margin-right: 17px;}
	
.node-weight-slide a.prev, .node-weight-slide a.next {
	cursor: pointer;
	display: block;
	height: 50px;
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
	width: 18px;
}

.node-weight-slide a.prev {background: url("../images/bt-prev.png") no-repeat; top: 265px; left: 15px;}
.node-weight-slide a.next {background: url("../images/bt-next.png") no-repeat; top: 265px; right: 15px;}

.node-weight-slide a.prev:hover, .node-weight-slide a.next:hover {background-position: 0 -50px;}