/*****************************************************************************/
/*                                                                           */
/* NodeCloud                                                                 */
/* Copyright (c) 2011-2018, Frederic Cambus                                  */
/* https://www.nodecloud.org                                                 */
/*                                                                           */
/* Created:      2011-06-15                                                  */
/* Last Updated: 2018-02-23                                                  */
/*                                                                           */
/*****************************************************************************/

@font-face {
	font-family: 'blockzone';
	src: url('/fonts/blockzone-webfont.woff2') format('woff2'), url('/fonts/blockzone-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

body { background: #46483e url('/assets/background.png') top repeat-x; color: #d2d8ba; font-family: 'blockzone'; font-size: 16px; margin: 0; padding: 0; text-align: justify }

a { color: #0a0; text-decoration: none; border-bottom: 1px dotted }
p { margin-bottom: 16px }

ul { padding: 0; margin-left: 216px }
li { list-style: none }
li:first-child { color: #fff }
li:nth-child(2) { padding: 16px 0 }
li:nth-child(3) span { color: #5f5 }
li:nth-child(4) span { color: #0a0 }

#container { width: 912px; margin: auto; }
#header { background: url('/assets/nodecloud.gif') top no-repeat; margin: 16px 0 32px; width: 912px; height: 224px }
#echojs { height: 96px; padding: 16px; background: #33342d; color: #eee; margin-bottom: 16px }
#echojs a { border: none }
#echojs p { margin-top: 0px }
#footer { background: #222; color: #fff; padding: 16px 0; }
#footer a { color: #d2d8ba }
#copyright, #trademark { width: 912px; margin: 0 auto}
#trademark { color: #555; padding-top: 16px }

#share { height: 48px; margin: 0 0 16px }
#share li { display: inline; }
#share li a { float: left; overflow: hidden; height: 0; margin: 0 16px 0 0; padding-top: 48px; text-decoration: none; border: none; }
#share li#facebook a { background: url(/assets/facebook.png); width: 48px }
#share li#twitter a { background: url(/assets/twitter.png); width: 48px }
#share li#google a { background: url(/assets/google+1.png); width: 48px }

.site { height: 150px; padding: 16px; background: #33342d; color: #eee; margin-bottom: 16px }
.site a, #echojs a { color: #aaa }
.site img, #echojs img { border: 0; display: block; float: left; padding-right: 16px; }