@charset "UTF-8";
/* CSS Document */
/* ---------------- footer specific styles ----------------*/
div#logo {
	padding-left: 1em;
	width: 200px;
	float: left;
}
div#logo img {
	height: 200px;
	width: 200px;
	border-radius: 10px;
}
div#links {
	margin-top: -4px;
	margin-right: 3em;
	margin-left: 40px;
	width: 70%;
	height: 90%;
	float: left;
}
div#links h6 {
	font-size: 1em;
	font-weight: 200;
}
div#links hr {
	margin-top: -20px;
	margin-right: -40px;
	
}
#link_list {
	margin-top: 1em;
	margin-left: .5em;
	list-style: none;
}
#link_list li {
	float: left;
	margin-right: .25em;
}
#link_list a {
	text-decoration: none;
	color: #FFF;
}
#link_list a.current {
	font-weight: bold;
}

#link_list a:hover {
	font-weight: bold;
}
#link_list a.best_of {
	/*white-space: pre-wrap;*/
}
#admin_list {
	margin-top: 4em;
	margin-left: .5em;
	list-style: none;
}
#admin_list li {
	float: left;
}
#admin_list a {
	font-size: .85em;
	text-decoration: none;
	color: #FFF;
}
#admin_list a:hover {
	font-weight: bold;
}	
p.legal {
	margin-top: 15px;
	margin-left: .5em;
	/*display: block;*/
	color: #FFF;
	list-style: none;
	font-size: .75em;
	text-decoration: none;
}
p.legal a {
	color: #FFF;
}
p.legal span:hover {
	font-weight: bold;
}


/*-- Media Queries --*/

@media screen and ( max-width: 1020px ) {
	
	div#links { width: 60%; }
}

@media screen and ( max-width: 875px ) {
    
    p.legal {
        margin-top: 0px;
        margin-left: -10px;
        text-align: left;
    } 
}

@media screen and ( max-width: 821px ) {
    div#logo img {
		height: 60px;
		width: 60px;
	}
    
    div#links {
        margin-top: -65px;
        margin-right: 3em;
        margin-left: 100px;
        width: 80%;
        height: 100%;
    }
    
    #admin_list { margin-top: 3em; }
    
    p.legal {
        margin-top: 0px;
        margin-left: -8px;
        margin-bottom: -10px;
        width: 80%;
        display: block;
    }
}

@media screen and ( max-width: 520px ) {
    
    div#links hr { 
        margin-left: 0px;
        width: 90%; 
    }
    
    ul#admin_list { margin-left: -80px; }
    
    div#links p.legal {
        /*margin-left: 0px;*/
        padding-top: 10px;
        /*padding-bottom: 10px;*/
        width: 100%;
    } 
}

@media screen and (max-width: 420px)  {
    
    ul#admin_list li a { font-size: .8em; }
    
}