@import url("/_tmpl_styles/105/style.css");

body, html {
    height: 100%;
    background: #fff url(/images/grgrad.gif) repeat-x;
}

form {
    margin: 0;
    padding:0;
}

textarea {
    font: normal 11px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    border: 1px solid #999;  
    color: #333333;
}

input {
    font: normal 11px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    border-top: 1px solid #DEDEDE;  
    border-bottom: 1px solid #999;  
    border-left: 1px solid #DEDEDE;  
    border-right: 1px solid #999;  
    color: #333;
    background-color: #FFF;
    padding: 1px 1px 1px 1px;
}

select {
    font: normal 11px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    border: 1px solid #333;  
}

input.checkbox  {
    border: none ! important;
    background-color: transparent;
}

input.radio  {
    border: none ! important;
    background-color: transparent;
}

img {
    border: none;
}

/*** core ***/

body {
    margin: 20px 50px;
    color: #333;
    font: 15px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
}

blockquote {
  margin: 0 0 0 30px;
  padding: 10px 0 0 20px;
  font-style: oblique;
  font-size: 15px;
  line-height: 1.5em;
  color: #e52300;
  font-variant: small-caps;
  background: url("http://www.byte.org/images/quotes.gif") no-repeat top left;


left;
  }

blockquote p {
  margin-top: 0;
  }

table {
    color: #000;
    font: 11px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
}

a {
    text-decoration: none;
    color: #000000;
    background-color: transparent;
    font-weight: normal;
}

a:link, a:active, a:visited  {
    background-color: transparent;
    color: #000000;
    font-weight: normal;
    text-decoration: underline;
    cursor: pointer;
}

a:focus {
    outline: thin dotted invert;
}

a:hover {
    text-decoration: underline;
    color: #ccc;
    cursor: pointer;
}

a.plain {
    text-decoration: none;
}

textarea {
    font: normal 13px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
}

input {
    font: normal 13px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    cursor: pointer;
}

select {
    font: normal 13px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
}

input.buttonWhite {
    background-color: #808080;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    padding: 1 3px;
}

input.button {
    background-color: #808080;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    padding: 1 3px;
}

/***  structural  ***/

table.columns {
    padding: 0;
    height: 100%;
    width: 100%;
}

table.columns td.left {
    vertical-align: top;
    width: 25%;
    height: 100%;
    padding: 30px 20px 15px 0;
    border-collapse: collapse;
}

table.columns td.center {
    vertical-align: top;
    padding: 30px 0 20px 0;
    height: 100%;
    min-width: 340px;
    border-collapse: collapse;
}

table.columns td.header {
    margin: 0;
    padding: 0 12px 6px 0;
    background-color: transparent;
    border-top-style: double;
    border-top: 1px solid #808080;
    border-bottom-style: double;
    border-bottom: 4px solid #808080;
}

table.columns td.right {
    vertical-align: top;
    width: 20%;
    padding: 30px 0 15px 20px;
    height: 100%;
    border-collapse: collapse;
}

table.columns td.footer {
    margin: 0;
    padding: 0;
    background-color: #797B76;
}

table.blogHeader {
    margin: 0;
    padding: 0;
    font-size: 12px;
}

table.blogHeader a:link,
table.blogHeader a:active, 
table.blogHeader a:visited {
}

table.blogHeader a:hover {
}

table.blogHeader td.blogHeaderLeft {
    margin: 0;
    vertical-align: bottom;
    text-align: left;
}

table.blogHeader td.blogHeaderCenter {
    vertical-align: bottom;
    text-align: center;
}

table.blogHeader td.blogHeaderRight {
    text-align: right;
    vertical-align: bottom;
}

table.blogFooter {
    margin: 0;
    padding: 0;
    color: #FFF;
    background-color: transparent;
    font-size: 12px;
}

table.blogFooter a:link,
table.blogFooter a:active, 
table.blogFooter a:visited {
}

table.blogFooter a:hover {
}

table.blogFooter td.blogFooterLeft {
    padding: 6px;
    text-align: left;
    vertical-align: bottom;
}

table.blogFooter td.blogFooterCenter {
    padding: 6px;
    text-align: center;
    vertical-align: bottom;
}

