* {
    font-family: Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
}

h1 {
    font-size: 2em;
	margin-bottom: 0.5em;
}

h2 {
    font-size: 1.6em;
    margin-bottom: 0.5em;	
}

h3 {
    font-size: 1.4em;
	margin-bottom: 0.5em;
}

h4, h5, h6 {
    font-size: 1.3em;
    margin-bottom: .5em;	
}

p {
    margin: 0 0 1.5em 0;
}

ul, ol {
    padding-left: 15px;
}

ul {
    list-style: square;
}

div, td, p, textarea, input, .normal {
    font-size: 12px;
    line-height: 1.6em;
    font-family: Arial, Helvetica, sans-serif;	
}

input, textarea, select, button {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	border: 1px solid #666;
    background-color: #333;
    color: #fff;
}
input[type="file"] {
	position: relative;
	color: #000;
}

tbody {
    border: 0;
}

.notDisplayed {
	display: none;
}
a, .a {
    text-decoration: none;
    color: #8af;
	cursor: pointer;
}
externalLink {
	
}

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

a img {
	border: none;
}

p, h1, h2, h3, h4, h5, h6 {
	text-align: left;
    color: #fff;	
}

#logo {
    position: absolute;
    left: 20px;
    top: 2px;
    z-index: 2;
}

#logo_name {
    position: absolute;
    left: 64px;
    top: 11px;
    z-index: 3;
}

#outerShell {
	text-align:left;
	margin: 0;
	width: 100%;
}

#innerShell {
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
}


/* The are with the Edit / Delete / Etc icons at the top of a node */
.NodeOptions {
	float: right;
	vertical-align: middle;
}
/* A single icon at the top of a node */
.NodeOption {
	padding-left:8px;
	cursor: pointer;
}
.comment .body {
	text-align: justify;
}


img.avatar {
    border: 1px solid #999;
}

body {
    background-repeat: repeat-x;
    background-color: #080808;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	text-align:center;
}

#leftMajorCell { /* Contains everything but the RHS column. */
    text-align: left;
    vertical-align: top;
}


#banner {
	background: #000 repeat-x;
	overflow: hidden;
	height: 100px;
	border-bottom: 3px solid #000;
	border-right: 1px solid #222;
	border-top:3px solid #000;
	
}

div#messages { 
    padding-bottom: 1em;
}

div#help {
    padding-bottom: 1em;
}



.subNavCell { /* vertical bar under the primary menu bar */
    vertical-align: bottom;
    color: #ddd;
	background: #111 url(/img/primary_bg_dark.jpg) repeat-x;	
	line-height:1.5em;
	height: 22px;
}

.subNavOption {
	color: #ddd;
	font-weight: bold; 
	cursor: pointer;
	padding-left: 1em;
	padding-right: 1em;	 
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.subNavOption:hover {
	background-image: url(/img/primary_bg.jpg);
	color: #fff;

} 


#nav_wrapper {
    margin: 0 0 0 0;
    padding: 0 0 0 170px;
    height: 24px;
    list-style: none;
    line-height: 1.5;   
    background: #666 ; 	
    border-top: 9px solid #000;	
}
#nav_wrapper a {
	color: #fff;
}




/* Son of Suckerfish Menu */
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.5;
}

#nav a {
	display: block;
	/* width: 10em; */ 
	text-decoration: none;
	color: #fff;
	padding: 0.25em 1em 0.25em 1em;
}


#nav li li.parent a {
    background: #666 url(/img/theme/arrows/right2.png) center right no-repeat;
}
#nav li li.parent a:hover {
    background: #333 url(/img/theme/arrows/right2.png) center right no-repeat;
}
#nav li li.leaf a:hover {
    background: #333 none;
}


#nav li.menuhead {
    background: #666;	
	padding-right: 0.5em;	
}
#nav li.menuhead a {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;;
}
#nav li.menuhead.parent {
    background: #666 url(/img/theme/arrows/down2.png) center right no-repeat;
}
#nav li.menuhead.parent:hover {
    background: #333 url(/img/theme/arrows/down2.png) center right no-repeat;
}
#nav li.menuhead.leaf:hover {
    background: #333;
}

