/* main styles
===========================*/
#sidebar-socicon {font-size:0; text-align:left; z-index:9999999999999999999;}
#sidebar-socicon li {display:block; width:100%; margin-bottom:10px}
#sidebar-socicon li img {width:100%; height:100%}

#navside {
  z-index: 99999999999999999999;
  position: fixed;
  top: 30px;
  width: 224px;
  height:auto;
  clear: both;
  background-color: #000000;
  padding: 10px;
}

#navside.hidden { visibility: hidden; }

#navside.left {
  left: 100%;
  margin-left: 0px;
  text-align: left;
}

#navside.right {
  right: 100%;
  margin-right: 0px;
  text-align: right;
}


.continputwidthbot2 {width:100%; border:solid 1px #ddd; background: transparent !important; vertical-align:middle; font-size:10pt; padding:4px 6px; color:#fff; font-family: 'Open Sans', Arial, Helvetica, sans-serif;}		
.txtareawidthbot2 {width:100%; border:solid 1px #ddd; background: transparent !important; height:80px; vertical-align:middle; font-size:10pt; padding:2px 5px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; color:#fff;}
.sendbutbot2 {background-color:#ffffff; border:solid 1px #ddd; padding:2px 10px; width:80px; margin:0 auto; color:#333333; font-size:11pt; cursor:pointer; font-family: 'Open Sans', Arial, Helvetica, sans-serif; text-align:center; display:block}

/*
#navside ul {
  list-style: none;
  padding: 0;
  margin-left: auto;
  width: 100%;
}
*/

/*
#navside ul li a {
  text-decoration: none;
  display: block;
  color: #666;
  line-height: 36px;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  -webkit-transition-property: color;
  -webkit-transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-property: color;
  -moz-transition-duration: 0.1s;
  -moz-transition-timing-function: ease-out;
  -ms-transition-property: color;
  -ms-transition-duration: 0.1s;
  -ms-transition-timing-function: ease-out;
  -o-transition-property: color;
  -o-transition-duration: 0.1s;
  -o-transition-timing-function: ease-out;
  transition-property: color;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  direction: ltr;
}

#navside ul li a:hover { color: #fff; }
*/

#icon { width: 1140px; }

#navside_icon {
  z-index: 999999999999999999999;
  position: fixed;
  top: 30px;
  display: block;
  width: 24px;
  height: 80px;
  background: #333333;
  background: url(../images/socicon.png) no-repeat;
  background-position: 0 0;
  cursor: pointer;
}

#navside_icon.hidden { visibility: hidden; }

#navside_icon.right { right: 0px; }

#navside_icon.left { left: 0px; }



@media screen and (min-width: 300px) {
#navside, #navside_icon {top: 60px;}
}

@media screen and (min-width: 768px) {
#navside, #navside_icon {top: 100px;}


}