/**
 * HoverScroll Style Sheet
 *
 * @author RasCarlito <carl.ogren@gmail.com>
 * @version 0.3.0
 * @revision 8
 */
/* Main container */
div.hoverscroll { top: 567px; position: relative; z-index: 10004; }
/* List container */
div.hoverscroll div.listcontainer { overflow:hidden; bottom: 8px; left: 0; position: absolute; }
/* Actual list containing items */
div.hoverscroll ul.list { list-style:none; margin:0; padding:0; }
/* Items contained in the list */
div.hoverscroll ul.list li.item { display:block; padding:0; }
div.hoverscroll.horizontal ul.list li.item { float:left; }
/* End Scroll Style */

#info_icon, #personal_submenu, #music_submenu { display: none; }

body {
   background-color: #fff;
   margin: 0;
}

p, div, span, input, label, textarea {
   font-family: Verdana, sans-serif;
}

h1, h2, h3, #photo_menu a, #music_submenu a, #personal_submenu a, #menu a, .post .date a div {
   font-family: 'Droid Serif', 'Times New Roman', serif;
}

.cf { clear: both; }
.cf5 { clear: both; height: 5px; }
.cf10 { clear: both; height: 10px; }
a { text-decoration: none; }
img { border: 0; }


#header {
   margin: 20px auto;
   position: relative;
   width: 1000px;
}

h1 { margin: 0; }

h1 a {
   background-image: url(../images/adamelmakias_lc.png);
   background-repeat: no-repeat;
   display: block;
   float: left;
   height: 18px;
   margin: 0;
   overflow: hidden;
   position: relative;
   text-indent: -9999px;
   width: 147px;
   z-index: 10;
}

#photo_menu {
   left: 0;
   position: absolute;
   text-align: center;
   top: 0;
   width: 1000px;
   z-index: 5;
}

#photo_menu #music_menu, #photo_menu #personal_menu { float: left; width: 50%; }

#photo_menu a {
   border: 0;
   color: #999;
   font-size: 14px;
   line-height: 14px;
   margin: 0 10px;
}

#personal_link, #personal_submenu { float: left; }
#music_link, #music_submenu { float: right; }

#music_submenu a, #personal_submenu a {
   font-size: 12px;
   line-height: 14px;
   text-transform: lowercase;
}

#menu {
   float: right;
   position: relative;
   z-index: 10;
}

#menu a {
   border: 0;
   color: #999;
   cursor: pointer;
   display: inline-block;
   font-size: 13px;
   line-height: 14px;
   margin-left: 10px;
}
#photo_menu a:hover , #photo_menu a.current, #menu a:hover, #menu a.current { color: #3a3a3a; }

/* Gallery */
/* main container */
.picture-slides-container { height: 667px; margin: 0 auto; position: relative; width: 1000px; }

.picture-slides-container #info_icon {
   background-image: url(/includes/images/info_icon2.png);
   background-repeat: no-repeat;
   height: 39px;
   position: absolute;
   right: 10px;
   top: 10px;
   width: 39px;
   z-index: 10000;
}

.picture-slides-fade-container {
   left: 0;
   position: absolute;
   top: 0;
   text-align: center;
   height: 666px;
   overflow: hidden;
   width: 1000px;
}

   .picture-slides-fade-container .picture-slides-image-load-fail {
      background-image: url(../images/loading.gif);
      background-position: center center;
      background-repeat: no-repeat;
      height: 666px;
      left: 0;
      position: absolute;
      top: 0;
      width: 1000px;
   }

.picture-slides-previous-image, .picture-slides-next-image {
   cursor: pointer;
   display: block;
   padding: 0 30px;
   position: absolute;
   top: 0;
   width: 63px;
   height: 667px;
   z-index: 10003;
}
.picture-slides-previous-image { left: 0; }
.picture-slides-next-image { right: 0; }

.picture-slides-previous-image span, .picture-slides-next-image span {
   background-image: url(../images/sprite.png);
   background-repeat: no-repeat;
   display: block;
   height: 667px;
   overflow: hidden;
   text-indent: -9999px;
   width: 63px;
   
   opacity: 0;
   -moz-opacity: 0;
   filter: alpha(opacity=0);
   -webkit-transition: opacity 0.25s linear;
}
.picture-slides-previous-image:hover span, .picture-slides-next-image:hover  span{
   opacity: 1.0;
   -moz-opacity: 1.0;
   filter: alpha(opacity=100);
}
.picture-slides-previous-image span { background-position: 0 center; }
.picture-slides-next-image span { background-position: -63px center; }
.picture-slides-disabled { cursor: none; display: none; }

.picture-slides-image-text {
   background-color: rgba(255,255,255,0.85);
   cursor: default;
   position: absolute;
   right: 0;
   top: 0;
   z-index: 10005;
   
   -webkit-border-bottom-left-radius: 10px;
   -moz-border-radius-bottomleft: 10px;
   border-bottom-left-radius: 10px;
   
   opacity: 0.0;
   -moz-opacity: 0.0;
   filter: alpha(opacity=0);
   -webkit-transition: opacity 0.25s linear;
}
.picture-slides-image-text .padded { padding: 20px; }

.picture-slides-image-text p {
   color: #3a3a3a;
   font-size: 10px;
   line-height: 18px;
   margin: 0;
}
.picture-slides-image-text p:first-child { margin-top: 0; }
.picture-slides-image-text p:last-child { margin-bottom: 0; }
.picture-slides-image-text h3 {
   color: #1a1a1a;  
   font-size: 14px;
   line-height: 18px;
   margin: 0;
}

/* Thumbnails */
.picture-slides-thumbnails {
   background-color: rgba(255,255,255,0.85); 
   height: 108px;
   opacity: 0.0;
   -moz-opacity: 0.0;
   filter: alpha(opacity=0);
   -webkit-transition: opacity 0.25s linear;
}
.picture-slides-image-text:hover, .picture-slides-thumbnails:hover {
   opacity: 1.0;
   -moz-opacity: 1.0;
   filter: alpha(opacity=100);
}
.picture-slides-thumbnails li {
   display: block;
   float: left;
   margin: 4px;
   height: 100px;
   width: 100px;
}
.picture-slides-thumbnails li img{
   opacity: 0.5;
   -moz-opacity: 0.5;
   filter: alpha(opacity=50);
}
.picture-slides-thumbnails li a.picture-slides-selected-thumbnail img, .picture-slides-thumbnails li img:hover {
   opacity: 1.0;
   -moz-opacity: 1.0;
   filter: alpha(opacity=100);
}

.controls {
   right: 0;
   position: absolute;
   bottom: -40px;
}

.controls a {
   display: inline-block;
   font-size: 11px;
   line-height: 20px;
   margin: 10px;
}

/* Darker Color */
html.darker, body.darker { background-color: #1a1a1a; }
body.darker { background-color: #1a1a1a; }
body.darker h1 { color: #ccc; }
body.darker h1 a { color: #ccc; }
body.darker h1 a:hover { color: #eee; }
/*body.darker #header { border-bottom: 1px solid #555; }*/
body.darker #photo_menu a { color: #999; }
body.darker #menu a { color: #999; }
body.darker #photo_menu a:hover , body.darker #photo_menu a.current, body.darker #menu a:hover, body.darker #menu a.current { color: #ccc; }
body.darker .picture-slides-image-text { background-color: rgba(26,26,26,0.85); }
body.darker .picture-slides-image-text p { color: #ccc; }
body.darker .picture-slides-image-text h3 { color: #ddd; }
body.darker .picture-slides-thumbnails { background-color: rgba(26,26,26,.85); }