#nav li.leaf, #nav li li.leaf a {
    background: #666 none;
}

#nav li li a {
    background: #666;
	border-top: 1px solid #999;
    border-left: 1px solid #999;	
	border-bottom:1px solid #333;
    border-right:1px solid #333;  
	width: 10em;     	  		
}
#nav li li a:hover {
    background: #333;
    border-top: 1px solid #111;
    border-left: 1px solid #555;	
    border-bottom:1px solid #555;       
    border-right:1px solid #111;       	
}

#nav .nolink {
	font-weight: bold;
}
/*
#nav a:hover {
	background-image: url(/img/primary_bg_light.jpg);
}
*/
#nav li { /* all list items */
	float: left;
	/* width: 8em; /* width needed or else Opera goes nuts */
}

#nav li li {
	width: 8em;
}
#nav li:hover, #menu li.hover {
    position: static;
}
#nav li ul { /* second-level lists */
	position: absolute;
	width: 12em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul ul { /* third-and-above-level lists */
	margin: -2em 0 0 12em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul,    #nav li li:hover ul,    #nav li li li:hover ul,    #nav li.sfhover ul,    #nav li li.sfhover ul,    #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul, #nav li.sfhover ul ul ul ul ul {
	left: -999em;
}
#nav li:hover ul,    #nav li li:hover ul,    #nav li li li:hover ul,    #nav li li li li:hover ul, #nav li li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul, #nav li li li li li.sfhover ul {
	left: auto;
}


/***/





#top_menu_right_wrapper input {
    border: 1px solid #666;
    background-color: #222;
    color: #ccc;
    text-align: center;
    vertical-align: middle;
}

#top_menu_right_wrapper .form-text {
    padding: 1px 0px 1px 0px;
}

#top_menu_right_wrapper label {
    display: none;
}

.boxNav { /* The left column */
    background: #333 url(../img/fade_darker_double.png) 0 0 repeat-y;
    width: 170px;
    vertical-align: top;
    color: #fff;
}
#left_major_cell {
	background: #000 url(../img/fade_darker_double.png) 0 0 repeat-y;
}



.boxNav input {
    text-align: center;
    vertical-align: middle;
    margin-left: 2px;
	margin-right: 2px;
}

.boxNav ul {
	padding: 0;
	margin: 0;
}
.boxNav ul li {
    list-style: none;
    list-style-position: inside;
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
.boxNav li.nolink {
	padding-top: 1em;
	padding-bottom: 0.2em;
}
.boxNav .nolink span {
	font-weight: bold;
	color: #fff;
	padding-left: 12px;
}

.boxNav div {
    padding: 0;
    margin: 0;
}

.boxNav a, .boxNav .current {
    padding-left: 12px;
    margin: 0px;
    text-decoration: none;
    display: block;
}

.boxNav a:hover {
    background-color: #111;
    border-bottom: 1px solid #555;
    border-top: 1px solid #080808;
}

.boxNav ul li ul li a { /* Second-level menu */
    padding-left: 20px;
    margin-left: 0px; 
    background-image: inherit;
    background-position: top right;
    background-repeat: no-repeat;
    /* background-color: #444; */	
}

.boxNav ul li ul li ul li a { /* Third-level menu */
    padding-left: 28px;
    margin-left: 0px;
    /* background-color: #555; */
    background-image: inherit;
    background-position: top right;
    background-repeat: no-repeat;
}

.boxNav ul li ul li ul li ul li a { /* Forth-level menu */
    padding-left: 36px;
    margin-left: 0px; 
    /* background-color: #666; */
    background-image: inherit;
    background-position: top right;
    background-repeat: no-repeat;
}

.boxNav li.collapsed {
    background: url(../img/plus-sign.png) no-repeat;
    background-position: center right;
}

.boxNav li.collapsed:hover {
    background-image: url(../img/plus-sign-bright.png);
}

.boxNav li.expanded {
    background: url(../img/minus-sign.png) no-repeat;
    background-position: top right;
}

.boxNav li.expanded:hover {
    background-image: url(../img/minus-sign-bright.png);
}
.boxNav h1, .boxNav h2, .boxNav h3, .boxNav a, .boxNav .current {
    border-top: 1px solid #555;
    border-bottom: 1px solid #080808;
    color: #fff;
}



#right_column_wrapper { /* The right column */
    width: 160px;
    vertical-align: top;
    padding-top: 60px;
    padding-left: 5px;
    padding-right: 5px;
    background: #222 none;
    color: #999;	
}

