/*
    Navigation Style
*/

.links ol{
counter-reset: li;
list-style: none;
*list-style: decimal;
font-size: 15px;
font-family: 'Raleway', sans-serif;
padding: 0;
margin-bottom: 4em;
}
.links a{
position: relative;
display: block;
padding: .4em .4em .4em 2em;
*padding: .4em;
margin: .5em 0;
background: #5975D9;
color: white;
text-decoration: none;
box-shadow:inset 0.5em 0 black;
-webkit-transition: box-shadow 1s; /* For Safari 3.1 to 6.0 */
transition: box-shadow 1s;
}

.links a:hover{
box-shadow:inset 2em 0 black;
}

/*  
    Aside Style
*/

/* LIST #8 */
.linksAside { }
.linksAside ul {
list-style:none;
}
.linksAside ul li {
font-size:12px;
font-family: 'Raleway', sans-serif;
}
.linksAside ul li a {
display:block;
width:300px;
margin-left: -40px;
height:24px;
background-color:#03B3CB;
border-left:5px solid #222;
border-right:5px solid #222;
padding-left:10px;
padding-top:7px;
text-decoration:none;
color:white;
margin-bottom: 7px;
transition: all .2s ease-in-out;
}
.linksAside ul li a:hover {
-moz-transform:rotate(-5deg);
-moz-box-shadow:10px 10px 20px #000000;
-webkit-transform:rotate(-5deg);
-webkit-box-shadow:10px 10px 20px #000000;
transform:rotate(-5deg);
box-shadow:10px 10px 20px #000000;
}