@import url('../../../../../www.dpsallahabad.com/css/font-awesome.min.css');
@import url('../../../../../www.dpsallahabad.com/css/font-oswald.css');
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,700,300);

/*
font-family: 'OswaldLight',Arial,Helvetica,sans-serif;
color: #fff;
font-size: 16px;
line-height: 18px;
padding-bottom: 7px;
padding-top: 6px;
font-weight: lighter;
*/


img { border: 0; }
#userinfo { border: 1px solid black; font-size: 0.7em; padding: 3px; position: absolute; right: 5px; top: 8px; }
#userinfo a, #userinfo a:visited { color: #069; font-weight: bold; text-decoration: none; }
#userinfo a:hover { text-decoration: underline; }

#gallery { margin: 20px auto; text-align: left; width: 900px; }
.album, .imageEntry, .imageInfo { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background: rgba(0,0,0,0.3); }

/*.album { display: block; height: 130px; width: 100%; clear: both; margin-bottom: 5px; }*/
.album { /*display: block;*/ height: 130px; width: 440px; /*clear: both;*/ margin: 5px; float:left; }
.album img { float: left; margin-right: 10px; width: 130px; }
.albumInfo { float: left; }
.albumInfo, .order { margin-top: 35px; }
.albumName { font-size: 0.9em; }
.albumDate, .albumDesc, .protected { font-size: 0.7em; }
.order { float: right; margin-right: 10px; }

.imageEntry { float: left; font-weight: bold; padding: 5px; text-align: center; height: 200px; margin: 5px; width: 200px; }
.imageEntry img { margin: 0 auto; }
.imageTitle { font-size: 0.8em; }
.exifLabel { font-size: 0.8em; }
.exifData { font-size: 0.7em; font-weight: normal; }

.imageInfo { width: 50%; margin: 10px auto; padding: 5px; }
.imageInfo tbody tr td:nth-child(1) { font-size: 0.8em; font-weight: bold; }
.imageInfo tbody tr td:nth-child(2) { font-size: 0.8em; }

#tagSearchToggle { position: fixed; bottom: 20px; left: 10px; font-weight: bold; font-size: 1.1em;}
#tagSearch { position: fixed; bottom: 10px; left: 10px; }

#pagination { clear: both; float:left; margin: 10px 0 10px 4px; }
#pagination a, #pagination #currentPage { padding: 5px; margin-right: 2px; }
#pagination a { border: 1px solid #fff; }
#pagination #currentPage { border: 2px solid black; color: black; font-weight: bold; }

#map { margin: 0 auto; /*width: 700px; height: 500px;*/ }
.marker { text-align: center; }

input, select, .label { margin-top: 5px; }
.label { clear: both; float: left; width: 200px; margin-top: 5px; font-size: 0.9em; font-weight: bold; }
.sublabel { font-size: 0.8em; margin: 2px 0 0 20px; }

#versionInfo { font-size: 0.8em; margin-bottom: 10px; border: 1px solid #ffd700; padding: 5px; }