/* General Styles, USMC */
* html {
  font-size:100%; /* IE hackz0rz */
}


body {
  margin:0;
  padding:0;
  text-align:center;
  font-family:Helvetica, Arial, sans-serif;
  font-size:0.625em;
  height:100%;
}

.wrapper {
  text-align:left;
  margin:0 auto;
  width:962px;
  position:relative;
  
}

img, h1, h2, h3, h4, h5, ul {
  border:none;
  padding:0;
  margin:0;
}

.large {
  font-size:1.2em;
  width:400px;
  margin-top:0;
  padding-top:0;
}

.hurdle,hr {
  clear:left;
}

.lastcab {
  margin-right:0 !important;
}

.hidden, .hidden form {
  display:none !important;
}

code {
  font-size:1.2em;
}

.centre {
  text-align:center;
}

.right {
  text-align:right;
}

/* Heading home */

#header {
}

#header .usertext {
  height:34px;
}

  #header .usertext p {
    margin:0;
    font-size:1.1em;
    padding:8px 15px 10px;
    font-family:verdana, arial, sans-serif;
  }
  
  #header .usertext input {
    width:80px;
    padding:1px;
    font-size:1em;
    margin:0 10px 0 5px;
  }
 
    #header .usertext input.submit {
      width:40px;
      text-align:center;
      padding:0 !important;
    }


#header h1 {
  width:360px;
  height:181px;
  position:absolute;
  visibility: visible !important;
  right:-20px;
  top:-10px;
  margin:0;
  padding:0;
}

  #header h1 a {
    float:right;
    height:160px;
    width:340px;
    display:block;
    text-indent:-8000px;
    z-index:10000;
  }
    
#header .userlinks {
  margin-left:10px;
}

  #header .userlinks a {
    text-decoration:none;
  }

#header #navigation {
  margin:0;
  padding:0;
}

  #header #navigation li {
    list-style-type:none;
    float:left;
    text-align:center;
    margin-right:3px;
    font-weight:bold;
  }
  
  #header #navigation span {
    display:block;
    padding:8px 15px 6px;
  }
  
  #header #navigation a {
    display:block;

    font-size:1.2em;
    text-decoration:none;
  }
  
  
  
#header #subnav {
  margin:0px;
  padding:8px 10px;
}

  #header #subnav ul li {
    margin:0;
    list-style-type:none;
    float:left;
    padding:0 20px 0 0;
  }
  
  #header #subnav a {
    text-decoration:none;
    font-size:1.3em;
    font-weight:normal;
  }
  
  #header #subnav a:hover {
    text-decoration:underline;
  }
  
  #header #subnav ul {
    display:none;
    margin:0;
    padding:0 0 0 5px;
  }
  
    #header #subnav ul.showsubnav {
      display:block !important;
    }
    
  

/* The main event */

#content .wrapper {
  font-size:1.2em;
  line-height:1.4;
  padding:50px 0;
}

#content .third {
  float:left;
  width:300px;
  margin-left:20px;
}
  #content .third span {
    font-size:1.3em;
  }

#content .wide {
  float:left;
  width: 500px;
  margin-left:20px;
}

#content .symposium {
  float:left;
  width: 500px;
  margin-left:-285px;
}

#content img {
  margin-bottom:15px;
}

  #content img.office {
    background-color:#ccc;
    display:block;
  }
  
  #content img.icon {
  	margin-bottom: -3px;
  }
  

#content #polaroidwrapper {
  margin-top:40px;
}

  #content .polaroid {
    width:300px;
    height:318px;
  }
  
#content #volvo{
  margin:1em 0;
  width:314px;
  float:left;
  padding:6px 0px 0px 15px;
  margin-top:22px;
}
  
#content #signup {
  padding:15px;
  font-size:1.8em;
  margin:1em 0;
 /* width:595px;
  float:left;
  height:70px; */
}

  #content #signup a {
    text-decoration:none;
  }

#content span.caption {
  display:block;
  text-align:center;
  font-style: italic;
}

#content h3 {
  font-weight:normal;
}

#content h3#festivalcategories{
   height:40px;
}

#content ul {
  padding:20px;
}

#content .profile {
  float:left;
  margin-right:20px;
}

