/* NAV RIBBON */

.ribbon-sitenav {
	font-family: "century gothic", "helvetica neue", helvetica, arial, sans-serif; 
	font-size: 14px;
    text-shadow: 0 2px rgba(0,0,0,.8);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
	
.ribbon-sitenav:after, .ribbon-sitenav:before {
    margin-top:0.5em;
    content: "";
    float:left;
    border:1.5em solid #2e2e73;
}

.ribbon-sitenav:after {
    border-right-color:transparent;
}

.ribbon-sitenav:before {
    border-left-color:transparent;
}

.ribbon-sitenav a:link, .ribbon-sitenav a:visited { 
    color:#fff;
	font-weight: bold;
	text-decoration:none;
    float:left;
    height:3.5em;
    overflow:hidden;
}

.ribbon-sitenav span {
    background:#2e2e73;
    display:inline-block;
    line-height:3em;
    padding:0 1em;
    margin-top:0.5em;
    position:relative;

    -webkit-transition: background-color 0.2s, margin-top 0.2s;  /* Saf3.2+, Chrome */
    -moz-transition: background-color 0.2s, margin-top 0.2s;  /* FF4+ */
    -ms-transition: background-color 0.2s, margin-top 0.2s;  /* IE10 */
    -o-transition: background-color 0.2s, margin-top 0.2s;  /* Opera 10.5+ */
    transition: background-color 0.2s, margin-top 0.2s;
}

.ribbon-sitenav a:hover span {
    background:#cc0000;
    margin-top:0;
}

.ribbon-sitenav span:before {
    content: "";
    position:absolute;
    top:3em;
    left:0;
    border-right:0.5em solid #999999;
    border-bottom:0.5em solid #2e2e73;
}

.ribbon-sitenav span:after {
    content: "";
    position:absolute;
    top:3em;
    right:0;
    border-left:0.5em solid #999999;
    border-bottom:0.5em solid #2e2e73;
}

/* TITLE RIBBON */

.ribbon-pagenav {
    position: relative;
    margin: 0 -33px 30px -33px;
    padding: 10px 30px; 
    background: #afafaf;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.75);
}

.ribbon-rightfull {
    text-align: right; 
    position: relative;
    color: #222;
    margin: 0 -33px 30px -33px;
    padding: 5px 30px; 
    text-shadow: 0 1px rgba(255,255,255,.8);
    background: #afafaf;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.75);
}

.ribbon-leftfull {
    text-align: left; 
    position: relative;
    color: #222;
    margin: 0 -33px 20px -33px;
    padding: 5px 30px; 
    text-shadow: 0 1px rgba(255,255,255,.8);
    background: #afafaf;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.75);
}

.ribbon-pagenav:before, .ribbon-pagenav:after, .ribbon-rightfull:before, .ribbon-rightfull:after, .ribbon-leftfull:before, .ribbon-leftfull:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-color: transparent;
    bottom: -8px;
}

.ribbon-pagenav:before, .ribbon-rightfull:before, .ribbon-leftfull:before {
    border-width: 0 8px 8px 0;
    border-right-color: #555;
    left: 0;
}

.ribbon-pagenav:after, .ribbon-rightfull:after, .ribbon-leftfull:after {
    border-width: 0 0 8px 8px;
    border-left-color: #555;
    right: 0;
}

/* LEFT RIGHT RIBBONS */

.ribbon-leftfade:after, .ribbon-leftfade:before, .ribbon-rightfade:after, .ribbon-rightfade:before {
    content: '';
    position: absolute;
}

.ribbon-leftfade, .ribbon-rightfade {
    font-size: 1em;
    position: relative;
    color: #222;
    text-shadow: 0 1px rgba(255,255,255,.8);
    background-color: #aaa;
}

.ribbon-leftfade {  
    margin: 0 -25px 30px -31px;
    padding: 5px 0 5px 30px; 
    background-image: -moz-linear-gradient(left,rgba(255,255,255,0), #fff);
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,0), #fff);
	background-image: -o-linear-gradient(left,rgba(255,255,255,0), #fff);
	background-image: -ms-linear-gradient(left,rgba(255,255,255,0), #fff);
    background-image: linear-gradient(left,rgba(255,255,255,0), #fff);
}

.ribbon-rightfade {
    text-align: right; 
    margin: 0 -31px 30px -25px;
    padding: 5px 30px 5px 0; 
    background-image: -moz-linear-gradient(left,#fff, rgba(255,255,255,0));
    background-image: -webkit-linear-gradient(left,#fff, rgba(255,255,255,0));
	background-image: -o-linear-gradient(left,#fff, rgba(255,255,255,0));
	background-image: -ms-linear-gradient(left,#fff, rgba(255,255,255,0));
    background-image: linear-gradient(left,#fff, rgba(255,255,255,0));
}    

.ribbon-leftfade:before, .ribbon-leftfade:after, .ribbon-rightfade:before, .ribbon-rightfade:after {
    border-style: solid;
    border-color: transparent;
    bottom: -6px;
}

.ribbon-leftfade:before {
    border-width: 0 6px 6px 0;
    border-right-color: #555;
    left: 0;
}

.ribbon-rightfade:after {
    border-width: 0 0 6px 6px;
    border-left-color: #555;
    right: 0;
}