/* CORE */
html, body {margin:0px; padding:0px; height:100%;}
body {
	vertical-align:text-top;
	text-align:center;
	background-color:#ddd;
}
p, h1, h2, h3, h4, h5, h6 {margin:10px 0 10px 0;}
img {border:0; display:block;}
hr {color:#000000; border:solid 1px;}
tt, pre {font-family:Consolas, monospace;}
strong, b {font-weight:bold;}
.hide {display:none; width:0; height:0;}
.clearfix {overflow:auto; height:100%; display:inline-block;}


/* TYPOGRAPHY */
body {
	font-family:'Open Sans', Calibri, Arial, Helvetica, sans-serif;
	font-weight:400;
	color:#000; 
}
body, p, h1, h2, h3, h4, h5, h6, ol, ul, li, pre, table, input, select, th, td {font-size:14px;}  
h1 {
	font-weight:700;
	font-size:24px;
}  
h2 {
	font-weight:600;
	font-size:18px;
	text-transform:uppercase;
	margin:20px 0 5px 0;
}  
h3 {
	font-weight:600;
	font-size:14px;
	margin:0;
	padding-top:15px;
	text-transform:uppercase;
}  
h4, .question {
	font-weight:600;
	font-size:14px;
	margin:0;
}
h6, small {
	font-size:12px;
}  

.question {
	margin-bottom:0px;
	margin-top:5px;
}
.answer {
	margin-top: 0px;
}


/* CUSTOMISATIONS */
.nospace {margin-top:0px;}
.indent {margin-left:1.3em;}
p.toggle {display:none;}


/* LAYOUT */
#wrap-vertical {
	width:720px;
	margin:0 auto;
	text-align:left;
	background-color:#fff;
}
#wrap-container {
	margin-bottom:10px;
	padding-bottom:10px;
}
#wrap-main {
	margin:10px;
	margin-top:40px; 
	padding-bottom:10px;
}

#logo {
	margin-top:-150px; 
	padding-right:10px;
	font-size:24px; 
	text-align:right;
	line-height:24px;
}
#logo .remanence {
	margin-right:-10px; 
	padding-right:0px;
	font-family:'1942'; 
	font-size:82px; 
	color:#9a9a9a;
}

#footer {
	width:720px;
	padding-bottom:10px;
	text-align:right;
}
#footer p {
	padding-right:10px;
	font-size:10px;
	font-weight:300;
}

#plain #wrap-main {
	margin-top:-170px; 
}

/* MENU */
.menu {
	width:80px;
	margin-top:30px;
	margin-left:-80px;
	font-weight:600;
}
.menu dl {
	list-style-type:none;
	overflow:hidden;
	margin:0;
	padding:0;
}
.menu a {
	display:block;
	width:100%;
	padding:5px;
	margin-bottom:5px;
	border-bottom:none;
	text-decoration:none;
}
.menu a:link, .menu a:visited {
	color:#333 !important;
	background-color:#bbb !important;
}
.menu a:hover, .menu a:active {
	background-color:#888 !important;
}
#home a:link#ahome, #home a:visited#ahome,
#sounds a:link#asounds, #sounds a:visited#asounds,
#words a:link#awords, #words a:visited#awords,
#cv a:link#acv, #cv a:visited#acv,
#faq a:link#afaq, #faq a:visited#afaq {
	color:#333 !important;
	background-color:#fff !important;
}

#menu-cv {
	width:100%;
	margin-top:20px;
	margin-left:-5px;
	font-weight:400;
}
#menu-cv dt {
	float:left;
	margin-right:5px;
	padding:5px;
}



/* FAQ */
.faqentry {
	padding: 5px;
}
#faq .left {
	text-align: center;
	width: 10px;
	padding: 5px 7px 5px 7px;
}
#faq .right {
	margin: -37px auto 10px 40px;
}


/* Thumbs */
.thumbs {
	clear:left; 
	float:left;
	margin-top:20px;
}
.thumbs .left {
	float:left;
	width:100px;
	margin:0 10px 10px 0;
}
.thumbs .right {
	float:right;
	width:590px;
	margin-top:-20px;
}
#sounds .thumbs .right {
	margin-top:0px;
}


/* COLOURS */
#faq .left {color:#fff; background-color:#8d8d8d;}
h3, h4, .grey {color:#8d8d8d;}

#wrap-main a, #wrap-main a:visited {color:#000; border-bottom-color:#000;}
#wrap-main a:hover {color:#105388; border-bottom-color:#105388;}