body {
    font            : normal .7em verdana;
    background-color: #fff;
    color           : #666;
    margin          : 0px;
    padding         : 10px;
}
code {
    font-size       : 1.2em;
}

a:link, a:visited, a:hover {
    color           : #000;
}
a:link, a:visited {
    text-decoration : none;
}
a:hover {
    text-decoration : underline;
}

.author {
    padding-right   : 5px;
    color           : #666;
    font-style      : italic;
    font-weight     : normal;
}

.screenshots .header {
    color           : #51537F;
    font-weight     : bold;
    padding         : 10px;
    margin-top      : 20px;
    border-top      : 2px solid #51537F;
    border-bottom   : 1px solid #ccc;
}
.screenshots .image-heading {
    padding         : 10px 0px;
}

#content {
    width           : 972px;
    margin          : 0 auto;
}
#header, #footer {
    width           : 972px;
    margin          : 0 auto;
    text-align      : center;
    padding-top     : 20px;
}
#header {
    padding-bottom  : 20px;
}
#footer {
    clear           : both;
}
#header .logo {
    color           : #51537F;
    font            : normal 2.0em serif;
    margin-bottom   : 7px;
}

/********************************************************** column dimensions */
.column {
    position        : relative;
    float           : left;
    border-top      : 2px solid #51537F;
    margin-bottom   : 20px;
    margin-right    : 0px;
}
.column.left { 
    width           : 250px;
    margin-right    : 10px;
    border-right    : 1px solid #ccc;
}
.column.center {
    width           : 500px;
    margin-right    : 10px;
}
.column.feature {
    width           : 760px;
    margin-right    : 10px;
}
.column.right {
    width           : 200px;
    border-left     : 1px solid #ccc;
}

.column .item {
    padding         : 10px;
}


/************************************************************** column header */
.column .header {
    color           : #51537F;
    font-weight     : bold;
    padding         : 10px;
    border-bottom   : 1px solid #ccc;
}

/********************************************************* item configuration */
.column .item .title {
    font-weight     : bold;
}


/************************************************************ code formatting */
.code {
    margin          : 20px -5px;
    border-top      : 1px solid #ccc;
    border-bottom   : 1px solid #ccc;
    background      : #efefef;
    color           : #333;
    font-size       : 1.3em;
}
.inlineCode {
    font-family     : monospace;
    font-size       : 1.3em;
    color           : #333;
}
.code .inlineCode {
    font-size       : 1.0em;
    font-weight     : bold;
    color           : #000;
}

/***************************************************************** linksBlock */
.linksBlock a {
    font-size       : .9em;
    padding-right   : 8px;
    margin-right    : 8px;
    border-right    : 1px solid #AAA;
}
.linksBlock a.last {
    padding-right   : 0px;
    margin-right    : 0px;
    border          : none;
}
.feature .linksBlock {
    margin-top      : 10px;
    padding-left    : 10px;
}
/************************************************************** blurb styling */
.blurb {
    font-style      : italic;
}

/**************************************************************** description */
.description {
    font-style      : italic;
    margin-left     : 5px;
}
.explanatoryText {
    font-style      : italic;
    color           : #000;
}