﻿/* CSS for randomDev.co.uk
    (C)2006 pete@randomdev.co.uk
    Technique for centred layout with footer at bottom of page
    http://www.themaninblue.com/experiment/footerStickAlt/ */

body 
{
    background:#fff url(randomDev-back.gif);
    color:#000;
    font-size:80%;
    font-family:Verdana,Arial,sans-serif;
    margin:0;
    padding:0;
}

#divSheet
{
    background:#D5D5D9 url(background-left-border.jpg) repeat-y left top;
    width:760px;
    margin: 0 auto;
}

#divBorder
{
    background:transparent url(background-right-border.jpg) repeat-y right top;
    padding-right:0px;
}

#divFooter
{
    background:transparent url(background-bottom-border.jpg) no-repeat left bottom;
    height:60px;
    width:720px;
    text-align:right;
    padding:0 40px 0 0;
}

#divContent
{
    padding:0 100px 80px 100px;
    line-height:1.4;
    letter-spacing:1px; 
}

#divContent p
{
    padding-bottom:6px;
}

#divContent h2
{
    letter-spacing:2px;
    border-bottom:solid 1px #336
}

#divRandomTitle
{
    background:transparent url(random-dev-binary-title.jpg) no-repeat left top;
    width:760px;
    height:100px;
}

#tagLine
{
    float:right;
    width:20%;
    font-style:normal;
}

#divRandomTitle h1
{
    visibility:hidden;
    display:none;
}

#navTop
{
    background:transparent url(background-dent.jpg) no-repeat left top;
    padding: 0 0 0 100px;
    margin:0;
    height:100px;
}

#navTop ul
{
    display:block;
    padding:0;
    list-style-type:none;
}
#navTop li
{
    margin:0;
    padding:0;
    display:inline;
}

#navTop a
{
    display:block;
    float:left;
    text-align:center;
    color:#445;
    font-weight:bold;
    line-height:50pt;
    vertical-align:baseline;
    text-decoration:none;
    width:120px;
    height:70px;
    background-image:url(elevator-button-strip.jpg);
}
#navTop a:hover,#navTop a.this:hover
{
    background-position:-240px 0;
}

#navTop a.this
{
    background-position:-120px 0;
}

#divColumnNav
{
    float:left;
    clear:left;
    width:130px;
    padding: 8px 6px 0 6px;
    font-size:80%;
}

#div3Column1
{
    float:left;
    width:350px;
    border-left:solid 1px #669;
    padding: 8px 6px 0 6px;
}

#div3Column2
{
    float:left;
    width:230px;
    border-left:solid 1px #669;
    padding: 8px 6px 0 6px;
}

#divAdWords
{
    margin-top:24px;
}



/*
#div3Column3
{
    float:left;
    width:20%;
    border-left:solid 1px #669;
    padding: 8px 6px 0 6px;
}
*/

#divPage
{
    float:left;
    width:60%;
/*    border-left:solid 1px #669;*/
    margin: 8px 6px 0 6px;
}

#divColumn
{
    float:right;
    width:30%;
}
p
{
    margin: 0 0 4px 0;
}

h1 
{
    color:#336;
    font-size:150%;
    margin: 0 0 0 0;
}

h2
{
    color:#336;
    font-size:125%;
    margin: 0 0 6px 0;
}

h3
{
    color:#336;
    font-size:110%;
    margin: 0 0 6px 0;
}

.text
{
    font-family: Tahoma,Verdana,Arial,sans-serif;
}

.button
{
    font-family: Verdana,Arial,sans-serif;
    font-weight:bold;
    background-color:#99c;
}

.clear
{
    clear:both;
}