/* Say Uncle style by Robb Allen - http://blog.robballen.com */

/* better layout */ 
.mainContainer
{
background-image:url(/images/content_bg.jpg);
background-repeat:repeat-y;
width:900px;
margin:auto;
overflow:hidden;
background-color:#FFFFFF;
}

.col1
{
float:left;
display:inline;
padding:6px;
width:498px;
margin-left:195px;
}
.col2
{
float:left;
width:183px;
padding:6px;
margin-left:-705px;
}
.col3
{
float:left;
width:195px;
}

/* General styles */
body
{
    margin: auto;
    padding: 0;
    border: 0; /* This removes the border around the viewport in old versions of IE */
    width: 900px;
    background: #fff;
    min-width: 900px; /* Minimum width of layout - remove line if not required */
    font-size: .8em; /* Resets 1em to 10px */
    font-family: Verdana, Arial, Sans-Serif;
    background-color: #2b2b3a;
    background-image: url(/images/background_fade.jpg);
    background-repeat: repeat-x;
height:100%;
}
h1, h2, h3
{
    margin: .8em 0 .2em 0;
    padding: 0;
}
p
{
    margin: .4em 0 .8em 0;
    padding: 0;
}
/* Header styles */
#header
{
    clear: both;
    float: left;
    width: 900px;
    margin: auto;
}
#Header a:hover
{
    border: none;
}
/* 'widths' sub menu */
#layoutdims
{
    clear: both;
    background: #eee;
    border-top: 4px solid #000;
    margin: 0;
    padding: 6px 15px !important;
    text-align: right;
}
/* column container */
.colmask
{
    position: relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear: both;
    float: left;
    width: 100%; /* width of whole page */
    overflow: hidden; /* This chops off any overhanging divs */
}
/* holy grail 3 column settings */
.holygrail
{
    background: white; /* Right column background colour */
    margin: auto;
}
.holygrail .colmid
{
    float: left;
    width: 200%;
    margin-left: -195px; /* Width of right column */
    position: relative;
    right: 100%;
    background: #fff; /* Centre column background colour */
}
.holygrail .colleft
{
    float: left;
    width: 100%;
    margin-left: -50%;
    position: relative;
    left: 390px; /* Left column width + right column width */
    background: #FFD8B7; /* Left column background colour */
    background-image: url(/images/bg_left_column.jpg);
    background-position: right;
}
.holygrail .col1wrap
{
    float: left;
    width: 50%;
    position: relative;
    right: 205px; /* Width of left column */
    padding-bottom: 1em; /* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .col1
{
    margin: 0 215px; /* Centre column side padding:                             	Left padding = left column width + centre column left padding width                             	Right padding = right column width + centre column right padding width */
    position: relative;
    left: 200%;
    overflow: hidden;
}
.holygrail .col2
{
    float: left;
    float: right; /* This overrides the float:left above */
    width: 170px; /* Width of left column content (left column width minus left and right padding) */
    position: relative;
    right: 15px; /* Width of the left-had side padding on the left column */
}
.holygrail .col3
{
    float: left;
    float: right; /* This overrides the float:left above */
    width: 195px; /* Width of right column content (right column width minus left and right padding) */
    margin-right: 45px; /* Width of right column right-hand padding + left column left and right padding */
    position: relative;
    left: 50%;
    background-image: url(/images/bg_right_column.jpg);
    background-position: right;
}
/* Footer styles */
#footer
{
    color: White;
    clear: both;
    float: left;
    width: 100%;
    background-image: url(/images/footer.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-color: #2b2b3a;
    text-align: center;
    padding-top: 35px;
    margin-bottom: 20px;
}
#footer p
{
    padding: 10px;
    margin: 0;
}
#footer a
{
    color:Silver;
}
.col3 img
{
padding-top:10px;
}
/* --> */
.entrytext a
{
    border-bottom: solid 1px #DEDEDE;
}
.col2 li, .col3 li
{
    list-style-type: none;
    margin-left: -30px;
}
.col2 h2, .col3 h2
{
    font-size: 1.25em;
    color: #2b2b3a;
    border-bottom: solid 1px #2b2b3a;
}
.post h2
{
    font-size: 1.25em;
    color: #2b2b3a;
    border-bottom: solid 1px #2b2b3a;
}
.post
{
    border: none;
    padding-bottom: 3.0em;
    background-image:url(http://www.saysuncle.com/images/hr.jpg);
    background-position:center bottom;
    background-repeat:no-repeat;
}
#commentform input
{
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
    background-color: white;
    border-style: ridge;
}
.col2 a, .col3 a
{
    font-weight: normal;
}
a
{
    color: #8a94b1;
    text-decoration: none;
}
a:hover
{
    /* color: #2b2b3a; */
    color:#0000FF;
    background-color: transparent;
    border-bottom: solid 1px #EFEFEF;
}
.postmetadata a
{
    font-weight: normal;
}
.post {
 list-style-position: inside;
}