/* @group General Styles */ body { color: #333333; font: 0.75em/1.8em Helvetica, Arial, sans-serif; margin: 0 20px 20px; text-align: center; background: repeat url(images/body_bg.png); padding: 0; } p { } b, strong { } a:link, a:visited { } a:hover, a:active { } img { border: none; } .image-left { float: left; margin: 3px 3px 3px 0; padding: 3px 3px 3px 0; position: relative; z-index: 5; } .image-right { float: right; margin: 3px 0 3px 3px; padding: 3px 0 3px 3px; position: relative; z-index: 5; } /* @end */ /* @group Layout */ #container { background: #ffffff repeat-y right url(images/sidebar_right_bg.png); /* This Is The BG Color Of The Main Div */ margin: 0px auto; /* Right And Left Margin Widths To Auto */ text-align: left; /* Hack To Keep IE5 Windows Happy */ border-right: 1px solid #a0a9a7; border-left: 1px solid #a0a9a7; border-bottom: 1px solid #a0a9a7; position: relative; } .clearer { clear: both; } #pageHeader { background: #6b7b91; border-bottom: 2px solid #818fa1; padding: 20px 40px; position: relative; margin-top: -1px; margin-bottom: -1px; z-index: 0; } #pageHeader img { position: absolute; right: 0; top: 0; } #pageHeader h1 { color: #ffffff; font-size: 2.5em; letter-spacing: 1px; margin: 0 0 5px; } #pageHeader h2 { color: #b5bdc8; font-size: 0.9em; margin: 0; } #contentContainer { margin-right: 200px; position: relative; z-index: 1; } #contentContainer #content { padding-top: 10px; padding-right: 40px; padding-left: 40px; } #sidebarContainer { float: right; width: 200px; } #sidebarContainer #sidebar { padding: 10px; color: #505050; } #sidebarContainer .sideHeader { background: #d5dfd6; color: #797f7a; font-weight: bold; height: 20px; padding-left: 10px; margin: -10px -10px 0; font-size: 1em; } #footer { border-top: 1px solid #eeeeee; margin-top: 20px; color: #909090; } #footer p { margin: 0; padding-top: 10px; padding-bottom: 10px; } #footer a:link, #footer a:visited { } #footer a:hover, #footer a:active { } /* @end */ /* @group Bread-crumb */ #breadcrumbcontainer { background: #97a8bc; font-size: 0.9em; color: #808ea0; font-weight: bold; height: 20px; padding-left: 40px; padding-right: 20px; display: block; } #breadcrumbcontainer ul { list-style: none; margin: 0; padding: 0; } #breadcrumbcontainer li { display: inline; } #breadcrumbcontainer a { color: #ffffff; } #breadcrumbcontainer a:hover { color: #6a7a90; } /* @end */ /* @group Toolbar */ /* Toolbar Styles */ #navcontainer { background: repeat-x url(images/toolbar_bg.png); height: 34px; position: relative; z-index: 2; } #navcontainer #current { text-shadow: 0px 1px 1px #666666; } #navcontainer .currentAncestor { text-shadow: 0px 1px 1px #666666; } /* Parent - Level 0 */ #navcontainer ul { padding: 0; list-style: none; margin: 0px; } #navcontainer li { position: relative; width: 120px; display: inline; float: left; } #navcontainer a { display: block; padding-top: 7px; color: #ffffff; text-shadow: 1px 1px 2px #333333; text-decoration: none; width: 120px; text-align: center; height: 27px; } #navcontainer a:hover { color: #ffffff; text-shadow: 0px 1px 1px #666666; text-decoration: none; } /* Fix IE. Hide from IE Mac \*/ * html #navcontainer ul li { float: left; height: 1%; } * html #navcontainer ul li a { height: 27px; } /* End */ /* Child - Level 1 */ #navcontainer ul ul { position: absolute; left: 0; top: 32px; display: none; z-index: 3; } #navcontainer ul ul a { height: 20px; padding-top: 7px; text-shadow: 2px 2px 2px #999999; background: url(images/sub_button.png) repeat; text-align: left; text-indent: 20px; } #navcontainer ul ul a:hover { background: repeat url(images/sub_button_over.png); } html>body #navcontainer ul ul a { background: repeat url(images/sub_button_trans.png); height: 23px; } html>body #navcontainer ul ul a:hover { background: repeat url(images/sub_button_over_trans.png); } #navcontainer ul ul #current{ background: repeat url(images/sub_button_over.png); } html>body #navcontainer ul ul #current{ background: repeat url(images/sub_button_over_trans.png); } /* Child Level 3 */ #navcontainer ul ul ul { position: absolute; left: 120px; top: 0; } #navcontainer ul ul ul ul li { } #navcontainer ul ul ul ul a{ } #navcontainer ul ul ul ul a:hover{ } div#navcontainer ul ul, div#navcontainer ul ul ul, div#navcontainer ul li:hover ul ul, div#navcontainer ul li:hover ul ul ul, div#navcontainer ul li:hover ul ul ul ul, div#navcontainer ul li:hover ul ul ul ul ul{ display:none; } div#navcontainer ul li:hover ul, div#navcontainer ul ul li:hover ul, div#navcontainer ul ul ul li:hover ul, div#navcontainer ul ul ul ul li:hover ul, div#navcontainer ul ul ul ul ul li:hover ul{ display:block; } /* @end */ /* @group Global Classes */ blockquote, .standout { color: #96a7bb; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } h1 { } h2 { } h3 { } h4 { } .imageStyle { } /* Main content area unordered list styles */ #contentContainer #content ul { } #contentContainer #content li { } ul.disc { list-style-type: disc; } ul.circle { list-style-type: circle; } ul.square { list-style-type: square; } ol.arabic-numbers { list-style-type: decimal; } ol.upper-alpha { list-style-type: upper-alpha; } ol.lower-alpha { list-style-type: lower-alpha; } ol.upper-roman { list-style-type: upper-roman; } ol.lower-roman { list-style-type: lower-roman; } /* Sidebar area unordered list styles */ #sidebarContainer #sidebar ul { margin: 10px 0; padding: 0; } #sidebarContainer #sidebar li { } /* Table Styles */ table { font-size: 1em; } /* @end */ /* @group Blog */ /* @group Tag Cloud */ ul.blog-tag-cloud { margin: 0 0 10px; padding: 0; text-align: justify; } ul.blog-tag-cloud li { display: inline; padding-right: 5px; } .blog-tag-size-1 { font-size: 0.8em; } .blog-tag-size-2 { font-size: 0.85em; } .blog-tag-size-3 { font-size: 0.9em; } .blog-tag-size-4 { font-size: 0.95em; } .blog-tag-size-5 { font-size: 1em; } .blog-tag-size-6 { font-size: 1.05em; } .blog-tag-size-7 { font-size: 1.1em; } .blog-tag-size-8 { font-size: 1.15em; } .blog-tag-size-9 { font-size: 1.2em; } .blog-tag-size-10 { font-size: 1.25em; } .blog-tag-size-11 { font-size: 1.3em; } .blog-tag-size-12 { font-size: 1.35em; } .blog-tag-size-13 { font-size: 1.4em; } .blog-tag-size-14 { font-size: 1.45em; } .blog-tag-size-15 { font-size: 1.5em; } .blog-tag-size-16 { font-size: 1.55em; } .blog-tag-size-17 { font-size: 1.6em; } .blog-tag-size-18 { font-size: 1.65em; } .blog-tag-size-19 { font-size: 1.7em; } .blog-tag-size-20 { font-size: 1.75em; } /* @end */ /* @group Archive Page */ .blog-archive-background { } .blog-entry-summary { margin-bottom: 10px; } .blog-archive-headings-wrapper { margin-bottom: 30px; border-bottom: 1px solid #eeeeee; padding-bottom: 15px; } .blog-archive-entries-wrapper { } .blog-archive-entries-wrapper .blog-entry { } .blog-archive-month { font-size: 1.9em; letter-spacing: 1px; font-weight: bold; margin-bottom: 3px; } .blog-archive-link { } .blog-archive-link a:link, .blog-archive-link a:visited { } /* @end */ .blog-entry { margin-bottom: 30px; border-bottom: 1px solid #eeeeee; padding-bottom: 15px; } .blog-entry-title { font-size: 1.9em; letter-spacing: 1px; font-weight: bold; margin: 0 0 3px; } .blog-entry-title a:link { text-decoration: none; color: #333333; } .blog-entry-date { color: #b3b3b3; margin-bottom: 10px; } .blog-read-more { display: block; padding-top: 10px; font-style: italic; } .blog-entry-body { } .blog-entry-comments { padding-top: 10px; } /*styles the category link in the main entry */ .blog-entry-category { color: #6a7a90; } .blog-entry-category a:link, .blog-entry-category a:visited { } /* styles the archives in the blog sidebar */ #blog-archives { margin-bottom: 10px; } .blog-archive-link-enabled { } .blog-archive-link-disabled { } /* Styles the blog categories in the blog sidebar */ #blog-categories { margin-bottom: 10px; } .blog-category-link-enabled { } .blog-category-link-disabled { } /* Styles the blog RSS feeds in the blog sidebar */ #blog-rss-feeds { margin-bottom: 10px; } .blog-rss-link { } .blog-comments-rss-link { } /* @end */ /* @group File Sharing */ .filesharing-description { } .filesharing-item { background: #f5f5f5; margin-bottom: 10px; padding: 5px; } .filesharing-item-title a:link { } .filesharing-item-title a:hover { } .filesharing-item-title a:visited { } .filesharing-item-description { color: #b3b3b3; } /* @end */ /* @group Photo Album */ /* @group Index Page (Thumbnail view) */ .album-title { font-size: 1.9em; letter-spacing: 1px; font-weight: bold; margin-bottom: 3px; } .album-description { margin-bottom: 70px; } .album-wrapper { display: block; width: 99%; position: relative; } .thumbnail-wrap { text-align: center; position: relative; float: left; margin-bottom: 60px; margin-right: 10px; } .thumbnail-frame { position: absolute; bottom: 0; left: 0; } .thumbnail-frame:hover { } .thumbnail-frame a { } .thumbnail-frame a:hover { } .thumbnail-frame img { margin: auto; border: none; } .thumbnail-caption { font-size: 0.9em; color: #96a7bb; margin: 0; padding: 0; width: 100%; height: 38px; display: block; } /* @end */ /* @group Single Page (Photo view) */ .photo-background { margin: 0; } .photo-navigation { background: #6b7b91; border-bottom: 2px solid #818fa1; padding: 20px 40px 10px; margin-bottom: 20px; text-align: left; } .photo-links { } .photo-navigation a:link, .photo-navigation a:visited { } .photo-navigation a:hover { } .photo-frame{ padding: 2px; background: #949b98; } .photo-title { color: #ffffff; font-size: 2.5em; letter-spacing: 1px; margin: 0 0 5px; } .photo-caption { color: #b5bdc8; font-size: 1.1em; margin: 0; } /* @group EXIF data */ /* Data wrapper */ .exif-data { } /* p tag classes for all exif data */ p.exif-version { } p.exif-colour-space { } p.exif-focal-length { } p.exif-dimensions { } p.exif-pixel-y-dimension { } p.exif-pixel-x-dimension { } p.exif-oecf-value { } p.exif-subsec-time-original { } p.exif-exposure-mode { } p.exif-spatial-frequency-response { } p.exif-scene-capture-type { } p.exif-subject-location { } p.exif-shutter-speed { } p.exif-datetime-original { } p.exif-subsec-time { } p.exif-compressed-bits-per-pixel { } p.exif-flash-energy { } p.exif-saturation { } p.exif-brightness { } p.exif-exposure-time { } p.exif-f-number { } p.exif-file-source { } p.exif-gain-control { } p.exif-subject-area { } p.exif-cfa-pattern { } p.exif-scene-type { } p.exif-white-balance { } p.exif-flash { } p.exif-exposure-index { } p.exif-flashpix-version { } p.exif-device-setting-description { } p.exif-focalplane-x-resolution { } p.exif-image-uniqueid { } p.exif-components-configuration { } p.exif-light-source { } p.exif-sensing-method { } p.exif-aperture { } p.exif-sharpness { } p.exif-exposure-program { } p.exif-subject-distance { } p.exif-subsec-time-digitized { } p.exif-contrast { } p.exif-focalplane-resolution-unit { } p.exif-gamma { } p.exif-35mm-focal-length { } p.exif-datetime-digitized { } p.exif-subject-distance-range { } p.exif-custom-rendered { } p.exif-max-aperture { } p.exif-sound-file { } p.exif-metering-mode { } p.exif-spectral-sensitivity { } p.exif-exposure-bias { } p.exif-focalplane-y-resolution { } p.exif-iso-rating { } p.exif-maker-note { } p.exif-digital-zoom-ratio { } p.exif-user-comment { } /* @end */ /* @end */ /* @end */ /* @group Quicktime Page */ .movie-description { } /* @end */ /* @group Quicktime Album */ /* @group Index Page (Movie Thumbnail view) */ .movie-page-title { font-size: 1.9em; letter-spacing: 1px; font-weight: bold; margin-bottom: 3px; } .movie-page-description { margin-bottom: 8px; } .movie-thumbnail-frame { width: 132px; height: 132px; float: left; text-align: center; margin-right: 10px; margin-bottom: 10px; background: #f5f5f5; position: relative; z-index: 4; } .movie-thumbnail-frame:hover { } .movie-thumbnail-caption { } /* @end */ /* @group Single Page (Movie View) */ .movie-background { } .movie-title { font-size: 1.9em; letter-spacing: 1px; font-weight: bold; } .movie-frame { } /* @end */ /* @end */ /* @group Contact Form */ .message-text { } .required-text { } .form-input-field { } .form-input-button { } /* @end */ /* @group JS-Kit Override */ .js-singleCommentBodyT { display: block; padding-top: 17px !important; } .js-singleCommentHeader { padding: 0 8px !important; } .js-OldComments, .js-commentFieldLabel, .js-pmFieldLabel, .js-singleCommentBody, .js-singleCommentKarmaComMod, .js-commentBodyLabel, .js-commentCmtTextarea, .js-commentAvatarArea, .js-OldCommentsWrap, .js-OldComments, .js-CreateCommentFieldsWrap, .js-CreateCommentFields, .js-commentCmtTextarea, .js-kit-comments div { clear: none !important; } .js-singleCommentText { display: block !important; clear: both !important; } .js-kit-comments br { display: none !important; } .js-singleCommentBody br { display: block !important; } /* @end */