/*
CSS Customizations for the Extension Wordpress Theme.
Author: Darrin Goodman  darrin.goodman@colostate.edu
*/

/* GENERAL CSS STUFF */
body {color:333;}
a {color:#307743;}
a:hover {color:#666;}
.footer a {color:#fff;}
.footer a:hover {color:#ccc;}
form .searchform {background-color:none;}
.info a {color:#ead469;}
.storefront {color:#CC0033;font-weight:bold;}

/* Div boxes used for separation purposes, such as on the Staff Resources page */
#generalBox {
  width:87%;
  border:1px #666 solid;
  padding:8px 15px 12px 10px;
  margin:15px 15px 10px 10px;
  border-radius:10px;
  /* background:url(/images/bg-bedge_grunge.png) repeat; */
  /* background:url(http://static.treehugger.com/CACHE/images/texture.jpg) repeat; */
  background: url(/images/bg-ivory-texture.jpg) repeat;
}

#generalBox h2 {color:#21561f; border-bottom:1px solid #21561f;font-weight:bold;}

#generalBox ul {
	padding: 0px;
	list-style: none;
	margin-left: 0;
	padding-left:15px;
}

#generalBox ul li{
	background-image: url(/images/sidebar_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px; /* this sets the positioning of the leftnav bullets */
	list-style-image: none;
	list-style-type: none;
	padding-left: 20px; /* this sets the indenting of the list text in leftnav and provides separation from the bullet /images*/
	font-weight: bold;
	font-size: 85%;
	padding-top:5px;
	color: #006633;
}

#generalBox ul li ul{
padding-bottom:15px;
padding-right:5px;
margin-left:0px;

}

#generalBox ul li ul li{
  /*background-image: none;*/
	padding-left:0px;
	font-size: 90%;
	font-weight: normal;
	padding-bottom: 5px;
	list-style-type: none;
	display:inline;
}

#generalBox li a {
	color: #006633; /* CSU green */
	text-decoration:none;
}
#generalBox li a:hover {
	color: #804000;
	text-decoration: underline;
}

/* Definitions List
----------------------------------------------- */
#generalBox dl {
	margin: 0px 2px 2px 18px;
	padding: 0;
	list-style: none;
	line-height: 110%;
}
#generalBox dt {
	color: #333;
  margin: 15px 0px 5px 0px;
	font-weight: bold;
	font-size: 115%;
}
#generalBox dd {
	margin: 2px 0 2px 8px;
	padding: 0 0 0 18px;
	font-size: 100%;
	background: url(/images/sidebar_bullet.gif) no-repeat 0 3px; /* the right value sets the height of the bullet image */
}

/* NEWS REGION: use the nobullet class if you want for your definition data <dd> to display without the bullet image */
#generalBox dd.nobullet {
	margin: 0 0 0 8px;
	padding: 0 0 0 13px;
	font-size: 80%;
	background: none;
}
#generalBox dd.nobullet:a {
	color: #006633; /* CSU green */
	text-decoration:none;
}
#generalBox dd.nobullet:a:hover {
	color: #804000; /* rust color */
	text-decoration: underline;
}
#generalBox dd:a {
	color: #006633; /* CSU green */
	text-decoration:none;
}
#generalBox dd:a:hover {
	color: #804000; /* rust color */
	text-decoration: underline;
}
#generalBox ul {
	margin: 4px 10px 10px 10px;
	padding: 0;
	list-style: none;
}
#generalBox li {
	margin: 0 0 .5em 0;
	padding: 0 0 0 14px;
	line-height: 1.3em;
	background: url(/images/sidebar_bullet.gif) no-repeat 0 5px;
}

/* IMAGE CUSTOMIZATIONS ++++++++++++++++++++++++++++++++++++++++++++++++ */
img.contentImg {
  padding:4px;
  border:1px #999 solid;
  /* border-radius:8px; */
}
img.noBorder {border:none;}

/* USED ON THE FACT SHEET PAGES - PRINT THIS FACT SHEET
  EXAMPLE: http://extension.colostate.edu/topic-areas/yard-garden/garden-basics/choosing-a-soil-amendment */
.printFS {
	background: url(/images/pdf.gif) no-repeat left top;
	padding: 3px 0 3px 25px;
  } /* <span class="printFS"><a href="/docs/pubs/garden/07235.pdf"><strong>Print this fact sheet</strong></a></span> */

.author {
  font-size:80%;
  float:right;
} /* <span class="author">by J.G. Davis and D. Whiting<sup>*</sup>(2/13)</span> */

/* CUSTOMIZATIONS FOR TABBY - THE TAB PLUGIN +++++++++++++++++++++++++++ */
/*
<p><div class="responsive-tabs">
<h2 class="tabtitle">Resources</h2>
<div class="tabcontent">
*/

.responsive-tabs.tabtitle {background-color:#ccc; color:#000000;}

.responsive-tabs .responsive-tabs__heading--active,
.responsive-tabs .responsive-tabs__heading--active:hover {
  background: #333;
  color: #fff;
}

/* Superscript/Subscript ++++++++++++++++++++++++++++++++++++++++++ */
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}

/* LISTINGBOX DIV - USED FOR THE COUNTY EXTENSION OFFICES PAGE +++++++ */
#listingBox {
  border:1px #999 solid;
  border-radius:5px;
  padding:10px;
  margin:10px;
  background:url(http://extension.colostate.edu/images/bg-grid.png) repeat;
}

/* Make those tables behave! ++++++++++++++++++++++++++++++++++++++++++ */
table td {padding:5px;}
td {padding:5px;}

/* From the WP Styling Customizations Area ++++++++++++++++++++++++++++++++++++++++++ */


/* Responsive iFrame */

.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.responsive-iframe-container iframe,
.vresponsive-iframe-container object,
.vresponsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Responsive Images - Hard Coded (ex: Footer) */
#responsive-img img {
     border: 0 none;
     max-width: 100%;
     vertical-align: middle;
     float:right;
}

/* Trade Mark (TM) - make smaller in the slider headings */
.tm {font-size:x-small;}

/* Connections - CMAP - Directory CSS */
#custom-cmap-broken {
	background-color:#orange;
	border:1px #333 solid;
	border-radius:6px;
	padding:10px;
}

/* Box for Staff Directory "Helpful Resources" section */
#directory-resources {
	border: #333 solid 1px;
	border-radius: 8px;
	/* background: #E5E3E3;
	background: #E7E2DB; */
	background: url(http://extension.colostate.edu/images/bg-tile-tan-light.png) repeat;
	padding: 20px;
	margin: 10px;
}

:focus {
	/* outline:none; */
	outline: 1px dashed red;
}