/* 
Title:		OLLC screen styles 
Author: 	jay.forbes@usg.edu
*/


/* Styles reset - disable default browser styles
---------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img { 
    border:0;
}
address,caption,cite,code,dfn,th,var {
    font-style:normal;
    font-weight:normal;
}

/* Layout
---------------------------------------------------------- */

#wrapper 	{ background: #fff; margin: 0 auto; width: 960px; }
.content 	{ padding: 15px 0; margin-bottom: 1.5em; overflow: hidden;}
.singlepage { padding: 15px; }
#footer 	{ clear: both; }

/* Typographic styles
---------------------------------------------------------- */

body { 
        background: #fff;
        color: #000;
		font: 90%/1.4em "lucida grande", Verdana, san-serif;
        margin: 0;
        padding: 0;
}

/*--- links ---*/

a:link		{ color: #339;}
a:hover 	{ text-decoration: none; }
a:visited 	{ color: purple; }


/*--- Text elements ---*/

p, pre 				{ margin: 0 0 1.5em 0;}
pre			 		{ font-size: 1.1em; }
blockquote			{ font: 1.3em "Times New Roman", times, serif; }
blockquote.right	{ background: #ccc; float: right; margin: 0 0 1.5em 1.5em; padding: 0.5em; }
blockquote.right p	{ margin-bottom: 0;}
hr {
	background: #ccc;
	border: 0;
	height: 1px;
	margin: 0 auto 1.5em 0;
	text-align: left;
}

/*--- Headings ---*/

h1 {
	font-size: 2em;
	line-height: 1em;
	margin: .05em 0 1em 0;
}
h2 {
	font-size: 1.3em;
	line-height: 1em;
	margin: .05em 0 1em 0;
}
h3 {
	background: #000;
	color: #fff;
	font-size: 1.1em;
	line-height: 1em;
	margin: .05em 0 1em 0;
	padding: 0.3em;
}


/*--- Lists ---*/
ul, ol, dl {
	margin: 0 0 1.5em 0;
	padding: 0;
}
ul {
	margin-left: 20px;
}
ol {
	margin-left: 0;
	padding-left: 35px;
}
ul li {
	line-height: 1.4em;
	list-style: square;
	padding-bottom: 4px;
}
ol.a {
	list-style-type: lower-alpha;
}
dl {font-family: Palatino, Times-Roman, serif;}
dl dd {
	padding-left: 1em;
}
ul ul,
ol ol { margin-bottom: 0;}
hr {
	background: #ccc;
	border: none;
	color: #ccc;
	height: 1px;
	margin: 0 0 1.5em;
}

/*--- Tables ---*/

table {
	border: 1px solid #ddd;
	margin: 0 0 1.5em 0;
	padding: 0;
}
table th {
	border: 1px solid #ddd;
	font-weight: bold;
	margin: 0;
	padding: 5px;
}
table td {
	border: 1px solid #ddd;
	margin: 0;
	padding: 5px;
}
table.middle { margin-left: auto; margin-right: auto;}

/* Homepage
---------------------------------------------------------- */

.units_container { 
	margin-top: 1.5em;
	overflow: auto;
}

.unit {
	background: #fff url(/galileo/skills/images/unit_bg.jpg) 0 100% repeat-x;
	border: 1px solid #ccc;
	float: left;
	min-height: 200px;
	padding: 10px;
	margin: 5px;
	width: 286px;
}

.unit.alt { 
	border-top: none;
	text-align: right;
	width: 600px;
}

.unit h3 {
	background: #fff;
	font-size: 1.3em;
	font-weight: normal;
	margin-bottom: 0.5em;
	padding: 0;
}

.unit h4 {
	font-weight: bold;
	font-size: 0.9em;
	margin-bottom: 0.5em;
}

.unit p { font-size: 0.9em;}

/* Unit index pages
---------------------------------------------------------- */

.unit_overview {
	background: #eee;
	float: left;
	margin-bottom: 15px;
	padding: 15px;
	width: 320px;
}

.unit_number { font-size: 0.9em; }
.unit_toc {
	float: right;
	width: 600px;
}

ol.col1 { float: left; padding-right: 20px; width: 255px; }
ol.col2 { float: left; width: 255px; }


/* Common styles
---------------------------------------------------------- */
#banner 	{ text-align: center; }
#banner img	{ padding-bottom: 1em; }

.siteRef 	{ text-align: center; }

#phpNav p	{ border: solid #ccc; border-width: 1px 0; font-size: 0.9em; padding: 2px 0; }

.subNav		{ background: #E8E8E8 url(../images/subnav_bg.jpg) 0 100% repeat-x;  padding: 8px; font-size: 0.9em; }
.subNav a.active { color: #000; font-weight: bold; text-decoration: none; }

.unit_nav 	{ font-size: 0.9em; text-align: right; }
.unit_nav a { border: 1px solid #ddd; color: #339; text-decoration: none; padding: 3px ;}
.unit_nav a:hover { background: #339; color: #fff;}

.exception { margin-left: 10%; }
.question { margin-left: 10%; }
.example { margin-left: 10%; }
.example { margin-left: 10%; }
.tour { margin-left: 10%; }
.screen {  font-family: Palatino, Times-Roman, serif; }
.source { text-align: right; }
.url { margin-left: 10%; }
.urls { margin-left: 10%; }
p.reference {  margin-left: 5%; margin-right: 5%; }
.credit { font-size: 0.9em; text-align: center;}
.textEquiv { font-size: 0.9em; text-align: center; }
img.bdr { border: 1px solid #ccc; }
img.left { float: left; margin: 0 1em 1em 0; }
img.right { float: right; margin: 0 0 1em 1em; }
.center { text-align: center; }

/* Footer
---------------------------------------------------------- */

#footer { 
	border-top: 1px solid #ccc;
	color: #333;
	font-size: 0.9em;
	padding: 15px 0;
}

#footer a 		{ color: #666; }
#footer a:hover { color: #999; }

#footer div.units {
	float: left;
	width: 480px;
}

#footer div.units ol {
	float: left;
	width: 205px;
}

#footer div.about {
	float: left;
	width: 240px;
}

#footer div.links {
	float: left;
	width: 240px;
}

#footer div h2 {
	font-size: 1em;
}

#footer p { text-align: center;}