body {
	background-image: url(http://www.abstractmachine.net/index/images/generate/grey.php);
	background-repeat: repeat;
	background-attachment: scroll;
}


div#random {
	padding:0px;
	
}

table#random_table {
	margin:0px;
	padding:0px;
	border-collapse: collapse;
	margin-left:10px;
	margin-top: 25px;
	margin-bottom: 25px;
}

tr {
	padding:0px;
}

td img {
	display:block;
}

td.random_blog_local, td.random_blog_link, td.random_machine_local, td.random_diagram_local, td.random_abstract_local {
	padding:0px;
	border: 1px;
	border-style: dotted;
	width:120px;
	height:120px;
	background-color: rgb(255,255,255);
	background-repeat:no-repeat;
	background-position: center center;
}

td.random_blog_local, td.random_blog_link {
	background-image: url(./randomizer/blog.gif);
}

td.random_diagram_local {
	background-image: url(./randomizer/diagrams.gif);
}

td.random_machine_local {
	background-image: url(./randomizer/machines.gif);
}

td.random_abstract_local {
	background-image: url(./randomizer/abstracts.gif);
}

a.random_blog_local:hover img, a.random_blog_link:hover img, a.random_machine_local:hover img, a.random_diagram_local:hover img, a.random_abstract_local:hover img {
	margin-left: -2000px;
}



/* iPad-type specific css */

@media only screen and (max-device-width: 1024px) {
	

}

@media only screen and (max-device-width: 1024px) and (orientation:portrait){

	#block {
		width: 670px !important;
		margin-left: -370px !important;
	}
	
	a#menu_english_active, a#menu_english_inactive, a#menu_french_active, a#menu_french_inactive {
		left: 711px !important;
	}
	
	td.random_blog_local, td.random_blog_link, td.random_machine_local, td.random_diagram_local, td.random_abstract_local, td.random_blog_local img, td.random_blog_link img, td.random_machine_local img, td.random_diagram_local img, td.random_abstract_local img {
		width:107px !important;
		height:107px !important;
	}
	
	#random_table tr {
		height: 107px !important;
	}
	
}

@media only screen and (max-device-width: 1024px) and (orientation:landscape){
	
}

/* iPhone-type specific css */

@media only screen and (max-device-width: 480px) {
	
	
}

@media only screen and (max-device-width: 480px) and (orientation:landscape)  {

	#block {
		width: 370px !important;
		margin-left: -220px !important;
	}
	
	a#menu_english_active, a#menu_english_inactive, a#menu_french_active, a#menu_french_inactive {
		left: 411px !important;
	}
	
	td.random_blog_local, td.random_blog_link, td.random_machine_local, td.random_diagram_local, td.random_abstract_local, td.random_blog_local img, td.random_blog_link img, td.random_machine_local img, td.random_diagram_local img, td.random_abstract_local img {
		width:57px !important;
		height:57px !important;
	}
	
	#random_table tr {
		height: 57px !important;
	}
	
}

@media only screen and (max-device-width: 480px) and (orientation:portrait)  {

	#block {
		width: 370px !important;
		margin-left: -220px !important;
	}
	
	a#menu_english_active, a#menu_english_inactive, a#menu_french_active, a#menu_french_inactive {
		left: 411px !important;
	}
	
	td.random_blog_local, td.random_blog_link, td.random_machine_local, td.random_diagram_local, td.random_abstract_local, td.random_blog_local img, td.random_blog_link img, td.random_machine_local img, td.random_diagram_local img, td.random_abstract_local img {
		width:57px !important;
		height:57px !important;
	}
	
	#random_table tr {
		height: 57px !important;
	}
	
}