/*<group=General Styles>*/

.image-left {
      float: left;
      margin: 3px 10px 3px 0;
      padding: 3px 5px 3px 0px;
      border-right: 1px dotted #cccccc;
}

.image-right {
      float: right;
      margin: 3px 0 3px 10px;
      padding: 3px 0 3px 5px;
      border-left: 1px dotted #cccccc;
}

a:link {
      color: #0080ff;
      text-decoration: none;
}

a:visited {
      color: #0080ff;
      text-decoration: none;
}

a:hover, a:active {
      color: #66ccff;
      text-decoration: none;
}
/*</group>*/

/*<group=Layout>*/

.clearer {
      clear: both;
}

#container {
      width: 549px;
      text-align: left;
      background: repeat-y url(../../images/perforated/middle.jpg);
      margin-top: 0;
      margin-right: auto;
      margin-left: auto;
      padding: 0;
}

#top {
      background: url(../../images/perforated/top.jpg) no-repeat;
      margin: 0;
      width: 549px;
}

#header {
      padding-top: 63px;
      background: transparent;
      padding-left: 53px;
}

#insideheader {
      background: #66ccff;
      width: 443px;
      height: 210px;
}

#sep {
      background: no-repeat url(../../images/perforated/entry.jpg);
      width: 549px;
      height: 101px;
}

#header h1 {
      background: transparent;
      margin: 0;
      padding-top: 14px;
      padding-right: 12px;
      padding-left: 18px;
      font-size: 32px;
      line-height: 32px;
}

#header h2 {
      font-size: 14px;
      font-weight: normal;
      background: transparent;
      margin: 0;
      padding-right: 12px;
      padding-bottom: 12px;
      padding-left: 18px;
}

#contentContainer {
      width: 450px;
      margin-right: 0;
      margin-left: 0;
      padding-bottom: 24px;
      margin-top: 0;
      padding-left: 58px;
}

#contentContainer #content {
      margin-right: 20px;
}

.sidebottomtop {
      background: no-repeat url(../../images/perforated/top2.jpg);
      width: 549px;
      height: 80px;
      margin: 0;
      padding: 0;
}

.sidetitle {
      font-size: 20px;
      color: #b3b3b3;
      line-height: 26px;
      background: repeat-y none transparent;
      width: 485px;
      padding: 44px 0 0 62px;
}

.sidebottombottom {
      background: no-repeat url(../../images/perforated/bottom.jpg);
      width: 549px;
      height: 62px;
      margin: 0;
      padding: 0;
}

.sidebarcontent {
      background: repeat-y url(../../images/perforated/middle.jpg);
      width: 425px;
      padding-left: 62px;
      padding-right: 0;
}

#footer {
      font-size: 0.5em;
      color: #cccc33;
      background: no-repeat url(../../images/perforated/bottom.jpg);
      width: 549px;
      height: 62px;
}

#footertext {
      text-align: center;
      font-size: 12px;
      margin: 0;      padding: 0;
}

#footer p {
      padding: 0px;      margin: 0px;
}

#footer a:link, #footer a:visited {
}

#footer a:hover, #footer a:active {
}
      
/*</group>*/

/*<group=Blog>*/

/*<group=Archive Page>*/

.blog-archive-background {      
}.blog-archive-headings-wrapper {
      text-align: left;
      padding-left: 0px;
}

.blog-archive-entries-wrapper {
      text-align: left;
}.blog-archive-month {
      font-weight: bold;
      margin-bottom: 4px;
}.blog-archive-link {
      font-size: .85em;
      color: #000000;
      margin-bottom: 15px;
}      
/*</group>*/

.blog-entry {
      letter-spacing: 0px;
      text-align: left;
      background: bottom no-repeat url(../../images/perforated/entry3.jpg);
      margin-left: -58px;
      margin-right: 0;
      width: 549px;
      padding: 0 0 155px;
}

.blog-entry-summary {
      letter-spacing: -.5px;
      text-align: left;
      font-weight: normal;
}

.blog-read-more {
      font-weight: normal;
      color: #b3b3b3;
      display: block;
      text-align: left;
      padding-top: 10px;
      background: no-repeat;
}