#content_right_wrapper { /* floating column to the right of the main content on the white "sheet" */
    border-left: 1px solid #222;
    float: right;
    width: 160px;
    margin-left: 8px;
    padding-left: 8px;
    margin-bottom: 10px;
}

.content_wrapper_wrapper_outer {
    background: #080808 url(../img/smooth_black_bg.png) repeat-x;
}
.content_wrapper_wrapper_inner {
    padding: 1.6em 20px 0 20px;

}


.content_wrapper { /* The main area */
    vertical-align: top;
    color: #fff;
	min-height: 850px;
}
.content_wrapper a {
	
}
.content_wrapper table thead {
	border-bottom: 3px solid black;
}
.content_wrapper table th {
    text-align: left;
}
.content_wrapper .table  {
    border: 3px solid black;
}
.content_wrapper .table td {
	padding: 1px 2px 1px 2px;
	margin: 0;
	text-align: left;
}
.content_wrapper .table tbody tr:hover {
    background-color: #004;
}

.padded {
    padding: 14px 18px 20px 18px;
}


/**** Teaser Display *******/
.column { /* wraps journal articles, listings of teasers.  */
	/* max-width: 600px; */
}
.teaser { /* wraps individual teasers */
	margin-bottom: 1.6em;
	display: block;
	clear: both;
	/* max-width: 400px; */
}
.teaser .flags { /* Flags on nodes like unpublished and restricted to group Trusted */
	color: #900;
	display: inline;
	margin-left: 1em;
}
.teaser:hover {

}
.teaser .categoryPathWrapper {
	font-weight: bold;
	float: right;
}
.categorySeparator {
	font-size: 15px;
}
.teaser .highlight {
	float:left; 
	margin-right:10px; 
	margin-bottom: 4px; 
	text-align: center;
}
.teaser .highlight img {
    border: 2px solid #000;
}
.journal .highlight {
    float: right; 
    margin-left:2em; 
    margin-bottom: 4px; 
    text-align: center;
}
.journal .highlight .caption {
	max-width: 480px;
	font-size: 12px;
	line-height: 1.2em;
	font-family: Arial, Helvetica, sans-serif;;
}
.journal .highlight img {
    border: 2px solid #000;
}


.teaser .dateAuthor {
    float: none;
	display: block;
	margin-bottom: 1em;
	color: #666;
}
.teaser .options {
	margin-top: 1em;
}
.teaser .options .option {
	display:inline;
	padding-right: 3em;
	font-weight: bold;
}
/*
.teaserDescription, .nodeDescription {
	text-align: justify;
}
.photoTeaser {
	text-align: center;
}
.photoTeaser .title {
	text-align: left;
}
.photoTeased {
	padding: 1px;
	border: 1px solid #080808;
}
*/
.photo {
	padding: 0;
	margin: 0;
}
#frame {
	border: 2px solid #080808;
	background-color: #000;	
	margin: 0 auto 3em auto;
}
#outerFrame {
	background-color: #111;
	border: 1px solid #222;
	color: #999;
	font-size: 10px;
}
.thumb {
	margin-right:10px;
	margin-bottom:5px;
	border: 2px solid #080808;
	cursor: pointer;
}

.thumb:hover {
	border-color: #eee;
}

.currentThumb {
	border-color: #ddd;
	padding: 0;
	border-width: 2px;
	cursor: default;
}
.leftFloaty {
	display: block;
	float: left;
}


