/***************************************************
Design by Michel Honold. http://www.designdifferent.org
***************************************************/

/* @group Container */
            #container {
                  width: 820px;
                  margin: 0 auto;
                  font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
                  font-size: 11px;
                  line-height: 1.6em;
                  color: #666666;
                  background-color: #FFFFFF;
            }
/* @end */


/* @group Generalstyles */

.image-left {
                  float: left;
                  padding: 5px;
                  margin: 5px;
            }
            
            .image-right {
                  float: right;
                  padding: 5px;
                  margin: 5px;
            }
            
            h1 {
                  font-family: Arial, Helvetica, sans-serif;
                  font-weight: normal;
                  font-size: 32px;
                  color: #99cccc;
                  margin-bottom: 30px;
                  background-color: #FFF;
            }
            
            h2, .blog-entry-title {
                  color: #99cccc;
                  font-size: 16px;
                  font-family: Arial, Helvetica, sans-serif;
                  background-color: #FFF;
            }
            
            a {
                  color:#333333;
                  text-decoration: none;
            }

            a:hover {
                  color:#99cccc;
            }

            
            form {
                  float:right;
                  margin-top: -45px;
                  font-size: 9px;
            }
            
            input {
                  background-color: #FFF;
                  color: #999999;
                  border: 1px solid #CCC;
                  font-size: 11px;
                  padding: 3px;
            }
            
            .button {
                  padding: 2px;
            }



/* @end */

/* @group Header */
            #header {
                  border-bottom: 4px solid #ffffff;
                  padding-top: 10px;#99cccc
                  clear: both;
                  margin-bottom: 10px;
            }
            

            /* the slogan */
            #header p { 
                  margin-top: -20px;
                  margin-left: 30px;
                  color: #ffffff;
            }
            
            .right {
                  float: left;
            }
/* @end */



/* @group Navigation */

#navigation ul {
                  margin-left: 0;
                  padding-left: 0;
                  list-style-type: none;                  
                  width: 230px;
            }
            
            #navigation a {
                  background-color: #fff;
                  display: block;
                  padding: 5px;
                  width: 210px;
                  border-bottom: 1px solid #CCC;
            }

            #navigation ul ul {
                  padding-left: 20px;
                  list-style-type: none;                  
                  margin-bottom: 5px;
            }
            
            #navigation ul ul a {
                  width: 185px;
                  display: block;
                  margin-left: -20px;
                  padding-left: 30px;
            }
            
            #navigation ul ul ul{
                  padding-left: 20px;
                  margin-bottom: 5px;
            }
            
            
            #navigation ul ul ul a {
                  width: 165px;
                  display: block;
                  margin-left: -40px;
                  padding-left: 50px;
            }

            #navigation a:link, #navlist a:visited {
                  color:#99cccc;
                  text-decoration: none;
            }
            
            #navigation a:hover {
                  
                  background-color: #cccccc;
                  color:#99cccc;
            }
/* @end */
/* @group Sidebar */
             #sidebar {
                  margin-left: 0;
                  padding-left: 0;
                  float: left;
                  width: 240px;
            }
/* @end */      



/* @group Content */
            #content {
                  width: 540px;
                  float: right;
}
/* @end */

/* @group Footer */

            #footer {
                  margin-top: 20px;
                  clear: both;
                  background-color:#575352;
                  padding: 0px 5px 0px 5px;
            }
            
            #footer p {
                  color:#89817f;
                  padding: 5px;
            }
            
            #footer p a {
                  color: #99cccc;
                  border-bottom: 1px dotted #99cccc;
            }
            
            #footer p a:hover {
                  color: #FFFFFF;
                  background-color:#575352;
            }

/* @end */


