/*
	ISBA 2012 homepage styles

	Only loaded on the front page, so no body class decedent needed
*/

#contentwrapper /* Clear backgrounds */
{ width:980px; margin:0 auto; border:none; border-radius:0; background:transparent none;
  -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none }

#content
{ width:auto; float:none; margin:0; background-color:transparent }
#content .columns
{ margin:0 }


/* ----- Ads ----- */

#homepage-ads
{ zoom:1; margin-bottom:11px }
	#homepage-ads:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#homepage-ad-leaderboard
{ float:left }
#homepage-ad-leaderboard .advertisement.group-tids-1975
{ min-height:90px }

#homepage-ad-leaderboard-side
{ float:right }

/* --- ISBA Mutual benefits banner ad --- */
#benefits-ad
{ position:relative; min-height:80px; margin:1.1em 0; background:#c49530 url("images/ads/isbamutual-back.png") repeat-y bottom left }
	#benefits-ad:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#benefits-ad img
{ display:block }

/* Intro text */
#benefits-ad-text
{ display:block; padding:6px 10px; background-color:#cc5400; color:#fff; font:italic bold 11px/1.2 arial,sans-serif; 
  text-shadow:1px 1px 1px rgba(0,0,0,.4) }
	#benefits-ad-text:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#benefits-ad-text-1
{ float:left; margin-left:65px; text-align:left }
#benefits-ad-text-2
{ float:right; margin-right:65px; text-align:right }

/* Ad images */
#benefits-ad-isbamutual
{ position:absolute; bottom:0; left:363px; padding-right:4px; background:url("images/ads/isbamutual-logo-curl.png") no-repeat 100% 2px }
#benefits-ad-freecle
{ float:left; margin-left:53px }
#benefits-ad-fastcase
{ float:right; margin-right:50px }
	#benefits-ad-freecle img, #benefits-ad-fastcase img
	{ padding:10px 20px 7px }
	#benefits-ad-freecle:hover, #benefits-ad-fastcase:hover
	{ opacity:.8 }



/* ----- Footer ----- */

#footer
{ margin-top:8px }


/* ----- Carousel ----- */

#content h2#home-carousel-heading /* Mobile only */
{ display:none }

.view-homepage-carousel
{  position:relative; width:978px; height:298px; overflow:hidden; margin:0 0 1em; border:1px solid #9d9d9d;
  -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;
  -webkit-box-shadow:3px 3px 7px 0 rgba(0,0,0,.2); -moz-box-shadow:3px 3px 7px 0 rgba(0,0,0,.2); box-shadow:3px 3px 7px 0 rgba(0,0,0,.2) }

.view-homepage-carousel .view-content li.views-row
{ margin:0; padding:0; list-style:none; background:none }

/* - Title and body box - */
.view-homepage-carousel .view-content .views-field-body
{ position:absolute; z-index:10; right:2px; width:380px; height:68px; 
  border:1px solid #dcdcde; padding:1px 10px; background-color:#fff; line-height:1.2; color:#000 }
	.view-homepage-carousel .view-content .views-field-body.fade /* IE7-IE8 fade alternate */
	{ opacity:.9; filter:alpha(opacity=90) }


/* Active state arrow (absolutely position over box) */
.view-homepage-carousel .view-content .views-row .active-arrow
{ display:none; position:absolute; z-index:12; top:-1px; left:-28px; width:28px; height:76px; background:url("images/homepage/carousel_active.png") no-repeat }
	body.ie7 .view-homepage-carousel .view-content .views-row .active-arrow,
	body.ie8 .view-homepage-carousel .view-content .views-row .active-arrow /* IE alternate to remove fading animation effect bugs */
	{ background-image:url("images/homepage/carousel_active_ie.png") }

	.view-homepage-carousel .view-content .views-row-first .active-arrow /* Show first arrow by default */
	{ display:block }

/* Active box */
.view-homepage-carousel .view-content .views-row.active .views-field-body
{ -webkit-box-shadow:-4px 4px 3px 0 rgba(0,0,0,.23); -moz-box-shadow:-4px 4px 3px 0 rgba(0,0,0,.23); box-shadow:-4px 4px 3px 0 rgba(0,0,0,.23) }


/* Set position for each box */
.view-homepage-carousel .view-content .views-row-1 .views-field-body
{ top:2px; border-radius:0 6px 0 0 }
.view-homepage-carousel .view-content .views-row-2 .views-field-body
{ top:76px }
.view-homepage-carousel .view-content .views-row-3 .views-field-body
{ top:150px }
.view-homepage-carousel .view-content .views-row-4 .views-field-body
{ top:224px; border-radius:0 0 6px 0 }

/* Format text */
.view-homepage-carousel .view-content .views-field-body .content
{ font-size:85.7%; line-height:1.2; color:#000 }

.view-homepage-carousel .view-content .views-field-body h2
{ margin:0 0 6px; color:#000; line-height:1.1 }
.view-homepage-carousel .view-content .views-field-body h2 a:link,
.view-homepage-carousel .view-content .views-field-body h2 a:visited
{ color:#000 }

.view-homepage-carousel .view-content .views-field-body p
{ margin:0 0 .1em; line-height:1.2 }

	.view-homepage-carousel .view-content .views-field-body.fade h2,
	.view-homepage-carousel .view-content .views-field-body.fade div.content /* IE7-IE8 fade alternate */
	{ color:#555 }


/* Background images */
.view-homepage-carousel .view-content .views-field-field-carousel-image-fid
{ display:none; position:absolute; z-index:1; top:0; left:0 }
	.view-homepage-carousel .view-content .views-row-first .views-field-field-carousel-image-fid /* Show first slide image by default */
	{ display:block }

.view-homepage-carousel .view-content .views-field-field-carousel-image-fid img
{ display:block; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px }

/* Embedded YouTube videos */
.view-homepage-carousel .views-field-field-carousel-youtube-value
{ display:none; position:absolute; z-index:8; top:14px; left:46px }
	.view-homepage-carousel .view-content .views-row-first .views-field-field-carousel-youtube-value /* Show first video by default */
	{ display:block }


/* Admin-only node edit link */
.view-homepage-carousel .view-content .views-field-edit-node
{ display:none; position:absolute; z-index:4; top:8px; left:2px }
	.view-homepage-carousel .view-content .views-row.active .views-field-edit-node
	{ display:block }


/* ----- Columns ---- */

#col-inthenews, #col-resources
{ width:577px; float:left }

#col-cle, #col-public
{ width:391px; float:right }


/* Boxes */
h2.tabbed-box
{ padding:0 35px 0 25px; font-size:37px }
h2.tabbed-box em
{ font-size:27px }

#content h3
{ margin-bottom:.6em; padding-bottom:4px; background:url("images/homepage/heading_bar.png") repeat-x 0 100%; font-size:171.4% }
#content h3 a
{ color:#c99d18 }
#content h3 a:hover
{ color:#255fb6; text-decoration:none }

/* View edit links */
#content .view .views-admin-links li
{ margin:0 }
#content .view .views-admin-links a
{ float:right; margin-top:-4em }


/* ----- In the News ----- */

/* Hide mobile Fastcase link */
#home-fastcase
{ display:none }

/* Remove list bullets */
#col-inthenews ul > li
{ background:none; padding:0 }

.view-dailylegalnews .view-content li.views-row
{ margin-bottom:.9em }
	.view-dailylegalnews .view-content li.views-row-last
	{ margin-bottom:.5em }

.view-dailylegalnews .views-field-field-newssource-value
{ color:#676767 }

#col-inthenews p.more a
{ font-style:italic }

/* ILN */
#home-blogposts
{ zoom:1 }
	#home-blogposts:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#home-blogposts .post-date
{ color:#676767 }

/* ILN photo */
.view-isba-homepage-photo, .view-isba-homepage-photo div
{ display:inline }

.view-isba-homepage-photo img
{ float:left; margin:0 10px 10px 0; border:1px solid #9a9a9a }
.view-isba-homepage-photo .views-field-name
{ display:block }
.view-isba-homepage-photo .views-field-phpcode
{ display:block; margin-bottom:.9em; color:#676767 }

.view-isba-homepage-photo p
{ margin-bottom:.9em }


/* Job opportunities */
#home-jobs li
{ margin-bottom:1em }
#home-jobs .job-location
{ color:#676767; white-space:nowrap }


/* ----- CLE ----- */

/* Remove list bullets */
#col-cle ul > li
{ background:none; padding:0 }

/* Highlight box */
#home-clehighlight h3
{ margin:0; padding:0; background:none }

#home-clehighlight .box
{ position:relative; margin:0 -11px 1.7em; border:3px solid #e3cd89;
  -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;
  padding:9px 10px; background-color:#fffaea }

#home-clehighlight .box p
{ margin-bottom:1em }
#home-clehighlight .box > *:last-child
{ margin-bottom:0 }


/* Event list */
.view-clehomepage .view-content li.views-row
{ margin-bottom:.9em; color:#676767 }
	.view-clehomepage .view-content li.views-row-last
	{ margin-bottom:.5em }

.view-clehomepage span.sep
{ margin:0 5px }


/* Ads */
#col-cle #homepage-ad-fastcle
{ margin:0 0 1.2em }
#col-cle #homepage-ad-clebox
{ margin:1.4em 0 .2em }

#col-cle h6.ad
{ text-align:center }
#col-cle #homepage-ad-fastcle h6.ad /* Hide for FastCLE */
{ display:none }

#col-cle .image-advertisement img
{ margin:0 auto }

#col-cle p.more a
{ font-style:italic }


/* ----- Resources and Public ----- */

#col-resources div.tabbed-box
{ min-height:180px; padding:33px 247px 12px 27px }
#col-resources div.tabbed-box img.floatright
{ position:absolute; z-index:1; top:8px; right:3px; float:none; margin:0 }
#col-resources div.tabbed-box ul /* Give min-height to account for photo */
{ position:relative; z-index:2; margin:0 }

#col-public div.tabbed-box
{ padding:33px 20px 12px 27px }
#col-public div.tabbed-box ul
{ margin:0 }

#col-resources ul > li, #col-public ul > li
{ margin-bottom:.8em; padding-left:18px; background:url("images/bullet_arrow.png") no-repeat 5px .5em }