#content #festivalblurb {
    width:477px;
    padding:0;
}
  
  #content #festivalblurb div {
    width:447px;
    padding:15px;
    min-height:73px;
  }
  
  #content #festivalblurb h3 {
    font-size:2.4em;
    margin:0;
    padding:0;
  }
  
  #content #festivalblurb p {
    margin:0;
    font-size:1.2em;
    line-height:1.4;
    font-weight:normal;
  }

#content #categoryblurb {
  width:477px;
  padding:0;
  margin-bottom:20px;
}

  #content #categoryblurb div {
    width:447px;
    padding:15px;
    min-height:73px;
  }

  #content #categoryblurb h3 {
    font-size:2.4em;
    margin:0;
    padding:0;
  }

  #content #categoryblurb p {
    margin:0;
    font-size:1.2em;
    line-height:1.4;
    font-weight:normal;
  }
  
#content #userblurb,
#content #userblurb-blue {
    width:477px;
    padding:0;
    margin-bottom:20px;
}

  #content #userblurb div,
  #content #userblurb-blue div {
    width:447px;
    padding:15px;
    min-height:100px;
  }

  #content #userblurb h3,
  #content #userblurb-blue h3 {
    font-size:2.4em;
    margin:-7px 0 0 120px;
    padding:0;
  }

  #content #userblurb p,
  #content #userblurb-blue p {
    margin:0 0 10px 0;
    font-size:1.2em;
    line-height:1.4;
    font-weight:normal;
    color:#ccc !important;
  }
    
  
  #content #userblurb p.meta,
  #content #userblurb-blue p.meta {
    margin:0 !important;
    padding:2px 0 0 0;
    font-size:11px;
  }
  
  #content #userblurb p.meta em {
    font-style:normal;
    color:white;
  }
  
  #content #userblurb-blue p.meta em {
    color:#000 !important;
  }

  
  
  #content #userblurb img,
  #content #userblurb-blue img {
    float:left;
    margin-right:20px;
  }
  
  
  #content #userblurb .score,
  #content #userblurb-blue .score {
    padding:12px 5px;
    margin-left:10px;
  }

#content #userprofile-major {
  width:476px;
  float:left;
  height:100px;
  padding:20px 20px 20px 0;
}

#content #userprofile-minor {
  height:100px;
  width:253px;
  margin-left:3px;
  float:left;
  padding:20px;
}

  #content #userprofile-minor hr {
    margin:1px 0;
  }

#content .userprofile {
  
}

  #content .userprofile h4 {
    font-size:1.4em;
    color:#666;
    border-bottom:1px solid #999;
    font-weight:bold;
  }
  
  #content .userprofile h5 {
    font-size:1.2em;
    color:#333;
    font-weight:normal;
    margin-top:10px;
    color:black;
  }
  
    #content .userprofile h5 a {
      font-weight:bold;
      color:black;
      text-decoration:none;
    }
    
      #content .userprofile h5 a:hover {
        border-bottom:1px solid black;
      }
  
  #content .userprofile .category {
    margin-top:10px;
  }
  


#content .sixcolumn {
  margin-right:10px;
  float:left;
  width:142px;
  padding:5px;
}

  #content .sixcolumn h3 {
    color: #e90186;
    font-size:1.2em;
    font-weight:bold;
    height:40px;
    width: 150px;
    text-indent:-4000px;
  }

#content .header2 {
height:20px !important;
}

#content .category {
  min-height:162px;
  padding:8px 0 0 8px;
  margin-right:12px;
}

  #content .category h5 {
    font-size:1.4em;
    line-height:1;
    margin:0;
    padding-right:8px;
  }
  
  #content .category p {
    margin-top:3px;
    font-size:1.2em;
    line-height:1;
    padding-right:8px;
    
  }

#content a.avatar {
  margin-right:12px;
  padding:0;
  display:block;
  float:left;
}

#content a.avatar-even {
  margin-right:10px !important;
} 

#content .filmscore-small {
  width:30px;
  height:30px;
  text-align:center;
  line-height:30px;
  vertical-align:middle;
  font-size:1.1em;
  float:left;
  margin:0 !important;
  padding:0 !important;
  clear:none;
}

  #content .category .filmscore-small {
    position:relative;
    top:68px;
    left:102px;
  }
  
#content .thumbnail {
  width:132px;
  height:98px;
  background-repeat:no-repeat;
  margin-bottom:8px;
}

