/* dotjay.co.uk Lab, 21 Dec 2006, 08 Oct 2009
*/



/* undo some default styles
*/

*{
margin:0;
padding:0;
}

:link img,
:visited img,
fieldset{
border:0;
}



/* main styles
*/

html{
font-size:100.01%;
}

body{
background:#fff;
color:#333;
font:1em/1.5 'lucida grande','bitstream vera sans',verdana,sans-serif;
margin:1em 5% 2em;
/*width:45em;*/
}



/* location bar
*/

#location{
line-height:2.462;
}

#location img{
vertical-align:middle;
}

#location > a:first-child{
padding:0;
}



/* content styles
*/

h1,
h2{
background:#F7F7F7;
font:1.625em/1.231 courier,monospace;
letter-spacing:-0.039em;
margin:1.25em -0.5em 0.75em;
padding:0.125em 0.5em;
}

h1{
border-top:20px solid #943739;
color:#444;
margin:0 -0.5em;
padding:20px 0.5em;
}

h1 span{
display:block;
font-size:0.75em;
}

h2{
color:#943739;
}

h2[id^=""]:hover:after{
content:" (#" attr(id) ")";
font-size:0.75em;
}

h3{
border-top:2px solid #F7F7F7;
margin:1.25em 0 0.75em;
}

h4{
margin:1.75em 0 0.75em;
}

p{
margin:1em 0;
}

dl,
ol,
ul{
margin:1em 0 1em 2em;
}

dl.key dt{
background:#F5F5F5;
float:left;
margin-right:1em;
text-align:center;
width:2em;
}

ul.block-strong li strong,
ol.block-strong li strong{
display:block;
}

ol.alpha{
list-style:lower-alpha;
}

ol.disc{
list-style:disc;
}

li{
margin-bottom:0.75em;
}

blockquote{
font:1em/1.5 Georgia,'Times New Roman',Times,serif;
font-style:italic;
margin:1em 0 1.5em 2em;
}

a,
a:link,
a code{
color:#00F;
padding:1px;
text-decoration:underline;
}

a:focus,
a:focus code{
background:#00F;
color:#FFF;
}

a:hover,
a:hover code,
* html a:active{
background:#00F;
color:#F7F7F7;
}

em{
background:#EEE;
font-style:italic;
padding:1px;
}

em.stress{
background:none;
font-style:italic;
font-weight:bold;
}

a:focus em{
background:#00F;
}

a:hover em,
* html a:active em{
background:#00F;
}

a.footnote{
font-size:0.75em;
vertical-align:super;
}

a.footnote span{
position:absolute;left:-9999px;
}

strong{
font-weight:bold;
}

del{
text-decoration:line-through;
}

ins{
text-decoration:none;
}

code,
kbd{
background:#F0F0F0;
font-size:1.25em;
}

a:focus code,
a:focus kbd{
background:#00F;
}

a:hover code,
a:hover kbd,
* html a:active code,
* html a:active kbd{
background:#00F;
}

pre{
display:block;
overflow:auto;
width:100%;

background:#F0F0F0;
margin:0.5em 0;
padding:1em 10px;
}

pre code{
background:none;
}

span.sup{
font-size:0.75em;
vertical-align:super;
}

img.figure-float{
float:right;
border:1px solid #E0E0E0;
padding:1px;
margin:1em 0 1em 1em;
}



/* forms
*/

fieldset{
margin-top:1.5em;
padding:1em;
}

legend{
font-weight:bold;
}

label{
display:block;

margin-bottom:1em;
}

input,
textarea{
display:block;

font:1em Verdana,sans-serif;
margin-bottom:1em;
padding:0.1em;

width:35em;
}

input.button{
width:auto;
}



/* tables
*/

table{
font-size:1em;
line-height:1.5;
text-align:left;
width:100%;
}

td,
th{
background:#F5F5F5;
border:1px solid #E0E0E0;
border-width:0 1px 1px 0;
padding:0.75em 1em;
text-align:left;
vertical-align:top;
}

th{
background:#E0E0E0;
font-size:1.5em;
line-height:1;
}

td h3{
font-size:1em;
margin:0;
padding:0;
}

td.agent{
width:9.5em;
}

td.result{
width:30%;
}

/*
table{
border-collapse:collapse;
border: 0.188em double #ddd;
margin:1em 0;
}
thead{
background:#f0f6f6;
}
th{
letter-spacing:-0.042em;
text-align:left;
padding:0.5em;
color:#943739;
border-right:0.042em solid #ddd;
}
td{
line-height:1.5em;
padding:0.75em;
border-top:0.063em solid #ddd;
border-right:0.063em solid #ddd;
}
th.end,td.end{border-right:0;} 
*/



/* additional
*/

.to-do{
color:#F00;
}

div.test{
position:relative;
}

div.test div.content{
margin-right:20em;
}

div.test div.listen{
position:absolute;
top:0;
right:0;
width:17em;
}