@font-face {
	font-family: 'CicleFina';
	src: url('/data/fonts/Cicle/Cicle_Fina-webfont.eot');
	src: local('☺'), url('/data/fonts/Cicle/Cicle_Fina-webfont.woff') format('woff'), url('/data/fonts/Cicle/Cicle_Fina-webfont.ttf') format('truetype'), url('/data/fonts/Cicle/Cicle_Fina-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CicleFinaItalic';
	src: url('/data/fonts/Cicle/Cicle_Fina_Italic-webfont.eot');
	src: local('☺'), url('/data/fonts/Cicle/Cicle_Fina_Italic-webfont.woff') format('woff'), url('/data/fonts/Cicle/Cicle_Fina_Italic-webfont.ttf') format('truetype'), url('/data/fonts/Cicle/Cicle_Fina_Italic-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CicleGordita';
	src: url('/data/fonts/Cicle/Cicle_Gordita-webfont.eot');
	src: local('☺'), url('/data/fonts/Cicle/Cicle_Gordita-webfont.woff') format('woff'), url('/data/fonts/Cicle/Cicle_Gordita-webfont.ttf') format('truetype'), url('/data/fonts/Cicle/Cicle_Gordita-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CicleGorditaItalic';
	src: url('/data/fonts/Cicle/Cicle_Gordita_Italic-webfont.eot');
	src: local('☺'), url('/data/fonts/Cicle/Cicle_Gordita_Italic-webfont.woff') format('woff'), url('/data/fonts/Cicle/Cicle_Gordita_Italic-webfont.ttf') format('truetype'), url('/data/fonts/Cicle/Cicle_Gordita_Italic-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CicleSemi';
	src: url('/data/fonts/Cicle/Cicle_Semi-webfont.eot');
	src: local('☺'), url('/data/fonts/Cicle/Cicle_Semi-webfont.woff') format('woff'), url('/data/fonts/Cicle/Cicle_Semi-webfont.ttf') format('truetype'), url('/data/fonts/Cicle/Cicle_Semi-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CicleSemiItalic';
	src: url('/data/fonts/Cicle/Cicle_Semi_Italic-webfont.eot');
	src: local('☺'), url('/data/fonts/Cicle/Cicle_Semi_Italic-webfont.woff') format('woff'), url('/data/fonts/Cicle/Cicle_Semi_Italic-webfont.ttf') format('truetype'), url('/data/fonts/Cicle/Cicle_Semi_Italic-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'M1mregular';
	src: url('/data/fonts/M-1m/mplus-1m-regular-webfont.eot');
	src: local('☺'), url('/data/fonts/M-1m/mplus-1m-regular-webfont.woff') format('woff'), url('/data/fonts/M-1m/mplus-1m-regular-webfont.ttf') format('truetype'), url('/data/fonts/M-1m/mplus-1m-regular-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

* { font-family: "CicleFina"; padding: 0; margin: 0; font-size: 20px; color: #444; }
img { border: 0; }
body
{
    min-height: 1000px;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.24, rgb(240,240,240)), color-stop(0.81, rgb(255,255,255)) );
    background: -moz-linear-gradient(center bottom, rgb(240,240,240) 24%, rgb(255,255,255) 81%);
}
#page { margin: 10px auto; width: 90%; display: block; }
#page header { margin-bottom: 25px; display: block; }
#page header a { text-decoration: none; font-family: 'CicleGordita'; color: #000; font-size: 3.5em; text-shadow: 2px 2px 3px #888; }
#page #mainnavigation { display: block; height: 55px; }
#page #mainnavigation ul { list-style: none; float: right; }
#page #mainnavigation ul li { display: inline; float: left; padding: 3px 10px; }
#page #mainnavigation ul li a { text-decoration: none; }
#page #mainsection { float: left; width: 80%; }
#page footer { font-size: .6em; text-align: center; margin-bottom: 15px; padding-top: 40px; display: block; clear: both; }
#page article { margin-bottom: 35px; }
#page article header { margin-bottom: 4px; }
#page article header a { margin: 0; font-family: "CicleSemi"; font-size: 1.3em; color: #444; }
#page article footer { margin: 0; display: block; margin-bottom: 10px; font-family: "CicleFinaItalic"; text-align: right; }
#page article footer time { font-size: 1.2em; }
#page article footer a { text-decoration: none; font-family: "CicleFinaItalic"; font-size: 1.2em; }
#page code { font-family: "M1mregular"; font-size: .8em; margin: 20px 0 20px 20px; display: block; }
#page code em { font-family: "M1mregular"; font-size: .8em; font-weight: bold; }
#page p { margin-bottom: 15px; line-height: 1.4em; }
#page p i { font-family: "CicleFinaItalic"; }
#page p em { font-weight: bold; }
#page aside { width: 130px; float: left; padding: 0 25px 25px 0; margin-right: 20px; border-right: 1px dashed #c9c9c9; }
#page aside ul { list-style: none; margin: 0 0 30px 15px;}
#page aside ul li a { font-size: .75em; text-decoration: none; }
#page aside header { margin: 0; font-family: "CicleSemi"; font-size: 1.15em;}
#page aside ol { list-style: none; margin: 0;}
#page aside ol li a { font-size: .75em; text-decoration: none; }
#page .obsolete { text-decoration: line-through; }
#page .warning { color: red; }

#page ul.linklist { list-style: none; }
#page ul.linklist li header { font-family: "CicleSemi"; font-size: 1.1em; margin: 25px 0 0 0; }
#page ul.linklist li p { font-family: "CicleFina"; font-size: .75em; margin: 0 0 0 15px; }
#page ul.linklist li a { font-family: "CicleFina"; font-size: .70em; margin: 0 0 0 15px; text-decoration: none; }
#page ul.linklist li a:hover { text-decoration: underline; }
#page ul.linklist li a:before { content: " » "; }
#page header.linksbreadcrumb a { font-size: 1.4em; color: #444; }

#page nav.pagenav { display: block; text-align: right; margin-top: 25px;}
#page nav.pagenav a { padding: 3px 10px; border: 1px solid #aaa; font-family: "CicleSemi"; font-size: .75em; text-decoration: none; }
#page nav.pagenav a.current { background-color: #F5CA2E; }
#page nav.pagenav a:hover { background-color: #E5A214; }

#page dl.about { margin-top: 15px; }
#page dl.about dt { display: inline-block; float: left; clear:both; padding-right: 8px; margin-bottom: 5px; }
#page dl.about dd { display: inline-block; float: left; padding-right: 16px; margin-bottom: 5px;  font-family: "CicleGordita";}
#page dl.about dd a { font-family: "CicleGordita"; text-decoration: none; }
#page figure dd { font-family: "CicleFina"; font-size: .75em; }

#page dl.faq { line-height: 1.4em; padding: 8px 0 15px 0; }
#page .faq dt a { font-family: "CicleGordita";  text-decoration: none; }
#page .faq dd { margin: 5px 0 5px 25px;  }
#page .faq dd a { text-decoration: underline; }

#page .blog figure { margin-bottom: 15px; display: inline-block; border-top: 1px dashed #c9c9c9; padding-top: 7px; }
#page .blog figcaption { margin-top: 8px; font-size: .65em; border-top: 1px dashed #c9c9c9; padding-top: 6px; }
#page .blog code span.codehighlight { font-size: inherit; color: #fff; background-color: #6488C4; padding: 2px;}