/*
   eg.css
   http://github.com/enure/gallery/tree/master

   all classes and ids are prefixed with eg- to allow easy integration with other libraries.
*/

body#eg { background-color:#fff; color:#222; }
.eg { margin:0; padding:0; border:0; }

/* typography */
a.eg { text-decoration: none; color: blue; }
a.eg:hover, a.eg-hover { text-decoration: underline;; }
p.eg, h4.eg { font: normal 13px/1.4 Georgia, Serif; }

/* arrows to navigate */
p#eg-photonav { margin: 1em auto; width: 3.5em; }

/* the photograph */
div#eg-content img#eg-photograph { display:block; margin: 1em auto 0; }

/* comments */
p#eg-comments { display:block; margin:1em auto 1em; line-height: 1.3; }

/* link to help, it links to http://github.com/enure/gallery/tree/master currently */
p#eg-help { position: fixed; bottom: 4px; right: 12px; }

/* displays navigation help which fades away via js */
p#eg-navHelp { position: fixed; top: 1px; left: 1px; padding: 1px; color: #000; background-color: #ddd; display: none; }

/* preloads the next photo off screen */
img#eg-preloadNextPhoto { position: absolute; top: -10000px; left: -10000px; }

/* styles for the index page */
body#eg-index h4.eg { color: #666; margin: 8px 0 2px;}
body#eg-index div#eg-width { width:520px; margin:5em auto; }
body#eg-index a.eg:hover { text-decoration: underline; }
body#eg-index p.eg { margin-bottom: 12px; }