.blog-entry-title {
      font-size: 15px;
      font-weight: normal;
      padding-left: 58px;
      width: 434px;
      padding-top: 0;
      margin-top: 15;
      line-height: 20px;
      letter-spacing: 0;
}

.blog-entry-date {
      color: #666666;
      font-size: 12px;
      margin-bottom: 10px;
      margin-top: 2px;
      padding-left: 58px;
      width: 434px;
}

.blog-entry-body {
      padding-left: 58px;
      width: 434px;
}

.blog-entry-comments {
      padding-top: 5px;
      text-align: right;
      color: #999999;
      width: 434px;
      font-size: 11px;
      padding-left: 0;
      padding-right: 12px;
}

.categories {
      padding: 12px;
      background: #edeeed;
      float: right;
      margin: 5px 18px 20px 20px;
      text-align: center;
}
      
/*</group>*/

/*<group=Menu>*/

/* Toolbar Styles */

#navcontainer {
      width: 445px;
      height: 0px;
      position: relative;
      padding: 0;
      line-height: 0px;
      margin-top: 0px;
      margin-left: 53px;
      margin-bottom: 0px;
}

#navcontainer #current {
      color: #ffffff;
      background: #cccc33;
      height: 0px;
}

#navcontainer #current:hover {
      background: #7f7f7f;
}

#navcontainer .currentAncestor {
      color: #ffffff;
      background: #7f7f7f;
}

/* Parent - Level 0 */

#navcontainer ul{
      list-style: none;
      margin: 0;
      padding: 0;
      position: absolute;
      top: 0;
      left: 0;
}

#navcontainer li {
      float: left;
      border-top: 0px solid #ffffff;
}

#navcontainer a {
      width: 75px;
      height: 0px;
      display: block;
      
      text-align: center;
      text-decoration: none;
      color: #666666;
      font-size: 0px;
      line-height: 0px;
      padding-top: 0px;
      padding-right: 0px;
      padding-left: 0px;
      margin-right: 0px;
      background: #e6e6e6;
}

#navcontainer a:hover {
      background: #cccccc;
      text-decoration: none;
      color: #ffffff;
}

#navcontainer a:active {
      background: #cccccc;
      color: #ffffff;
}

/* Child - Level 1 */

#navcontainer ul ul {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 445px;
      background: transparent;
}

#navcontainer ul ul li {
}

#navcontainer ul ul a {
      font-size: 1em;
}

#navcontainer ul ul a:hover{
}

#navcontainer ul ul #current{
      background: #cccccc;
      color: #ffffff;
}

#navcontainer ul ul .currentAncestor {
      background: #7f7f7f;
      color: #ffffff;
}

/* Child - Level 2 */

#navcontainer ul ul ul {
      display: none;
}

/*</group>*/

/*<group=Global Classes>*/

blockquote {

}

h1 {
      font-size: 24px;
      line-height: 26px;
}

h2 {
      font-size: 16px;
      line-height: 16px;
}

/* The below styles the hr tag to use a graphic for Safari, Opera, Firefox, etc, and use a regular rule for IE. */

hr {
      width: 90%;
      height: 2px;
      border: none;
      text-align: center;
}

HTML>BODY HR {
      background: no-repeat url(../../images/perforated/entry.jpg);
      width: 549px;
      height: 101px;
      margin-left: -58px;
      border: none;
}
      
/*</group>*/

/*<group=Photo Album>*/

/*<group=Index Page (Thumbnail view)>*/
.album-title {
      font-size: 15px;
      font-weight: normal;
      margin-bottom: 3px;
      letter-spacing: 0px;
      text-align: left;
}

.album-description {
      margin-bottom: 20px;
      color: #999999;
      font-size: 12px;
      text-align: left;
}

.album-wrapper {
      display: block;
      width: 100%;
      position: relative;
      text-align: center;
}

.thumbnail-wrap {
      text-align: center;
      position: relative;
      float: left;
      margin-bottom: -120px;
      margin-right: 5px;}

.thumbnail-frame {
    position: relative;
    bottom: 0;
    left: 0;}

