/*

Magenta:  #EC0086
Cyan:     #00A3E6
Purple    #60248F

Top Grey: #161616
Tab Grey: #3C3C3C
Footer Grey: #CCC

*/

/* General Styles, USMC */

body, html {
  background:#ccc;
}

img {
  background-color: transparent;
}

.score {
  color:white;
}

.one {
  background-color:#ec0086;
}
.two {
  background-color:#b8249b;
}
.three {
  background-color:#6b58bb;
}
.four {
  background-color:#377dd0
}
.five {
  background-color:#00a3e6;
}

.text-score-one {
  color:#ec0086;
}
.text-score-two {
  color:#b8249b;
}
.text-score-three {
  color:#6b58bb;
}
.text-score-four {
  color:#377dd0
}
.text-score-five {
  color:#00a3e6;
}


/* Heading home */

#header {
  background:#161616 url('../images/black-gradient.gif') repeat-x;
}

#header h1 {
  background:url('../images/pff-logo.png') no-repeat;
  background-color: transparent;
  z-index:1000;
}

#header .usertext {
  color:#ccc;
}

  #header .usertext input {
    border:0;
  }

#header .userlinks a {
  color:#00a3e6;
}


#header #gradientbar{
  background:#EC0086 url('../images/full-width-gradient.png') 50% 0 repeat-y;
}

#header #subnav a {
  color:white;
}

#header #navigation li {
  background:#3C3C3C;
}

  #header #navigation li.current {
    background:#EC0086 url('../images/tab-gradient.png') repeat-y fixed 50% 0;
  }

#header #navigation span {
  background:url('../images/tab-corner-left.png') top left no-repeat;
}

#header #navigation a {
  background:url('../images/tab-corner-right.png') top right no-repeat;
  color:white;
}

#header #navigation #submit {
  background:white;
}
  #header #navigation #submit a {
    color:#3c3c3c;
  }

  #header #navigation #submit.current {
    background:#00A3E6 !important;
  }
  
  #header #navigation #submit.current a {
    color:white;
  }

  
  
#content .polaroid {
  background:url('../images/polaroid-frame.png') 50% 50%;
}

/* The main event */

