/*

Theme Name: Plants of Texas Rangelands
Theme URI: http://rangeplants.tamu.edu/
Description: Custom WordPress Theme for Plants of Texas Rangelands virtual herbarium. A project of the Ecosystem Science and Management unit of the Texas AgriLife Extension Service.
Version: 1.0
Author: Leo Pardo

1. GLOBAL STYLES
	a. right div
2. PLANTS SINGLE TEMPLATE
	a. plant names
	b. characteristics area
3. TAXONOMY QUERY SIDEBAR	
4. IN-PAGE NAVIGATION
5. INDEX PAGES
6. TAXONOMY LISTS
7. HOME PAGE
8. PUBLICATIONS PAGE
	
*/

@import url('cssreset.css');
@import url('structure.css');
@import url('jquery-ui-1.8.16.custom.css');


span.actionexp{
	font-size:.8em !important;
	font-style:italic !important
}


#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

#movecontenthere li{
	padding:3px 0px;
}

#movecontenthere li:hover{
	text-decoration:underline
}



/****************************************************************
	GLOBAL STYLES
****************************************************************/

#content p{ line-height:1.4em; font-size:.8em; margin:10px 0px;}
#content ul,ol{ line-height:1.4em; font-size:.8em; margin:15px 0px 15px 15px;;}
#content ul li { list-style: outside disc;}
#content ol li { list-style: inside decimal;}
#content h1,h2,h3,h4,h5 { font-family:"Times New Roman", Times, serif;}
#content h1{ margin:10px 0px; font-size:2.0em; color:#660000}
#content h2{ margin:10px 0px; font-size:1.4em;}
#content h3{ margin:10px 0px; font-size:1.2em; font-style:italic}
#content hr{
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
	border: 0;
	width: 100%;
	margin:20px 0px;
	}
	
a{
	color:#006699;
	text-decoration:none		
}	

h1 a,h2 a,h3 a,h4 a,h5 a{
	color: #000000;

}

.clear{
	clear:both
}

.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}

/***** right div *****/

#right .title{
	margin:5px 0px;
}

a.button {
    background: transparent url(images/bg_button_a.gif) no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	margin-top:10px;
}

a.button span {
    background: transparent url(images/bg_button_span.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

.pagehelp{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#006699
}

/****************************************************************
	PLANTS SINGLE TEMPLATE
****************************************************************/
/***** plant thumbnail *****/
.plant-thumbnail{
	float:right;
	padding:5px;
	border:1px solid #CCCCCC;
	overflow:auto;
	margin-right:10px;
	margin-bottom:10px;	
}

.plant-thumbnail img{float:left}

/***** plant names *****/

.scinames{ font-size:1.2em !important; font-style:italic}

/***** characteristics area *****/

#chararea{
	background: #f2f0e5;
	padding:5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
}

#chararea-inner{
	border:1px dashed #c6bf9b;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	padding:0px 10px	5px 10px;	
}

.term-area{
	border-top:1px dotted #c6bf9b;
	padding-top:10px;
}

/****************************************************************
	TAXONOMY QUERY SIDEBAR
****************************************************************/

.taxonomy-drilldown-lists h4{
	padding:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	background: #F2F2F2;
	border: 1px solid #e7e7e7;
	cursor:pointer;
	margin-top:2px;
	background: url(images/accordion-more.png) no-repeat 210px 10px #F2F2F2	
}

.taxonomy-drilldown-lists h4:hover{
	background: url(images/accordion-more-hover.png) no-repeat 210px 10px #d4d4d4;
	font-weight:bold
}

.current-term{
	padding:4px;
	background:#006699;
}

.current-term a{
	color:#FFFFFF
}

.listcontainer{
	border-right:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	border-left:1px solid #e7e7e7;		
	margin-bottom:2px;
	padding:0px !important;
}

ul.term-list{
	padding:0px 4px 0px 4px !important;
	margin:0px  !important;
}

ul.term-list li{
	padding:4px;
	list-style:none !important;	
}

.activelist{
	font-weight:bold;
	background: url(images/accordion-less.png) no-repeat 210px 10px #F2F2F2 !important;
}


/****************************************************************
	IN-PAGE NAVIGATION
****************************************************************/

#pagenav{
	margin:0px !important;
	padding:5px;
	overflow:auto;
	background:#F2F2F2;
	border:1px solid #e7e7e7;
}

#pagenav li{
	list-style:none !important;
	float: left;
	padding-right: 10px;
	font-weight:bold
}

#menunav{
	margin:0px;
	padding:0px;
	z-index:1
}

/****************************************************************
	INDEX PAGES
****************************************************************/

.preview{
	padding-left:10px;
	font-weight:bold;
}


/****************************************************************
	TAXONOMY LISTS
****************************************************************/
h2.letter{
	margin-top:40px !important;
}

.resultcount{
	font-weight:bold;
	font-size:1.0em !important;
}

.help{	
	margin-bottom:-9px;
	margin-left:-5px;
}

a.state-map{
	background:url(images/map-20x20.png) 0px 2px no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 0px 4px 24px;
	color:#006699;
}

a.state-map span{
	font-size:14px;
	vertical-align:middle
}

.hidden-desc{
	display:none;
}

#TB_window{
	font-family:Arial, Helvetica, sans-serif;
}

