/*
Theme Name: RCH
Theme URI: http://html5.mimoymima.com/
Description: a Framework for rapidly developing HTML5 based WordPress Themes
Version: 1.32
Author: Brent Lagerman
Author URI: http://mimoymima.com/
*/

/*
v1.32 Shell Updates:
       • re-thought the use of section element inside of article on most templates, now we're going with article and div section was semantically not needed
       • took the horiz-list class off of meta-data in a few templates, it was messing up the rendering of tags (floating them and causing a bunch of commas floated left...)
       • minor fixes to the archives template
       • changed <section id="footer"> to <footer id="footer"> in footer.php
       • adding google analytics for Wordpress plugin to plugins pack
       • added awesome buttons to style.css (see below)
       * todo: use second link listed in comments.php and HTML5 book by Remy Sharp to get the comments using more semantic code
*/

/*
       ##              Site Title
       ##              Updated: Mar 18, 2011
       ##              your email address

       - - - Color References - - -
       link blue: #39C;
       background: #efefef;
*/


/* FONTS - to get other font kits visit: fontsquirrel.com */

/*      @font-face {
       font-family: 'MisoLight';
       src: url('fonts/miso-light-webfont.eot?') format('eot'),
            url('fonts/miso-light-webfont.woff') format('woff'),
            url('fonts/miso-light-webfont.ttf')  format('truetype'),
            url('fonts/miso-light-webfont.svg#webfontR7AhzoT1') format('svg');
       }*/
/***************************************************/
/* GENERAL STYLING - - - - - - - - - - - - - - - - */
/***************************************************/