table.blogFooter td.blogFooterRight {
    padding: 6px;
    text-align: right;
    vertical-align: bottom;
}

#content {
    position: relative;
}

/*** articles ***/

.tuneage {
    color:#808080;
    font-size:9px;
    text-align:right;
}

.articleAll {
    font: 16px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
    font-stretch: expanded; 
    line-height: 150%; 
    clear: both;
}

.photoAll {
}

.dayArticles {
    margin-bottom: 4px;
}

.article {
    margin: 0 10px 32px 10px;
    clear: both;
    background-color: #F7F7F7;
    border: 1px solid #ccc;
    padding: 1px 6px;
}

.article p {
    margin: 0 0 1em 0;
}


.articleTitle {

    font: bold 32px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    clear: both;
    font-variant: small-caps;
    line-height: 135%;
}

.articleAuthor {
    font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    background-color: transparent;
    margin: 2px 0 13px 0;
    clear: both;
}

.articleBody {
	font: 16px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
        font-stretch: expanded;
	line-height: 150%;
	clear: both;
}

div.articleBody table td,
div.articleBody table th {
    font: 15px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    line-height: 150%;
}

.articleMore {
    font: 10px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    font-weight: bold;
}

.articleStats {
    margin: 12px 0;
    font: 13px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    white-space: nowrap;
    text-align: right;
    clear: both;
}

.postDate {
    font: bold 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    margin: 0 0 18px 0;
    padding: 0 0 3px 0;
    white-space: nowrap;
    color: #000;
    border-bottom: 1px solid #333;
    text-transform: lowercase;
}

.photoPostDate {
    font: bold 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    margin: 6px 0 0 0;
    padding: 4px 0 2px 0;
    background-color: transparent;
    color: #990000;
    white-space: nowrap;
    border-top: 2px solid #333;
}

/*** components ***/

#leftcol {
    background-color: transparent;
    border: 1px solid #333;
    padding: 12px;
    font-size: 10px;
}

#leftcol .component {
    margin-bottom: 25px;
    clear: both;
    font-size: 10px;
}

#leftcol .componentHead {
    margin: 0;
    padding: 0 0 1px 0;
    font: bold 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    background-color: transparent;
    color: #000;
    white-space: nowrap;
    font-variant: small-caps;
}

#leftcol .componentContent {
    padding: 4px 0 0 8px;
    font-size: 10px;
}

#leftcol a {
}

#leftcol a:link, 
#leftcol a:active, 
#leftcol a:visited {
}

#leftcol a:hover {
}

#centercol {
}

#centercol a {
}

#centercol a:link, 
#centercol a:active, 
#centercol a:visited {
}

#leftcol a:hover {
}

#rightcol {
    background-color: transparent;
    border: 1px solid #333;
    padding: 12px;
    font-size: 10px;
}

#rightcol .component {
    margin-bottom: 25px;
    clear: both;
    font-size: 10px;    
}

#rightcol .componentHead {
    margin: 0;
    padding: 0 0 1px 0;
    font: bold 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    background-color: transparent;
    color: #000;
    white-space: nowrap;
    font-variant: small-caps;
}

#rightcol .componentContent {
    padding: 4px 0 0 8px;
    font-size: 10px;
}

#rightcol a {
}

#rightcol a:link {
    text-decoration: none;
} 

#rightcol a:active {
    text-decoration: none;
}

#rightcol a:visited {
    text-decoration: none;
}

#rightcol a:hover {
}

.componentBlogroll {
    line-height: 135%;
}

.componentBlogrollItem {
    margin-bottom: 6px;
}

.componentTopics {
    line-height: 18px;
}

.componentTopicItem {
    margin-bottom: 6px;
}

.componentArchive {
    line-height: 18px;
    white-space: nowrap;
}

.componentCalendar {
    font: normal 9px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    background-color: #eee;
    text-align: center;
}

table.componentCalendar {
    font-size: 9px;
    padding: 0;
}

table.componentCalendar td.componentCalendarDayname {
    padding: 0 1px;
    border-bottom: 1px solid #808080;
    background-color: #dedede;
}

