/*PAGE*/
.undermenu {border-bottom: 10px solid #EEEEEE;}
.prominentButton {
	text-align: center;
	font-size: 160%; background: #EEEEEE; line-height: 1.3em; 
	border-bottom: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; }
.prominentButton a, .container .prominentButton a:hover {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	display: block;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; }
.shadowed{
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	background: white;
	border-bottom: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #EEEEEE;}
.contentsMenu { padding-left: 0.5em; padding-right: 0.5em;}
.contentsMenu ul {list-style: none; padding: 0; margin: 0; margin-top: 1em; margin-bottom: 1em;}
.contentsMenu ul ul {margin: 0;}
.contentsMenu li { padding-top: 0.5em; padding-bottom: 0.5em; clear: both; border-bottom: 1px solid #EEEEEE;}
.contentsMenu li:last-child {border: 0;}
.contentsMenu li li {padding: 0; padding-top: 0.5em; padding-left: 0.5em; border-bottom: none;}
.contentsMenu li a.active {background: #EEEEEE; white;}
.contentsMenu li a.active:hover {background: #0066CC;}
.contentsMenu li a {width: 90%; display: block; padding-left: 0.5em; padding-right: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em;}
.contentsMenu li a:hover {-moz-border-radius: 0.5em; -webkit-border-radius: 0.5em;}
.contentsMenu li .button {display: block; float: right; padding: 0; margin: 0; width: 10%; text-align: center;}
.contentsMenu li .button a {padding: 0;}
.blog .contentsMenu li a, .post .contentsMenu li a {display: inline;}
.metamodelhtmlview img {max-width: 700px;}

/*HEADER*/
.header {background: #0066CC;}
.logo {width:950px; margin:0 auto; padding: 0; padding-bottom: 1em; text-align: center;}
.logo img {height: 75px;}
.menu {width:950px; margin:0px auto; padding: 0; padding-top: 5px; padding-bottom:5px; text-align: center;}
.menu ul {margin: 0; padding: 0;}
.menu ul li {list-type: none; display: inline; padding-right: 2em;}
.menu ul li a {padding-top: 5px; padding-bottom: 8px; color: white;  padding-left: 10px; padding-right: 10px; 
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}
.menu a:hover{background: #EEEEEE; color: #0066cc;}
.menu a.active {background: #EEEEEE; color: #0066cc;}


/*MAIN*/
.maincontents {padding-top: 2em;}
.postticker {list-style: none; margin-left: 0; padding-left: 0;}
.postticker li {margin-top: 1em;}
.postticker li:first-child {margin-top: 0;}
.comment {display: none;}
.postticker .subscribe, .postticker .author, .postticker .time {display: none;}
.postticker .date {color: #AAAAAA;}
.search {width:950px; margin:0 auto; padding: 0; padding-bottom: 1em; text-align: center;}
.search input.text {width: 375px;}

.panel {margin: 0px; padding: 0;}
.panelTitle {
	line-height:1; font-size:1.8em; padding-top: 1em; padding-bottom: 0.5em;	background: #EEEEEE;
	padding-left: 10px;
	padding-right: 10px;
}
.panelContents {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;}
.panelTitle a {display: block;}

/*SMALL INFO*/
.smallinfo {font-size: 70%; margin-bottom: 2px;}
.smallinfo ul { margin: 0; display: inline; list-style: none; padding: 0;}
.smallinfo li {display: inline;}
.smalllogin {display: inline;}
.smallcommands {display: inline;}
.smallcommands li {padding-left: 0.5em;}
.smallpath {text-align: right;}
.smallpath li:before { padding: 0; padding-left: 2px; padding-right: 2px; content: "/"; color: #AAAAAA;}


/*UTILS*/
.center, .center img {text-align: center;}
.center img {margin-left: auto; margin-right: auto;}
.right {text-align: right;}
.left {text-align: left;}
.footnote {font-size: 80%;}
.float {float: right; margin: 2em; margin-right: 0;}
.broken {color: red;}
.protected {color: #AAAAAA;}
.nohover a:hover{background: none;}
.nohover a:hover img{background: none;}
.prominent {font-size: 120%; line-height: 1.3em; } 
.nolist ol, .nolist ul {display: inline; list-style: none; padding-left: 0; margin-left: 0;}
.nolist ol li {display: inline;}

/*DEFAULT*/
.container {margin-top: 0px;}
.contents li {margin-bottom: 0.5em;}
body {color: #333333; margin-top: 0; font-size: 90%;}
h1.heading {font-size:1.8em; margin-bottom: 0.5em; padding-bottom: 0.5em; margin-top:1em;}
h1 {font-size:1.5em; line-height:1; margin-top:2em;}
h1.markup {line-height: 1.2; margin-top: inherit;}
h2 {font-size: 1.2em; line-height: 1.25; margin-top: 1.25em; }
th {background: #EEEEEE;}
dl dt {font-weight: normal; margin-top: 1em;}

a img {border: 0;}
img {max-width: 100%;}
a {color: #0066CC; text-decoration: none;}
.container a:hover {background: #0066CC; color: white; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; }
blockquote {font-style: italic;}
p {margin: 0.75em 0 0.75em;}
p img {float: none;}

pre, code, tt { font-size: 1em; padding: 3px; background-color: #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; }


/*SMALLTALK*/
.shout {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
.shout .undefinedKeyword, .shout .keyword, .shout .unary, .shout .undefinedUnary {font-weight: bold;}
.shout .comment {color: gray;}


/*FOOTER*/
.footer {
	color: #555555;
	padding-top: 10em;
	margin-bottom: 30px;
	font-size: 70%;}
.securityInformation {margin-bottom: 10px;}
.notree {clear: both; margin-bottom: 10px;}
.footer ul {padding: 0; margin: 0;}
.footer li {
	list-style: none;
	padding: 0;
	padding-right: 10px;}
.footer  ul {
	list-style: none;
	padding-left: 10px;}
.footer .logininfo ul {padding: 0;}

/*BLOG*/
.post .meta {
	font-family: Helvetica Neue, Heveltica, Arial, sans-serif;
	font-size: 80%;
	color: #AAA;}
.post {margin-bottom: 5em;}
.posts {margin-bottom: 3em;}
.subscribe {margin-top: 4.5em;}