/* RESET */



/* --------------------------------------------------------- */
/* ---------- TYPOGRAPHY and text COLORS ----------- */
/* --------------------------------------------------------- */




#gallery #galleryHeader #galleryTitles { color: #a2a2a2; }
#gallery #galleryHeader #galleryTitles a { text-decoration: none; color: #a2a2a2; }
#gallery #galleryHeader #galleryTitles a:hover { color: #c9c9c9; }
#gallery #galleryHeader #galleryTitles .current { color: #c6c6c6; font-size: 1.33em; }
#gallery #galleryHeader #galleryTitles .current a { text-decoration: none; color: #c6c6c6; }
#gallery #galleryHeader #galleryTitles .current a:hover { color: #e0e0e0; }
#gallery #galleryHeader #galleryTitles .middot { font-size: 1.4em; }
#gallery #galleryHeader .button .highlight { color: #d6d6d6; }

#sidebar { color: #7b7b7b; }
#sidebar .sidebarWidget .postList .metaData { font-size: 0.83em; }
#sidebar .sidebarWidget .postList .metaData a { text-decoration: none; color: #a1a1a1; }
#sidebar .sidebarWidget .postList .metaData a:hover { color: #7b7b7b; }






/* --------------------------------------------------------- */
/* ----------------------- GALLERY ---------------------- */
/* --------------------------------------------------------- */



#gallery { width: 100%; margin: 0 0 12px 0; }
#gallery #galleryHeader { margin: 0 0 30px; text-align: center; background: transparent url(../images/dark/galleryHeaderBgTile.png) repeat-x center top; }
#gallery #galleryHeader .button { display: block; width: 78px; height: 34px; background: transparent url(../images/dark/button.png) no-repeat; line-height: 34px; font-size: 0.83em; text-transform: uppercase; text-align: center; cursor: pointer; position: relative; }
#gallery #galleryHeader .button .highlight { display: block; width: 78px; height: 34px; position: absolute; top: 0; left: 0; background: transparent url(../images/dark/buttonHighlight.png) no-repeat; }
#gallery #galleryHeader #prevButton { float: left; }
#gallery #galleryHeader #nextButton { float: right; }
#gallery #galleryHeader #galleryTitles { line-height: 34px; text-align: center; }
#gallery #galleryHeader .galleryTitle { margin: 0 18px; }
#gallery #slideContainer { width: 500px; }
#gallery #slideContainer .slide { width: 500px; }
#gallery #slideContainer .slide .galleryImage { float: left; margin: 0 40px 25px 0; position: relative; overflow: hidden; }
#gallery #slideContainer .slide .alt { float: left; margin: 0 0 25px 0; }
#gallery #slideContainer .slide .galleryImage .zoomButton { width: 97px; height: 95px; display: block; position: absolute; left: 0; top: 50px; background: transparent url(../images/dark/galleryButtonLeft.png) no-repeat; }
#gallery #slideContainer .slide .galleryImage .descriptionButton { width: 98px; height: 95px; display: block; position: absolute; right: 0; top: 50px; background: transparent url(../images/dark/galleryButtonRight.png) no-repeat; }

#description { background: #0a0a0a url(../images/dark/backgroundTile.png) repeat 50% 0; width: 580px; margin: 0 auto; padding: 45px 45px 30px; }
#description img.alignleft { margin: 0 25px 25px 0; }
#description img.alignright { margin: 0 0 25px 25px; }







/* --------------------------------------------------------- */
/* -------------------- FORMS AND BUTTONS ------------------- */
/* --------------------------------------------------------- */



form .button { display: block; width: 78px; height: 34px; background: transparent url(../images/dark/button.png) no-repeat; line-height: 34px; font-size: 0.83em; text-transform: uppercase; text-align: center; cursor: pointer; position: relative; }
#sidebar form .button { float: right; }
form .button input.highlight { display: block; width: 78px; height: 34px; padding: 0; margin: 0; position: absolute; top: 0; left: 0; background: transparent url(../images/dark/buttonHighlight.png) no-repeat; outline: none; border: none; text-transform: uppercase; font-size: 1em; font-family: Lucida Sans, "Ludica Grande", "Lucida Sans Unicode", Arial, sans-serif; color: #d6d6d6; cursor: pointer; }
input { width: 244px; background: transparent url(../images/dark/inputBg.png) no-repeat; border: none; outline: none; padding: 9px 8px; color: #7B7B7B; font-family: Lucida Sans, "Ludica Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size: 12px; line-height: 12px; }
input#s { width: 166px; float: left; margin: 2px 0 0; }
textarea { width: 564px; height: 126px; padding: 12px 8px; background: transparent url(../images/dark/textareaBg.png) no-repeat; border: none; outline: none; color: #7B7B7B; font-family: Lucida Sans, "Ludica Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size: 1em; line-height: 1.65em; }
#main input { margin: 0 15px 0 0; }
#contactForm { margin: 35px 0 0; }
#ajaxResponse { padding: 20px 0 0; position: relative; }
#ajaxResponse #loaderIcon { visibility: hidden; background: transparent url(../images/dark/ajax-loader.gif) no-repeat; display:block; width: 16px; height: 16px; }
#ajaxResponse #loaderIcon2 { position: absolute; top: -26px; left: 90px; background: transparent url(../images/dark/ajax-loader.gif) no-repeat; display:block; width: 16px; height: 16px; }
#ajaxResponse span.error { display: block; height: 30px; line-height: 30px; padding: 0 0 0 40px; background: transparent url(../images/dark/no.png) no-repeat left top; font-size: 0.83em; }
#ajaxResponse span.success { display: block; height: 30px; line-height: 30px; padding: 0 0 0 40px; background: transparent url(../images/dark/yes.png) no-repeat left top; font-size: 0.83em; }