﻿/* General Styles */

body {
    padding: 0px;
    margin: 0px;
    background-color: #cdcdcd;
    font-family: Calibri, Tahoma, Verdana;
    font-size: 90%;
}
table {
    font-family: Calibri, Tahoma, Verdana;
}
a, a:link, a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
form {
    padding: 0px;
    margin: 0px;
}
input, select, button, label, .Form {
    font-family: Tahoma;
    font-size: 8pt;
}
textarea {
    font-family: Tahoma;
    font-size: 10pt;
}
pre, code {
    font-family: 'Lucida Console', Courier;
    font-size: 8pt;
}
p {
    margin: 8px 0px 8px 0px;
}

p.centered {
    text-align: center;
}

span.imageFrame {
    padding: 3px;
    background-color: #ffffff;
    border: solid 3px #d8d8d8;
}

div.ad {
    text-align: center;
    padding: 10px;
}
div.section {
    background-image: url(/Content/Images/Gradient.jpg);
    background-repeat: no-repeat;
    padding: 10px;
}
div.specialSection {
    background-image: url(/Content/Images/GradientHighlight.jpg);
}
div.clear {
    clear: both;
}

.rightFloating {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}
.leftFloating {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

a.icon {
    padding: 2px 0px 2px 20px;
    background-repeat: no-repeat;
    background-position: 0 0;
}
a.rss {
    background-image: url(/Content/Images/Feed.png);
}
a.html {
    background-image: url(/Content/Images/HTML.png);
}
a.digg {
    background-image: url(/Content/Images/Digg.png);
}
a.delicious {
    background-image: url(/Content/Images/Delicious.png);
}
a.facebook {
    background-image: url(/Content/Images/Facebook.png);
}
ul.linkBar {
    list-style: none none outside;
    font-family: Tahoma;
    font-size: 8pt;
    text-indent: -40px;
}
ul.linkBar li {
    display: inline;
    padding: 4px 16px 4px 0px;
    height: 20px;
}
ul.linkBar a, ul.linkBar a:link, ul.linkBar a:visited, ul.linkBar a:hover {
    color: #0066ff;
}
ul.highlight {
    font-weight: bold;
    color: #000000;
}

/* Page Structure */

#pageHeader {
    margin: 0px;
    height: 85px;
    width: 100%;
}
#pageHolder {
    table-layout: fixed;
    width: 100%;
    margin: 0px;
}
#pageContent {
    padding: 20px;
    width: 100%;
    overflow: hidden;
    background-color: #ffffff;
}
#pageSidebar {
    width: 230px;
    padding: 10px;
    border-left: solid 1px #d8d8d8;
    background-color: #eeeeee;
}
#pageFooter {
    padding: 8px;
    border-top: solid 1px #a4a4a4;
    color: #666666;
}


/* Page Header */

#pageHeader {
    background-repeat: repeat-x;
    background-image: url(/Content/Images/Banner.png);
    position: relative;
}
#pageLogo {
    height: 85px;
    width: 100%;
    background-repeat: no-repeat;
    background-image: url(/Content/Images/Header.png);
}
#pageToolbar {
    font-family: Tahoma, Verdana;
    font-size: 8pt;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    color: #333333;
    position: absolute;
    right: 10px;
    top: 19px;
    height: 31px;
}
#pageToolbar li {
    display: inline;
    height: 31px;
    padding: 4px;
}
#pageToolbar2 {
    font-family: Tahoma, Verdana;
    font-size: 8pt;
    height: 31px;
    color: #333333;
    text-align: right;
    position: absolute;
    right: 10px;
    top: 56px;
    height: 31px;
}
#pageToolbar a, #pageToolbar a:link, #pageToolbar a:visited, #pageToolbar a:hover,
#pageToolbar2 a, #pageToolbar2 a:link, #pageToolbar2 a:visited, #pageToolbar2 a:hover {
    text-decoration: none;
    font-weight: bold;
    color: #000000;
}


/* Main Content Area */

div.content a, div.content a:link, div.content a:visited, div.content a:hover {
    text-decoration: none;
    color: #0066FF;
}
div.content .text a, div.content .text a:link, div.content .text a:visited, div.content .text a:hover {
    border-bottom: #0066FF 1px dashed;
}
div.content .text a:hover {
    border-bottom: #0066FF 1px solid;
}
div.content .text p {
    margin-top: 12px;
    margin-bottom: 8px
}
div.content .text blockquote {
    font-family: Georgia, Verdana;
    font-style: italic;
    padding: 8px;
}

h1.pageTitle {
    font-family: 'Trebuchet MS', Verdana;
    font-size: 18pt;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    color: #663300;
}
h2.sectionTitle {
    font-family: 'Trebuchet MS', Verdana;
    font-size: 14pt;
    font-weight: normal;
    margin-bottom: 0px;
    color: #000000;
}
h2.sectionTitle a, h2.sectionTitle a:visited, h2.sectionTitle a:hover {
    text-decoration: none;
    color: #40659b;
}
h2.sectionTitle a:hover {
    color: #003366;
}
span.pageDescription {
    font-family: Georgia, Verdana;
    font-size: 10pt;
    margin-top: 4px;
    color: #663300;
}
div.pageBreak {
    clear: both;
    margin: 12px 0px 12px 0px;
    font-size: 0pt;
    border-bottom: solid 1px #d8d8d8;
}


