<style type="text/css">@media screen and (max-device-width: 800px) {


	BODY
		{

		color: #FFFFFF;
		background-color: #000000;
		font-family: Droid Sans;
		}

	small{
		display: none;
	}

	span{
		font-size: 30px;
	}

	#list_surround tbody td:not(.status_not_selected):first-child{
		width: 2em;
	}

	#list_surround tbody td:not(.status_not_selected):nth-child(2){
		padding-left: 15px;
	}

	#list_surround tbody td:not(.status_not_selected):nth-child(4){
		display: none !important;
	}

	#list_surround tbody td:not(.status_not_selected):nth-child(5){
		width: 4em;
	}
	#list_surround tbody td:not(.status_not_selected):nth-child(5) a:nth-child(2){
		font-size: 150%;
		float: right;
	}


	/*
	// Determines the positioning of your list
	*/

	#list_surround
	{
		margin: 0 auto;
		width: 920px;
		font-size: 30px;
	}

	/*
	// All links on your list
	*/

		a
			{
			color: #7C9EB3;
			text-decoration: none;
			}

		a:visited
			{
			color: #7C9EB3;
			text-decoration: none;
			}

		a:hover
			{
			color: #7C9EB3;
			text-decoration: underline;
			}

	/*
	// Alternating row color 1
	*/

		.td1
			{

			color: #FFFFFF;
			border-width: 0px 1px 1px 0px;
			border-style: solid;
			border-color: #000000;
			padding: 2px;
			background-color: #464646;
			}

	/*
	// Alternating row color 2
	*/

		.td2
			{

			color: #FFFFFF;
			border-width: 0px 1px 1px 0px;
			border-style: solid;
			border-color: #000000;
			padding: 2px;
			background-color: #5A5A5A;
			}

	/*
	// This represents the "Anime Title", "Score", "# Eps" columns
	*/

		.table_header
			{

			color: #FFFFF;
			border-width: 1px 1px 1px 0px;
			border-style: solid;
			border-color: #000000;
			background-color: #000000;
			padding: 2px;
			}

	/*
	// headerLink represents the color of the links inside the_header
	*/


	/*
	// Controls the select form decoration (the drop down select box)
	*/

		.form
			{
			border-width: 1px 1px 1px 1px;
			border-color: #000000;
			border-style: solid;
			color: #000000;
			padding: 2px;
			font-size: 11.00px;
			font-family: Verdana, Arial;
			}


	/* Which 'status' up top is selected? */

	.status_selected
	{

		color: #FFFFFF;
		border-width: 0px 1px 1px 0px;
		border-style: solid;
		border-color: #000000;
		padding: 2px;
		background-color: #464646;
		}

	.status_not_selected
	{

		color: #FFFFFF;
		border-width: 0px 1px 1px 0px;
		border-style: solid;
		border-color: #000000;
		padding: 2px;
		background-color: #5A5A5A;
		}

	/*
	Header classes for Currently Watching, Completed, Dropped, etc...
	*/

	.header_title {
		font-size: 14px;
		font-weight: bold;
	}

	#grand_totals
	{
		text-align: center;
	}

	/* header_al is thesurrounding "User's Anime List" at the top */

	.header_al
	{
		font-weight: bold;
		font-size: 16px;
	}

	/* header_al_links is thewith your "Profile" and "MyAnimeList home" links */

	/* controls what styles you can give to all the anime titles in your list */
	.animetitle
	{
		font-weight: bold;
	}

	/*
	copyright contains the "Producted by Garrett Gyssler" text
	DO NOT REMOVE OR HIDE THIS DIV
	IF FOUND TO BE REMOVED, YOUR LIST WILL BE REMOVED TOO
	*/

	#copyright
	{
		padding-top: 6px;
		text-align: center;
		margin: 0 auto;
		width: 920px;
		font-size: 11px;
	}

}

@media screen and (min-device-width: 801px) {

#grand_totals,  [style^="float: right"] {
    display: none;
}


	BODY {
		background: #ffffff url('http://i.imgur.com/C5B4x5J.jpg') right top fixed;
		color: #000000;
		font-family: Verdana,Arial;
		font-size: 11px;
		margin: 0;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#list_surround {
		margin: 0 1%;
		width: 60%;
	}
	a {
		color: rgb(71, 45, 91);
		text-decoration: none;
	}
	a:visited {
		color: rgb(71, 45, 91);
		text-decoration: none;
	}
	a:hover {
		color: #51819F;
		text-decoration: underline;
	}
	tr:hover [class^=td] {
		background: rgba(120, 80, 147, .5);
	}
	.td1 {
		background: rgba(214, 201, 208, .3);
		border-color: #ABABAB;
		border-style: solid;
		border-width: 0 1px 1px 0;
		color: #000000;
		padding: 2px;
	}
	.td2 {
		background: rgba(120, 80, 147, .3);
		border-color: #ABABAB;
		border-style: solid;
		border-width: 0 1px 1px 0;
		color: #000000;
		padding: 2px;
	}

td[align="left"] {
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}

	.table_header {
		background: rgba(123, 57, 62, .7);
		border-color: #ABABAB;
		border-style: solid;
		border-width: 1px 1px 1px 0;
		color: #000000;
		padding: 2px;
		font-size: 120%;
	}

	.form {
		border-color: #ABABAB;
		border-style: solid;
		border-width: 1px;
		color: #000000;
		font-family: Verdana,Arial;
		font-size: 11px;
		padding: 2px;
	}
	.status_selected {
		background: rgba(214, 201, 208, .1);
		border-color: #ABABAB;
		border-style: solid;
		border-width: 0 1px 1px 0;
		color: #000000;
		padding: 2px;
	}
	.status_not_selected {
		background: rgba(120, 80, 147, .2);
		border-color: #ABABAB;
		border-style: solid;
		border-width: 0 1px 1px 0;
		color: #000000;
		padding: 2px;
	}

	small {
		color: #74647F;
		font-weight: bold;
	}

	.header_title {
		font-size: 14px;
		font-weight: bold;
	}

	#grand_totals {
		text-align: center;
	}
	.header_al {
		font-size: 16px;
		font-weight: bold;
	}

	.animetitle {
		font-weight: bold;
	}
	#copyright {
		margin: 0 auto;
		padding-top: 6px;
		text-align: center;
		width: 920px;
	}


}
		</style>