/* 
	Zero the browser
  ================
*/

*
{
	font-weight: normal;
	font-size: 100%;
	font-style: normal;
	font-variant: normal;
	padding: 0;
	margin: 0;
	text-transform: none;
	text-decoration: none;
	text-align: left;
	/* Some settings of our own. */
	font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
	line-height: 150%;
	color: black;
}

abbr {	border: none; }

/* 
	Lay out the page
	================
*/

body
{
	margin-top: 50px;
	margin-right: 100px;
}

#content
{
	margin-left: 250px;
	min-width: 400px;
}

#navigation, #sidebar
{
	margin-top: -12px;
	margin-left: 25px;
	width: 180px;
	float: left;
}

h1
{
	margin-bottom: 50px;
	margin-left: 250px;
}

/*
	Basic colour scheme
	-------------------
	Basic colour scheme for pages: blue.
*/

/*	1. A white background  */

body, .messagehead
{
	background-color: white;
}

#navigation li, #sidebar li
/*  Hack for IE6 bug which adds extra space between <li> elements
    containing <a> elements. */
{
	border: 1px solid white;
}

/*	2. Blue colour for links and headings */

h1, h1 *,
h2, h2 *,
h3, h3 *,
h4, h4 *,
a, a *,
th,
td.messagehead,
ul.navigation li.label,
.details
{
	color: #2c53c4;
}

.example
{
	border-left-color: #2c53c4;
}

/*	3. Purple colour for visited links. */

a:visited, a:visited *
{
	color: #6b3ab0;
}

/*	4. Reverse colours for hovered links. */

a:hover, a:hover *,
a.perseus-autolink:hover, 
ul.navigation li.label:hover
{
	color: white;
	background-color: #2c53c4;
}

/*	5. Reverse purple colour for active links. */
a:active, a:active *,
ul.navigation li.label:active
{
	color: white;
	background-color: #6b3ab0;
}

/* 6. Light coloured background for examples and hovered exercise questions. */
.example,
ol.exercise li:hover input
{
	background-color: #e6ebf8;
}

/*
	Navigation
	==========
*/

#navigation, #sidebar
{
	font-size: 80%;
}

#navigation h2
{
	display: none;
}

#navigation h3, #navigation h3 *
{
	text-transform: uppercase;
	padding-top: 6px;
	font-size: 100%;
}

#navigation ul, #sidebar ul
{
	list-style-type: none;
	margin-left: 0;
}

#navigation ul.navigation li
{
	padding-left: 12px;
}

#navigation ul.navigation li.label
{
	padding-left: 0;
}

#navigation li a, #navigation li.label
{
	cursor: pointer;
}

#navigation li a,
#navigation h3 a
{
	display: block;
}

#navigation ul.expanded>li.label
{
	font-weight: bolder;
}

#navigation ul ul
{
	margin-left: 0;
}

/*
	Footer
	======
*/

#footer
{
	font-size: 80%;
	margin-top: 50px;
	margin-left: 250px;
	margin-bottom: 10px;
}

#footer p
{
	padding-right: 12px;
	margin: 0;
	display: inline;
}

/*
	Headings
	========
*/

h1
{
	font-size: 250%;
	line-height: 120%;
}

h2
{
	font-size: 140%;
}

h3
{
	font-size: 120%;
}

h2, h3, h4
{
	margin-top: 12px;
}

/*
	Examples
	========
*/

p
{
	margin-bottom: 12px;
}

.example
{
	padding: 12px;
	padding-left: 18px;
	margin-left: 0px;
	margin-top: 12px;
	margin-bottom: 12px;
	border-left-style: solid;
	border-left-width: 1px;
	width: 70%;
	font-size: 90%;
}

ul.example li
{
	list-style-type: none;
}

/*
    Tables
    ======
*/

table tr.new-section td, table tr.new-section th
{
    padding-top: 1.5em;
}

/*
	Definition lists
	================
*/

dt, dt *
{
	font-weight: bolder;
}

dd
{
	margin-left: 12px;
	margin-bottom: 6px;
}

/*
	Vocab lists
	===========
*/

dl.vocab dt
{
	width: 50%;
	float: left;
	margin-right: 10px;
	font-weight: bolder;
}

dl.vocab dd
{
	margin-left: 50%;
}

dl.vocab abbr
{
	font-weight: normal;
}

/*  
	Exercises
	=========

*/

ol.exercise li
{
	list-style-type: decimal;
	padding-top: .5em;
	padding-bottom: .5em;
	/* width: 100%; */
}

ol.exercise ol
{
	margin-left: 32px;
}

ol.exercise ol li
{
	list-style-type: lower-alpha;
}

ol.exercise .answer
{
	position: absolute;
	right: 100px;
}

ol.exercise .answer input, .answer select
{
	width: 200px;
}

.sentences .answer input
{
	width: 250px;
}

.answer img, img.marker
{
	margin-left: 6px; width: 14px;
}

input
{
	margin: 3px;
}

/*  
	Paradigms
	=========
*/

.paradigm tbody th
{
	text-align: right;
}

.paradigm td, .paradigm th
{
	padding-left: 1em;
}

input.reload
{
  margin-top: 18pt;  
}

/*
	Links
	=====
*/

.here
{
	display: none;
}

/*
	Bold and italic
	===============
*/

.Latin, b, strong
{
	font-weight: bold;
}

.English, i, em, cite
{
	font-style: italic;
}

/*
	Notes
	=====
*/

.note, .note *
{
	font-size: 12px;
}

/* 
	Topic sentences
	===============
*/

p.topic-sentence
{
	font-weight: bold;
}


/*
	Forum comment entries
	=====================
*/

div.messagehead, tr.messageitem, div.messageitem, div.journalitem
{
	border: none;
}

.messageitem
{
	background-color: white;
}

/*
	Help pages
	==========
*/

body.help h1 { margin-left: 50px; }
body.help #content { margin-left: 50px; }
body.help #navigation { display: none; }
body.help #footer { margin-left: 50px; }
body.help { font-size: 80%; }

/*
	Lists
	=====
*/

ul, ol { margin-left: 1em; }

/*
	Related links list
	==================
*/

ul.related 
{ 
	margin-left: 1em; 
	list-style-type: none; 
	font-size: 80%;
}

/*
	Blog
	=====
*/

.details
{
  font-size: 80%;
}