image_annotation/commit

make css independent of ids

diff --git a/web/css/common-annotation.css b/web/css/common-annotation.css
index 5534136..6f2f724 100644
--- a/web/css/common-annotation.css
+++ b/web/css/common-annotation.css
@@ -28,20 +28,20 @@ Style rules we need in both object and fragment modes.
     max-width: 100%;
 }
 
-#media .resource { 
+.media .resource { 
     text-align: center;
     font-size: x-large;
     font-weight: lighter;
     font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 }
-#media .title .metalabel { display: none }
-#media .description .metalabel { display: none }
-#media .title  {
+.media .title .metalabel { display: none }
+.media .description .metalabel { display: none }
+.media .title  {
 	color: #222;
 	font-size: 1.3em;
 	font-weight: bold;
 }
-#media .link a.r_def {
+.media .link a.r_def {
 	color: #222;
 	font-size: 1.3em;
 	font-weight: bold;
diff --git a/web/css/fragment-annotation.css b/web/css/fragment-annotation.css
index 9205c66..9385c67 100644
--- a/web/css/fragment-annotation.css
+++ b/web/css/fragment-annotation.css
@@ -1,6 +1,6 @@
 @import "deniche-tags.css";
 
-#media img {
+.media img {
   max-width: 100%;
 }
 
diff --git a/web/css/object-annotation.css b/web/css/object-annotation.css
index ce19ff5..e4a2627 100644
--- a/web/css/object-annotation.css
+++ b/web/css/object-annotation.css
@@ -6,25 +6,25 @@ body {
 }
 
 /* layout */
-#layout {
+.layout {
 	width: 95%
 	margin: 0 auto;
 	padding: 1%;
 	background-color: #FFF;
 }
-#fields {
+.fields {
 	width: 33%;
 	padding: 1%;
 	margin-left: 1%;
 	background-color: #EEE;
 }
 
-#media {
+.media {
 	max-width: 64%;
 }
 
 
-#media img {
+.media img {
 	max-width: 100%;
 }