/* Sidebar */

#pageSidebar {
    font-family: Verdana;
    font-size: 8pt;
}
div.sidebarTile {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: dashed 1px #a4a4a4;
}
h3.sidebarTileHeading {
    font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;
    margin-bottom: 4px;
    color: #663300;
}
div.sidebarTileContent {
}
div.sidebarRow {
    padding: 1px 0px 1px 0px;
    min-height: 18px;
}
div.sidebarTile a, div.sidebarTile a:link, div.sidebarTile a:visited, div.sidebarTile a:hover {
    color: #40659B
}

/* Page Footer */

#pageFooter {
    font-family: Verdana;
    font-size: 7pt;
}

/* Ads */
.ad {
  text-align: center;
}


/* Photos Specific */

.photoStackTile {
  display: inline-block;
  margin: 10px 5px 10px 5px;
}
.photoStack0, .photoStack1 {
    font-size: 0pt;
    width: 204px;
    height: 164px;
    position: relative;
}
.photoStack0 {
    background-image: url(/Content/Images/PhotoStack0.jpg);
}
.photoStack1 {
    background-image: url(/Content/Images/PhotoStack1.jpg);
}
.photoStackContent {
  width: 160px;
  height: 120px;
  top: 22px;
  left: 21px;
  position: absolute;
  text-decoration: none;
}
.photoStackTitle {
    font-weight: bold;
}
.photoStackDetails {
    font-size: 80%;
}
.albumFrame {
  float: right;
  font-size: 0pt;
  width: 356px;
  height: 276px;
  position: relative;
  background-image: url(/Content/Images/Album.jpg);
}
.albumFrameContent {
  width: 320px;
  height: 240px;
  left: 18px;
  top: 18px;
  position: absolute;
}
.thumbnailTile {
  display: inline-block;
  margin: 10px;
  width: 200px;
  text-align: center;
  vertical-align: middle;
}
.thumbnailTL {
    background-repeat: no-repeat;
    background-image: url(/Content/Images/ThumbnailTL.jpg);
    width: 9px;
    height: 9px;
    font-size: 0px;
}
.thumbnailT {
    background-repeat: repeat-x;
    background-image: url(/Content/Images/ThumbnailT.jpg);
    font-size: 0px;
    height: 9px;
}
.thumbnailTR {
    background-repeat: no-repeat;
    background-image: url(/Content/Images/ThumbnailTR.jpg);
    width: 9px;
    height: 9px;
    font-size: 0px;
}
.thumbnailL {
    background-repeat: repeat-y;
    background-image: url(/Content/Images/ThumbnailL.jpg);
    font-size: 0px;
    width: 9px;
}
.thumbnailR {
    background-repeat: repeat-y;
    background-image: url(/Content/Images/ThumbnailR.jpg);
    font-size: 0px;
    width: 9px;
}
.thumbnailBL {
    background-repeat: no-repeat;
    background-image: url(/Content/Images/ThumbnailBL.jpg);
    width: 9px;
    height: 9px;
    font-size: 0px;
}
.thumbnailB {
    background-repeat: repeat-x;
    background-image: url(/Content/Images/ThumbnailB.jpg);
    font-size: 0px;
    height: 9px;
}
.thumbnailBR {
    background-repeat: no-repeat;
    background-image: url(/Content/Images/ThumbnailBR.jpg);
    width: 9px;
    height: 9px;
    font-size: 0px;
}
.thumbnailTitle {
    font-size: 80%;
    text-align: center;
}
.photoTL {
    background-repeat: no-repeat;
    background-image: url(/Content/Images/PhotoTL.jpg);
    width: 25px;
    height: 25px;
    font-size: 0px;
}
.photoT {
    background-repeat: repeat-x;
    background-image: url(/Content/Images/PhotoT.jpg);
    height: 25px;
    font-size: 0px;
}
.photoTR {
    background-repeat: no-repeat;
    background-image: url(/Content/Images/PhotoTR.jpg);
    width: 25px;
    height: 25px;
    font-size: 0px;
}
.photoL {
    background-repeat: repeat-y;
    background-image: url(/Content/Images/PhotoL.jpg);
    width: 25px;
    font-size: 0px;
}
.photoR {
    background-repeat: repeat-y;
    background-image: url(/Content/Images/PhotoR.jpg);
    width: 25px;
    font-size: 0px;
}
.photoBL {
    background-repeat: no-repeat;
    background-image: url(/Content/Images/PhotoBL.jpg);
    width: 25px;
    height: 25px;
    font-size: 0px;
}
.photoB {
    background-repeat: repeat-x;
    background-image: url(/Content/Images/PhotoB.jpg);
    height: 25px;
    font-size: 0px;
}
.photoBR {
    background-repeat: no-repeat;
    background-image: url(/Content/Images/PhotoBR.jpg);
    width: 25px;
    height: 25px;
    font-size: 0px;
}
.tinyThumbnail {
  border: solid 1px silver;
  background: white;
  padding: 3px;
  display: inline-block;
  margin: 4px 4px 4px 0px;
  font-size: 0pt;
}
.tinyThumbnailText {
  font-size: 120%;
}

