@import url(//fonts.googleapis.com/css?family=Oswald:400,300,700);
.clearboth{
clear:										both;
}
.BlogNav {
padding:									0;
font-weight:							400;
width:										100%;
list-style:								none;
text-transform:					uppercase;
font-family:							'Oswald', sans-serif;
background: 						-webkit-linear-gradient(#222, #000); 
background: 						-o-linear-gradient(#222, #000); 
background: 						-moz-linear-gradient(#222, #000); 
background: 						linear-gradient(#222, #000); 
box-shadow: 						0px 0px 4px #222;
border-bottom:					1px solid #444;
}
.BlogNavCont {
max-width:							980px;
margin:									auto;
padding:									0;
}
.BlogNav .topperNav {
border-bottom:					1px solid #444;

padding:									0;
margin:									0;
}
.BlogNav .topperNav  a {
font-size:								14px;
float:											left;
color:										#fff;
text-decoration:				none;
padding:									0;
margin:									0;
-webkit-transition: 			color .3s ease-in-out;
-moz-transition: 				color .3s ease-in-out;
-o-transition: 						color .3s ease-in-out;
-ms-transition: 					color .3s ease-in-out;
transition: 								color .2s ease-in-out;
}
.BlogNav .topperNav   span {
float:											left;
color:										#50b2d7;
text-decoration:				none;
padding:									0;
margin:									0;
}
.BlogNav .topperNav   a:hover {
color:										#99b320;
}
.BlogNav .topperNav   li {
float:											left;
padding:									4px 12px 4px 13px !important;
list-style:								none;
margin:0;
}
.BlogNav .topperNav   ul {
padding:									0;
margin:									0;
}



.BlogNav .bottom  a {
font-size:								11px;
float:											left;
color:										#fff;
text-decoration:				none;
padding:									0;
margin:									0;
-webkit-transition: 			color .3s ease-in-out;
-moz-transition: 				color .3s ease-in-out;
-o-transition: 						color .3s ease-in-out;
-ms-transition: 					color .3s ease-in-out;
transition: 								color .2s ease-in-out;
}
.BlogNav .bottom  span {
float:											left;
color:										#50b2d7;
text-decoration:				none;
padding:									0px;
margin:									0;
}
.BlogNav .bottom   a:hover {
color:										#99b320;
}
.BlogNav .bottom  li {
float:											left;
padding:									3px 11px 3px 12px  !important;
list-style:								none;
letter-spacing:					.015em;
margin:0;
}
.BlogNav .bottom   ul {
padding:									0;
margin:									0;
}



.BlogNav #blue   a:hover {
color:										#76C0EF;
}
.BlogNav #yellow   a:hover {
color:										#EBD445;
}
.BlogNav #pink  a:hover {
color:										#E38EE9;
}
.BlogNav #red  a:hover {
color:										#F05053;
}
.BlogNav #orange  a:hover {
color:										#F48A4C;
}

.BlogNav #all  a {
color:										#F74E51;
}
.BlogNav #all  a:hover {
color:										#fff;
}


.BlogFootA {
padding:									0;
font-weight:							400;
width:										100%;
list-style:								none;
text-transform:					uppercase;
font-family:							'Oswald', sans-serif;
background: 						-webkit-linear-gradient(#000, #222); 
background: 						-o-linear-gradient(#000, #222); 
background: 						-moz-linear-gradient(#000, #222); 
background: 						linear-gradient(#000, #222); 
box-shadow: 						0px 0px 4px #222;
border-top:							1px solid #444;
padding-bottom:				15px;
}
.twenty {
padding:0;
margin:0;
width:	20%;
float:left;
}
.BlogFootA  h2 {
font-size: 25px;
letter-spacing:2px;
font-weight:300;
color:#666;
text-align:center;
padding:10px;
text-decoration:none;
height:25px;
}
.BlogFootA  h2 a{
font-size: 25px;
letter-spacing:2px;
font-weight:300;
color:#666;
text-align:center;
padding:20px;
text-decoration:none;

-webkit-transition: 			color .3s ease-in-out;
-moz-transition: 				color .3s ease-in-out;
-o-transition: 						color .3s ease-in-out;
-ms-transition: 					color .3s ease-in-out;
transition: 								color .2s ease-in-out;
}
.BlogFootA  h2 a:hover{
font-size: 25px;
letter-spacing:2px;
font-weight:300;
color:#fff;
text-align:center;
padding:20px;
text-decoration:none;
}
.twenty  a {
font-size:								13px;
color:										#fff;
text-decoration:				none;
letter-spacing:					1px;
padding:									0;
margin:									0;
-webkit-transition: 			color .3s ease-in-out;
-moz-transition: 				color .3s ease-in-out;
-o-transition: 						color .3s ease-in-out;
-ms-transition: 					color .3s ease-in-out;
transition: 								color .2s ease-in-out;
}
.twenty  span {
float:											left;
color:										#50b2d7;
text-decoration:				none;
padding:									0px;
margin:									0;
}
.twenty   a:hover {
color:										#99b320;
}
.twenty  li {
padding:									5px 13px 5px 0px  !important;
list-style:								none;
letter-spacing:					.015em;
margin:0;
}
.twenty   ul {
padding:									0;
margin:									0;
}

.twenty #blue   a:hover {
color:										#76C0EF;
}
.twenty #yellow   a:hover {
color:										#EBD445;
}
.twenty #pink  a:hover {
color:										#E38EE9;
}
.twenty #red  a:hover {
color:										#F05053;
}
.twenty #orange  a:hover {
color:										#F48A4C;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {
	
.BlogNav .topperNav  a {
font-size:								12px;
float:											left;
color:										#fff;
text-decoration:				none;
padding:									0;
margin:									0;
-webkit-transition: 			color .3s ease-in-out;
-moz-transition: 				color .3s ease-in-out;
-o-transition: 						color .3s ease-in-out;
-ms-transition: 					color .3s ease-in-out;
transition: 								color .2s ease-in-out;
}
.BlogNav .topperNav   li {
float:											left;
padding:									4px 6px 4px 7px !important;
list-style:								none;
margin:0;
}
.BlogNav .bottom  li {
float:											left;
padding:									3px 5px 3px 5px  !important;
list-style:								none;
margin:0;
}
.BlogNav .bottom  a {
font-size:								10px;
float:											left;
color:										#fff;
text-decoration:				none;
padding:									0;
margin:									0;
-webkit-transition: 			color .3s ease-in-out;
-moz-transition: 				color .3s ease-in-out;
-o-transition: 						color .3s ease-in-out;
-ms-transition: 					color .3s ease-in-out;
transition: 								color .2s ease-in-out;
}

.twenty  a {
font-size:								10px;
color:										#fff;
text-decoration:				none;
letter-spacing:					1px;
padding:									0;
margin:									0;
-webkit-transition: 			color .3s ease-in-out;
-moz-transition: 				color .3s ease-in-out;
-o-transition: 						color .3s ease-in-out;
-ms-transition: 					color .3s ease-in-out;
transition: 								color .2s ease-in-out;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.BlogNav .bottom {
height:0px;
width:0px;
overflow:hidden;
}
.twenty {
height:0px;
width:0px;
overflow:hidden;
}
}
@media only screen and (min-width: 80px) and (max-width: 479px) {
.BlogNav {
height:0px;
width:0px;
overflow:hidden;
}
.twenty {
height:0px;
width:0px;
overflow:hidden;
}
}