/*   
Theme Name: Composition
Theme URI: http://www.themeflood.com
Description: Composition theme for RapidWeaver
Author: Will Woodgate / Dary Barclay
Author http://www.themeflood.com
Template: Media Box Advanced
Version: 2.1
Revision Date: 13/06/10
*/

/* @group Reset */

#viewUserGuide {
      display: none;
      visibility: hidden;
}

/* @end */

/* @group General Styles */

html, body {
      height: 100%;
      width: 100%;
      padding: 0;
      margin: 0;
}

body {
      padding: 0;
      margin: 0;
      font: 0.75em/1.25em "Lucida Grande", Lucida, Verdana, sans-serif;
}

.spacer {
      display: block;
      position: relative;
      height: 25px;
}

img, img a, img a:hover {
      border: none;
      position: relative;
}

.external {
      padding-right: 12px;
      background: url(images/icons/external.png) no-repeat right center;
}

a:link {
      text-decoration: none;
      outline: none;
}

a:visited {
      text-decoration: none;
      outline: none;
}

a:active {
      text-decoration: none;
      outline: none;
}

a:hover {
      text-decoration: none;
      outline: none;
}

.image-left {
      float: left;
      padding-right: 10px;
      position: relative;
}

.image-right {
      float: right;
      padding-left: 10px;
      position: relative;
}

h1 {
      padding-bottom: 5px;
      margin-bottom: 10px;
      border-bottom: 1px solid #383838;
      font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h2 {
      padding-bottom: 5px;
      margin-bottom: 10px;
      border-bottom: 1px solid #383838;
      font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h3 {
      padding-bottom: 5px;
      margin-bottom: 10px;
      border-bottom: 1px solid #383838;
      font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h4 {
      padding-bottom: 5px;
      margin-bottom: 10px;
      border-bottom: 1px solid #383838;
      font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h5 {
      padding-bottom: 5px;
      margin-bottom: 10px;
      border-bottom: 1px solid #383838;
      font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h6 {
      padding-bottom: 5px;
      margin-bottom: 10px;
      border-bottom: 1px solid #383838;
      font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/* @end */

/* @group Extra Content */

.ecName {
      display: none;
}

#extraContainer1 {
      display: block;
      position: relative;
      width: 49%;
      float: left;
      margin-top: 6px;
}

#extraContainer2 {
      display: block;
      position: relative;
      width: 49%;
      float: right;
      margin-top: 6px;
      text-align: right;
}

#extraContainer3 {
      display: block;
      position: relative;
}

#extraContainer4 {
      display: inline;
      position: absolute;
      top: 10px;
      left: 15px;
      padding: 0;
      margin: 0;
}

#extraContainer5 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      padding: 0;
      margin: 0;
}

#extraContainer6 {
      position: absolute;
      bottom: 0;
      left: 0;
      display: block;
      padding: 0;
      margin: 10px;
}

#extraContainer7 {
      position: relative;
      display: block;
      padding: 0;
      margin: 0;
}



#extraContainer8 {
      position: relative;
      display: block;
      padding: 0;
      margin: 0;
}

#extraContainer9 {
      position: relative;
      display: block;
      padding: 0 10px;
      margin: 0;
}

#extraContainer10 {
      position: relative;
      display: block;
      padding: 0;
      margin: 0;
      text-align: center;
}

/* @end */

/* @group Search Bar Functions */

#navBarSearchContainer {
      display: none;
      position: relative;
}

#navBarSearchFunction {
      display: inline;
      height: 27px;
      width: 202px;
      margin: 0 10px 0 0;
      padding: 0;
}

#navBarSearchFunction fieldset {
      border: none;
      margin: 0;
      padding: 0;
}

