#main {
  margin-top: 0em
}
.ui-menu {
  z-index: 99999;
  background-color: lightgrey
}
.drop-container a {
  color: #fff;
  text-decoration: none
}
#site-title a {
  font-size: 1.5em;
  vertical-align: top
}
.site-name {
  position: absolute;
  margin-top: -9px;
  margin-left: 10px
}
#footer-base .container a,#footer-base .container a:visited {
  color: #fff;
  outline: 0 none;
  text-decoration: none
}
#masthead a {
  text-decoration: none
}
#drop-panel-expando {
  text-decoration: none;
  margin-top: -10px;
  background: #ed174f;
  font-size: 10px;
  padding: 0 11px
}
#masthead {
  line-height: 0px;
  margin-top: 20px
}
nav#main-nav {
  position: relative;
  margin-top: 7px
}
#header #header-inner {
  padding-bottom: 0px;
  margin-top: 10px;
  border:1px;
  border-radius:15px;
}
nav#main-nav>ul>li {
  font-size: 1.3em;
  font-weight: 300;
  margin: 0 1em
}
#main-nav-menu li#nav-home {
  display: none
}
.search-bar {
  margin-top: 20px
}
.search-bar form {
  margin-bottom: 0px
}
.search-bar input[type="text"] {
  margin-bottom: 0px
}
.search-bar span {
  margin-left: -20px
}

.portfolio-item {
  border-style: solid;
  border-color:black;
  background-color:#efefef;
  border-radius: 25px;
}
.contact-form select,.contact-form input[type="password"] {
  background: transparent url("../images/bkgs/stripes_tiny_08.png") top left repeat;
  border: 1px solid transparent;
  border-radius: 0;
  clear: both;
  color: #000
}
.nobottom {
  font-size: 1.3em
}
#sub-title {
  font-size: 1em;
  font-weight: 300
}
#respond select {
  border: 3px solid #efefef;
  max-width: 93%;
  font: 12px "Open Sans","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
  padding: 8px;
  width: 410px;
  background: #fff none repeat scroll 0 0;
  border-radius: 2px;
  color: #777;
  display: block;
  margin: 0 0 20px;
  max-width: 100%;
  outline: medium none;
  padding: 6px 4px
}
div.pp_pic_holder {
  top: 25% !important
}
.skin-test #sub-title,.skin-test #main p a,.skin-test nav#main-nav>ul>li.current>a,.skin-test a.excerpt-link,.skin-test .post-meta a.post-category,.skin-test #tweet a {
  color: #FDB913
}
.skin-test .contact-form label {
  border-bottom-color: #FDB913
}
.skin-test #colophon .footer-upper {
  border-top-color: #FDB913
}
.skin-test #message {
  color: #FDB913
}
.skin-test nav#main-nav>ul>li>a {
  color: #FDB913
}
.skin-test nav#main-nav>ul>li:hover a,.skin-test nav#main-nav>ul>li>a:hover {
  border-color: #FDB913;
  color: #FDB913;
  display: block
}
.skin-test #main header .sub-page-title {
  color: #FDB913
}
.skin-acceleweb #sub-title,.skin-acceleweb #main p a,.skin-acceleweb nav#main-nav>ul>li.current>a,.skin-acceleweb a.excerpt-link,.skin-acceleweb .post-meta a.post-category,.skin-acceleweb #tweet a {
  color: #ED174F
}
.skin-acceleweb .contact-form label {
  border-bottom-color: #ED174F
}
.skin-acceleweb #colophon .footer-upper {
  border-top-color: #ED174F
}
.skin-acceleweb #message {
  color: #ED174F
}
.skin-acceleweb nav#main-nav>ul>li>a {
  color: #ED174F
}
.skin-acceleweb nav#main-nav>ul>li:hover a,.skin-acceleweb nav#main-nav>ul>li>a:hover {
  border-color: #ED174F;
  color: #ED174F;
  display: block
}
.skin-acceleweb #main header .sub-page-title {
  color: #ED174F
}
.skin-classifieds #sub-title,.skin-classifieds #main p a,.skin-classifieds nav#main-nav>ul>li.current>a,.skin-classifieds a.excerpt-link,.skin-classifieds .post-meta a.post-category,.skin-classifieds #tweet a {
  color: #F78E1E
}
.skin-classifieds .contact-form label {
  border-bottom-color: #F78E1E
}
.skin-classifieds #colophon .footer-upper {
  border-top-color: #F78E1E
}
.skin-classifieds #message {
  color: #F78E1E
}
.skin-classifieds nav#main-nav>ul>li>a {
  color: #F78E1E
}
.skin-classifieds nav#main-nav>ul>li:hover a,.skin-classifieds nav#main-nav>ul>li>a:hover {
  border-color: #F78E1E;
  color: #F78E1E;
  display: block
}
.skin-classifieds #main header .sub-page-title {
  color: #F78E1E
}
.skin-wineries #sub-title,.skin-wineries #main p a,.skin-wineries nav#main-nav>ul>li.current>a,.skin-wineries a.excerpt-link,.skin-wineries .post-meta a.post-category,.skin-wineries #tweet a {
  color: #87a53f
}
.skin-wineries .contact-form label {
  border-bottom-color: #87a53f
}
.skin-wineries #colophon .footer-upper {
  border-top-color: #87a53f
}
.skin-wineries #message {
  color: #87a53f
}
.skin-wineries nav#main-nav>ul>li>a {
  color: #87a53f
}
.skin-wineries nav#main-nav>ul>li:hover a,.skin-wineries nav#main-nav>ul>li>a:hover {
  border-color: #87a53f;
  color: #87a53f;
  display: block
}
.skin-wineries #main h4 {
  color: #a31603
}
.skin-wineries #main h1 a {
  color: #87a53f
}
.skin-wineries a.excerpt-link {
  color: #a31603
}
.skin-wineries #main header .sub-page-title {
  color: #87a53f
}
.skin-dating #sub-title,.skin-dating #main p a,.skin-dating nav#main-nav>ul>li.current>a,.skin-dating a.excerpt-link,.skin-dating .post-meta a.post-category,.skin-dating #tweet a {
  color: #7581BF
}
.skin-dating .contact-form label {
  border-bottom-color: #7581BF
}
.skin-dating #colophon .footer-upper {
  border-top-color: #7581BF
}
.skin-dating #message {
  color: #7581BF
}
.skin-dating nav#main-nav>ul>li>a {
  color: #7581BF
}
.skin-dating nav#main-nav>ul>li:hover a,.skin-dating nav#main-nav>ul>li>a:hover {
  border-color: #7581BF;
  color: #7581BF;
  display: block
}
.skin-dating #main header .sub-page-title {
  color: #7581BF
}
.skin-files #sub-title,.skin-files #main p a,.skin-files nav#main-nav>ul>li.current>a,.skin-files a.excerpt-link,.skin-files .post-meta a.post-category,.skin-files #tweet a {
  color: #009DDC
}
.skin-files .contact-form label {
  border-bottom-color: #009DDC
}
.skin-files #colophon .footer-upper {
  border-top-color: #009DDC
}
.skin-files #message {
  color: #009DDC
}
.skin-files nav#main-nav>ul>li>a {
  color: #009DDC
}
.skin-files nav#main-nav>ul>li:hover a,.skin-files nav#main-nav>ul>li>a:hover {
  border-color: #009DDC;
  color: #009DDC;
  display: block
}
.skin-files #main header .sub-page-title {
  color: #009DDC
}
.avatar-upload {
  width: 150px;
  height: 150px
}
.avatar-upload img {
  max-width: 300px;
  max-height: 300px
}
.avatar-upload__progress-wrapper span {
  font-size: 8px
}
@media only screen and (max-width: 959px) {nav#main-nav {
  margin-top: 10px;
  margin-bottom: 10px
}
#header #masthead {
  width: 36px
}

}
@media only screen and (min-width: 768px) and (max-width: 959px) {nav#main-nav {
margin-top: 10px;
margin-bottom: 10px
}

}
@media only screen and (max-width: 767px) {a.mobile-menu-button {
margin-bottom: 10px
}
nav#main-nav ul.nav-menu.menu-open,nav ul.nav-menu.menu-open {
margin-top: -10px
}
#header nav#main-nav {
width: 300px
}
.search-bar span {
margin-left: 0px
}

}



