/* begin blog*/
.indent { 
    margin-left:20px;
}
.post {
    padding:10px; font-size:0.8em; line-height:1.7em;
}

.post .subject {
    margin-top:25px;color:#333; text-align:right;padding-top:8px; padding-bottom:5px;
    border-top: groove #888 4px; b order-right:ridge #333 4px;
}
.post .post-title {
    background-color:white;font-size:1.0em;font-weight:bold;padding:5px 17px 5px 5px
}
.post .post-title a {
    background-color:white;font-size:1.0em;font-weight:bold;padding:5px 17px 5px 5px; color:#333; text-decoration:none;
}
.post .post-title a:hover,.post .post-title a:visited  {
    color:#333;
}
.post .subject h3 {
   text-align:right; padding:3px; margin-right:0;
}
.post  {
    color:#333;  word-spacing:0.2em;   
}

.post .content {
    padding:5px 25px;
}
.post .related  .links{
    padding:5px;
}

.post .related .links .title {
    border-bottom:black solid thin; margin:5px 0px; font-style:oblique; 
}

.post .related .new {
    background-color:#efefef;
}

.post .related .for {
    background-color:#ddd;
}

.post .related .info {
    background-color:#bbb;
}
.post .related .against {
    background-color:#999;
}

.comments .comment {
	margin:2px 0px;background-color:#dde;padding:10px;
}
.comment .title .person {
	float:right;
}
.comment .title .person a, .comment .title .person {
	font-size:0.8em;
}
.comment .title .time {
	font-size:0.8em; 
}
.comment .text *{
	font-size:0.85em;
}

.comment-new a{
	display:block; background-color:#dde; text-align:center;padding:2px;
}


.comment-table {
	background-color:#ccc; width:100%;display:table;border-collapse: collapse; 

	
}
.comment-row {
	width:99%; display:table-row;
}
.comment-label{
	width:15%; text-align:right;vertical-align:top;
}
.comment-field{
	width:85%;
}
.comment-cell {
	display: table-cell; padding:5px; font-size:0.75em;
}
.comment-cell input,.comment-cell textarea{
	width:95%;
}
.comment-cell textarea {
	height:146px;
}


.snippet-table {
	background-color:#eee; width:100%;display:table;border-collapse: collapse; 
}
.snippet-row {
	width:99%; display:table-row;
}
.snippet-label{
	width:15%; text-align:right;vertical-align:top;
}
.snippet-field{
	width:85%;
}
.snippet-cell {
	display: table-cell; padding:5px; font-size:0.75em;
}
.snippet-cell input,.snippet-cell textarea{
	width:95%;
}
.snippet-cell textarea {
	height:146px;
}
/* end blog */


.outline, .outline ul, .outline li {
	margin-left:20px;
	list-style-type: disc;
}
.outline li  {
	margin-bottom:5px; font-weight:bold;
}

.blue-box {
	width:66%;margin:0px auto; padding: 10px; background-color:#ddf;line-height:1.8em;
}

.blue-box p:first-letter{
	font-size:1.9em; font-style: ;
}

.social-networking-link {
	padding:5px 5px; margin:5px 0px;
}

.blank-link {
	text-decoration:none;
}

.clearfix:after {
	content: ".";display: block;height: 0;clear: both;visibility: hidden;
 }

.fc {
	margin:0px auto;text-align:center; width:95%;
}

.center {
	margin:0 auto;display:table
}

/* begin jogl area */
.run-web-start{
	display:bloc k;padding:10px;
}
.run-web-start-small {
	padding:5px;font-size:0.8em;
}
.run-web-start:hover, .run-web-start-small:hover {
	background-color:#aab;
}

.hide-button {
	width:66%;margin: 0px auto; padding:2px 10px;background-color:#ddf;display:block;font-size:0.6em;text-align:right;
}
.hide-button:hover {
	background-color:#cce;
}

.jogl-picture-frame {
	float:right;margin:15px 30px 15px 15px;padding:7px;background-color:#ddf;
}
.jogl-picture-frame img {
	margin:7px;
}

/* end jogl area*/
/* begin apps area */
.apps-picture-frame {
	float:right;margin:15px;padding:7px;background-color:#ddf;
}
.apps-picture-frame img{
	margin:7px;
}
.apps-nav {
	border-bottom:solid black 5px;padding:15px; 
}
.apps-nav a{
	padding:8px;
}
.apps-nav a:hover {
	background-color:#dde;
}
.apps-nav em {
    font-size:0.8em; text-decoration:none; color:black; visibility:hidden;
}
.apps-box {
	border-bottom:#333 solid 5px;padding:15px;color:#333;
}
.flat-list {
    list-style-type:disc; ;line-height:1.5em;
}
.flat-list li {
    display:inline; padding:5px; list-style-type:disc; margin:5px;
}
.flat-list em {
    font-weight:bold; font-size:0.8em; text-decoration:underline;
}
/* end apps area*/


/* begin totorial */
.main-step, .main-step ul, .main-step li{	
	margin-left:30px;	list-style-type: decimal; font-weight:normal; font-size:0.95em;
}

.main-step li  {
	margin-bottom:5px;
}

.sub-step li {
	font-weight:normal;
}

.code {
	font-family:courier; font-weight:normal; ;
}
.code li {
	margin-left:30px; padding:5px; background-color:#dde;   display:table; font-weight:normal; 
}

.code li pre { 
	font-size:0.9em;
}

.note li {
	font-style:oblique; list-style-type:none; background-color:#ffb;padding:10px; display:table;
}
.highlight {
	background-color:yellow; padding:1px; font-weight:bold;
}
.t-intro {
	font-size:1.4em; line-height:1.25em; padding:0px 15px;
}
.t-intro p:first-letter{
	font-size:1.9em; 
}
/* end tutorial */