html, body, .container {
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 0;
    margin: 0;
    border: 0;
    font: 10pt Arial,Myriad,Tahoma,Verdana,sans-serif;
}

body img {
    border: 0;
    padding: 5px;
}

a {
    color: black;
    text-decoration: underline;
}

a:visited {
    color: black;
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
}

#title h1 span {
    padding: 5px 20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition: background-color 0.5s ease-in;
/* IMO these look worse in Opera than without, they overshoot the colour and settle back, and it looks rubbish */
/*    -o-transition: background-color 0.5s ease-in; */
    -moz-transition: background-color 0.5s ease-in;
}

#title h1 span:hover {
    background-color: #CCC;
}

.nav a {
    text-decoration: none;
}

.container {
    width: 950px;
    height: 650px;
    margin: auto;
}

body {
    background: #FFF;
    color: black;
}

h1 {
    font: 18pt strong Arial,Myriad,Tahoma,Verdana,sans-serif !important;
    text-align: center;
}

.container .top {
    height: 50px;
}

.pageFooter {
    height: 40px;
    text-align: right;
    font-size: 8pt;
    padding: 5px;
    vertical-align: baseline;
    overflow: hidden !important;
}

.pageFooter div {
    padding-top: 20px;
}

.content {
    padding: 5px;
}

.bodyContent div, .bodyContent h3 {
    color: #f8f1f1;
    border: 0;
    padding: 15px;
}

.bodyContent .iconLists a {
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
    float: left;
    color: darkred;

    -webkit-transition: color 1s ease-in;
    -o-transition: color 1s ease-in;
    -moz-transition: color 1s ease-in;
}

.bodyContent .iconLists a:hover {
 color: #f8f1f1;
}

.bodyContent a {
    color: #f8f1f1;
}

.jobTitle {
    margin-top: 5px;
    margin-bottom: 5px;
}

.jobDate {
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: 400;
}

.job p {
    font-size: 15px;
}

.backwards {
    unicode-bidi:bidi-override;
    direction: rtl;
}

#contactContent {
    overflow: hidden;
    /* FIXME: I probably don't want the icons floated any more, they fit nicely as a four with just inline placement centred */
    margin-top: 50px;
    margin-left: 60px;
}
    
#aboutMe div {
    float: right;
    background: transparent;
}    
    
.contactMe div p{
    text-align: center;
}

.beta {
    background-image: url(./comedy_beta.png);
    float: right;
    height: 50px;
    width: 50px;
    background-color: transparent;
}

/* Outer Mondrian Container */

.mondrianContainer {

}

.mondrian.top {
    height: 70px;
}

.mondrian.left {
    width: 25%;
}

.mondrian.center {
    /*background: darkred url(./bouldering_bg.jpg) 800px 0px no-repeat;*/
    background-color: #8B0000;
    background-image: url(./slacking.jpg);
    background-repeat: no-repeat;
    background-position: 0px center;
}

.mondrian.center.one {
    background-position: 475px 0px;
}

.mondrian.bottom {
    height: 33%;
}

/* Fix up the scrollbars in IE */
.dj_ie .mondrian.left, .dj_ie .mondrian.bottom {
    overflow: hidden; /* Bit of a sledge hammer :/ */
}

/* Inner Mondrian Container */

.innerMondrianContainer {
    width: 100%;
}

.nav.selected a {
    text-decoration: underline;
}

.left .innerTop, .left .innerBottom {
    height: 33%;
}

.left .innerBottom, .left .innerCenter, .left .innerTop {
    -webkit-transition: background-color 0.5s ease-in;
/*    -o-transition: background-color 0.5s ease-in; */
    -moz-transition: background-color 0.5s ease-in;

}

.left .innerBottom {
    background: darkblue;
    color: white;
}

.left .innerBottom a {
    color: white;
}

.left .innerCenter:hover, .left .innerTop:hover  {
    background-color: #CCC;
    cursor: pointer;
}

.left .innerBottom:hover a, .left .innerCenter:hover a, .left .innerTop:hover a {
    text-decoration: underline;
}

.left .innerBottom:hover {
    background-color: #0000CE;
    cursor: pointer;
}

.bottom .innerLeft {
    width: 85%;
}

.bottom .innerBottom {
    height: 50%;
    background: yellow;
    overflow: hidden !important;
}

.mondrianContainer .dijitSplitter { border: 0; background: black !important }
.mondrianContainer .dijitSplitterH { height: 10px }
.mondrianContainer .dijitSplitterV { width: 10px }
.mondrianContainer .dijitSplitterThumb { display: none }
.mondrianContainer .dijitSplitterActive { background-color: blue }


.hidden, .noscript {
    display: none !important;
}

/* Get rid of resize cursor */
.mondrianContainer .dijitSplitterV, .mondrianContainer .dijitSplitterH {
	cursor: auto;
}

/* Sucky browser box */

#ie6_dialog_underlay {
	background-color:black;
}

#ie6_dialog li {
    list-style: none;
}

.clear {
    clear: both;
}