/* Fix flickering issues while mouse over on "Site" and User profile icons. */
#nav-blog a img.scale-with-grid {
height: 31px !important;
}
nav#main-nav>ul>li a {
padding: 0 !important;
float: left !important;
width: 100% !important;
}
nav#main-nav>ul>li ul li a {
padding: .6em 1.3em !important;
}
nav#main-nav>ul>li ul li {
float: left !important;
width: 100% !important;
}
nav#main-nav>ul>li ul li a {
box-sizing: border-box;
}
/* end flickering issues style */

.skin-acceleweb.landing-page #header {
background-color: #fff;
height: 80px;
opacity: 0.9;
box-shadow: 0px 0px 10px #656565;
position: relative;
}

.skin-acceleweb.landing-page nav#main-nav {
bottom: -70px !important;
right: 166px !important;
}
.skin-acceleweb.landing-page #masthead.offset-by-two {
margin-left: 40px;
margin-top: 15px;
}

@media screen and ( max-width: 767px) {
.skin-acceleweb.landing-page nav#main-nav {
bottom: -65px !important;
right: 10px !important;
}
.skin-acceleweb.landing-page a.mobile-menu-button {
margin-bottom: 10px;
float: right;
}
.skin-acceleweb.landing-page nav#main-nav ul.nav-menu.menu-open,
.skin-acceleweb.landing-page nav ul.nav-menu.menu-open {
margin-top: 31px;
}

}