body {
    padding:1em 2em 0 2em;
    font-family:Trebuchet MS,Georgia,Serif;
}

a {
    color:#448ccb;
}

/* ================================================== */

div#tabs {
    border-bottom:1px solid #eee; 
    padding:0;
    margin:0;
}

div#tabs ul {
    position:relative;
    top:2px;    padding:0;
    margin:0;
}

div#tabs li {
    display:inline;
    padding:0.5em 1em 0;
    font-size:10pt;
    font-family:tahoma,verdana,arial,sans-serif;
    background:#efefef url(/images/bg.grad.gif); border-top:1px solid #f8f8f8;
    border-left:1px solid #eee;
    border-right:1px solid #999;
    border-bottom:1px solid #eee;
    cursor:pointer;
    
}

div#tabs li#selected {
    display:inline;
    padding:0.5em 1em 0 1em;
    font-family:tahoma;
    font-size:10pt;
    font-weight:bold;
    background:#fff;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    border-right:1px solid #999;
    border-bottom:1px solid #fff;
}

div#tabs a {
    color:#666; 
    text-decoration:none;
    background:none;
}

div#tabs a:hover,
div#tabs li#selected a {
    position:relative;
    top:-2px;
    background:none;
}

div#tabs span {
    display:none;
}

/* ================================================== */

div#container {
    float:left;
    margin-bottom:4em;
    min-width:500px;
}

div#content {
    border-left:1px solid #eee;
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    padding:2em 2em 2em 2em;
    background:#fff url(/images/bg.gradbig.gif) bottom left repeat-x;
    float:left;
    margin:0 0 1px 0;
    min-width:500px;
}

div#titlearea {
    margin-bottom:1.5em;
}

div#titlearea strong {
	font-weight:normal;
}

div#leftcolumn {
    float:left;
    width:25em;
}

div#leftcolumnthin {
    float:left;
    width:12em;
}

div#rightcolumn {
    margin-left:15em;
}

div.newsitem {
    margin:2em 0 1em 0;
    width:500px;
}

div#recessed {
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #efefef;
    border-bottom:1px solid #efefef;
    background:#fff url(/images/bg.innerdrop.gif) top left no-repeat;
    padding:1em 2em 2em 2em;
    float:left;
    min-width:500px;
    /*-moz-border-radius:20px; */
}

div.project {
    display:block;
    margin-bottom:2em;
}

/* ================================================== */

h1,p {
    margin-top:0;
    line-height:1.5em;
}

h1 {
    margin-bottom:0;
    color:#448ccb;
}

div.newsitem h2 {
    font-size:8pt;
    text-transform:uppercase;
    letter-spacing:3px;
    color:#999;
    font-weight:normal;
    margin-bottom:0.5em;
}

h2 {
    text-transform:uppercase;
    letter-spacing:3px;
    border-bottom:1px dotted #ddd;
    color:#448ccb;
    font-weight:bold;
    font-size:11pt;
}

h3 {
    color:#448ccb;
    font-size:12pt;
}

p {
    font-size:10pt;
}

p#strapline {
    font-size:12pt;
    margin-bottom:0;
}

p#substrap {
    font-size:10pt;
    color:#888;
    margin:0;
}

/* ================================================== */

ul.companies {
    list-style-type:none;
    padding:0;
    margin:1em 0 0 0;
}

ul.companies li {
    border-bottom:1px dotted #bbb;
    height:1.5em;
}

ul.companies li a {
    display:block;
    padding:0.25em;
    font-size:10pt;
    text-decoration:none;
    color:#000;
}

ul.companies li a:hover {
    text-decoration:underline;
    color:#448ccb;
}

/* ================================================== */

ul#tools li,
ul#languages li {
    display:inline;
    font-size:9pt;
    list-style-type:none;
    color:#666;
    margin-left:0.5em;
}

ul.ethos {
    display:block;
    font-size:9pt;
    color:#666;
    margin-left:0.5em;  
}

/* ================================================== */

div.project h4 {
    display:block;
    padding:0.25em;
    font-size:10pt;
    text-decoration:none;
    border-bottom:1px dotted #bbb;
    margin-bottom:1em;
    color:#999; 
    font-weight:bold;
    clear:left;
}

div.project img {
    float:left;
    margin:0 1em 1em 0;
}

div.project p,
div.project p.indent {
    margin:1em 2em 1em 0;
    font-size:9pt;
    color:#666;
}

div.project p.indent {
    margin-left:160px;
}

/* ================================================== */


div#footer {
    clear:left;
    font-size:7pt;
    border-top:1px solid #efefef;
    border-left:1px solid #eee;
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    padding:0.5em;
    text-indent:0.25em;
    background:#fff url(/images/bg.gradbig.gif) bottom left;
    font-family:tahoma,arial;
}


div#footer ul {
    padding:0;
    margin:0;
    list-style-type:none;
}

div#footer li {
    display:inline;
    margin-right:0.5em;
}

div#footer a {
    color:#999;
}

/* DEFAULT LIST STYLE (for markdown output) */

div.markdown ul {
   	list-style-position:inside;
   	list-style-type:square;
}
	
div.markdown li {
    font-size:9pt;
    line-height:1.5em;
    text-indent:1em;
    color:#656565;  
}