/***** Pages ******/
.pages {
	text-align: center;
}
.pages .page {
	border:1px solid #666;
	padding: 0 0.3em 0 0.3em;
	display:inline;
}
.pages .page a {
	color: #fff;
}
.pages .currentPage a {
	color: #ccc;
}
.pages .page:hover {
	background-color: #555;
	cursor: pointer;
}

.pages .currentPage {
	border: 1px dotted #666;
}
.pages .currentPage :hover {
	cursor:default;
	background-color: transparent;
}
.pages .nextPage {
	float:right;
}
.pages .previousPage {
	float:left;
}

/*** User Profile ***/
.profile #avatarCell {
	float:right;
}
.profile #avatarCell img {
	border:3px solid black;
}

.profile {
	width: 100%;
}
.profile input[type=button] {
	cursor: pointer;
	margin-left: 100px;

}
.profile h4 {
	
	margin-top: 2em;
}
.profile .public {
	margin-bottom: 2.5em;
}
.profile .private {
    margin-bottom: 1.8em;
}
.profile .dataSubsection {
	 margin-bottom: 8px; 
	 padding: 5px 0px 5px 0px;
	 background: #000 url(/img/short_black_bg.jpg) repeat-x;
}
.profile .label {
	width: 10em;
}
.profile .mediumInput {
    width: 20em;
}
/***** Feeds ******/
.subscriptionInfo {
	float:right;
    margin-left:5px;	
}

/***** Comments ******/
.commentSection {
	margin-top: 1em;
	clear: both;
}
.comment {
	border:1px solid #000;
	margin-bottom: 1.6em;
}

.commentBottom {
	background: #111 url(/img/smooth_black_bg_short_reversed.png) repeat-x;
	background-position:bottom;
	padding: 0.2em 1em 0.5em 1em;

}
.commentTop {
	background: #111 url(/img/smooth_black_bg_short.png) repeat-x;
	padding: 0.5em 1em 0 1em;

}
.comment div.avatar {
	float: left;
	padding: 0;
	margin-right: 0.8em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}
.comment .name {
	font-weight: bold;
	font-size: 15px;
}
.comment .date {
	font-size: 15px;
	color: #ddd;
}


ul.messages {
	padding-bottom:1em;
}
.content_wrapper form dd {
	padding-bottom:1em;
}
.fullwidth {
	width:100%;
}

input[type="submit"], input[type="button"], .button {
    background: #666 url(/img/primary_bg_light.jpg) repeat-x;
    color: #fff;
    font-weight: bold;	
	height: 20px;
	line-height: 16px;
	cursor: pointer;
	display: inline;
	margin: 0;
	padding: 2px 1.5em 2px 1.5em;
	border: 0px solid #333;
}
#q {
	width:105px; 
	height: 17px; 
	line-height: 15px;
	padding: 1px; 
	text-align: center; 
	background: #000;
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
    border-left: 1px solid #080808;
    border-top: 1px solid #080808;  	
}
#quickSearch input[type="submit"], #quickSearch input[type="button"], #quickSearch .button {
	padding-left: 3px;
	padding-right: 3px;
	height: 20px;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
}
#quickSearch input[type="text"] .query, #quickSearch .query {

}
#quickSearch fieldset {
	border: 0;
}

input[type="submit"]:active, input[type="button"]:active, .button:active {
    padding-top:3px;
	padding-bottom: 1px;
}

input[type="submit"]:hover, input[type="button"]:hover, .button:hover,
input[type="submit"]:active, input[type="button"]:active, .button:active {
    background: #666 url(/img/primary_bg_light_coloured.jpg) repeat-x;
}
/*
a.button {
	background:  url('/img/button_set.jpg') no-repeat 0 0;
	color: #333;
	font: normal 12px arial, sans-serif;
	height: 24px;
	margin:2px 6px 2px 0;
	padding-right: 3px;
	text-decoration: none;
	display: block;
	float: left;
}
a.button span {
    background:  url('/img/button_set_caps.jpg') no-repeat fixed 0 0;
	display: block;
	line-height: 14px;
	padding: 5px 2em 5px 2em;
}

a.button:hover {
    background-position: 0px -24px;
}
a.button span:hover {
    background-position: 0px -24px;
}

a.button:active {
	background-position: 0px -48px;
}
a.button span:active {
    background-position:0px -48px;
    padding: 6px 2em 4px 2em;	
}
*/




