#content {
    position:absolute;
    top:40px;
    right:0;
    bottom:0;
    left:0;
}

div.Photo_wrapper{  
    float:left; /* important */  
    position:relative; /* important(so we can absolutely position the description div */  
}  
div.Photo_caption {  
    position:absolute; /* absolute position (so we can position it where we want)*/  
    bottom:0px; /* position will be on bottom */  
    left:0px;  
    width:100%;  
    font-family: 'tahoma';  
    font-size:15px;  
    color:white;  
    opacity:0.6; /* transparency */  
    filter:alpha(opacity=60); /* IE transparency */  
}  
p.Photo_caption_content{  
    padding:10px;  
    margin:0px;  
}  
div.Photo_tag {  
    position:absolute; /* absolute position (so we can position it where we want)*/  
    top:0px; /* position will be on top */  
    left:0px;  
    width:100%;  
    font-family: 'tahoma';  
    font-size:15px;  
    color:white;  
    opacity:0.6; /* transparency */  
    filter:alpha(opacity=60); /* IE transparency */  
}

.flip-containing-element .ui-slider-switch { width: 10em }

#Taxonlist_home {
    color:greenyellow;
}

#taggedmessage {
    color:red;
}

img {
    max-width: 100%;
    height: auto;
}

@media all and (max-width: 60em) {
	.my-breakpoint .ui-block-a, 
	.my-breakpoint .ui-block-b { 
		width: 100%; 
		float:none; 
	}
}     
/* Jos tämän kommentoi, kuvien koko pienenee selainta pienennettäessä eikä rivinvaihtoa enää tule.*/

/* Alla olevalla tavalla pitäisi saada eri värisiä radio buttoneita, mutta mikään niistä ei toimi.

#Chapterlist #TAGGEN {
    background-color:green;
}​

 .ui-radio .ui-last-child {
    background-color:green;
}
.ui-radio:nth-child(2) .ui-icon-radio-on.ui-icon {
    background-color:grey;
}
*/