/************************************************************************/
/* Default DTD tag styles */

a
{
	color: #BBB;
	text-decoration: none;
}

a:link, a:visited
{
	color: #006;
	text-decoration: underline;
}

a:hover
{
	color: #AAA;
}

body, p, table
{
	font-family: 'Tw Cen MT', Arial, Sans-Serif;
	font-size: small;
}

body
{
	margin: 0px;
	color: #000;
	text-align: center;
	background-color: #777;
}

input, select, textarea
{
	font-family: Arial, Sans-Serif;
	font-size: x-small;
}

h1, h2, h3, h4, h5, h6, h7
{
	font-family: 'Trebuchet MS', Arial, Sans-Serif;
	margin: 0;
	padding: 0;
	font-size: small;
	color: #BBB;
}

h1
{
	font-size: large;
}

h2
{
	font-size: medium;
}

h3
{
	margin-top: .5em;
	text-transform: uppercase;
	letter-spacing: .3em;
}

hr
{
	color: #ddd;
}

img
{
	border: 0;
}

p
{
	margin-top: .5em;
	margin-bottom: .5em;
}

pre
{
	font-family: 'Lucida Console', 'Courier';
	font-size: xx-small;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: .25in;
	margin-right: .25in;
	color: #222;
}

ul
{
	margin-top: .5em;
	margin-bottom: .5em;
	list-style-type: square;
}

/************************************************************************/
/* Global styles */

input.text_input, textarea.text_input
{
	background-color: fff;
	border: #ddd 1px solid;
	color: #000;
}

.error
{
	font-weight: bold;
	color: red;
}

.command
{
	font-size: x-small;
}

.title
{
	font-weight: bold;
}

.description
{
}

.attributes
{
	font-size: x-small;
	color: #777;
}

a.rss, a.rss:link, a.rss:visited, a.rss:hover
{
    border:1px solid;
    border-color:#ffc8a4 #7d3300 #3f1a01 #ff9a57;
    padding:1px 3px 2px 3px;
    font:bold 8px verdana,sans-serif; 
    color:#fff !important; background-color:#f90;
    text-decoration:none;
    margin:0px;
}

/************************************************************************/
/* Things */

.calendar
{
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: xx-small;
}

.menu, .menu ul
{
	text-align: right;
	list-style-type: none;
	font-family: 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
	font-weight: bold;
	font-size:x-small;
}

.menu a:link, .menu a:visited
{
	text-decoration: none;
	color: #006;
}

.menu a:hover
{
	text-decoration: underline;
}

span.menu
{
	margin-left: 5px; 
	margin-right: 5px;
	padding-bottom: 5px;
	text-align: left;
	color: #BBB;
	display: block;
	width: 100%;
	border-bottom: #DDDDDD 1px solid;
}

.photo img, img.photo
{
	margin: .5em;
	border:#BBBBBB 1px solid;
}

.thumbnail img
{
	font-size: x-small;
	border:#BBBBBB 1px solid;
}

.thumbnail .title
{
	font-weight:normal;
	font-size: x-small;
}

.html_editor
{
	height: 500px;
}

.group .thumbnail
{
	border:#BBBBBB 1px solid;
	background-color: #eee;
	padding: 2px;
	text-align:center;
	margin: 1px;
}

.group .thumbnail .selected
{
	border:#ff0000 2px solid;
}

/************************************************************************/
/* Generic context */

div.section
{
	padding-bottom: .5em;
	margin-bottom: 1em;
}

.section div, .section h3.header
{
	padding-left: 5; padding-right: 5;
}

.section div.header
{
	margin: 0;
}

.section .header
{
	width: 100%;
	background-color: #eee;
}

.section .header h3
{
	margin-top: 0;
	text-transform: none;
	letter-spacing: normal;
}

.section .menu
{
	background-color: Transparent;
	filter: none;
}

.section .menu a, .section .menu a:link, .section .menu a:visited
{
	font-size: x-small;
	text-decoration: underline;
}

.section .menu a:hover
{
	color: #AAF;
}

.list td
{
	padding-left:10px;
	padding-right:10px;
	border-bottom: #DDDDDD 1px solid;
}

