html {
	background: #333;
}

div#main_element {
	width: 1020px;
	margin: 2em auto;
	font-size: 11px;
}

code {
	color: #381a0c;
}

p.intro {
	padding: 1em 0;
	font-size: 1.2em;
}

p.copyright {
	font-size: 0.8em;
	text-transform: uppercase;
	color: #44640b;
}

p
{
	margin: 12px 0px;
}

/* Icons */

.ui_icon
{
	vertical-align: -4px;
}

/* Header and Nav items */
#header
{
	clear: both;
	margin-bottom: 18px;
}

#logo
{
	width: 300px;
}
#main_nav
{
	width: 680px;
}
#main_nav_lower
{
	border-top: 2px solid #EEE;
	padding-top: 2px;
}

.nav_item
{
	margin: 8px 0px;
	margin-right: 18px;
}
.nav_item_right
{
	margin: 8px 0px;
	margin-left: 18px;
}

#main_nav_upper .nav_item a,
#main_nav_upper .nav_item_right a
{
	font-weight: bold;
}

#search_term
{
	width: 130px;
}

/* Home Page */

.big_feature_box
{
	/* width: 410px; */
	/* margin-left: 57px; */
	margin-right: 20px;
	margin-bottom: 20px;
}
.big_feature_box img
{
	border: 1px solid #5A5A5A;
}
.big_feature_box img:hover
{
	border: 1px solid black;
}

/* Browse Lists */

.browse_list_container
{
	width: 300px;
}

/* Page contents */

#main_page
{
	float: right;
	width: 700px;
}

/* Material display */

.material_row
{
	margin: 0px 0px 8px 0px;
}

.material_box
{
	margin: 10px;
	width: 202px;
}

.material_box img.material_image
{
	border: 1px solid #CCC;
}
.material_box img.material_image:hover
{
	border: 1px solid #000;
}

.material_info
{
	float: right;
	width: 265px;
}

img.material_image
{
	margin: 6px 0px;
}

.material_info h2
{
	margin-top: 0px;
}

.material_info ul
{
	list-style: none;
}


/* Material Comments */

.material_comments,
.material_comment_form
{
	margin-top: 8px;
}

.material_comments div.comment_item
{
	padding: 4px;
	color: #444;
}

.material_comments div.comment_byline
{
	font-size: smaller;
}
.material_comments div.comment_content
{
	background-color: #DDD;
	border-left: 3px solid #BBB;
	padding: 6px;
}

/* User Preferences */

#user_preferences input.single_line
{
	width: 225px;
}

#user_preferences dd
{
	margin-bottom: 8px;
}

/* Generic */

span.big
{
	font-size: larger;
	font-weight: bold;
	color: #2480d1;
}

ul.topiclist li.header
{
	color: white;
	font-size: larger;
	margin-bottom: 2px;
}

.white_text
{
	color: white;
}

/* Standard floating classes */

.left
{
	float: left;
}

.right
{
	float: right;
}

.clear
{
	clear: both;
}
.pad_top_3
{
 padding-top: 3px;
}