/* CSS Development Info
-----------------------------------------------
Locative Media, Cool Espresso by Alnisa Allgood
   .Adapted from Prior CSS, No Available Attribution
   .Tips and Tricks by Position is Everything, Stop Design, All That Malarky, and 1976 Designs
   .v 1.0 July 1, 2007
----------------------------------------------- */

/* @group Basic Structure */

/* Containers
The basic structure is composed of a shell and two containers. The shell is equal to the width of the browser or the body. This is used as a header/footer shell for the espresso color. The container is designed to contain the site and is 800px in width, centered in the body*/

#fullpage_shell {
	width: 100%;
	margin:0;
	padding:  8px 0 0 0;
	height: 25px;
	background: #1D1812;
	font-family: Lucida Grande, Arial, Tahoma, Helvetica, Verdana, sans-serif;
	font-size: 90%;
        font-color: #FFFFFF;
        text-transform: uppercase;
}

#fullpage_shell a {
	color: #FFFFFF;
}

#fullpage_shell a:visited {
	color: #FFFFF;
	text-decoration: none;
}

#fullpage_shell a:hover {
	color: #6789F0;
	text-decoration: underline;
}


#fullpage_shell p {
	font-family: Lucida Grande, Arial, Tahoma, Helvetica, Verdana, sans-serif;
	font-size: 80%;
	padding: 2px 2px 2px 2px;
	color: #FFFFFF;
}

body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	color: #333;
	font-size: 11px;
	font-weight: normal;
	font-family: 'Lucida Grande','Lucida Sans Unicode', arial, helvetica, verdana, sans-serif;
	background: #AEC9DA;
}

#container {
	width: 800px;
	margin: 0px auto;
	background: #fff;
	color: #000;
	clear: both;
}

/* Header
The Header contains the logo and navigation if navigation is inline.
----------------------------------------------- */

#header {
	background-color: #FFFFFF;
	height: 85px;
	width: 100%;
}

html>body #header {
	height: 138px;
}

#logo {
	width: 100%;
	height: 100px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #FFF;
	border-width: 0;
}

#fullpage_bottom {
	width: 100%;
	margin: 0;
	padding: 0;
	height: 22px;
	background: #1D1812;
}

#footer {
	clear: both;
	padding-top: 10px;
	color: #FFF;
	font-size: 10px;
}

#footer a {
	color: #FFF;
}

#footer ul li {
	text-transform: lowercase;
}

/* @end */

/* @group Navigation */

#navbox {
	margin: 0;
	padding: 3px 16px 3px 0;
	font-size: 11px;
	font-weight: 500;
	line-height: 1em;
	background: #F48E00;
	overflow: hidden;
}

#nav,
#footer ul {
	display: inline;
	height: 20px;
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
}

#nav li,
#footer ul li {
	display: inline;


/* duplicated for IE 5/Win */
	margin: 0;
	line-height: 1.2em;
	padding: 0 3px 0px 0px;
	text-transform: uppercase;
	text-decoration: none;
	list-style: none;
/* duplicated 

for IE 5/Win */
}

#nav a {
	height: 10px;
	margin: 0;
	line-height: 1.2em;
	padding: 3px 3px 4px 5px !important;
	color: #FFF;
}

#left_nav {
	width: 289px;
	margin: 0 15px;
	padding: 0;
	background: #ECF2F4 url(images/left_nav_top.jpg) repeat-x left top;
}

#left_nav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#left_nav p {
	margin: 0;
	padding: 0;
	color: #666;
	font-size: 9px;
}

#left_nav img {
	margin: 0;
	padding: 0;
}

.breadcrumbs {
	margin-bottom: 10px;
	padding: 3px 0 10px 25px;
	text-align: left;
	display: block;
}

.breadcrumbs p {
	font-family: 'Lucida Grande','Lucida Sans Unicode', arial, helvetica, verdana, sans-serif;
	font-size: 11px;
	text-transform: none;
}


/* @end */

/* @group Column Structure */

/* Column Structure
----------------------------------------------- */

