/** Necessary Styles **/
#ehslider .panel, .single #ehslider .panel    { display: none;  } /** hide all panels **/
#ehslider #panel0, .single #ehslider #panel0  { display: block; } /** show the first panel by default **/
#ehslider { clear:both; position:relative;  }
#ehslider:after { clear: both; content:"";}

/** Placeholder styles, feel free to override **/
#ehslider { margin-bottom: 10px; padding-bottom:10px;}
#ehslider .panels { height: auto; overflow:hidden; width: 100%;}
#ehslider .panel          {   position: relative; }
#ehslider .panel .picture    { float: right; width: 60%; }
#ehslider .panel .excerpt { float: left; font-size: .75em; padding-left: 1%; width: 35%; }
#ehslider .panel p        {   line-height: 16px !important; }
#ehslider .panel h2       {   margin-bottom: 4px !important; font-size: 2em;}
#ehslider .controls .prev, #ehslider .controls .next  { display:none;}
#ehslider .controls   { margin-top: 8px; }
#ehslider .controls a  { float: left; border: 3px solid #38889f; overflow:hidden; margin:0 1% 0 0; width:22.5%; height:60px;}
#ehslider .controls a img { max-width: none; max-height:none; margin-left: -25%;}
#ehslider .controls a.select-tab { border: 3px solid #A02846; text-decoration:none; box-shadow:0 2px 6px #555; }

/*** Category Pages ***/
.category #ehslider { width: 100%; border: 1px solid #ccc; background:white; box-shadow: 0 2px 5px #aaa;}
.category #ehslider .panels { height: auto; }
.category #ehslider .panel   {  padding: 0px; width: 100%; }
.category #ehslider .panel .picture   { float:left; top: 0; left: 0; width: 100%; height:320px;  overflow:hidden; }
.category #ehslider .panel .picture img {width:100%; height:auto;}
.category #ehslider .panel a img { width: 100%; }
.category #ehslider .excerpt { float: left; clear:both; width: 90%; padding: 5%; }
.category #ehslider .panel .fade h2 a {color: #f6f6f6; font-style:italic;}
.category #ehslider .controls { height: 60px; margin: 1em 0 1em 1em; }

/*** Single page **/
.single #ehslider { position: relative; overflow:hidden; }
.single #ehslider .panels { min-height: 400px; height: 100%; overflow:visible; width: 100%; }
.single #ehslider .panel .picture { width: 100%; float:none; min-height:400px;}
.single #ehslider .panel { text-align:center;}
.single #ehslider .excerpt { text-align:left; width: 100%; padding:0;}
.single #ehslider .controls { position: absolute; top: 0; width: 100%; height: 400px;}
.single #ehslider .next, .single #ehslider .prev { position: absolute; display: block; width: 72px; height: 400px; top: 0; cursor: pointer; font-family:Tahoma; font-size: 100px; line-height: 360px; color: #222; opacity: 0.75; text-shadow: 0 0 4px #fff; border: none;}
.single #ehslider .next { background: url(../images/white_arrows.png) no-repeat right center; }
.single #ehslider .prev { background: url(../images/white_arrows.png) no-repeat left center; }
.single #ehslider .next:hover, .single #ehslider .prev:hover { opacity: 1; text-decoration:none;}
.single #ehslider .prev { left: 0; }
.single #ehslider .next { right: 0; text-align:right;}
.single #ehslider .excerpt h2 span { color: #38889f; }