#navBarSearchFunction input {
      float: right;
      font-size: 12px;
      width: 200px;
      margin: 5px 0 0;
      background: #424242 url(images/editable_images/search_mag_glass.png) no-repeat 180px center;
      border: 1px solid #505050;
      color: #d5d5d5;
      text-indent: 3px;
      text-shadow: #424242 1px 1px 1px;
      padding: 0;
      line-height: 22px;
      height: 22px;
      outline: none;
}

/* @end */

/* @group Logo's */

#logoLeft {
      position: fixed;
      display: none;
      top: 15px;
      left: 15px;
      z-index: 500;
      border: none;
      outline: none;
}

#logoLeft a,
#logoLeft a:hover {
      border: none;
      outline: none;
}

#logoRight {
      position: fixed;
      display: none;
      top: 15px;
      right: 15px;
      z-index: 500;
      border: none;
      outline: none;
}

#logoRight a,
#logoRight a:hover {
      border: none;
      outline: none;
}

#upperLogoWrapper {
      display: block;
      position: relative;
      width: 100%;
}

#logoUpperLeft {
      display: none;
      text-align: left;
      position: relative;
}

#logoUpperRight {
      display: none;
      text-align: right;
      float: right;
}

#headerLogo {
      display: none;
      position: absolute;
      border: none;
      top: 25px;
      left: 25px;
}

#headerLogoTopLeft {
      display: none;
      position: absolute;
      top: 25px;
      left: 25px;
}

#headerLogoTopRight {
      display: none;
      position: absolute;
      top: 25px;
      right: 25px;
}

#headerLogoBottomLeft {
      display: none;
      position: absolute;
      bottom: 25px;
      left: 25px;
}

#headerLogoBottomRight {
      display: none;
      position: absolute;
      bottom: 25px;
      right: 25px;
}

#headerLogo a,
#headerLogo a:hover {
      border: none;
      outline: none;
}

/* @end

 */

/* @group Layout */

.clearer {
      clear: both;
}

#main {
      margin: 0 auto;
      z-index: 10;
      padding: 0;
      background: transparent;
      width: 900px;
}

#bookmarkBar {
      position: relative;
      display: none;
      height: 2.50em;
      width: 100%;
      padding: 0;
      margin: 0;
      background: url(images/editable_images/bookmark-bar-bg.png) repeat;
}

.widthWrapper {
      width: 900px;
      margin: 0 auto;
}

#contentCorners {
      display: none;
      height: 10px;
}

#contentWrapper {
      z-index: 10;
      padding: 0;
      background: transparent;
      position: relative;
      margin: -10px auto 0;
}

#contentContainer #content {
      text-align: left;
      padding: 25px;
      margin: 0;
      position: relative;
}

#contentContainer {
      position: relative;
      z-index: 10;
      padding: 0;
      margin: 0 200px 0 0;
}

/* @end */

/* @group Header */

#headerContainer {
      display: block;
      position: relative;
      z-index: 10;
}

#noCorners {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      display: block;
      height: 10px;
      z-index: 20;
}

#pageHeader {
      position: relative;
      display: block;
      height: 300px;
      overflow: hidden;
      background-image: url(images/editable_images/abstract-blue.jpg);
      background-color: transparent;
}

#pageHeader h1 {
      margin: 0;
      letter-spacing: 0px;
      display: block;
      height: auto;
      text-decoration: none;
      padding: 0 0 0 25px;
      position: absolute;
      top: 15px;
      font: normal normal 2.75em/1.25em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
      border: none;
      outline: none;
      z-index: 100;
}

#pageHeader h2 {
      margin: 0;
      height: auto;
      display: block;
      text-decoration: none;
      padding: 0 0 0 25px;
      position: absolute;
      top: 60px;
      font: normal 1.50em/1.25em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
      border: 0;
      outline: 0;
      z-index: 100;
}

#leftSidebar {
      height: 300px;
      z-index: 100;
      display: block;
}

#rightSidebar {
      display: block;
      height: 300px;
      width: 350px;
      z-index: 100;
      position: absolute;
      background: url(images/editable_images/header-sidebar-bg.png) repeat;
}

