/************************************************************** Main Layout *****/ * { margin: 0px; padding: 0px; } html { height: 100%; } body { background: #FEFEFE url(http://www.tilakbera.info/images/bg.jpg) repeat-x; text-align: center; margin: 0px; padding: 0px; } /****************************************************************** HEADER *****/ #header { height: 20px; text-align: left; } #header-content { position: relative; width: 96%; margin: 0px 2%; padding: 0; } #header-content h1#logo { position: absolute; top: 4px; left: 0px; color: #FFFFFF; font: italic bold 40px "Times New Roman", Sans-serif; letter-spacing: -2px; margin: 0; padding: 0; } #header-content h1#logo a { color: #FFFFFF; text-decoration: none; } #header-content h1#logo a:hover { color: #D59D69; text-decoration: none; } #header-content h1#logo a:active { color: #BFBFBF; text-decoration: none; } #header-content #slogan { position: absolute; top: 60px; left: 40px; color: #FFFFFF; font: italic bold 18px "Times New Roman", Sans-serif; text-transform: none; margin: 0; padding: 0; } .gray { color: #BFBFBF; } /*********************************************************************** HEADER MENU ***/ #header-content ul { position: absolute; right: 0px; top: 20px; color: #FFF; font: bold 100% Georgia, sans-serif; list-style: none; letter-spacing: -1px; margin: 0; padding: 0; } #header-content li { display: inline; } #header-content li a { background-color: #192832; float: left; display: block; color: #999999; text-decoration: none; padding: 0px 8px; border-right: 1px solid #272727; } #header-content li a:hover { color: #D59D69; } #header-content li a:active { color: #65944A; } #header-content li a#current { color: #FFFFFF; } /*************************************************************************** MAIN *****/ #main { position: relative; background: #1B2934; text-align: left; margin: 90px 2% 10px; padding: 0px 30px 50px; border: 1px solid #444; border-bottom: 5px solid #444; } #padbox { padding: 30px 0px; } /************************************************************************ GALLERY *****/ #gallerytitle { margin-bottom: 20px; padding-bottom: 40px; border-bottom: 1px solid #E6E6DF; } #gallerytitle h2 { width: 80%; font-size: 115%; color: #999999; font-weight: normal; margin-top: 18px; } /******************************************************************** Text Styles *****/ body { color: #888; font: normal 82%/200% Helvetica, sans-serif; } h2 { color: #AAA; font-weight: bold; font: 115% Helvetica, sans-serif; } h2 span { color: #999999; } h2 a:link, h2 a:visited { color: #FFFFFF; text-decoration: none; } h2 a:hover { color: #D59D69; text-decoration: none; } h3 { color: #D59D69; font-weight: bold; font: 110% Helvetica, sans-serif; margin-top: 30px; } h3 a:link, h3 a:visited { text-decoration: none; } h3 a:hover { text-decoration: underline; } blockquote { color: #363630; margin-left: 20px; padding-left: 20px; border-left: 1px dotted #96967E; } /********************************************************* Link Styles *****/ a:link, a:active, a:visited { text-decoration: underline; color: #86A1B6; } a:hover, a:focus { text-decoration: underline; color: #94C2E5; } img { border: 0; } #imagemetadata { position: relative; display: none; text-align: right; } #imagemetadata table { position: absolute; top: 2em; right: 0px; background-color: #FAFAFA; text-align: left; line-height: 1em; border: 1px solid #CCCCCC; } #imagemetadata table td { background-color: #F8F8F8; padding: 2px 5px; border-bottom: 1px solid #F0F0F0; } /****************************************************************** Page Navigation *****/ .pagelist { clear: both; margin: 30px 0; padding: 0; } ul.pagelist { clear: both; list-style-type: none; margin: 30px 0; padding: 0; } ul.pagelist li { display: inline;} ul.pagelist li a, ul.pagelist span.disabledlink { padding: 4px; } ul.pagelist li.current a { color: #748da0; font-weight: bold; text-decoration: none; cursor: default; } ul.pagelist li.prev { margin-right: 10px; } ul.pagelist li.next { margin-left: 10px; } .disabledlink { color: #294550; cursor: default; } .disabled_nav { visibility: hidden; } .pagenav { clear: both; } /*********************************************************************** AJAX *****/ #imageDescEditable, #albumTagsEditable { background-color: #FEFEFE; margin-top: 24px; } #albumDescEditable, #albumTagsEditable { background-color: #FEFEFE; margin-bottom: 12px; } #imageDesc, #exif_link { background-color: #FEFEFE; margin-bottom: 4px; } #exif_link { float: right; } /*********************************************************************** Tags *****/ .taglist ul { display: inline; list-style-type: none; } .taglist li { background: url(../images/tag.png) no-repeat left center; list-style-type: none; float:left; padding-left: 18px; padding-right: 5px; } .taglist .tags_title { background: none; padding-left: 0; padding-right: 5px; } /********************************************************* Album Thumbnails *****/ #albums { width: 80%; margin: 0px 10%; } .album { background: #233543; width: 100%; float: left; line-height: 100%; margin: 0 12px 8px 0; padding: 10px 8px 8px 10px; border: 1px solid #444; } .album .thumb { float: left; margin-right: 6px; } .album h3 { margin: 0; padding: 0; } .album p { font-size: 11px; line-height: 12px; margin: 0px; padding: 4px 0px 0px; } .album a img { } .albumdesc2 { line-height: 18px; } .albumdesc small { color: #8DB8CF; } /************************************************************ Image Thumbnails *****/ .imagethumb { float: left; } .imagethumb a, .imagethumb a:hover { background-color: #1B2934; display: block; line-height: 0px; margin: 0px 9px 9px 0px; padding: 9px; border: 1px solid #444; } .imagethumb a:visited { background-color: #1B2934; border: 1px solid #444; } .imagethumb a:hover { background-color: #1B2934; border: 1px solid #ccc; } /********************************************************** Individual Image *****/ #image { text-align: center; line-height: 0; } .image { margin: 0; padding: 0; border: 0; } .imgnav { background: #1B2934; width: 100%; text-align: center; margin: 20px auto; border: 0px solid #444; } .imgnav .imgprevious a, .imgnav .imgnext a { width: 50%; height: 100%; float: left; display: block; line-height: 200%; font-size: 100%; color: #999999; text-decoration: none; padding: 4px 0; } .imgnav .imgprevious a:hover, .imgnav .imgnext a:hover { background-color: #1B2934; color: #D59D69; text-decoration: none; } .imgnav .imgprevious a { float: left; } .imgnav .imgnext a { float: right; } #narrow { width: 80%; margin: 30px auto 0px auto; } /******************************************************************* Comments *****/ #comments { clear: both; } .comment { background: #1B2934; color: #FFFFFF; margin-bottom: 12px; padding: 10px; border: 1px solid #444; } .commentmeta { margin-bottom: 12px; } .commentauthor { #FFFFFF; font-weight: bold; } .commentdate { font-size: 85%; color: #FEFEFE; margin-top: 12px; } .error { color: #C33; font-weight: bold; } /******************************************************************* Forms *****/ label { cursor: pointer; } label:hover { color: #999; } textarea { width: 100%; color: #888; font: 100%/200% Helvetica, sans-serif; padding: 4px; } .checkbox { cursor: pointer; } .inputbox { width: 250px; padding: 2px; } .pushbutton { cursor: pointer; padding: 5px 10px; } #map { margin-left: -77px;} #rating { margin-top: 10px; } /**************************************************************** Admin Toolbox *****/ #admin, #admin_data { position: fixed; _position: absolute; right: 5%; top: 80px; z-index: 2; width: 120px; background: transparent; border: 0px; } #admin_data { top: 100px; z-index: 3; line-height: 1.6em; padding-top: 20px; } #admin h3 { color: #AAAAAA; font-weight: normal; margin: 0; padding:0; } #admin h3:hover { color: #86A1B6; } /******************************************************************* Search Box *****/ #search { background: transparent; float: right; text-align: center; } #search ul { position: absolute; width: 20px; text-align: left; list-style: none; margin: 0px; padding: 2px; } #search ul .item { display: none; } #search ul:hover .item { background-color: #222; display: block; color: #FFFFFF; margin: 0px; padding: 1px; } #search li { width: 300px; padding: 3px 5px;} input#search_input, #search input.pushbutton { background: #1B2934; color: #999999; font-size: 80%; padding: 3px 5px; border: 3px double #999999; } /************************************************************* Archive View *****/ #archive { width: 300px; text-align: center; margin: 0 auto; } ul.archive * { list-style: none; margin: 0; padding: 0; } ul.archive .year { font-size: 18px; font-weight: bold; text-align: center; margin-top: 10px; margin-bottom: 5px; } ul.archive .month { font-size: 14px; list-style: none; padding-top: 5px; border-top: 2px solid #666; } /************************************************************************* Tag Cloud *****/ #tag_cloud { background: #233543; text-align: center; } #tag_cloud p { background: #1B2934; font-size: 18px; font-weight:bold; text-align: center; margin: 20px 0; padding: 10px 0; border-top: 1px solid #666; border-bottom: 2px solid #666; } /*********************************************************************************/ #credit, #sort { clear: both; width: 96%; font-size: 90%; color: #294550; text-align: right; margin: 0 auto; } #credit a, #sort a { color: #294550; text-decoration: none; border-bottom: 1px dotted #294550; } #credit a:hover, #sort a:hover { color: #748DA0; text-decoration: none; border-bottom: 1px solid #294550; } /******************************************************* Miscellaneous *****/ .left { float: left; } .right { float: right; } .clear { clear: both;} hr { clear: both; height: 0; border: 0; margin: 0 0 12px 0; padding: 0; border-top: 1px solid #444; }