#content #film {
  padding:0;
}

  #content #film #filmwrapper {
    padding:11px 0px 11px 10px;
  }
  
    #content #film #filmwrapper #player {
      width:620px;
      float:left;
      clear:none;
    }
  
    #content #film #filmwrapper #tabpanel,
    #content #film #filmwrapper .ad {
      margin-left:627px;
      width:314px;
    }
    
    #content #film #filmwrapper #tabpanel {
      height:365px;
    }
    
      #content #film #filmwrapper #tabpanel #tabs {
        margin-left:-1px;
        height:32px;
      }
      
        #content #film #filmwrapper #tabpanel #tabs a {
          width:104px;
          display:block;
          float:left;
          text-align:center;
          height:32px;
          line-height:34px;
          vertical-align:middle;
          text-transform:uppercase;
          margin-left:1px;
          font-size:.919191em;
        }
        
          #content #film #filmwrapper #tabpanel #tabs a:focus {
            outline:0;
          }
          
      #content #film #filmwrapper #tabpanel #tabdisplay {
        height:330px;
        overflow:auto;
      }
      
        #content #film #filmwrapper #tabpanel #tabdisplay div.panel {
          display:none;
        }     
        
          #content #film #filmwrapper #tabpanel #tabdisplay .movie-listed {
            margin:1em;
            height:30px;
            padding-bottom:10px;
          }
          
            #content #film #filmwrapper #tabpanel #tabdisplay .movie-listed .movie-link {
              margin:0 0 0 40px;
              vertical-align:middle;
              line-height:30px;
              font-size:1.2em;
            }
        
          html body div#content div#film div#filmwrapper div#tabpanel div#tabdisplay div.show {
            display:block !important;
          }
          
          
      

    #content #film #filmwrapper .ad {
      height:100px;
    }
    
#content .downloadfilm {
  font-size:.91919191em !important;
  margin-bottom:.5em;
  margin-left:9px;
}

  #content .downloadfilm a {
    text-decoration:none;
  }
  
#content #filmmeta {
  width:452px;
  float:left;
  padding:12px;
}

  #content #filmmeta h3, 
  #content #userreviews h3 {
    font-size:1.6em !important;
    padding-bottom:4px;
    width:auto;
  }
  
  #content #filmmeta dl {
    margin:1em;
  }

    #content #filmmeta dt {
      font-weight:bold;
      float:left;
      display:block;
      width:100px;
    }

    #content #filmmeta dd {
      margin-left:110px;
      margin-bottom:.5em;
    }
  
  
#content #titlebar {
  padding:11px; 
}
  
  #content #titlebar #filmdetails {
    float:left;
    width:630px;
  }

    #content #titlebar #filmdetails #filmscore {
      width:70px;
      height:70px;
      text-align:center;
      line-height:70px;
      vertical-align:middle;
      font-size:1.8em;
      float:left;
      margin-right:12px;
    }
    
    #content #titlebar #filmdetails h4 {
      font-size:1.4em;
      font-weight:normal;
      margin-top:-5px;
      padding:0;
    }
    
    #content #titlebar #filmdetails p {
      margin-top:3px;
      font-size:.91919191em;
    }
    
  #content #titlebar #scorewidget {
    margin:0;
    height:47px;
    width:500px;
    margin-left:500px;
  }
  
    #content #titlebar #scorewidget img {
      float:left;
      
    }
  
  
    #content #titlebar #scorewidget .scorebutton {
      width:35px !important;
      height:47px;
      display:block;
      float:left;
      margin:0;
      padding:0;
      text-decoration:none;
    }
    
        #content #titlebar #scorewidget a.scorebutton:hover {
          background-position:0 -47px;
        }
    
  #content #titlebar .downloadfilm {
    margin:15px 0 0 500px;
    text-align:right;
    padding:0 25px 0 0;
  }
  
  #content #category-bar {
    vertical-align:middle;
    font-size:11px;
    line-height:13px;
    padding:0;
    margin-bottom:10px;
  }
  
  
    #content #category-bar.single {
      padding-bottom:10px;
      margin-bottom:20px !important;
    }
  
    #content #category-bar a {
      vertical-align:middle;
      line-height:16px;
      text-transform:uppercase;
      font-size:16px;
      margin-top:3px;
      letter-spacing:-.7px;
      text-decoration:none;
      padding-left:7px;
    }
    
    #content #category-bar select {
      width:300px;
      margin:0 20px 0 10px;
    }
  
  #content #category-list {
    float:left;
    width:800px;
  }
  
    #content #category-list .hurdle {
    }
  
    #content #category-list .category-header {
      height:45px;
      padding:6px 0 0 10px;
      margin-bottom:8px;
      margin-top:40px;
    }
      #content #category-list .firstup {
        margin-top:0 !important;

      }
      
  #content #users-list {
    float:left;
    width:800px;
  }

    #content #users-list .user-listed {
      width:100px;
      float:left;
      margin-right:9px;
      padding:10px;
    }
    
    #content #users-list .user-listed img {
      padding:0 0 4px 0;
      margin:0;
    }
    
    #content #users-list .user-listed p {
      margin:0;
      padding:0 0 3px 0;
    }
    
    #content #users-list .user-listed strong {
      margin:0;
      padding:0;
      font-weight:normal;
    }

  
  #content #sidebar-thin {
    width:130px;
    margin-left:810px;
    padding:10px 10px;
  }
  
    #content #sidebar-thin h5 {
      font-size:12px;
      text-transform:uppercase;
      font-weight:normal;
      margin-bottom:10px;
    }
    
    #content #sidebar-thin table {
      margin:0;
      border-collapse:collapse;
      width:130px;
      margin-bottom:20px;
    }
    
      #content #sidebar-thin table td {
        padding-bottom:10px;
      }
    
      #content #sidebar-thin td.text-score {
        text-align:right;
        vertical-align:bottom;
      }
  