#headerSidebarTitle h3 {
      padding: 0 0 5px;
      text-decoration: none;
      border-bottom: 1px solid #383838;
      margin: 25px 25px 10px;
      font: normal normal 1.25em/1.25em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#headerSidebarContent {
      margin: 0 25px;
}

/* @end */

/* @group Nav Bar */

#nav {
      display: block;
      text-decoration: none;
      z-index: 10;
      padding: 0;
      margin: 0 225px 0 0;
}

#nav ul {
      display: inline;
      padding: 0;
      margin: 0;
}

#nav li {
      display: inline;
      float: left;
      margin: 0;
      padding: 0;
      line-height: 3.00em;
}

#nav li a {
      padding: 0 10px;
      display: block;
      color: #d5d5d5;
}

#nav li a:hover {
      color: #3791fc;
}

#nav li:first-child a {
      border-left: none;
}

#nav ul ul {
      display: none;
}

#navBar {
      display: block;
      height: 3.00em;
      width: 100%;
      position: relative;
      z-index: 10;
      margin-bottom: 25px;
      background: #000000 url(images/editable_images/nav-bar-filter.png) repeat-x;
}

.searchBarWrapper {
      display: block;
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 2px;
}

/* @end */

/* @group Header Navigation */

#headerNavWrapper {
      display: none;
}

#headerNav {
      display: block;
      height: 2.00em;
      margin-bottom: 1.00em;
      margin-top: 1.00em;
}

#headerNav {
      display: inline;
      font-style: normal;
      z-index: 100;
      margin-right: auto;
      margin-left: auto;
}

#headerNav ul {
      display: inline;
      position: relative;
      margin: 0;
      padding: 0;
      list-style-type: none;
      float: right;
}

#headerNav ul li {
      position: relative;
      display: inline;
      float: left;
}

#headerNav a {
      display: block;
      text-decoration: none;
      padding: 0 10px;
}

#headerNav li:last-child a {
      border-right: none;
}

#headerNav ul li ul {
      display: none;
}

/* @end */

/* @group Footer Navigation */

#footerNav {
      display: none;
      font-style: normal;
      padding: 12px 0 0;
      float: left;
      margin: 0;
}

#footerNav ul {
      display: inline;
      position: relative;
      margin: 0;
      padding: 0;
      list-style-type: none;
      float: right;
}

#footerNav ul li {
      position: relative;
      display: inline;
      float: left;
      border-right: 1px solid #ffffff;
}

#footerNav ul li:last-child {
      border: none;
}

#footerNav a {
      display: block;
      text-decoration: none;
      padding: 0 10px;
}

#footerNav ul li ul {
      display: none;
}

/* @end */

/* @group Vertical Navigation */

#nav2 {
      line-height: 1.00em;
      position: relative;
      float: right;
      top: 0;
      width: 150px;
      display: block;
      margin: 25px 25px 15px 0;
      padding: 7px 5px;
}

#nav2 .current {
      font-weight: bold;
}

#nav2 .current:hover {
      font-weight: bold;
}

#nav2 .currentAncestor {
      font-weight: bold;
}

#nav2 ul {
      list-style: none;
      margin: 0;
      padding: 0;
}

#nav2 li {
      display: inline;
}

#nav2 ul a {
      display: none;
}

#nav2 ul ul a {
      display: block;
      text-decoration: none;
      padding-left: 10px;
      padding-right: 10px;
      line-height: 2.00em;
}

#nav2 ul ul ul a {
      padding-left: 30px;
      padding-right: 30px;
}

#nav2 ul ul ul ul a {
      padding-left: 40px;
      padding-right: 40px;
}

#nav2 ul ul ul ul ul a {
      padding-left: 50px;
      padding-right: 50px;
}

#nav2 ul ul ul ul ul ul a {
      padding-left: 60px;
      padding-right: 60px;
}