/*@font-face {
       font-family: 'news-gothic-std';
       src: url('fonts/NewsGothicStd.eot') format('eot'),
            url('fonts/NewsGothicStd.woff') format('woff'),
            url('fonts/NewsGothicStd.ttf')  format('truetype'),
            url('fonts/NewsGothicStd.svg') format('svg');
       }*/
	   
	   body { font-family: news-gothic-std, sans-serif; }

       * { margin: 0; }

       html { color: #4e4e4e; height: 100%; } /*remove this background if you're using 100% background image*/

       .left { float: left; }
       .right { float: right; }
       /* Sets fonts, page width & margins */
       body { height: 100%; margin: 0 auto; font: 300 1em/150% news-gothic-std, 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'myriad pro', 'myriad web pro', 'myriad web', myriad, helvetica, sans-serif; }

       /* Font stacks - some premade stacks you could use, by default we're using the sans stack above */
       .serif { font-family: cambria, baskerville, cochin, georgia, times, serif; }
       .monospace { font-family: news-gothic-std, 'courier new', courier, Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', monospace; }
       .sans { font-family: news-gothic-std, 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'myriad pro', 'myriad web pro', 'myriad web', myriad, helvetica, sans-serif; }

       /* Text */
       blockquote { margin: 20px 0 !important; }
       blockquote cite { padding: 1em 0 .5em 0; display: block; text-align: right; }

       /* Headings */
       h1, h2, h3, h4, h5, h6 { font-weight: 500; font-family: news-gothic-std, 'MisoLight', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'myriad pro', 'myriad web pro', 'myriad web', myriad, helvetica, sans-serif; }
       #content h2 { font-size: 1.5em; margin: 1em 0; }

       /* Links */
	   
	   .profile-description a:link { font-weight:700;}
       a:link, a:visited { color: #000; text-decoration: none; }
       a:hover, a:active, a:focus { color: #9a9a9a; text-decoration: none;  }

       /* Forms */

               /* labels */
               label { color: #9A9A9A; }
               label:hover, label:focus {  }

               /* text inputs */
               input, select, textarea, button { padding: 3px; margin-right: 5px; vertical-align: middle; }
               input, select, textarea { color: #CCC; border-bottom: 1px solid #85C3D6; background: #F6F6F6; }
               input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus {  }

               /* buttons */
               input[type='submit'], button { background: #85C3D6; border: 0; padding: 4px; margin-top: 3px; color: #FFF; font-size: .8em; text-transform: uppercase; font-weight: bold; }
               input[type='submit']:hover, button:hover, input[type='submit']:focus, button:focus { background: #39C; cursor: pointer; }

               /* awesome buttons :  http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html */
               .awesome, .awesome:visited { background: #222 url(/images/alert-overlay.png) repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; }
               .awesome:hover { background-color: #111; color: #fff; }
               .awesome:active { top: 1px; }
               .small.awesome, .small.awesome:visited { font-size: 11px; padding: ; }
               .awesome, .awesome:visited,
               .medium.awesome, .medium.awesome:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
               .large.awesome, .large.awesome:visited { font-size: 14px; padding: 8px 14px 9px; }
               .green.awesome, .green.awesome:visited { background-color: #91bd09; }
               .green.awesome:hover { background-color: #749a02; }
               .blue.awesome, .blue.awesome:visited { background-color: #2daebf; }
               .blue.awesome:hover { background-color: #007d9a; }
               .red.awesome, .red.awesome:visited { background-color: #e33100; }
               .red.awesome:hover { background-color: #872300; }
               .magenta.awesome, .magenta.awesome:visited { background-color: #a9014b; }
               .magenta.awesome:hover { background-color: #630030; }
               .orange.awesome, .orange.awesome:visited { background-color: #ff5c00; }
               .orange.awesome:hover { background-color: #d45500; }
               .yellow.awesome, .yellow.awesome:visited { background-color: #ffb515; }
               .yellow.awesome:hover { background-color: #fc9200; }


       /* Tables */

       /* Hide These Elements but keep them accessible */
       #accessibility,
       #footer .vcard,
       nav h1 { position: absolute; left: -999em; }

       /* Hide these items when Javascript is active */
       .js #js-ind, .js .hide { display: none; }



/* Sections of the document (including layout) - - - - - - - - - - - - - - - - */

       /* page-wrapper */

       /***************************************************/
       /* HEADER WRAPPER - - - - - - - - - - - - - - - - */
       /***************************************************/
       #site-header { background-color: #111; width: 100%; min-width: 760px; height: 70px; position: fixed;  z-index: 100; }
               #site-header .title { background: url('images/rch-logo.png') no-repeat left 50%; width: 489px; height: 36px; float: left; margin: 18px 0 17px 30px; }
	.blog #site-header .title { background: url('images/rch-logo.png') no-repeat left 50%; width: 235px; height: 36px; float: left; margin: 18px 0 17px 30px; }
               #site-header .title a { text-indent: -9999em; display: block; width: 489px; height: 36px; }
               #site-header .description {  }

               #header-shadow { width: 100%; height: 8px; background: url('images/splash-top-shadow.png') repeat-x left top; position: fixed; margin-top: 70px; z-index: 1000; }

/*      #header-wrapper { width: 980px; }       */

               /* Nav */
               #main-nav { float: right; margin-right: 30px; }
               #main-nav a { font-size: 20px; text-decoration: none; display: inline-block;  margin: 0 0 0 40px; padding: 22px 0 0 0; text-transform: uppercase; }

                       /* Nav Links*/
                       #main-nav a:link, #main-nav a:visited  { color: #bbb; }
                        #main-nav .current-post-ancestor a, #main-nav a:hover, #main-nav a:active, #main-nav a:focus { color: #fff; border-bottom: 4px solid #FFFFFF; }

                       /* DownStates*/
                       #main-nav .current_page_item a, #main-nav .current-menu-item a { color: #fff !important; cursor: default; border-bottom: 4px solid #fff; }

               /* Search */
               #search-form input[type='text'] { width: 150px; }



       /***************************************************/
       /* CONTENT - - - - - - - - - - - - - - - - */
       /***************************************************/

       /*for pushing footer down*/
       .wrapper { min-height: 100%; min-width: 960px; height: auto !important; height: 100%; margin: 0 auto -80px; } /*same number as full height of .footer and.push */

       #page-wrapper { width: 960px; position: relative; margin: 0 auto; padding-left: 30px; }

       #content { width: 745px; float: left; line-height: 150%; }
       #content p { margin-bottom: 1.5em; }
       #content em { font-family: cambria, baskerville, cochin, georgia, times, serif; }

               /* Posts */
               .post { clear: both; padding: 0; }
               .entry {  }
               article time { color: #999; font-size: .9em; margin-bottom: .5em; }
               .entry p { display: inline; padding: 0 20px 0 0; }
               .utw {}
               .post_nav {}
               .post-edit-link { }
               .post-meta-data { width: 300px; }
               .post-meta-data ul li { border-bottom: 1px dotted #666; }
               .stbutton { float: left; } /* share this button */

               /* Page */
               .page {}

               /* Single */
               .single {}

               /* Comments using Intense Debate */


       /***************************************************/
       /* SIDEBAR LEFT - - - - - - - - - - - - - - - - */
       /***************************************************/
       #sidebar-left { float: left; width: 25%; list-style-type: none; margin-top: 100px; padding-bottom: 5em; margin-right: 2%; }
       #sidebar-left h2 { margin: 2em 0 .5em 0; }
       #sidebar-left ul { list-style-position: inside; }
       #sidebar-left ul li { margin-bottom: 1em; }

       /***************************************************/
       /* SIDEBAR RIGHT - - - - - - - - - - - - - - - - */
       /***************************************************/
       #sidebar-right { float: right; width: 25%; list-style-type: none; margin-top: 100px; padding-bottom: 5em; margin-left: 2%; }
       #sidebar-right h2 { color: #999; font-size: 16px; margin-top: 1em; margin-bottom: .5em; }
       #sidebar-right ul { list-style-position: inside; }
       #sidebar-right ul li { margin-bottom: 1em; }

       /* - - - WIDGETS - - - */

       /* Calendar Widget Styling */
       #calendar caption { background: #CCC; padding: 5px 0px; }
       #calendar table { width: 170px; border: solid 1px #CCC; }
       #calendar table th { text-align: center; letter-spacing: -1px; border-bottom: solid 1px #CCC; padding: 3px 0px; }
       #calendar table td { text-align: center; padding: 3px 0px; font-size: .8em; }
       #calendar table td a { font-weight: bold; }
       #calendar h2 { padding-bottom: 8px; }


       /***************************************************/
       /* FOOTER - - - - - - - - - - - - - - - - */
       /***************************************************/

       /* too push footer down. works in conjunction w/ .wrapper */
       .footer, .push { height: 80px; clear: both; }
       .footer { width: 100%; min-width: 960px; overflow: hidden;}
       
       /*#footer-wrapper { width: 980px; }*/
       #footer-shadow { position: relative; width: 100%; height: 8px; background: url('images/splash-bottom-shadow.png') repeat-x left top; }
       #splash-footer { position: relative; padding-top: 12px; height: 45px; width: 100%; background-color: #000; text-align: left; padding-bottom: 15px;}
       #splash-footer p { margin-bottom: 0; font-size: 12px; font-weight: bold; line-height: 19px;}
       .footer-menu { color: #9A9A9A; font-size: 13px; list-style-type: none; float: right;/*width: 50%;*/}
       .footer-menu .aboutme{float: left; /*width: 268px !important;*/}
       .footer-menu .social{
		        float: left;
				/*padding: 0 40px;*/
				/*width: 200px;*/
			}	
       .footer-menu .social a.social-icon{
				background: none repeat scroll 0% 0% #A3A3A3;
				width: 20px;
				line-height: 20px;
				clear: both;
				font-size: 19px;
				border-radius: 2px;
				text-align: center;
				display: inline-block;
				color: #000;
				margin: 13px;
       }
       
       .footer-menu .social a.social-icon.twitter{
           background:none;
           font-size:25px;
       }
       .footer-menu .social a.social-icon i.fa-facebook {color: #000;}   
       .footer-menu .social a.social-icon i.fa-twitter {color: #a3a3a3;}   
       .footer-menu li { display: inline; margin-right: 10px; float: left; }
       .bullet { background:  url('images/square-bullet.gif') no-repeat left 50%; padding-left: 15px; }
       #search-form { float: left; width: 170px; margin-top: -7px;}
       input { padding: 0; margin-right: 5px; vertical-align: middle; color: #CCC; border: none; border-bottom: 1px solid #9A9A9A; background: #000; }
       input:hover, input:focus { color: #666;  }
		
	   #splash-footer #copyright { float: left; font-size: 9px;}

       #footer { clear: both; padding-bottom: 20px; text-align: right; }
       .foot-search { font-size: 13px; }

       /* Footer Links */
       #footer a { font-size: 1.4em; }
       #footer a:link, #footer a:visited { color: #39C; text-decoration: none; }
       #footer a:hover, #footer a:active, #footer a:focus { color: #000; text-decoration: underline; }
       #footer .current-menu-item a { color: #000; }

       /* Credit */
       #footer #mym-credit { font-size: .9em; clear: both; }
       #footer #mym-credit a { letter-spacing: 1px; }
       #footer #mym-credit a#cred:link, #footer #mym-credit a#cred:visited { text-decoration: none; color: #39C; }


       #back-top { position: fixed; right: 0; top: 450px; z-index: 9999; }
       #back-top a { width: 65px; display: block; text-align: center; font-size: 11px; text-transform: uppercase; text-decoration: none; color: #bbb;
       /* transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }

       #back-top a:hover { color: #000; }

               /* arrow icon (span tag) */
       #back-top span { width: 43px; height: 43px; display: block; background: url(images/arrow-up.gif) no-repeat center center;
       /* transition */-webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
       #back-top a:hover span {  } /*background-color: #777;*/
       
       .footer-menu a { color: #9A9A9A; font-size: 12px; font-weight: bold; line-height: 12px;}
       .footer-menu a:hover { color: #fff; }


/* jQuery Styles - - - - - - - - - - - - - - - - - - - - - - - - */

/* preloader for site, relies on some js in the functions file and a div in the header (both commented out by default) */
/*.js div#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: #c0c0c0 url(./images/loading.gif) no-repeat center center; }*/

/* Show-Hide Content */
.make-link { color: #06F !important; text-decoration: none; margin-bottom: .5em; }
.make-link:hover, .make-link:focus, .make-link:active { cursor: pointer; color: #C60; text-decoration: underline; }
ul.hide { margin: 0 0 0 1em !important; padding: 0 !important; }

       /* Adds 'Plus-Minus' sign to header */
       .header-shown { background: url('./images/icon_link_plus_minus.png') no-repeat 0 -20px; height: 17px; }
       .header-hidden { background: url('./images/icon_link_plus_minus.png') no-repeat 0px 3px; height: -14px; }

/* Indicators */
.indicator { position: absolute; z-index: 10; text-align: right; left: 0; }
.indicator a { width: 7em; background-color: #FF0; display: block; font-weight: bold; font-size: 12px !important; text-transform: uppercase; color: #09C; text-decoration: none; padding: .5em 1em; }
.indicator a:hover, .indicator a:focus { background-color: #FFF; text-decoration: underline; cursor: pointer; }
       #js-ind { top: 30em; }


#infscr-loading { position: fixed; text-align: center; bottom: 0; left: 42%; z-index: 100; background: white; background: hsla( 0, 0%, 100%, 0.9 ); padding: 28px; color: #222; font-size: 15px; font-weight: bold; }






/* SPECIFIC PAGE STYLES - - - - - - - - - - - - - - - - */

/* style the 503 page (coming soon page) you activate this template file in the maintenance mode plugin */
.maintenance {}

#home {}

#about {}

/***************************************************/
/* SPLASH PAGE - - - - - - - - - - - - - - - - */
/***************************************************/
#splash-info-wrapper { overflow:hidden; /*width: 50%;*/ }
#slidecaption { padding-top: 5px;  }


/*#splash #splash-footer, #splash #footer-shadow{ position: fixed; }*/



#slider-title { float:left; background: url('images/black-opacity-bg.png') repeat left top; width: 50%; height: 50px; font-size: 17px; color: #fff; white-space;}
a.slide-link { color: #fff; }
#slidecaption:hover {  }

#recent-news { float:right; left: 50%; background: url('images/black-opacity-bg.png') repeat left top ;  width: 50%; height: 50px; }
#recent-news, #recent-news a { color: #9a9a9a; }
#recent-news .content-recent-news {border-right: 1px solid #a3a3a3; border-left: 1px solid #a3a3a3 ; padding-left: 30px ;margin-right: 30px; height: 50px; padding-top: 3px;}
#recent-news h2 { font-size: 17px; color: #9a9a9a; }
#recent-news ul  { list-style-type: none; }
#recent-news ul a { font-size: 15px; font-weight: lighter; }
#recent-news a:hover { text-decoration: none; }
#recent-news ul li { line-height: 15px; }

.arrow { background: url('images/popup_arrow_right.png') no-repeat right 50%; }


/***************************************************/
/* NEWS PAGE - - - - - - - - - - - - - - - - */
/***************************************************/

h1.profile-title { text-transform: uppercase; font-size: 30px; color: #000; margin: 120px 0 0 30px; position: absolute; font-weight: 300; }
.profile-title.press-single { margin-left: 0!important; }
.category-news header { width: 290px; }
.category-news header h2 { text-transform: uppercase; color: #000; margin: 0!important; padding: 0; font-size: 20px!important; font-weight: 300; }
.dotted-line { /*background: #f5f5f5 url('images/dotted-line.gif') repeat-x left top;*/ width: 100%; height: 2px; margin: 5px 0 10px; border-top: 1px solid #000; }

.newsLoading { width: 460px; height: 250px; background: url('images/loading.gif') no-repeat center center; float: right; }

/*#content.single { display: none; }*/
.scrollgallery .scrollGalleryHead { margin: 0!important; padding-top: 0!important; }
.scrollgallery .thumbareaContent img { color: rgba(0,0,255,0); }
.scrollgallery .thumbareaContent img { padding-bottom: 5px!important; border-bottom: 5px solid #fff; }
.scrollgallery .thumbareaContent img.active { padding-bottom: 5px!important; border-bottom: 5px solid #333; }
.single-entry .scrollgallery .scrollGalleryFoot { width: 56%; float: right; text-align: right; position: relative; margin-right: 40px; }
.entry .scrollgallery .scrollGalleryFoot { width: 70.5%; float: right; }

.news .post { position: relative; min-height: 500px; }
.news .entry:hover { background: none; }
.news#content { margin: 190px 0 150px 30px; width: 780px; }
.news .scrollgallery {  }
.news .scrollgallery{ position: absolute;/*has to be postion:relativ or static*/ width:460px!important; /*change this*/ font-family:"Arial"; font-size:14px; line-height:20px; top: 0; right: 0; }
.news .scrollgallery .imageareaContent img { margin: 0!important; }
.news .entry p { display: inline; width: 290px; display: block; text-align: justify; padding: 0 20px 0 0; font-weight: 500; font-size: 15px; }
.news .entry a { font-weight: bold; }
.news .entry img.wp-post-image { width: 460px; }


/***************************************************/
/* PROFILE PAGE - - - - - - - - - - - - - - - - */
/***************************************************/
.tests {
	position: relative;
}

#profile #page-wrapper {  }
#profile.profile #content { width: 425px; }
#profile #content { float: left; margin: 110px 0 0 30px; text-align: left; }
#profile .entry p { padding-bottom: 30px; display: block; margin-bottom: 0!important; }
#profile a img { margin-top: 30px; }
#profile .entry a { font-weight: 900; font-size: 15px; }
#profile .short-desc { line-height: 34px; font-size: 27px; color: #000; text-align: left; }
#profile img.alignleft { margin: 110px 0 20px 30px; padding: 0; }
.profile-wrapper { float: left; width: 550px; padding: 0 10px 56px; }
.profile-img { float: left; }
.profile-name { text-transform: uppercase; }
.profile-title { text-transform: uppercase; /*line-height: 15px;*/ }
.profile-description { padding: 20px 0 10px; }


/***************************************************/
/* AWARDS PAGE - - - - - - - - - - - - - - - - */
/***************************************************/
.our-awards #content { margin: 190px 0 0 30px; }
h2.awards-block { border-bottom: 1px solid #000;  margin: 0 0 15px!important; padding: 0 0 10px; }
.our-awards p { line-height: 20px; float: left; min-height: 100px; /*background: url("images/awards-icon.jpg") no-repeat scroll 0 0 transparent; height: 65px; margin-right: 15px;*/  }
.awards-post { display: block; clear: both; width: 800px; }
.awards-post p:last-child { margin-bottom: 50px!important; }
.awards-title, .awards-org { font-size: 13px;  color: #000; font-weight: bold; line-height: 18px; }
.awards-title { text-transform: uppercase; }
.awards-link, .awards-link a { font-size: 13px; color: #666; }
.awards-image img { float: left; margin-right: 15px; padding: 4px 0; }
.award-desc-wrapper {  float: left; width: 311px; padding-right: 5px; }


/***************************************************/
/* JOBS PAGE - - - - - - - - - - - - - - - - */
/***************************************************/

#jobs #content { margin: 110px 0; }
#content .job-post h2 { text-transform: uppercase; margin: 80px 0 0; font-size: 15px; font-weight: 300; }
#content .job-post h3 { font-size: 15px; margin-bottom: 30px; font-weight: 300; }
#content .job-post p { font-size: 15px; font-weight: 500; }
#content .job-post ul { margin: 20px 0 20px 15px; list-style-position: outside; }
.job-post ul li { padding-left: 10px; }
#jobs #content:last-child a { margin: 0 0 20px 0; font-weight: bold; }
.job-intro { margin-top: 80px; }
.jobs ul { margin-left: 20px; margin-bottom: 20px; }



/***************************************************/
/* TEAM PAGE - - - - - - - - - - - - - - - - */
/***************************************************/

.team#content { margin: 190px 0 150px 30px; }
.team#content h2 { display: inline; font-size: 18px; font-weight: 300; }
.team#content h2.current { border-bottom: 4px solid #000; }
.team#content .post { margin: 3px 0; }
.team#content a:hover { color: #000; }
.col1, .col2, .col3 { width: 230px; float: left; margin: 20px 5px; }

/***************************************************/
/* PRESS PAGE - - - - - - - - - - - - - - - - */
/***************************************************/

/* category page */
#page-wrapper.press-template { padding-top: 0!important; }

.press-template#content { margin: 10px 0 150px 30px; }

.press-template#content h2 { display: block; float: left; }
.press-template#content p { width: 130px; height: 140px; position: relative; float: left; margin: 5px 10px 5px 0; }
.press-template#content p a span { position: absolute; left: 10px; top: 20px; color: #fff; display: none; }
.press-template#content p:hover span { display: inline; }

.press-template#content p:hover { background-color: #000!important; width: 130px; height: 140px; position: relative; }
.press-template#content p .hover-overlay { position: relative; background-color: #000; opacity: .3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"!important; /*--IE 8 Transparency--*/ }

.press-block { width: 130px; height: 140px; background-color: #000; color: #bebebe; margin: 5px 10px 5px 0!important; font-size: 18px!important; text-align: center; height: 85px; padding-top: 55px; }

.press-caption { padding: 150px 0 0 30px; font-size: 15px; font-weight: 500; }
.press-caption a { font-weight: bold; }
.press-nav { padding: 150px 0 0 0; font-size: 15px;  }

/* individual page */
#press-content .single-entry { width: 840px!important; }
#press-content .single-entry p { text-align: justify; width: 295px; margin-right: 10px; }
#press-content { margin-top: 17px; }
#press-content .dotted-line { margin: 15px 0; width: 295px; }
#press-content a { font-weight: 500; float: left; clear: left; }
.press#content .single-entry { width: 322px; }
.press#content h3 { display: block; font-size: 20px; font-weight: 300; width: 380px; }

#press-content .scrollgallery { width: 480px!important; float: right; }
#press-content .single-entry .scrollgallery { margin: -80px 0 0; }
#press-content .scrollgallery .scrollGalleryFoot { width: 330px; margin-right: 83px; }

ul.related-posts { list-style-type: none; width: 290px; padding: 0; float: left; }
.related-posts a { float: left; margin: 5px 9px 5px 0; clear: none!important; position: relative; width: 87px; height: 93px; }
.related-posts a span { color: #FFFFFF; display: none; left: 10px; position: absolute; top: 20px; font-size: 10px; line-height: 15px; }
.related-posts a:hover span { display: inline; }
.related-posts a:hover { background-color: #000; }
.related-posts a .hover-overlay { background-color: #000; opacity: 0.3; position: relative;}
.related-posts a img { width: 87px; height: 93px; }
.related-txt{ margin-bottom: 10px!important; }

/***************************************************/
/* CONTACT PAGE - - - - - - - - - - - - - - - - */
/***************************************************/
#page-wrapper.contact {  }
.contact-info { float: left; width: 225px; margin-top: 40px; }
.contact-map { float: right; margin: 18px 0 0 10px; }
.contact-map img:hover { opacity: .5; }

.contact-info h2:first-child { margin: 10px 0!important; }
.contact-info h2 { font-size: 14px!important; text-transform: uppercase; color: #000; border-bottom: 1px solid #000; margin: 10px 0!important; padding-bottom: 7px; font-weight: 700; letter-spacing: .7px; }
.contact-info p { font-weight: 500; font-size: 14px; color: #000; padding: 0 0 20px!important; letter-spacing: 0.7px; }
.contact #content { width: 750px; margin-top: 145px !important; }
.contact-info a { font-weight: 500!important; color: #000; font-size: 13px!important; }


/***************************************************/
/* SEARCH PAGE - - - - - - - - - - - - - - - - */
/***************************************************/
#content.search { margin: 191px 0 0 30px; }
.search a strong { display: block; margin: 15px 0 5px; }
.error #search-form { margin-top: 20px; }
.post.error #search-form { float: left; }

/***************************************************/
/* 404 PAGE - - - - - - - - - - - - - - - - */
/***************************************************/
.page404 #content { margin: 191px 0 0 30px; }
.page404 #content h2 { font-size: 30px; color: #999; }
.page404 #content a { text-decoration: underline; }

/***************************************************/
/* INDIVIDUAL PROJECT PAGE - - - - - - - - - - - - - - - - */
/***************************************************/
#content-loading-wrapper { height: 775px; /*background: #fff url('images/loading.gif') no-repeat center center;*/ }
#content.single { width: 960px; float: left; line-height: 150%; margin: 0; }
#profile-content.single { width: 780px; float: left; line-height: 150%; margin: 0; }

#profile-nav { float: right; z-index: 50; margin: 85px 11px 0 0; position: relative; }
#profile-nav ul { list-style-type: none; }
#profile-nav ul li { color: #000; font-size: 1.2em; line-height: 30px;  } /*border-bottom: 1px solid #000;*/
#profile-nav ul li a { color: #999999; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; }
#menu-profile-pages .current-menu-parent a, #profile-nav ul li a:hover { color: #545454; }

#profile-nav ul li.current-menu-item a, #profile-nav ul li.current-menu-parent a {  color: #545454; }

#work-content { width: 1020px; float: left; padding-bottom: 5em; margin: 35px 0 0; line-height: 150%; }
#work-content p { }
#work-content em { font-family: cambria, baskerville, cochin, georgia, times, serif; }
.title { text-transform: uppercase; color: #000; margin: 5px 0 0 51px; letter-spacing: -.2px; font-size: 15px; font-weight: bold; width: 290px; }
.location { text-transform: uppercase; margin-left: 51px; letter-spacing: -.2px; font-size: 15px; font-weight:normal; width: 290px; }
.info { font-size: 14px; margin-left: 51px; display: inline; cursor: pointer; width: 290px; }
.info:hover { color: #9a9a9a; }

.project-info { position: absolute; z-index: 60; color: #fff; width: 140px; padding: 50px; left: 0; }
.project-info h3 { font-size: 15px; font-weight: 700; text-transform: uppercase; }
.project-info p { margin-bottom: 40px!important; }
.project-info a { color: #fff; }

.project-description-left { position: absolute; z-index: 60; color: #fff; padding: 50px; width: 300px; right: 340px; }
.project-description-right { position: absolute; z-index: 60; color: #fff; padding: 50px; width: 300px; right: 0; }
.scrollgallery-overlay { z-index: 50; position: absolute; width: 960px; height: 500px; display: none; background: #000; opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*--IE 8 Transparency--*/ }
.scrollgallery .imageareaContent img { padding: 0!important; }

.x-btn { background: url('images/x-btn.gif') no-repeat left top; width: 17px; height: 17px; margin: 10px 0 0 10px; display: inline; float: left; }
.x-btn-white { background: url('images/x-btn-white.gif') no-repeat left top; width: 17px; height: 17px; position: absolute; top: 10px; left: 10px; }

.single-entry .scrollgallery{ position:relative;/*has to be postion:relativ or static*/ width:960px!important; /*change this*/ font-family:"Arial"; font-size:14px; line-height:20px; margin-top: 175px; }

/***************************************************/
/* WORKS PAGE - - - - - - - - - - - - - - - - */
/***************************************************/

/* Work */
#work-content { display: none; }
#work-wrapper { width: 960px; margin: 0 auto; }
#work-nav-wrapper-loading { background: url('images/white-opacity-bg.png') repeat left top; position: fixed; margin-top: 70px; padding-top: 20px; width: 1100px; z-index: 100; height: 75px; } /*display: none;*/
#work-nav-wrapper { position: fixed; margin-top: 65px; background-color: #fff; padding-top: 20px; width: 1000px; z-index: 80; }
#nav-shadow { height: 25px; position: fixed; margin-top: 155px; width: 1100px; z-index: 1000; background: url('images/splash-top-white-shadow.png') transparent repeat-x left bottom; }

.work { float: left; } /*    opacity: 0.8;*/
article time { color: #000; font-size: .9em; margin-bottom: .5em; }
.entry p {}
.utw {}
.post_nav {}
.post-edit-link { }
.post-meta-data { width: 300px; }
.post-meta-data ul li { border-bottom: 1px dotted #666; }

.padding-cat { height: 0; width: 0; visibility: hidden; }
.cat-hover { background-color: #fff;  }

.hover-location { font-weight: normal!important; }
.variable-sizes1 .hover-location { padding-top: 37px; }
.variable-sizes2 .hover-location { padding-top: 40px; }
.variable-sizes3 .hover-location { padding-top: 50px; }
.variable-sizes4 .hover-location { padding-top: 66px; }
.variable-sizes5 .hover-location { padding-top: 82px; }

#category-template #work-content { float: left; padding-bottom: 5em; margin: 170px 0 0; line-height: 150%; }
#category-template #work-content p { }
#category-template #work-content em { font-family: cambria, baskerville, cochin, georgia, times, serif; }

.variable-sizes1 .work, .variable-sizes2 .work, .variable-sizes3 .work, .variable-sizes4 .work, .variable-sizes5 .work { padding: 15px 30px 15px 0; } /* padding for each post*/
.variable-sizes1 .work { padding: 6px 12px 6px 0; }
.variable-sizes2 .work { padding: 9.5px 19px 9.5px 0; }
.variable-sizes3 .work { padding: 12.5px 25px 12.5px 0; }
.variable-sizes4 .work { padding: 17px 34px 17px 0; }
.variable-sizes5 .work { padding: 16px 31px 16px 0; }

.variable-sizes1 .work img, .variable-sizes1 .work, .variable-sizes1 .entry  { width:  127px; height: 104px; font-size: 10px; }
.variable-sizes2 .work img, .variable-sizes2 .work, .variable-sizes2 .entry  { width:  144px; height: 118px; font-size: 12px; }
.variable-sizes3 .work img, .variable-sizes3 .work, .variable-sizes3 .entry  { width:  172px; height: 141px; font-size: 14px; }
.variable-sizes4 .work img, .variable-sizes4 .work, .variable-sizes4 .entry  { width:  215px; height: 177px; font-size: 16px; }
.variable-sizes5 .work img, .variable-sizes5 .work, .variable-sizes5 .entry  { width:  300px; height: 246px; font-size: 18px; }

#work-content .entry span { position: absolute; color: #fff; display: none; font-weight:bold; }
.variable-sizes1 .entry span { position: absolute; left: 10px; top: 32px; color: #fff; display: none; width: 115px; line-height: 12px; }
.variable-sizes2 .entry span { position: absolute; left: 12px; top: 40px; color: #fff; display: none; width: 120px; line-height: 13px; }
.variable-sizes3 .entry span { position: absolute; left: 17px; top: 47px; color: #fff; display: none; width: 145px; line-height: 17px; }
.variable-sizes4 .entry span { position: absolute; left: 25px; top: 58px; color: #fff; display: none; width: 180px; line-height: 20px; }
.variable-sizes5 .entry span { position: absolute; left: 30px; top: 80px; color: #fff; display: none; width: 220px; line-height: 25px; }


#work-content  .entry:hover span { display: inline; }
#work-content  .entry:hover { background: #000; }
#work-content  .work .entry .hover-overlay { position: relative; background: #000; opacity: .3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"!important; /*--IE 8 Transparency--*/ }
#work-content  .work.project-dim { opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*--IE 8 Transparency--*/}
#work-content  .work.project-dim:hover { opacity: 1!important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important; /*--IE 8 Transparency--*/ }
.slider-wrapper { margin: 2px 0 0 40px; }
.slider-center { float: left; margin-right: 15px; }


#sort-by { width: 100%; float: left; width: 640px; margin-right: 138px; }
#sort-by li { float: left; list-style-type: none; padding: 0 25px 0 0; background-color: #fff; }
/*moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;*/

#sliderChange { visibility: hidden; }

#sort-by li a:link, #sort-by li a:visited { font-size: 17px; font-weight: 600; letter-spacing: 1.2px; }  /*color: #000;*/
#sort-by a.selected { color: #000; }
#sort-by a { color: #c0c0c0; }
.cat-work.cat-work-null a, .cat-work-null a.selected { color: #c0c0c0!important; }
#sort-by a:focus { color: #000; }
.filter-hidden { display: none; position: fixed;}


#cat-architecture.cat-hover.cat-work a { color: #00a2f1!important; }
#cat-architecture.cat-hover a, #cat-architecture a:hover, #cat-architecture a:active, #cat-architecture a.selected, #cat-architecture.cat-work a { color: #00a2f1; }

#cat-landscape.cat-hover.cat-work a { color: #6ecb24!important; }
#cat-landscape.cat-hover a, #cat-landscape a:hover, #cat-landscape a:active, #cat-landscape a.selected, #cat-landscape.cat-work a { color: #6ecb24; }

#cat-planning.cat-hover.cat-work a { color: #ff6e10!important; }
#cat-planning.cat-hover a, #cat-planning a:hover, #cat-planning a:active, #cat-planning a.selected, #cat-planning.cat-work a { color: #ff6e10; }

#cat-interiors.cat-hover.cat-work a { color: #fe2c69!important; }
#cat-interiors.cat-hover a, #cat-interiors a:hover, #cat-interiors a:active, #cat-interiors a.selected, #cat-interiors.cat-work a { color: #fe2c69; }

#cat-graphics.cat-hover.cat-work a { color: #682cbf!important; }
#cat-graphics.cat-hover a,  #cat-graphics a:hover, #cat-graphics a:active, #cat-graphics a.selected, #cat-graphics.cat-work a { color: #682cbf; }

#cat-all.cat-hover.cat-work a { color: #000!important; }
#cat-all.cat-hover a, #cat-all a:hover { color: #000; }

#cat-presscat.cat-hover.cat-work a { color: #000!important; }
#cat-presscat.cat-hover a, #cat-presscat a:hover, #cat-presscat.cat-work a { color: #000; }

#cat-awards.cat-hover.cat-work a { color: #000!important; }
#cat-awards.cat-hover a, #cat-awards a:hover, #cat-awards.cat-work a { color: #000; }

#cat-civic.cat-hover.cat-work a { color: #000!important; }
#cat-civic.cat-hover a, #cat-civic a:hover, #cat-civic.cat-work a { color: #000; }

#cat-commercial.cat-hover.cat-work a { color: #000!important; }
#cat-commercial.cat-hover a, #cat-commercial a:hover, #cat-commercial.cat-work a { color: #000; }

#cat-competitions.cat-hover.cat-work a { color: #000!important; }
#cat-competitions.cat-hover a, #cat-competitions a:hover, #cat-competitions.cat-work a { color: #000; }

#cat-education.cat-hover.cat-work a { color: #000!important; }
#cat-education.cat-hover a, #cat-education a:hover, #cat-education.cat-work a { color: #000; }

#cat-entertainment.cat-hover.cat-work a { color: #000!important; }
#cat-entertainment.cat-hover a, #cat-entertainment a:hover, #cat-entertainment.cat-work a { color: #000; }

#cat-product.cat-hover.cat-work a { color: #000!important; }
#cat-product.cat-hover a, #cat-product a:hover, #cat-product.cat-work a { color: #000; }

#cat-branding.cat-hover.cat-work a { color: #000!important; }
#cat-branding.cat-hover a, #cat-branding a:hover, #cat-branding.cat-work a { color: #000; }

#cat-masterplan.cat-hover.cat-work a { color: #000!important; }
#cat-masterplan.cat-hover a, #cat-masterplan a:hover, #cat-masterplan.cat-work a { color: #000; }

#cat- inprogress.cat-hover.cat-work a { color: #000!important; }
#cat-inprogress.cat-hover a, #cat-inprogress a:hover, #cat-inprogress.cat-work a { color: #000; }

#cat-ideas.cat-hover.cat-work a { color: #000!important; }
#cat-ideas.cat-hover a, #cat-ideas a:hover, #cat-ideas.cat-work a { color: #000; }

#cat-residential.cat-hover.cat-work a { color: #000!important; }
#cat-residential.cat-hover a, #cat-residential a:hover, #cat-residential.cat-work a { color: #000; }

.project-description-left a, .project-description-right a { 
	color: white; 
	font-weight: bold;
}

.filter-wrapper {
       position: fixed; z-index: 30;
}
.isotope,
.isotope .isotope-item {
 /* change duration value to whatever you like */
 -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
         transition-duration: 0.8s;
}

.isotope {
 -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
         transition-property: height, width;
}

.isotope .isotope-item {
 -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
         transition-property:         transform, opacity;
}

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
 -webkit-transition: none;
    -moz-transition: none;
         transition: none;
}

/* specifically for ISOTOPE filtering */
/*.isotope-item { z-index: 2; }

.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }*/


#loader.loading { background: rgba(255, 255, 255, 0.9 ); width: 66px; height: 66px; position: fixed; bottom: 0; color: #9A9A9A; padding: 20px; left: 49%; top: 49%; text-align: center; }

.minusOne { margin-right: 7px; }
.plusOne { margin-left: 7px; }
.works-slider { position: absolute; top: 18px; }
.works-slider.prev { background: url('images/works-l-arrow.gif') no-repeat left top; width: 24px; height: 46px; display: block; left: -40px; z-index: 20; }
.works-slider.next { background: url('images/works-r-arrow.gif') no-repeat left top; width: 24px; height: 46px; display: block; right: -40px; z-index: 20; }

/* Member Page Custom Style  */
#content .related-posts h2:first-child {
    
    display: block;
    font-weight: bold;
    border-bottom: 1px solid #4e4e4e;
    line-height: 35px;
    margin: 0px;
}

#content .related-posts ul {
    
    margin: 10px 0 58px 0;
}

#content .related-posts li {
    
    clear: none;
    float: right;
}

#content .related-posts li a {
    
/*    width: 95px; */
 /*   height: 75px; */
 /*   margin: 0 0 0 10px;   */ 
}

#content .related-posts li a span {
    
    top: 30px;
    font-size: 11px;
}

#content .related-posts li:first-child a {
    
/*    margin-right: 3px; */
}

#content .related-posts li a img {
    
  /*  margin: 0; */
 /*   width: 95px; */
 /*   height: 75px; */
}
#controls-wrapper{background: none transparent !important;width: auto !important; height: 50px !important,position:relative !important;}
#controls > ul {
    display: none !important;
}
#tray-button{display: none !important;}
#slidecaptiontext a{
    color: #9a9a9a;
    height: 50px;
    margin-right: 30px;
    overflow: hidden;	
    text-shadow: 1px 1px 2px #000;
}
#slidecaption {
    padding-left: 10px !important;
    padding-right: 10px !important;
     border: medium none !important;
}
#controls {
    bottom: 25px;
    margin-left: 15px !important;
}
#slideshow-wrappergallery1 #thumbnailsgallery1{background: none repeat scroll 0 0 transparent !important;}
.slideshow-thumbnails.thumbsbot{float: right; position: relative;width: 60%;margin-top: 0 !important;}
.slideshow-slideleft ,.slideshow-slideright {
    background-color: transparent !important;
}

.col {
display: inline-block;
float: left;
margin: 3px auto auto 0px;
width: 230px;
}
.profile-img {
    float: left;
    height: auto;
    max-width: 200px;
}
.profile-img img {
    height: auto !important;
    max-width: 200px;
}
.press-template .wp-post-image {
    height: auto;
    max-width: 130px;
}
.clear-fix.team img {
margin-bottom: 20px;
}
.press-template#content p a span {
position: absolute;
left: 0;
top: 0;
color: #fff;
display: none;
background: rgba(0,0,0,0.7);
height: 82%;
padding: 10%;
width: 80%;
}
/*.slideshow-slider img {
    border: medium none !important;
 }*/
 
.slideshow-slideleft {
left: -15px !important;
width: 30px !important;
background: url('/wp-content/plugins/slideshow-gallery/views/default/images/slide-left-arrow.gif') center center no-repeat !important;
}

.slideshow-slideright{
right: -15px !important;
width: 30px !important;
background: url('/wp-content/plugins/slideshow-gallery/views/default/images/slide-right-arrow.gif') center center no-repeat !important;
}

#content-loading-wrapper .single-entry p{
	margin-bottom:5px !important;
}
.slideshow-imglink.imglink{z-index: -1 !important} 
.project-info ,.project-description-left , .project-description-right {padding: 40px !important}
.slideshow-slider img:active {
    border-top: none !important;
    border-bottom: 5px solid #333 !important;
    border-left: none !important;
    border-right: none !important;
}
.slideshow-slider img {
    height: 75px;
    width: 100px;
}
.widget.widget_search {
    float: right !important;
}


@media screen and (max-width: 1200px) {
  #recent-news {
    height: 56px;
   }
#slidecaption {
    max-width: 155px;
    overflow: hidden;
    padding: 0 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}
}
.slideshow-slider img {
    height: 75px !important;
    width: 100px !important;
}
.project-info, .project-description-left, .project-description-right {
    font-size: 15px !important;
    padding: 30px !important;
    line-height: 20px !important;
}
#slidecaption {
    color: #fff;
    float: left;
    font: 400 17px/42px "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    margin: 0 20px 0 0;
    overflow: hidden;
}

/***********MEDIA QUERY**************/

@media screen and (max-width:930px){
#main-nav a {
  font-size: 17px;
  margin: 0 0 0 30px;
  padding: 22px 0 0 0;
}
}

@media screen and (max-width:830px){
#main-nav a {
  font-size: 15px;
  padding: 26px 0 0 0;
}
}