#content #userreviews {
  margin-left:483px;
  padding:12px 0 12px 12px;
}

  #content #userreviews .review {
    margin:1em 0;
    min-height:80px;
    padding-bottom:1em;
  
  }
  
    #content #userreviews .review img {
      float:left;
      margin:0 !important;
    }
    
    #content #userreviews .review h4, 
    #content #userreviews .review p {
      margin-left:80px;
    }
    
    #content #userreviews .review h4 {
      font-size:1.2em;
      font-weight:normal;
    }
    
      #content #userreviews .review h4 a {
        font-weight:bold;
        text-decoration:none;
      }
    
    
  #content #userreviews form#commentform {
    
  }
  
    #content #userreviews form#commentform textarea {
      margin:1em 0 0 10px;
      width:370px;
      height:100px;
    }
    
    #content #userreviews form#commentform .submit {
      margin:1em 0 0 80px;
      width:380px;
      padding:4px;
    }
    
    
#content hr {
  margin:2em 0;
}

/* Form an orderly line behind Jonno */

#content form {
}

#content form fieldset {
  padding:0;
  margin:0;
}

#content form div {
  padding:10px 0;
  margin-left:0;
}

  #content form div p {
    margin-left:170px;
  }
  
    #content form div p.helper {
      font-size:1em;
      padding:10px 0 0 0;
      font-style:italic;
      margin-top:0;
    }
    
    #content form div p.error {
      font-size:1em;
      padding:10px 0 0 0;
      margin-top:0;
    }

#content form label {
  font-size:1.2em;
  cursor:pointer;
  display:block;
  width:170px;
  float:left;
  padding-top:5px;
}

  #content form label.forradio, #content form label.forcheckbox {
    float:none;
    display:inline;
    clear:right;
    padding-left:20px;
  }

#content form input, #content form select {
  font-size:1.2em;
  padding:5px;
}

#content form input {
  width:310px;
}

#content form input.category_search {
  width:80px;
  margin:0px 0px 0px 20px;
}
  
  #content form input.submit {
    width:150px;
    margin:0;
    padding:10px;
  }
  
  #content form input.checkbox, #content form input.radio {
    width:1em !important;
    height:1em !important;
  }

#content form .checkradioholder {
  margin:5px 0 0 170px;
  padding:0;
}

#content form select {
  width:322px;
}

#content form textarea {
  padding:5px;
  font-family:Helvetica, Arial, sans-serif;
  font-size:1em;
}

#content form hr {
  margin:5px 7px 15px 2px;
}

#flash-error {
    background-color: #ffdddd;
    color: #551100;
    border: 1px solid #ff9999; 
    padding: 10px 30px;
    margin: 15px 0 15px 0;
}

#flash-notice {
    background-color: #ccfecc;
    color: #005511;
    border: 1px solid #749174;
    padding: 10px 30px;
    margin: 15px 0 15px 0;
}

/* Footlocker Styles */
  
#footer {
  font-size:1.1em;
}

#footer p {
  padding:1em 0;
}

#footer a {
  text-decoration:none;
}

#footer #footergradient {
  height:8px;
}