/* @end */

/* @group Footer */

#footerContainer {
      height: 3.00em;
      width: 100%;
      position: relative;
      z-index: 0;
      background: #000000 url(images/editable_images/footer-bar-filter.png) repeat-x;
}

#footer {
      display: inline;
      padding: 0;
      text-align: right;
      position: absolute;
      top: 10px;
      right: 15px;
}

#footer a:hover, #footer a:active {
      text-decoration: none;
      margin: 0;
      padding: 0;
}

#footer a:link, #footer a:visited {
      margin: 0;
      padding: 0;
}

/* @end */

/* @group Breadcrumb Container */

#breadcrumbcontainer {
      display: inline;
      padding: 0;
      text-align: left;
      position: absolute;
      top: 10px;
      left: 15px;
}

#breadcrumbcontainer ul {
      list-style: none;
      margin: 0;
      padding: 0px;
}

#breadcrumbcontainer li {
      display: inline;
}

#breadcrumbcontainer a {
      padding: 0px 0px 0px 0px;
      text-decoration: none;
      font-weight: normal;
      font-style: normal;
      background: transparent;
}

#breadcrumbcontainer a:hover {
      text-decoration: none;
      font-weight: normal;
      font-style: normal;
      background: transparent;
}

/* @end */

/* @group Blog */

/* @group Archive Page */

.blog-archive-background {
      
}

.blog-archive-headings-wrapper {
      
}

.blog-archive-entries-wrapper {
      
}

.blog-archive-month {
      padding-bottom: 15px;
      padding-top: 5px;
}

.blog-archive-link {
      padding-bottom: 10px;
      text-decoration: none;
}

/* @end */

/* @group Tag Cloud */

ul.blog-tag-cloud {
      margin: 0 0 10px;
      padding: 0;
      text-align: justify;
      margin-top: 15px;
}

ul.blog-tag-cloud li {
      display: inline;
      padding-right: 5px;
}

.blog-tag-size-1 {
      font-size: 0.8em;
}

.blog-tag-size-2 {
      font-size: 0.85em;
}

.blog-tag-size-3 {
      font-size: 0.9em;
}

.blog-tag-size-4 {
      font-size: 0.95em;
}

.blog-tag-size-5 {
      font-size: 1em;
}

.blog-tag-size-6 {
      font-size: 1.05em;
}

.blog-tag-size-7 {
      font-size: 1.1em;
}

.blog-tag-size-8 {
      font-size: 1.15em;
}

.blog-tag-size-9 {
      font-size: 1.2em;
}

.blog-tag-size-10 {
      font-size: 1.25em;
}

.blog-tag-size-11 {
      font-size: 1.3em;
}

.blog-tag-size-12 {
      font-size: 1.35em;
}

.blog-tag-size-13 {
      font-size: 1.4em;
}

.blog-tag-size-14 {
      font-size: 1.45em;
}

.blog-tag-size-15 {
      font-size: 1.5em;
}

.blog-tag-size-16 {
      font-size: 1.55em;
}

.blog-tag-size-17 {
      font-size: 1.6em;
}

.blog-tag-size-18 {
      font-size: 1.65em;
}

.blog-tag-size-19 {
      font-size: 1.7em;
}

.blog-tag-size-20 {
      font-size: 1.75em;
}

/* @end */

.blog-entry {
      
}

#blog-categories {
      margin-bottom: 15px;
}

.blog-permalink {
      
}

.blog-entry-permalink {
      
}

.blog-entry-title {
      font: normal normal 1.50em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
      border-bottom: 1px solid #383838;
      padding-bottom: 5px;
      margin-bottom: 10px;
}

.blog-entry-title a {
      
}

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

.blog-read-more {
      display: block;
}

.blog-entry-tags {
      margin: 15px 0 0;
      padding: 0;
      line-height: 1.25em;
}