.list .header, .list .header td
{
	font-weight: bold;
	background-color: #eee;
}

.summary .attributes
{
	display: block;
}

/************************************************************************/
/* Specific context */

.calendar
{
	display: none;
}

.archive
{
	clear: both;
}

.archive ul
{
	margin-top: 0; margin-bottom: 0;
	padding-left: 0;
	margin-left: 1em;
}

.archive .command
{
	margin-left: 1.1em;
}

.article .attributes
{
	margin-top: .5em;
	border-top: #ddd 1px solid;
}

.article .thumbnail
{
	float: right;
}

.biography h3
{
	border-bottom: #ddd 1px solid;
}

.biography .thumbnail
{
	margin: .5em;
	clear: both;
	float: right;
}

.biography h3
{
	clear: both;
}


.blog .group .thumbnail
{
	padding: 0px;
	margin: 0px;
}

.blog h3
{
	letter-spacing: normal;
	text-transform: none;
}

.downloads
{
	border:#BBBBBB 1px solid;
	background-color: #eee;
	padding: 1em;
	padding-top: 0px;
	margin: 5px;
}

.downloads ul
{
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 1em;
	padding-left: 0;
}

.headlines
{
	clear: left;
}

.headlines .attributes
{
	display: block;
}

.guestbook .list td
{
	border: none;
}

.links .icon
{
	display: none;
}

.links h3
{
	border-bottom: #ddd 1px solid;
}

.links h4
{
	font-size: x-small;
}

.links p
{
	margin-top: 0;
}

.links .list div.list
{
	margin-bottom: 10px;
}

.portrait .description
{
	margin-top: 1em;
}

.portrait img
{
	float: left;
}

.recent .thumbnail
{
	float: right;
	clear: both;
	margin: .5em;
}

.recent .description, .recent .attributes
{
	display: block;
}

.related_links ul
{
	color: #006;
	font-size: x-small;
}

.summary img
{
	display: none;
}

/************************************************************************/
/* Browser View Styles */

.body_container
{
	background-color: #FFF;
	width: 90%; 
	height: 95%;
	margin-bottom: 0;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	min-width: 500px;
    position: relative; 
    text-align: left;
}

.header_pane
{
	vertical-align: top;
	width: 100%;
	color: #fff;
	height: 150px;
	border-bottom: #777777 1px solid;
	background-color: #235;
}

.header_pane .section
{
	margin-left: 1em;
	margin-right: 1em;
}

.header_pane img
{
	z-index: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 150px;
}

.urban_title, .potato_title
{
	display:none;
}

.header_pane h1
{
	position: relative;
	color: #fff;
	text-align: right;
	padding-top: 10px;
	font-size: x-large;
	padding-right: 10px;
}

.header_pane h2
{
	display: none;
}

.header_pane .list, .header_pane .menu
{
	position: relative;
	text-align: right;
	color: #FFF;
	padding-right: 10px;
}

.header_pane .list
{
	font-size: medium;
}

.header_pane .menu
{
	position: absolute;
	top: 130px;
	right: 10px;
}

.header_pane a:link, .header_pane a:visited
{
	color: #FFF;
	text-decoration: none;
}

.header_pane a:hover
{
	text-decoration: underline;
}

.header_pane .description
{
	display: none;
}

.content_pane
{
	vertical-align: top;
	padding-left: 20px;
	padding-right: 20px;
	width: 70%;
}

.content_pane_title
{
	display: none;
}

.navigation_pane
{
	width: 30%;
	vertical-align: top;
	padding-left: 20px;
	padding-right: 20px;
	border-left: #DDD 2px solid;
}

.navigation_pane, .navigation_pane h3, .navigation_pane ul
{
	text-align: right;
}

/* ditch sub menu items after the first node */
.navigation_pane .menu ul ul
{
	display: none;
}

.navigation_pane img.navmenu
{
	display:none;
}

.footer
{
	margin-top: 2em;
}

.footer, .footer table
{
	font-size: x-small;
	font-style: italic;
}

.footer
{
	margin-top: 2em;
}