/*
Theme Name: Hirshorn Slider Theme
Theme URI: http://wordpress.org/extend/themes/twentyeleven
Author: The Juice team
Author URI: http://thejuiceagency.ca/
Template:thematic
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.2
License: GNU General Public License
License URI: license.txt
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready Updated by Jacob KS Kim
*/
@import url('../thematic/style.css');
@import url('/wp-content/assets/type.css');

/*@CHARSET 'ISO-8859-1'; @-o-viewport
{
height: 640px;
}*/
body { height: 760px; max-height: 760px; }
#footer { margin-top: 10px; border: 0; }
.search-form input { position: absolute; z-index: 200; right: 5px; width: 157px; margin: 20px 0px 0px 0px; padding-left: 5px; border: none; } /*background: url('images/search_bg.png') repeat scroll 0 0 transparent*/
div.jst_BoxContaner { float: left; width: 1280px; padding: 20px -5px 0 5px; background: none repeat scroll 0 0 #fff; }
div.jst_BoxContaner div { float: left; border: 5px solid #fff; }
div.jst_BoxContaner div p { margin: 0; padding: 0; }
#header { width: 100%; height: 60px; background-color: #000; z-index: 99999; /*border-bottom: black 20px solid;*/ }
#hhh-logo { display: inline !important; padding: 0 !important; position: absolute; top: 0; left: 0; }

/* over ride the fixed width to full screen */
#access .menu, #main { width: 100%; }
#branding #blog-description { display: none; }
#branding #blog-title a, #branding #blog-title span { display: block; width: 100%; }
#branding { position: absolute; z-index: 1000; left: -600px; width: 440px; height: 40px; padding: 0; }
#access { z-index: -100; height: 60px; border-bottom: none; }
#access .sf-menu { float: right; height: 36px; margin-top: 15px; margin-right: 180px; padding: 0; border-right: none; }
#access .sf-menu li, #access .sf-menu li li, #access .sf-menu ul a, #access .sf-menu ul a:hover { background-color: black; }
#access .sf-menu a { padding: 9px 18px; border: none; }
#access .sf-menu li:hover, #access .sf-menu li.sfHover, #access .sf-menu a:focus, #access .sf-menu a:hover, #access .sf-menu a:active { border-bottom-color: none; outline: 0; background-color: transparent; }
.sf-menu li ul { padding-top: 20px; background-color: rgb(65, 65, 65); background-image: url(images/top_menu_arrow_black.png); background-repeat: no-repeat; background-position: 20px top; }
.sf-menu li ul ul { padding-top: 0; background-color: rgb(110, 110, 110); background-image: none; }
#access .sf-menu li, #access .sf-menu li li, #access .sf-menu ul a, #access .sf-menu ul a:hover, .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background-color: transparent; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { z-index: 99; top: 45px; left: 0; }
.sf-menu ul { border: none; }
#header a, #header a:active, #header a:link, #header a:visited { display: block; padding: 9px; }
#header a:hover, #header li:hover > a, #header ul ul *:hover > a { background-color: #000; }
#header ul ul a:hover { background-color: rgb(110, 110, 110); }
#main, .entry-content { padding: 0 0 0 0; }
#container, #content { width: 100%; height: 100%; margin: 0; }
div.collection { float: left; width: 1280px; height: 640px; }

/*search page styles */
.search-results div.collection { float: left; width: 155px; height: 155px; padding: 5px; }
.search-results #content { height: 640px; }
.search-results .entry-content .wp-post-image { width: 150px; height: 150px; border: none; }

		div#search_results { height: 540px; overflow: auto;}
		div.search_result_box {
			margin-right: 10px;
		}
		div.search_result_title { 
			font-family: "franklin-gothic-urw-condensed",sans-serif;
			font-style: normal;
			font-weight: 500;
			font-size: 21px;
		}
		div.search_result_title a {
			text-decoration: none;
			color: black;
		}
		div.search_result_text {
			font-size: 14px;
			font-family: "franklin-gothic-urw",sans-serif;
			font-style: normal;
			font-weight: 400;
			line-height: 17px;
			height: 3.8em;
			overflow: hidden;
		}
		div#search_results div.search_result_box div.search_result_url {
			line-height: 1.5em;
			overflow: hidden;
			margin-bottom: 10px;
		}
		div#search_results div.search_result_box div.search_result_url a {
 			font-size: 14px;
			font-family: "franklin-gothic-urw",sans-serif;
			font-style: normal;
			font-weight: 400;
			line-height: 17px;
			margin-bottom: 10px;
			color: rgb(147,149,152) !important;
		}

		h1.search_title {
			font-size:36px;
			border-bottom: 3px solid black;
			margin-bottom:30px;	
			font-weight:500;
			padding-bottom:8px;
			line-height: 28px;
			font-family:franklin-gothic-urw-condensed,sans-serif;
			font-weight:medium;
		}