.blog-category-link-enabled {
      padding-bottom: 0px;
      text-align: left;
}

.blog-category-link-disabled {
      
}

.blog-entry-body {
      padding: 0;
      margin: 0px 0 50px;
}

.blog-entry-comments {
      margin: 0;
      padding: 0;
      line-height: 1.25em;
}

.blog-archive-link-enabled {
      
}

.blog-archive-link-disabled {
      
}

.blog-rss-link {
      background: url(images/icons/rss_icon.png) no-repeat left center;
      margin: 0;
      padding: 0 0 0 16px;
}

.blog-comments-rss-link {
      display: block;
      background: url(images/icons/rss_icon.png) no-repeat left center;
      margin: 0;
      padding: 0 0 0 16px;
}

.blog-comment-link {
      
}

.blog-trackback-link {
      
}

/* @end */

/* @group File Sharing */

.filesharing-description {
      padding-bottom: 0px;
}

.filesharing-item {
      padding-top: 15px;
}

.filesharing-item-title a:link {
      
}

.filesharing-item-title a:hover {
      
}

.filesharing-item-title a:visited {
      
}

.filesharing-item-description {
      
}

/* @end */

/* @group Photo Album */

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

.album-title {
      font: normal normal 1.50em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
      border-bottom: 1px solid #383838;
      padding-bottom: 5px;
      margin-bottom: 10px;
}

.album-description {
      padding-bottom: 25px;
}

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

.thumbnail-wrap {
      text-align: center;
      position: relative;
      float: left;
      margin-bottom: 50px;
      display: block;
      text-decoration: none;
}

.thumbnail-table {
      display: block;
}

.thumbnail-frame {
      display: block;
      padding: 0px;
}

.thumbnail-frame:hover {
      
}

.thumbnail-frame a {
      display: block;
      height: 100%;
}

.thumbnail-frame a:hover {
      
}

.thumbnail-frame img {
      
}

p.thumbnail-caption {
      padding: 0;
      margin: 0;
}

/* @end */

/* @group Single Page (Photo view) */

#flashcontent {
      text-align: center;
}

.photo-background {
      margin: 10px auto;
      width: 800px;
}

.photo-navigation {
      margin-bottom: 10px;
      padding: 10px 10px 5px;
      text-align: center;
      text-decoration: none;
}

.photo-navigation a:link, .photo-navigation a:visited {
      text-decoration: none;
}

.photo-navigation a:hover {
      
}

.photo-frame {
      display: block;
      position: relative;
      padding: 5px;
      margin: 30px auto 0;
      text-align: center;
}

.photo-links {
}

.photo-title {
      font: normal normal 1.50em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
      border-bottom: 1px solid #383838;
      padding-bottom: 5px;
      margin-bottom: 10px;
}

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

.exif-data {
      text-align: center;
}

/* @end */

/* @end */

/* @group Quicktime Page */

.movie-description {
      
}

/* @end */

/* @group Quicktime Album */

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

.movie-page-title {
      font: normal normal 1.50em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
      border-bottom: 1px solid #383838;
      padding-bottom: 5px;
      margin-bottom: 10px;
}

.movie-page-description {
      margin-bottom: 15px;
}

.movie-thumbnail-frame {
      width: 132px;
      float: left;
      text-align: center;
      margin-right: 10px;
      margin-bottom: 10px;
}

.movie-thumbnail-caption {
      
}

/* @end */

/* @group Single Page (Movie View) */

.movie-background {
      margin: 10px;
}

.movie-title {
      font: normal normal 1.50em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
      border-bottom: 1px solid #383838;
      padding-bottom: 5px;
      margin-bottom: 10px;
}

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

/* @end */

/* @end */

/* @group Contact Form */

.message-text {
      
}

.required-text {
      
}

.form-input-field {
      font-size: 1.5em;
}

.form-input-button {
      font-size: 1.5em;
}

/* @end */