.content_wrapper td, .content_wrapper th {
    padding: 2px 1em 2px 1em;
}

.content_wrapper tr.even {
    background-color: #111;

}

.content_wrapper tr.odd {
    background-color: #191919;
}

.content_wrapper_top { /*area above the breadcrumb area on the white "sheet" */
    background-color: #fff;
    color: #111;
    vertical-align: top;
    padding: 8px 8px 8px 8px;
    height: 16px;
}


.title {
	margin-bottom: 0.6em;
}
.layoutTitle {
    margin-bottom: 2em;
}
.title h1 { /* the content's title */
    padding-bottom: 0;
    line-height: 1.0em;
	margin-bottom: 0;
}
.title .subtitle {
	margin-top: 0.5em;
}


.paper_edge_left { /* small space to the left of the main component area */
    /* background: #000 none 0 0 repeat-y; */
    width: 0px;
    display: none;	
}

.paper_edge_right { /* small space to the right of the main component area */
    /* background: #000 url(../img/fadeout2black.png) 0 0 repeat-y; */
    width: 0px;
    display: none;
}

div.breadcrumb {
    font-size: 15px;
    padding-bottom: 10px;
}

div.breadcrumb a {
    font-size: 12px;
}

#breadcrumb_wrapper {
    background-color: #d7d7d7;
    color: #333;
    padding-left: 8px;
    height: 22px;
}

#breadcrumbLeft { /* small space to the left of the breadcrumb box */
    background: #d7d7d7 url(../img/fadein_lightgrey.jpg) 0 0 repeat-y;
    width: 10px;
}

#breadcrumbRight { /* small space to the right of the breadcrumb box */
    background: #d7d7d7 url(../img/fadeout_lightgrey.jpg) 0 0 repeat-y;
    width: 10px;
}

#bottomStripe {
    color: #555;
    text-align: center;
    width: 100%;
    clear: both;
    height: 1.2em;
    font-size: small;
    vertical-align: bottom;
	padding-top: 0.1em;
	background: #333 url(/img/primary_bg_dark.jpg) repeat-x;		
}


#rightColCell {
    width: 164px;
    background: #444 url(/img/theme/grad444to000.jpg) repeat-y right;
    padding-right: 6px;
}
#rightColCell, #rightColCell p, #rightColCell h3, #rightColCell li {
    color: #ddd;
}
#rightColCell h3 {
	text-align: center;
}
#rightColCell .section {
	border-bottom: 2px solid #333;		
	padding: 2em 12px 0.5em 8px;
	clear:both;
}
#rightColCell .title {
	text-align: center;
	font-weight: bold;
	color: #eee;
	display: block;
	margin-bottom: 0.4em;
}
#rightColCell ul li .description {
	font-size: 10px;
}
#rightColCell .story {
	margin-top: 0.5em;
	padding-top: 0.5em;
	border-top: 1px dotted #666;
	line-height: 1.2em;
	clear: both;
}
#rightColCell #recentList {
	padding-bottom: 0.5em;
}
#rightColCell .story .commentPhoto {
	float:left;
	margin-right: 5px;
	padding: 0;
}
#rightColCell .story .nodePhoto {
    float:right;
    margin-left: 5px;
    padding: 0;
}
#rightColCell .story .nodePhoto img, .story .commentPhoto img {
    border: 1px solid #000;
	padding: 0;
	margin: 0;
}
#subscribeCell {
	background: #333 url(/img/fade_darker_double.png) repeat-y;
	height: 26px;
	width: 170px;
}

#footer {
    color: #333;
    font-weight: bold;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 100%;
    background-color: #000;
}

#closure {
	text-align: center;
}


.clear-both {
    clear: both;
}