div.search_result_box { margin-bottom: 30px; }
div.hhh_T_1, div.hhh_T_2, div.hhh_T_3, div.hhh_T_4, div.hhh_T_5, div.hhh_T_6, div.hhh_T_7 { background-image: url(images/TestBackground.gif); background-repeat: no-repeat; background-position: 0; background-size: cover; }
div.hhh_T_2 { background-position: -1278px 1px; }
div.hhh_T_3 { background-position: -2556px 1px; }
div.hhh_T_4 { background-position: -3834px 1px; }
div.hhh_T_5 { background-position: -5112px 1px; }
div.hhh_T_6 { background-position: -6390px 1px; }
div.hhh_T_7 { background-position: -7668px 1px; }

@import url('/wp-content/themes/Hirshhorn/editorstyle.css');
.hhh_videoArrow { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 150px; height: 100%; opacity: .4; background: url(/wp-content/themes/Hirshhorn/images/Play.png) center no-repeat; }
.hhh_videoArrow:hover { cursor: pointer; opacity: .7; }

/* dialog overlay */
#dialog { -webkit-box-shadow: 10px -5px 10px -5px #aaa, -10px -5px 10px -5px #aaa; -moz-box-shadow: 10px -5px 10px -5px #aaa, -10px -5px 10px -5px #aaa; box-shadow: 10px -5px 10px -5px #aaa, -10px -5px 10px -5px #aaa; }
#dialog .event-list-item { overflow: hidden; }
#dialog .event-list-item img { margin-right: 7px; }
.ui-widget-overlay { position: absolute; top: 0; left: 0; opacity: .80; background: white; filter: alpha(opacity = 80); }
.hhh_dialog { z-index: 2000; height: 560px !important; padding: 55px 33px 60px 40px; background: #fff; }
.ui-dialog { z-index: 2000; }
.ui-dialog-titlebar { height: 25px !important; }

/*fix for when admin bar showning*/
.admin-bar .ui-dialog-titlebar { height: 68px !important; }
.ui-dialog-titlebar-close span { position: absolute; margin-top: -20px; }
.ui-dialog-titlebar-close { position: absolute; top: 80px; right: 71px; overflow: hidden; width: 16px; height: 16px; border-width: 0; background: url(images/hhh_cross.png) center no-repeat; }

/*fix for when admin bar showning*/
.admin-bar .ui-dialog-titlebar-close { top: 120px; }
.entry-attachment { float: left; width: 650px; height: 550px; margin-top: 40px; text-align: center; }
.entry-attachment iframe { z-index: 2000; width: 100%; height: 100%; vertical-align: middle; }
.entry-attachment img, .entry-content img, .entry-attachment iframe { margin: 0; }
.hhh_dialogImg, .hhh_dialogIframe { max-width: 550px; max-height: 400px; }
.entry-attachment-text p { margin-top: 30px; margin-bottom: 50px; }
.entry-attachment-text { float: right; width: 200px; margin-top: 40px; border-top: 3px solid black; }
.bio h1 { margin-bottom: 30px; padding-bottom: 8px; border-bottom: 3px solid black; }
#post-40 .entry-content { overflow: auto; height: 490px; }
.bio .entry-content { overflow: auto; width: 520px; height: 490px; padding-right: 20px; }
.bio .entry-utility, .bio .entry-meta { display: none; }
#hhh_bioLinks { position: absolute; right: 25px; width: 350px; margin-top: 44px; }
#hhh_bioLinks h2 { margin: 20px 0; }
#hhh_bioLinks h3 { margin: 20px 0; }
#hhh_bioLinks a, #hhh_bioLinks a:visited, #hhh_bioLinks a:link, #hhh_bioLinks a:active { text-decoration: none; border-bottom: #000 solid 2px; }
#hhh_bioLinks a:hover { border-bottom: rgb(0, 175, 215) solid 2px; }
#hhh_bioLinks p { margin-top: 30px; }
#hhh_bioLinks .thumbnail a, #hhh_bioLinks .thumbnail a:visited, #hhh_bioLinks .thumbnail a:link, #hhh_bioLinks .thumbnail a:active { text-decoration: none; border-bottom: none; }
#hhh_bioLinks .thumbnail a:hover { border-bottom: none; }

/*footer*/
#hhh_copyRight { float: right; margin-right: 10px; }
.menu-footer, #hhh_logo { float: left; }
.menu-footer, #hhh_copyRight { padding-top: 9px; }
.menu-footer ul { margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
.menu-footer .menu { width: auto; }
.menu-footer ul li { display: inline; margin-left: 20px; }
.menu-footer ul a, .menu-footer ul a:visited, .menu-footer ul a:link, .menu-footer ul a:active { text-decoration: none; }
.menu-footer ul a:hover { text-decoration: underline; }

/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft { position: absolute; z-index: 200; left: 0; /* The first url is for Firefox and other browsers, the second is for Internet Explorer */
width: 79px; /*height: 100%; */ /* The hotspots have a minimum width of 100 pixels and if there is room the will grow and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
min-width: 79px; height: 79px; margin-top: 280px; /* There is a big background image and it's used to solve some problems I experienced in Internet Explorer 6. */
cursor: url(/wp-content/themes/Hirshhorn/images/cursors/cursor_arrow_left.png), url(/wp-content/themes/Hirshhorn/images/cursors/cursor_arrow_left.cur), w-resize; background-image: url(images/big_transparent.gif); background-repeat: repeat; background-position: center center; }

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible { zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */ background-image: url(images/left_arrow_off.png); background-repeat: no-repeat; /*xbackground-color: #fff;
xopacity: .35;
x-moz-opacity: .35; xfilter: alpha(opacity = 35);*/ }
div.scrollingHotSpotLeftVisible:hover { background-image: url(images/left_arrow_on.png); }

/* Invisible right hotspot */
div.scrollingHotSpotRight { position: absolute; z-index: 200; right: 0; width: 79px; /*height: 100%; */ min-width: 79px; height: 79px; margin-top: 280px; cursor: url(/wp-content/themes/Hirshhorn/images/cursors/cursor_arrow_right.png), url(/wp-content/themes/Hirshhorn/images/cursors/cursor_arrow_right.cur), e-resize; background-image: url(images/big_transparent.gif); background-repeat: repeat; background-position: center center; }

/* Visible right hotspot */
div.scrollingHotSpotRightVisible { zoom: 1; background-image: url(images/right_arrow_off.png); background-repeat: no-repeat; /*xbackground-color: #fff;
xopacity: .35;
x-moz-opacity: .35;
xfilter: alpha(opacity = 35);*/ }
div.scrollingHotSpotRightVisible:hover { background-image: url(images/right_arrow_on.png); }

/* The scroll wrapper is always the same width and height as the containing element (div).
Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper { position: relative; overflow: hidden; width: 100%; height: 100%; }
div.scrollableArea { position: relative; width: auto; height: 100%; }
.loupe { z-index: 20000; cursor: url('/wp-content/themes/Hirshhorn/images/cursors/blank.png'), url('/wp-content/themes/Hirshhorn/images/cursors/blank.cur'), none; border: 5px solid transparent; background: none repeat scroll 0 0 rgba(0, 0, 0, .25); }

/*popup scrollbar */

/*.scroll-container
{
position: relative;
}
.scroll-content
{
position: absolute;
top: 0;
left: 0;
}
.slider-wrap
{
position: absolute;
top: 0;
right: 0; width: 20px; background-color: lightgrey;
}
.slider-vertical
{
position: relative; height: 100%;
}
.ui-slider-handle
{
position: absolute; display: block; width: 20px;
height: 10px;
margin: 0 auto; background-color: darkgray;
}
.ui-slider-handle img
{
border: none;
}
.scrollbar-top
{
position: absolute;
top: 0;
}
.scrollbar-bottom
{
position: absolute;
bottom: 0;
}
.scrollbar-grip
{
position: absolute;
top: 50%;
}*/
.attachment .hhh_twitter { width: 100px; }
#hhh_bioLinks .hhh_twitter { float: left; width: 100px; margin-right: 5px; }
.attachment .fb_iframe_widget { margin: 5px 0; margin-top: 40px; }
#hhh_bioLinks .fb_iframe_widget { float: left; width: 125px; margin: 0; }
#sharefooter { width: 357px; margin-top: 42px; margin-right: auto; margin-left: auto; }
#sharefooter div { float: left; }
#hhh_searchimage { float: left; overflow: auto; width: 550px; height: 490px; }
#hhh_searchdetails { float: right; width: 330px; height: 490px; }
#magic-header a:hover { background: transparent; }
.addthis_toolbox { width: 150px; }
.addthis_toolbox a { text-decoration: none; border: none !important; }

/************ twitter feed *************/
#twitter_update_list li { width: 300px; padding-bottom: 10px; list-style-type: none; }
#twitter_update_list span a:hover { text-decoration: underline; }

/************ collection search background image *************/
#collection_search { position: relative; float: left; width: 1270px; height: 630px; border: 5px solid #fff; border-top-width: 10px; background-image: url('/wp-content/uploads/2012/03/collection_search.jpg'); background-repeat: no-repeat; }
#collection_search p { margin-top: 80px; margin-left: 45px; }
#collection_search li { margin-top: 400px; list-style-type: none; }
#collection_search_box { float: left; width: 350px; margin-top: 20px; margin-left: 40px; }
#collection_new_search_box { float: left; width: 350px; margin: 10px 0 5px 5px; }
#edan_search_value { width: 200px; }
#advanced_collection_search_box { float: left; width: 325px; margin-top: 25px; margin-left: 60px; }
#collection_search_on_view { width: 200px; margin-top: 45px; margin-left: 845px; }

/****** WATCH THIS *****/
h1.entry-title { width: 850px; }
h2.entry-title { margin-bottom: 11px; padding-top: 0; padding-bottom: 0; }

/************ teacher and school programs registration button *************/
.button { padding: 4.5px 9px; vertical-align: middle; text-decoration: none; border-top: 1px solid #e0e0e0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #b5b3b4; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#b5b3b4)); background: -webkit-linear-gradient(top, #fff, #b5b3b4); background: -moz-linear-gradient(top, #fff, #b5b3b4); background: -ms-linear-gradient(top, #fff, #b5b3b4); background: -o-linear-gradient(top, #fff, #b5b3b4); -webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0; -moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0; box-shadow: rgba(0, 0, 0, 1) 0 1px 0; text-shadow: rgba(0, 0, 0, .4) 0 1px 0; }
.button:hover { border-top-color: #a8a8a8; background: #a8a8a8; }
.button:active { border-top-color: #969696; background: #969696; }

/************ image caption *************/

/*New styles JKSK*/
.hhhonview { width: 400px; }
img.workonview { max-width: 100px; }