#TB_window img#TB_Image{
	border:0px !important;
}

#TB_ajaxContent{
	padding:20px;
}

#TB_window h1{	
	font-size:1.4em;
	font-weight:bold;
	margin:10px 0px;
}

#TB_window h2{	
	font-size:1.2em;
	font-weight:bold;
	margin:10px 0px;
}

#TB_window table td{
	padding:10px;
	vertical-align:top
}

.box
{
	width:280px;
	margin: 0px 10px 10px 0px;
	float:left;
	display:inline;
}

.box li{
	padding:3px 0px;
	list-style-position:outside
}

#panel {
	border-top:2px dashed #E7E7E7;
	display: none;
}

.btn-slide {
	background: #F2F2F2;
	border:1px solid #E7E7E7;
	text-align: center;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	text-decoration: none;
	cursor:pointer
}

.btn-slide:hover{
	background:#E9E9E9
}

/****************************************************************
	HOME PAGE
****************************************************************/

/***** action image *****/

#action-home{
	width:910px;
	height:495px;
	background:url(images/home.png) no-repeat;
	position:relative
}

#action-home-slideholder{

	position:absolute;
	z-index:1
}

#action-home-slideholder img{
	padding:10px !important;
}

#action-home-insert{
	position:absolute;
	right:40px;
	top:35px;
	width:350px;
	height:420px;
	background:url(images/home-action--inner-bg.png);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	padding:0px 10px;
	z-index:2;
}

#action-home-insert h2{
	color:#a8c974;
	font-size:1.8em;
}

#action-home-insert p{
	color:#FFFFFF;
	font-size:.8em;
}

#action-home-insert a:hover{
	text-decoration:underline !important
}

a.helpbutton{
	width:327px;
}

a.blue-button{
	display:block;
	background:url(images/blue-button-bg-end.png) no-repeat top right;
	float:left;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	position:relative;
	color:#FFFFFF;
	margin-top:20px;
}

a.blue-button:hover{
	background-position: bottom right;
}

a.blue-button span {
    background: transparent url(images/blue-button-bg.png) no-repeat;
    display: block;
    padding: 10px 0 10px 18px;
	text-align:center;
	
}

a.blue-button:hover span {
	background-position: bottom left;
}

a.other-button{
	display:block;
	background:url(images/home-other-button-bg-end.png) no-repeat top right;
	float:left;
    margin-right: 6px;
	margin-top:5px;
    padding-right: 5px; /* sliding doors padding */
    text-decoration: none;
	width:164px;
	position:relative;
	font-size:.9em;
}

a.other-button:hover{
	background-position: bottom right;
}

a.other-button span {
    background: transparent url(images/home-other-button-bg.png) no-repeat;
    display: block;
    padding: 12px 0 11px 5px;
	text-align:center;
}

a.other-button:hover span {

	background-position: bottom left;
}

#slidenav{
	position:absolute;
	z-index:2;
	bottom:25px;
	left:430px;
}

#slidenav a{
	cursor:pointer;
	color:#FFFFFF;
	width:22px;
	height:24px;
	display:block;
	float:left;
	margin-right:5px;
}

#slidenav a#next2{
	background:url(images/slide-arrows.png) left no-repeat;
}

#slidenav a#prev2{
	background:url(images/slide-arrows.png) right no-repeat;	 
}






.excerpt-paragraph{
	font-size:1.0em !important;
	font-style:italic
}

#action-wrapper{
	overflow:auto;
	border-bottom:2px solid #e7e7e7;
	display:none
}

.image-slide{
	float:left;
	width:600px;
	margin-top:10px;
}

.action-nav{
	width:300px;
	float:right;
}

.action-nav ul li{
	display:block;
	list-style:none;
	background:url(images/index-action-button.png);
	width:259px;
	height:57px;
	font-size:1.4em;
	margin-bottom:2px;
}

.action-nav ul li:hover{
	background:url(images/index-action-hover-button.png);
}

.action-nav ul li a{
	display:block;
	padding:20px;
}

.action-nav ul li#menu-item-105{
	background:url(images/index-action-button-blue.png);
}

.action-nav ul li#menu-item-105:hover{
	background:url(images/index-action-hover-button-blue.png);
}

.action-nav ul li#menu-item-105 a{
	color:#FFFFFF
}

.section{
	overflow:auto
}

.collection-wrapper{
	float:left;
	width:219px;
	border:1px solid #d7d7d7;
	margin-right:8px;
}

.collection-wrapper:hover{
	border:1px solid #006699;
	background:#d3ecf8
}
.collection-link{
	display:block
}

.section .last{
	margin-right:0px !important;
}

.collection-wrapper img{
	float:left;
	display:inline;
	vertical-align:middle
}

.collection-wrapper .description{
	display:block;
	float:left;
}

.collection-wrapper .description p{
	padding:8px;
	margin:0px !important;
	height:55px;
	text-align:center
}

/****************************************************************
	PUBLICATIONS PAGE
****************************************************************/

/***** Individual publication container *****/

.publication_box{
	float:left;
	margin:5px 10px 10px 5px;
	width:250px;
	height:150px;	
}

.publication_box img{
	border:1px solid #999999;
}

.pubimage{
	float:left;
	padding-right:5px;
	height:149px;		
}