.portfolio-buttons { display:block; margin:1px 2px 1px 2px; font-family: Helvetica, Arial, sans serif; font-size: 12px; }
/* The styles for the black button */

.black { padding-left:15px; color: #fff!important; border: 1px solid #bababa; background-color: #2c2c2c; }
.black a { color: #fff; line-height:32px; height:32px; }
.black:hover { color: #00b4ff; }
.black:active { color: #00b4ff; }

.black2 { padding-left:50px; color: #fff!important; border: 1px solid #bababa; background-image: -moz-linear-gradient(#0c0f49, #050956); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#050956), to(#0c0f49)); background-image: -webkit-linear-gradient(#0c0f49, #050956); background-image: -o-linear-gradient(#0c0f49, #050956); text-shadow: 1px 1px 1px #6d6d6d; background-color: #050956; }
.black2 a { color: #fff; line-height:32px; height:32px; }
.black2:hover { color: #00b4ff; }
.black2:active { color: #00b4ff; }


.black3 { padding-left:30px; color: #fff!important; border: 1px solid #bababa; background-image: -moz-linear-gradient(#0c0f49, #050956); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#050956), to(#0c0f49)); background-image: -webkit-linear-gradient(#0c0f49, #050956); background-image: -o-linear-gradient(#0c0f49, #050956); text-shadow: 1px 1px 1px #6d6d6d; background-color: #050956; }

.black3 a { color: #fff; line-height:32px; height:32px; }
.black3:hover { color: #00b4ff; }
.black3:active { color: #00b4ff; }

.portfolio-buttons a.active { color: #d00; }
