/*
 * alter default header.
*/
#header{background-image:url(mywork_logo.png) !important;background-repeat:no-repeat;}
/*
 * alter default block.
*/
.block .block-inner,.block .block-content,.block .block-content-inner,.block .block-title{background:none !important;}
.block .block-title{background:#164a11 !important;}
/*.block .block-inner,.block .block-title,.block{border-radius:10px 10px 0px 0px;-webkit-border-radius:10px 10px 0px 0px;-moz-border-radius:10px 10px 0px 0px;}*/
.block .block-inner,.block .block-title,.block{border-radius:0px 0px 0px 0px;-webkit-border-radius:0px 0px 0px 0px;-moz-border-radius:0px 0px 0px 0px;}
.block .block-content{background:#FFF !important;}
.block .block-content-inner{padding:5px 5px 0px 5px !important;}
.block,.menu > li.expanded ul{
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);}
/*
 * alter default menu.
*/
ul.menu{padding: 0 !important;list-style: none !important;width: auto;height: auto;}
ul.menu li{list-style-image:none !important;list-style-type:none !important;margin:0 !important;margin-top:-3px !important;}
ul.menu li a{display:block !important;padding:0.4em 0.2em 0.4em 0 !important;width:208px !important;color:#000;}
.menu > li > a,.menu > li.collapsed > a{
    -webkit-box-shadow: inset 0px 1px 0px 0px #878e98;
    -moz-box-shadow: inset 0px 1px 0px 0px #878e98;
    box-shadow: inset 0px 1px 0px 0px #878e98;
    width: 100%;
    line-height: 1.75em;
    text-indent: 0.2em;
    position: relative;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.menu > li.collapsed > a,.menu > li.expanded > a{
/*background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.53, #13571D),
	color-stop(1, #056907)
);
background-image: -o-linear-gradient(bottom, #13571D 53%, #056907 100%);
background-image: -moz-linear-gradient(bottom, #13571D 53%, #056907 100%);
background-image: -webkit-linear-gradient(bottom, #13571D 53%, #056907 100%);
background-image: -ms-linear-gradient(bottom, #13571D 53%, #056907 100%);
background-image: linear-gradient(to bottom, #13571D 53%, #056907 100%);
color:#FFF;*/
text-indent:1.7em;
}

.menu ul li a{
    background: #fff;
    width: 100%;
    /*height: 1.75em;*/
    line-height: 1.75em;
    text-indent: 1.75em;
    display: block;
    position: relative;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #444;
}
.menu ul li:last-child a {
    border-bottom: 1px solid #33373d;
}
.menu > li.collapsed > a:before {
	content: '';
  background-image: url(list_metro.png) !important;
  background-repeat: no-repeat;
  font-size: 36px;
  height: 1em;
  width: 1em;
  position: absolute;
  left: 1px;
  top: 55%;
  margin: -.28em 0 0 0;
}
.menu > li.expanded > a{color:#000;}
.menu  > li.expanded > a:before{
content: '';
  background-image: url(arrow_down.png) !important;
  background-repeat: no-repeat;
  font-size: 36px;
  height: 1em;
  width: 1em;
  position: absolute;
  left: 0;
  top: 50%;
  margin: -.28em 0 0 0;
}
.menu > li.expanded ul{margin-bottom:5px;border-bottom:1px solid rgb(121, 122, 122);}
.menu > li.expanded ul li a{text-indent:1.75em;border:none !important;}
.menu > li.expanded ul li{}
.menu > li.expanded{padding:0;}
.menu li.active-trail > a,.menu li a:hover{background:rgb(192, 190, 190);font-weight:bold;text-decoration:none;}
.menu > li > a span {
    font-size: 0.857em; 
    display: inline-block;
    position: absolute;
    right: 1em;
    top: 40%; 
    /*background: #1D471F;*/
    line-height: 1em;
    height: 1em;
    padding: .4em .6em;
    margin: -.8em 0 0 0;
    text-indent: 0;
    text-align: center;
    -webkit-border-radius: .769em;
    -moz-border-radius: .769em;
    border-radius: .769em;
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
    text-shadow: 0px 1px 0px rgba(0,0,0,.5);
    font-weight: 500;
    width:15px;
    border:1px solid rgb(223, 217, 217);
}
.menu > li > a:hover span, .menu > li a.active span {
    /*background: #1D471F;*/
}

/*
 * Alter default user profile animation.
 */
 
.hinge{
 animation-name: bounce;
 animation-duration: 4s;
 animation-iteration-count: 10;
 animation-direction: alternate;
 animation-timing-function: ease-out;
 animation-fill-mode: forwards;
 animation-delay: 2s;
 }