@charset "UTF-8";
/*------------------------------------------------------------
 HP Settings for white bar across top of screen with logo 
--------------------------------------------------------------*/			
* { margin:0; padding:0; font-size: 100%}
html 
{
	width:100%; 
}
#hp_menu_container_for_ie {
	margin:50px auto -30px 0; /* change bottom one to +20px to see admin buttons in SmugMug galleries */
     height: 152px;
	width:100%; 
	min-width: 1224px;
     left: 0; /* set to far left position */
	background:none;
     float:left;
     z-index: 220; 
     position:relative;
}

#hp_menu_header { 
	text-align:center;
	margin:-142px 0 50px 0; 
	height:60px; 
	width:100%; 
     left: 0; /* set to far left position */
     float:left;
     z-index: 216; 
     position:relative;
     
     background-image:url('http://www.herringtonphotography.com/img/HP menu background.png');
     background-repeat:repeat-x;
     
    /* this goes from white to transparent 
         background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 1), rgba(0, 0, 0, 0));
         background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 1), rgba(0, 0, 0, 0));
         background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255, 255, 255, 1)), to(rgba(0, 0, 0, 0)));
         background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 1), rgba(0, 0, 0, 0));
         background-image: -o-linear-gradient(left, rgba(255, 255, 255, 1), rgba(0, 0, 0, 0));
         background-image: linear-gradient(left, rgba(255, 255, 255, 1), rgba(0, 0, 0, 0));
         background-repeat: repeat-x;
         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 255, 255, 1)', endColorstr='rgba(0, 0, 0, 0)', GradientType=1);
         padding: 2rem 0;
    */
    
  /**** THESE DON'T WORK IN IE ****/
  /*   background-color: white;*/
  /*   opacity:0.8; */
  /*   filter:alpha(opacity = 80);  /* THIS LINE SCREWS UP IE ON THE MENU DROP DOWNS */
}

#hp_menu_header .content {
     height: 60px;
	width:100%; 
     z-index: 215; 
     position:relative;
     float:left;
}

#logo {
     left: 2%;  /* 50% - sets the left edge of the element 50% to the left/right of its normal position - this setting allows the menu to move as screen size changes */
	margin:-38px 0 0 0;
	padding:0;
	float:left;
     width: 204px;/*229px;*/
     height: 204px;/*172px;*/
     z-index: 217; 
     position:relative;
}

#logo a img {
     width: 204px;/*229px;*/
     height: 204px;
     border: none; /* for IE */
     margin-top: 2px;
}

#social_network {  /* social network area on screen (no matter how it is implemented within the area this section is needed) */
     margin-top: -30px; 
     left: 60%; /* margin-left: 750px; */
     float: left; 
     width: 25%; /* width: 400px;*/
     z-index: 218; 
     position:relative;
}     
.custom-social-button, /* settings for each social network button */
.custom-social-button a {  /* settings for each social network button anchor */
     padding: 2px  !important;
     margin:  0    !important;
     width:   32px !important;
     height:  32px !important;
     display: inline !important;
}
.custom-social-button a:hover {  /* settings for each social network button hover */
     opacity: 0.8;
     filter:alpha(opacity = 80); /* for IE8 or earlier */
}                                 
.custom-social-button iframe { /* this one is for Pinterest */
     padding: 0px  !important;
     margin:  0    !important;
     width:   49px !important;
     height:  26px !important; /* adjust this to move icon up or down on screen */
}
.custom-social-button #___plusone_0 {  /* this one is for Google +1 */
     padding: 0px  !important;
     margin:  0    !important;
     width:   36px !important;
     height:  36px !important;
}
/* overwrite Pinterest settings */
#PinItButton {
     background: url('http://www.herringtonphotography.com/img/social_pinterest_32x32.png') no-repeat !important;
     border: none !important;
     width:   36px !important;
     height:  36px !important;
}
#PinItButton:hover {
     background-position: 0 0 !important;
     border: none !important;
}

/* overwrite Twitter settings */
#TwitterButton {
     background: url('http://www.herringtonphotography.com/img/social_twitter_32x32.png') no-repeat !important;
     border: none !important;
     width:   36px !important;
     height:  36px !important;
}
#TwitterButton a 
{
	color:transparent !important; 
}
#TwitterButton:hover {
     background-position: 0 0 !important;
     border: none !important;
}
/********************************************************/
/*  Instagram custom button on Contact Us page only (not used in header buttons)
/********************************************************/
	#instaFollow {
        background-image: url('http://www.herringtonphotography.com/img/instagram_icon.png');
        background-position: 0px 6px !important;
        background-repeat: no-repeat;
        background-color: #333333; /* button face color */
        display: inline-block;
        text-align: right;
        vertical-align: middle;
        width:260px !important; /* determines distance btw icon and text */
        height: 75px !important;
           padding-right: 20px !important;
           font-weight:bold !important;
          
     /* these 2 lines create the rounded corners */
     -moz-border-radius: 10px;
     border-radius: 10px;
     /********************************************/
       
     color: #FFFFFF !important;
     cursor: pointer !important;
     }
    #instaFollow:hover {
        background-position: 7px 0 !important;
        transition: background-position 0.1s linear 0s !important;
        background-color: #333333; /* button face color */
        color: #FFFFFF !important;
    }
    .instaFollowBtn{ /* copied Twitter follow button format */
          text-align:right;
          color: #FFFFFF !important;
          white-space: nowrap !important;
          cursor: pointer !important;
          font-weight:bold !important;
	}
/********************************************************/
/*  Settings for Share This custom buttons
/********************************************************/
.st_sharethis_custom{
	background: url("http://path/to/image/file") no-repeat scroll left top transparent;
	padding:0px 16px 0 0;
}

/* all sf_menu items are found in superfish.css */