/****************************************************************************************************
Author      :      Patrick Alò
Date            :      Mon, 15 MAy 2010 12:00:00 GMT
Website      :      http://www.patrickalo.org/
****************************************************************************************************/

/****************************************************************************************************
Begin Miscellaneous
****************************************************************************************************/
*
{
      margin: 0;
      padding: 0;
}

img
{
      border: 0;
}

a
{
      text-decoration: none;
      color: #b3000a;
}

a:hover
{
      text-decoration: underline;
      color: #666;
}

/****************************************************************************************************
Begin Body
****************************************************************************************************/
body
{
      background: #000;
      margin: 0;
      padding: 0;
      font-size: 18px;
      font-family: "trebuchet ms", helvetica, sans-serif;
      color: #555;
}

/****************************************************************************************************
Begin Outersection
****************************************************************************************************/
#outersection
{
      background: url('images/outersection.jpg') repeat-x;
      position:absolute;
      top: 50%;
      width: 100%;
      height: 530px;
      margin-top: -300px;
}

/****************************************************************************************************
Begin Innersection
****************************************************************************************************/
#innersection
{
      background: url('images/innersection.jpg') no-repeat;
      position:absolute;
      left: 50%; 
      top: 50%;
      width: 948px;
      height: 714px;
      margin-left: -475px;
      margin-top: -340px;
}

/****************************************************************************************************
Begin Navigation
****************************************************************************************************/
#navigation
{      
      padding: 100px;
      width: 755px;
      height: 60px;
}

#navigation li
{
      float: right;
      height: 50px;
      width: 85px;
      list-style-type: none;
      list-style-image: none;
}

#navigation a
{
      color: #666;
      display: block;
      height: 80px;
      width: 80px;
      line-height: 10px;
      padding: 40px 0 0;
      text-align: center;
}

#navigation ul ul li {
      display: none;
}

#navigation a:hover
{
      background: url('images/navigation.jpg') repeat-x;
      color: #222;
}

#navigation #current
{
      background: url('images/navigation.jpg') repeat-x;
}

/****************************************************************************************************
Begin Content
****************************************************************************************************/
#content
{      
      line-height: 1.6em;
      margin-top: -77px;
      padding-left: 122px;
      padding-right: 2px;
      padding-bottom: 0;
      width: 786px;
      height: 450px;
      overflow: auto;
}

#content h1, .blog-entry-title, .sidebar_title
{
      font-size: 200%;
      color: #666;
}

.album-title, .movie-page-title
{
      margin-top: 10px;
      font-size: 200%;
      color: #666;
}

/****************************************************************************************************
Begin Copyright
****************************************************************************************************/
#copyright
{
      margin-top: -7px;
      padding: 35px;
      width: 800px;
      height: 20px;
      text-align: right;
}

#copyright a
{
      color: #222;
}

#sidebar {
      padding-top: 10px;
      width: 150px;
}

.image-left {
      float: left;
      margin-right: 5px;
}

.image-right {
      float: right;
      margin-left: 5px;
}

.blog-image-smiley {
      margin-bottom: -6px;
}

.blog-entry {
      margin-bottom: 10px;
      margin-top: 10px;
}

.blog-entry-date {
      margin-top: 5px;
      margin-left: 10px;
      margin-bottom: 5px;
}

.movie-background {
      text-align: center;
}

.movie-frame {
      padding: 10px;
}

.photo-title {
  clear: both;
  margin: 10px 0;
  font: 700 3em verdana, sans-serif;
  text-transform: uppercase;
  padding: 2px;
  color: #666;
  margin-bottom: -10px;
}

.filesharing-item {
      margin: 5px;
      padding: 5px;
}

.filesharing-item:hover {
      padding: 4px;
      border: 1px solid #800;
}

.filesharing-item-description {
      margin-left: 25px;
}

.photo-caption, .movie-title {
  clear: both;
  margin: 10px 0;
  font: 700 1em verdana, sans-serif;
  padding: 2px;
  color: #666;
}

.album-description, .movie-page-description, .filesharing-description, .message-text {
      padding: 10px;
}

.movie-thumbnail-frame img, .thumbnail-frame img {
      padding: 2px;
      border: 1px solid #00;
}

.movie-thumbnail-frame img:hover, .thumbnail-frame img:hover {
      background-color: #666;
      border: 0px;
      margin: 1px;
}

.movie-thumbnail-frame, .thumbnail-wrap {
      text-align: center;
      margin: 5px;
      padding: 5px;
      float: left;
}

.thumbnail-caption {
      margin-right: -0.5em;
      margin-top: -8px;
}

.photo-background {
      text-align: center;
}

.photo-navigation a {
      color: #666;
}

.photo-navigation {
      margin-bottom: 10px;
}