.thumbnail-frame img {
      text-align: center;}

.thumbnail-caption {
      margin: 0;
      padding: 0;
      height: 5px;
      display: block;
      text-align: center;
}
      
/*</group>*/

/*<group=Single Page (Photo view)>*/

.photo-background {
      text-align: center;
      background: background: repeat url(../../images/perforated/back1.jpg);
      margin: -10px;
      padding: 0;
}

.photo-navigation {
      text-align: center;
      width: 549px;
      font-size: 12px;
      height: 210px;
      background: no-repeat url(../../images/perforated/perfsingle.jpg);
      margin: 0 auto;
      padding: 35px 0 0;
}

#photo-navigation a {
      text-decoration: none;
      font-size: 12px;
      color: #000000;
}

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

.photo-frame{
      margin: -10px;
      border: solid #ffffff 10px;
}

.photo-links {
      text-align: center;
      margin: 0;
      padding: 59px 0 0;
}

.photo-title {
      font-weight: normal;
      margin: 0px 0px 5px 0px;
      font-size: 14px;
      text-align: center;
}

.photo-caption {
      font-size: 11px;
      margin: 0px;
      color: #999999;
      padding-top: 0px;
      text-align: center;
}

/*</group>*/
      
/*</group>*/

/*<group=Bread-crumb>*/

#breadcrumbcontainer {
      text-align:
      clear: both;
      font-weight: bold;
      font-size: 9px;
      color: #666666;
      padding-top: 12px;
}

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

#breadcrumbcontainer li {
      padding: 0px;
      display: inline;
}

#breadcrumbcontainer a {
      display: inline;
}

#breadcrumbcontainer a:hover {
      display: inline;
}
      
/*</group>*/

/*<group=File Sharing>*/

.filesharing-description {
      margin-bottom: 20px;
      font-size: 12px;
      color: #999999;
}

.filesharing-item {
      border: 1.5px dashed #b3b3b3;
      padding: 15px;
      margin-bottom: 24px;
}

.filesharing-item-title {
      color: #333333;
      font-size: 14px;
      font-weight: bold;
      text-decoration: none;
      margin-bottom: 10px;
}

.filesharing-item-title a {
      color: #333333;
      font-size: 14px;
      font-weight: bold;
      text-decoration: underline;
}

.filesharing-item-description {
      background: 0px bottom;
}

/*</group>*/

/*<group=Contact Form>*/
.message-text {
      color: #999999;
      font-size: 12px;
      margin-bottom: 15px;
      width: 425px;
} 

.required-text {
      font-size: 10px;
      width: 425px;
      margin-bottom: 15px;
} 

.form-input-field {
      width: 425px;
} 

.form-input-button { } 
/*</group>*/

/*<group=Quicktime Page>*/

.movie-description {
      text-align: center;
      margin: 12px 0 20px;
      padding: 0;
}
      
/*</group>*/

/*<group=Quicktime Album>*/

/*<group=Index Page (Movie Thumbnail view)>*/

.movie-page-title {
      font-size: 24px;
      font-weight: normal;
      line-height: 28px;
      letter-spacing: 0;
      margin-bottom: 3px;
}.movie-page-description {
      color: #999999;
      margin-bottom: 20px;
}.movie-thumbnail-frame {
      float: left;
      display: inline;
      margin-bottom: 15px;
}.movie-thumbnail-caption {
      text-align: left;
      font-size: 0.9em;
      color: #666666;
}
      
/*</group>*/

/*<group=Single Page (Movie View)>*/

.movie-background {
      margin-top: 5px;
      background: repeat url(../../images/perforated/back1.jpg);
}

.movie-title {
      color: #000000;
      font-size: 2em;
      font-weight: bold;
      text-align: center;
}

.movie-frame {
      text-align: center;
      margin-bottom: 10px;
}
     a#tooCool {position: fixed;right: 0;bottom: 0;display: block;height: 80px;width: 80px;background: url(http://www.cooolor.com/toocool/too_cool.png) bottom right no-repeat;text-indent: -999em;text-decoration: none;}/*</group>*/


/*</group>*/