#content {
  background:#FFF;
  color:#484848;
}

  #content a {
    color: #00A3E6;
    text-decoration:underline;
  }
  
  #content a:hover {
    color: #60248F;
    text-decoration:underline;
  }
  
  #content .third span {
    color: #333;
  }
  
  #content h3#toptenpeople {
    background:url('../images/portablepeople.gif') 0 0 no-repeat;
  }
  
  #content h3#festivalcategories {
    background:url('../images/festivalcategories.gif') 0 0 no-repeat;
  }  
  
  #content h3#winners{
  	background:url('../images/winner.jpg') 0 0 no-repeat;
  }
  
  #content h3#popular{
  	background:url('../images/pop_film.jpg') 0 0 no-repeat;
  }
  
  #content h3#showcase{
  	background:url('../images/southeast.jpg') 0 0 no-repeat;
  }
  
  #content #film {
    background:url('../images/filmbordertop.gif') 0 0 no-repeat;
  }
  
    #content #film #filmwrapper {
      background:url('../images/filmborderbottom.gif') 0 100%  no-repeat;
    }
    
  #content #tabpanel {
  }
  
    #content #tabpanel #tabs {
      
    }
    
      #content #tabpanel #tabs a {
        background:url('../images/taboff.gif') 50% 0 no-repeat;
        text-decoration:none;
        border-width:0;
        color:#fff;
        border-color:#fff;
      }
      
        #content #tabpanel #tabs a.on {
          background:url('../images/tabon.gif') 50% 0 no-repeat;
          color:#000;
          border-color:#000;
        }
        
        #content #tabpanel #tabs a:hover {
          text-decoration:underline;
        }
        
    #content #tabpanel #tabdisplay {
      background:url('../images/panelback.gif') 34px 0 repeat-x;

    }
    
      #content #tabpanel #tabdisplay .movie-listed {
        border-bottom:1px solid #a3a3a3;
      }
    
        #content #tabpanel #tabdisplay .movie-listed .movie-link {

        }
        
          #content #tabpanel #tabdisplay .movie-listed .movie-link a {
            border-bottom:1px solid #333;
            text-decoration:none;
            color:#333;
          }
        
      
  
      
    
  #content .category {
    background:url('../images/categoryback.gif') 0 0 repeat-x;
  }
   
    #content .category h5 {
      color:#333;
    }
    
    #content .category p {
      color:#666;
    }
    
    #content #userblurb-blue {
      background:url('../images/blueblurbtop.gif') 0 0 #0a9ce1 no-repeat !important; 
    }

      #content #userblurb-blue div {
        background:url('../images/blueblurbbottom.gif') 0 100% no-repeat !important;
      }
      
      #content #userblurb-blue p {
        color:white !important;
      }
    
  #content #festivalblurb {
    background:url('../images/blurbtop.gif') 0 0 #1d1d1d no-repeat;
  }

    #content #festivalblurb div {
      background:url('../images/blurbbottom.gif') 0 100% no-repeat;
    }
    
    #content #festivalblurb p {
      color:white;
    }
  
  #content #categoryblurb {
    background:url('../images/blurbtop.gif') 0 0 #1d1d1d no-repeat;
  }

    #content #categoryblurb div {
      background:url('../images/blurbbottom.gif') 0 100% no-repeat;
    }

    #content #categoryblurb p {
      color:white;
    }
    
  #content #userblurb {
    background:url('../images/blurbtop.gif') 0 0 #1d1d1d no-repeat;
  }

    #content #userblurb div {
      background:url('../images/blurbbottom.gif') 0 100% no-repeat;
    }
    
    #content #userblurb p {
      color:#ccc;
    }

    
  #content #signup {
    background:#00a3e6;
    color:#101010;
  }
  
    #content #signup a {
      color:white;
      border-bottom:2px solid white;
    }
    
  #content .downloadfilm {
    
  }
  

    #content .downloadfilm a {
      border-bottom:1px solid;
    }
    
      #content .downloadfilm a:hover {
        border-bottom:2px solid;
        text-decoration:none;
      }
  
    #content .downloadfilm .ipod {
      border-color:#ec0086;
      color:#ec0086;
    }

    #content .downloadfilm .psp {
      border-color:#8646af;
      color:#8646af;
    }

    #content .downloadfilm .threegee {
      border-color:#4375cb;
      color:#4375cb;
    }

    #content .downloadfilm .help {
      border-color:#00a3e6;
      color:#00a3e6;
    }
    
  #content #filmmeta {
    background:url('../images/metaback.gif') 0 0 no-repeat;
  }
  
    #content #filmmeta h3 {
      color:#ec0086;
    }
    
    #content #userreviews h3 {
      color:#875aab;
      border-color:#875aab !important;
    }
    
    #content #userreviews .review {
      border-bottom:1px solid #ccc;
    }
    
      #content #userreviews .review a {
        color:#484848;
      }
  
    #content #filmmeta h3, 
    #content #userreviews h3 {
      border-bottom:1px solid #999999;
    }
    
    
  #content #titlebar {
    background:url('../images/filmtitleback.gif') 0 0 no-repeat;
  }
  
    #content #titlebar .downloadfilm {
      color:#ccc;
    }  
    
    #content #titlebar #filmdetails {
      
    }
    
      #content #titlebar #filmdetails h4,
      #content #titlebar #filmdetails h4 a {
        color:white;
      }
      
        #content #titlebar #filmdetails h4 a {
          text-decoration:none;
          border-bottom:1px solid white;
        }
        
        #content #titlebar #filmdetails h4 a:hover {
          border-bottom:2px solid white;
        }
      
      #content #titlebar #filmdetails p,
      #content #titlebar #filmdetails p a {
        color:#999;
        text-decoration:none;
      }
      
  #content #category-bar {
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    color:#666;
  }
      
    #content #category-bar a {
      color:#aaa;
    }
    
    #content #category-bar a:hover {
      color:#555;
    }
    
    #content #category-bar select {
      border:1px inset #aaa;
      padding:0;
    }
     
    #content #category-bar input.image {
      width:34px !important;
      height:21px !important;
      margin:0;
      padding:0;
      vertical-align:middle;
      border:0;
    }
    
  
      
  #content #category-list .category-header {
    background:url("../images/category-header.gif") 0 0 no-repeat;
  }
  
    #content .category *,
    #content .category:hover * {
      border:0;
      text-decoration:none;
    }
    
  #content #users-list {
    
  }
    
    #content #users-list .user-listed {
      background:url('../images/categoryback.gif') 0 0 repeat-x; 
    }
    
    #content #users-list .user-listed strong {
      color:#d82673;
    }
    
  #content #userprofile-minor {
    background:url('../images/profileminorback.gif') 0 0 no-repeat;
  }
  
  #content #scorewidget {
    
  }
  
    #content #scorewidget .score-1 {
      background-image:url('../images/widget1.gif');
    }
    
    #content #scorewidget .score-2 {
      background-image:url('../images/widget2.gif');
    }
    
    #content #scorewidget .score-3 {
      background-image:url('../images/widget3.gif');
    }
    
    #content #scorewidget .score-4 {
      background-image:url('../images/widget4.gif');
    }
    
    #content #scorewidget .score-5 {
      background-image:url('../images/widget5.gif');
    }
  
  #content #sidebar-thin {
    background:#333;
    color:white;
  }
  
    #content #sidebar-thin h5 {
      color:white;
      border-bottom:1px solid white;
    }
    
    #content #sidebar-thin table {
      
    }
    
      #content #sidebar-thin table a {
        color:white;
        border-bottom:1px solid white;
        text-decoration:none;
      }
      
  #content hr {
    border:0;
    border-top:1px solid #eee !important;
  }
      

  /* Form an orderly line behind Jonno */

form {

}

form fieldset {
  border:0px solid #ccc;
}

form input, form select {
  border:1px solid #ccc;
}

  form input.submit {
    border:1px solid #bbb;
    background:#ddd;
  }

  form input.checkbox, form input.radio {
    border:0;
  }

form div p.error {
  color:red;
}

form hr {
  border:0;
  border-top:1px solid #ccc !important;
  color:#ccc;
  height:1px;
}

form textarea {
  border:1px solid #ccc;
}

/* Footlocker Styles */

#footer {
  background:#ccc;
  color:#666;
}

#footer a {
  color:#666;
  border-bottom:1px solid #999;
}

#footer #footergradient {
  background:#00A3E6 url('../images/full-width-gradient.png') 50% 0 repeat-y;
}