table.componentCalendar td.componentCalendarDay {
    background-color: #f7f7f7;
}

.componentLogin {
    text-align: right;
    font-size: 10px;
}

div.componentLogin table {
    font-size: 10px;
}

.componentWelcome {
}

.componentBlogname {
    font: bold 40px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    font-variant: small-caps;
    line-height: 31px;
    letter-spacing: -2px;
    background-color: transparent;
    color: #990000;
    border: none;
}

div.componentBlogname a:link, 
div.componentBlogname a:visited,
div.componentBlogname a:active
{
    text-decoration: none;
    color: #990000;
    cursor: pointer;
    font-weight: normal;
    font-style: normal;
    border: none;
}

div.componentBlogname a:hover {
    text-decoration: none;
    color: #990000;
    cursor: pointer;
    font-weight: normal;
    font-style: normal;
    font-variant: small-caps;
    border: none;
}

.componentPostArticleLink,
.componentEditArticleLink,
.componentRssLink,
.componentHomeLink,
.componentEmailNotifyLink {
    font-size: 10px;
    font: bold 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    font-weight: bold;
    padding-right: 10px;
    font-variant: small-caps;
    border: none;
}

.componentRecentVisitors {
}

.componentRecentVisitorsItem {
    margin-bottom: 8px;
}
 
.componentRecentTrackbacks {
}

.componentRecentTrackbacksItem {
    margin-bottom: 8px;
}

.componentRecentEntries {
}

.componentRecentEntriesItem {
    margin-bottom: 8px;
}

.componentRecentComments {
}

.componentRecentCommentsItem {
    margin-bottom: 8px;
}

.componentRecentArticles {
}

.componentRecentArticlesItem {
    margin-bottom: 8px;
}

.componentRecentPhotos {
}

.componentRecentPhotosItem {
    margin-bottom: 12px;
}

.componentRecentPhotosItem img {
    border: 1px solid #000;
}

/*** comments ***/

.commentForm {
    padding: 8px;
    margin: 0;
    clear: both;
    border: 1px solid #ccc;
    background-color: #f7f7f7;
}

.commentFormInline {
    padding: 8px;
    margin: 18px 0;
    clear: both;
    border: 1px solid #ccc;
    background-color: #f7f7f7;
}

.commentsHead {
    margin: 0 0 12px 0;
    padding: 2px 0 0 0;
    border-top: 2px solid #ccc;
    color: #990000;
    font: bold 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    text-transform: lowercase;
}

.comments {
    margin: 12px 0 18px 0;
    clear: both;
}

.commentTitle {
    font: 16px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    font-weight: bold;
    padding-bottom: 2px;
}

.commentAuthor {
    font: 9px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    margin-bottom: 8px;
    padding-top: 2px;
}

.commentReply {
    font-size: 10px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 10px;
}

.commentBody {
    font: 13px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    line-height: 135%;
}

.comment {
    padding-bottom: 5px;
    margin: 12px 0;
}

.commentReplyRef {
    padding-bottom: 5px;
    margin: 0 0 12px 0;
}

.commentIndent0 {}
.commentIndent1 {margin-left:25px;}
.commentIndent2 {margin-left:50px;}
.commentIndent3 {margin-left:75px;}
.commentIndent4 {margin-left:100px;}
.commentIndent5 {margin-left:125px;}
.commentIndent6 {margin-left:150px;}
.commentIndent7 {margin-left:175px;}
.commentIndent8 {margin-left:200px;}

/*** trackbacks ***/

.trackbacks {
    margin: 12px 0;
    clear: both;
}

.trackbacksHead {
    margin: 0 0 12px 0;
    padding: 2px 0 0 0;
    border-top: 2px solid #ccc;
    color: #990000;
    font: bold 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    text-transform: lowercase;
}

.trackback {
    font: 11px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    border-bottom: 1px dotted #E4E7E6;
    padding-bottom: 12px;
    margin: 12px 0;
}

/*** photo albums ***/

table.thumbnails {
}

table.thumbnails td {
    padding: 0 12px 0 0;
}

table.thumbnails td.row {
    padding: 4px 8px 4px 0;
}