#content, #content-report {
	width: 800px;
}

#content {
	margin: 10px 25px 5px 0;
	padding: 0;
	color: #666;
	line-height: 1.4em;
}

#content p {
	margin: 10px 25px 5px 0;
	padding: 0;
	color: #666;
	font-weight: normal;
	line-height: 1.4em;
	font-size: 11px;
}

.maincol {
	float: right;
	width: 450px;
	margin: 20px 30px 0 0;
	text-align: left;
	font-family: "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
	font-size: 90%;
	line-height: 1.5em;
	overflow: hidden;
	display: inline;
	background: #FFFFFF;
}

.subcol {
	float: left;
	width: 255px;
	margin-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: x-small;
	border-top: 2px groove #CCCCCC;
	border-bottom: 2px groove #CCCCCC;
	border-left: 2px groove #CCCCCC;
	border-right: 2px groove #CCCCCC;
}

#side {
	background: #F5F5F5;
	float: left;
	height: 150%;
	width: 255px;
	margin: 0;
	font-size: small;
	text-align: left;
	text-indent: 1em;
}

#side ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}

#side li {
	display: block;
	margin: 0;
        height: 60px;
	text-indent: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 3px;
	list-style: none;
	border-bottom: 1px dotted #CCCCCC;
}

#side h2 {
	text-indent: 0;
	margin-left: 1em;
	border-bottom: 1px solid gray;
	font-size: 145%;
	font-weight: bold;
}

#box {
	width: 761px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: #FFF;
}

#pagebottom {
	margin: 10px 0 0 0;
	padding: 0;
}

#projects {
	padding-left: 5px;
	margin-left: 0px;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	width: 380px;
}

.featured {
	margin-left: 0px;
	margin-bottom: -5px;
	padding: 0;
}



/* @end */

/* @group Links */

a {
	color: #6789F0;
	text-decoration: none;
}

a:visited {
	color: #666666;
	text-decoration: none;
}

a:hover {
	color: #1D1812;
	text-decoration: underline;
}



/* @end */

/* @group Headers */

h2 {
	margin: 0 0 5px 0;
	padding: 0;
	color: #F48E00;
	font-size: 210%;
	line-height: 125%;
	text-transform: none;
	font-weight: 700;
	border-bottom: 1px dotted silver;
}

h3, h3 a {
	margin: 0;
	padding: 0;
	color: #6789F0;
	font-size: 12px;
	text-transform: none;
	font-weight: 600;
}

h6 {
	margin-top: -12px;
	padding: 0;
	color: #666666;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-size: 180%;
	font-weight: 600;
	font-stretch: extra-condensed;
	text-align:right;
	border-bottom: none;
}

#projects p {
	padding: 0px 0px 0px 10px;
}

#projects h3 {
	padding: 0px 0px 0px 10px;
	margin: 0;
}

.projecTitle {
	font-size: 14px;
	font-weight: bold;
	width: 100%;
	padding-bottom: 5px;
	color: #43438E;
}

.quotes {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	font-style: italic;
	line-height: 115%;
	color: #666666;
	padding: 20px 0 15px 25px;
	text-decoration: none;
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-top: 10px;
	margin-bottom: 25px;
	width: 375px;
}



/* @end */

/* @group Images */

.imgleft, .left, img.left {
	float: left;
	margin: 2px 10px 2px 2px;
}

img.imgleft, img.imgright, img.center, imgcenter {
	padding: 1px;
	border: 1px solid #666;
}



/* @end */

/* @group Dividers */

.divider {
	width: 90%;
	height: 10px;
	margin: 10px 0 0 0;
	padding: 0;
	background: url(http://dsi.kqed.org/images/dividercenter.gif) repeat-x left top;
}

.footer {
	width: 100%;
	height: 10px;
	margin: 10px 0 0 0;
	padding: 0;
	background: url(http://dsi.kqed.org/images/dividercenter.gif) repeat-x left top;
}


.spacer {
	margin: 5px;
	padding-bottom: 10px;
	clear: both;
}



/* @end */