/* @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: 10px;
}

.blog-tag-size-2 {      
      font-size: 11px;
}

.blog-tag-size-3 {      
      font-size: 12px;
}

.blog-tag-size-4 {      
      font-size: 13px;
}

.blog-tag-size-5 {      
      font-size: 14px;
}

.blog-tag-size-6 {      
      font-size: 15px;
}

.blog-tag-size-7 {      
      font-size: 16px;
}

.blog-tag-size-8 {      
      font-size: 17px;
}

.blog-tag-size-9 {      
      font-size: 18px;
}

.blog-tag-size-10 {      
      font-size: 19px;
}

.blog-tag-size-11 {      
      font-size: 20px;
}

.blog-tag-size-12 {      
      font-size: 21px;
}

.blog-tag-size-13 {
      font-size: 22px;
}

.blog-tag-size-14 {      
      font-size: 23px;
}

.blog-tag-size-15 {
      font-size: 24px;
}

.blog-tag-size-16 {      
      font-size: 25px;
}

.blog-tag-size-17 {      
      font-size: 26px;
}

.blog-tag-size-18 {      
      font-size: 27px;
}

.blog-tag-size-19 {
      font-size: 28px;
}

.blog-tag-size-20 {      
      font-size: 29px;
}

/* @end */


/* @group Blog */
            .blog-entry-title, .movie-page-title, .album-title {
                  color: #666666;
                  font-size: 18px;
                  margin-bottom: 5px;
                  font-family: Arial, Helvetica, sans-serif;
                  background-color: #FFF;
            }

            .blog-image-smiley{
                  margin-bottom: -6px;
            }
            
            .blog-entry-date {
                  font-size: 0.9em;
                  border-bottom: 1px solid #ddd;
                  margin-bottom: 5px;
            }
            
            .blog-entry-body, .blog-entry-summary {
                  padding-bottom: 10px;
            }
/* @end */

/* @group Moviepage */
            .movie-page-description, .album-description, .filesharing-description {
                  margin: 10px;
            }
            
            .movie-thumbnail-frame, .thumbnail-wrap {
                  margin: 10px;
                  float: left;
                  text-align: center;
            }
/* @end */

/* @group Filesharing */

.filesharing-item {
                  padding: 10px;
            }
            
            .filesharing-item:hover {
                  background-color: #f0f0f0;
            }
            
            .movie-thumbnail-frame:hover, .thumbnail-frame:hover {
                  background: #ddd;
            }



/* @end */

/* @group Index Page (Thumbnail view) */

.album-title {
color: #99cccc;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
background-color: #FFF;
}

.album-description {
      padding: 5px;
      font-size: 1em;
      font-weight: normal;
      color: #333333;
      text-align: left;
      margin-bottom: 80px;
}

.album-wrapper {
      display: block;
      width: 99%;
      position: relative;
}

.thumbnail-wrap {
      text-align: center;
      position: relative;
      float: left;
      margin-bottom: 65px;
      margin-right: 25px;
      display: block;
}

.thumbnail-frame {
      padding: 5px;
      background: #ffffff;
      margin: 0px 1px 1px 0px;
      position: absolute;
    bottom: 0;
    left: 0;
}

.thumbnail-frame a {
}

.thumbnail-frame a:hover {
}

.thumbnail-frame img {
      margin: auto;
    border: none;
}

.thumbnail-caption {
      color: #000000;
      font: bold 0.85em   'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
      margin: 0;
      padding: 5px 0 0 0;
      height: 35px;
      display: block;
}
      
/* @end */

/* @group Single Pages (Large View) */

.photo-background {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      padding: 5px;
      background: none;
}

.photo-navigation { 
      background: #ffffff;
      color: #5b5b5b;
      text-align: center;
      font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
      padding: 5px;
      margin: 10px 10px 1px 10px;
}

.photo-navigation a {
      text-decoration: underline;
}

.photo-navigation a:hover {
      text-decoration: none;
}

.photo-frame{
      background: #ffffff;
      padding: 10px;
      margin-bottom: 10px;
}

.photo-links {
      padding: 0px;
      margin: 0;
      font-size: 0.85em;
}

.photo-title {
      padding: 0px;
      font-weight: bold;
      font-size: 1.2em;
      color: #000000;
      margin: 0px;
}

.photo-caption {
      padding: 0px;
      color: #000000;
      font-size: 0.85em;
      font-weight: normal;
}



/* @end */