table.thumbnails td.emptyRow {
}

table.thumbnailsByDay {
}

table.thumbnailsByDay td {
    text-align: left;
    vertical-align: top;
    padding: 0 12px 0 0;
 }

.thumbnailCaption {
    line-height: 13px;
    margin: 0 0 16px 0;
}

.thumbnail {
    margin-bottom: 1px;
}

img.thumbnail {
    border: 1px solid #000;
}

img.photo {
    border: 1px solid #000;
    margin: 0 0 10px 0;
}

/*** text headers ***/

.sectionHead1 {
    font-weight: bold;
    font-size: 13px;
    background-color: transparent;
    margin-bottom: 16px;
}

/*** misc ***/

.categoryPostList {
    font-size: 10px;
    margin: 18px 0 12px 0;
    clear: both;
}

table.categoryPostListTable {
     font-size: 10px;
}

.categoryBreadcrumb {
    font-size: 9px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 20px;
    white-space: nowrap;
    text-transform: uppercase;
}

.articleBreadcrumb {
    white-space: nowrap;
    padding: 1px 6px;
    margin: 0 0 20px 0;
    border: 1px solid #ccc;
    background-color: #f7f7f7;
    font-size: 10px;
}

.photoBreadcrumb {
    white-space: nowrap;
    padding: 1px 6px;
    margin: 0 0 20px 0;
    border: 1px solid #ccc;

    background-color: #f7f7f7;
    font-size: 10px;
}

div.articleBreadcrumb table {
    font-size: 10px;
}

div.photoBreadcrumb table {
    font-size: 10px;
}

div.articleBreadcrumb span.emph {
    font-weight: bold;
    background-color: transparent;
}

div.photoBreadcrumb span.emph {
    font-weight: bold;
    background-color: transparent;
}

.pager {
    margin: 12px 0;
    white-space: nowrap;
    text-align: right;
}

.articlePrintLink {
    font-size: 11px;
    margin-top: 12px;
    clear: both;
}

.emph { 
    font-weight:bold;
} 

.noncompliant {
    display: none;
}

.message {
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 20px;
}

/*** thumbnails ***/

div.dayPhotos {
}

div.thumbcontainer {
    background-color: #fff;
}

div.thumb {
    width: 150px;
    margin: 0 12px 20px 0;
    float: left;
}

div.spacer {
    clear: both;
}

div.thumb img {
    border: 1px solid #000;
    margin: 0 0 4px 0;
}

div.thumbcaption {
    line-height: 13px;
    text-align: left;
}

/*******************/

.editButtons {
    margin: 16px 0 0 0;
}

img.editButtonOn,
img.editButtonOff,
img.editButtonDown,
img.editButtonUp {
    width: 23px;
    height: 22px;
    cursor: pointer;
}

.editButtonOn {
    border: 1px solid #000;
    background: #eee;
}

.editButtonOff {
    border: 1px solid #797B76;
    background: #ccc;
}

.editButtonDown {
    background: #dedede;
}

.editButtonUp {
    background: #ccc;
}

/*******************/

.reviewBox {
    margin-bottom: 25px;
}

table.reviewDetails {
    border: 1px solid #ccc;
    background-color: #f5f5f5;
}

table.reviewDetails td.reviewTitle {
    font: bold 13px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    background-color: #dedede;
    color: #990000;
}

table.reviewDetails td.reviewDetailLabel {
    font: bold 10px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    text-align: right;
    white-space: nowrap;
    background-color: #dedede;
    color: #000;
}

table.reviewDetails td.reviewDetailValue {
    font: normal 10px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    background-color: #fff;
}

.bracket {
    color: #990000;
}

.pubdate {
    font-size: 9px;
    font-weight: normal;
    font-style: italic;
}

div.articleAll .articleAuthor,
div.photoAll .articleAuthor 
{
    text-align: left;
    margin-bottom: 13px;
}

div.articleAll .article,
div.photoAll .article
{
    margin: 0 0 32px 0;
}

.newsLink { 
    font-variant: small-caps;
    font: bold 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
}

.newsLinkAlt { 
    font-variant: small-caps;
    font: bold 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;

}