/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Base Style Sheet - Reduces inconsistencies across all browsers
 * Stripped down and improved collection of best practises
 * To avoid redundant code it sets new default values instead of baseline defaults and re-resetting them later
 * Thanks to HTML5 Boilerplate, Yahoo! User Interface (YUI) Library, Normalize.css
 */


/* Useful Snippets
----------------------------------------------------------------------------------------------------*/

/* Force vertical scrollbar, force body height to fit at least the browser window, prevent iOS text size adjust on device orientation change */
html {
	overflow-y: scroll;
	min-height: 100%;
	-webkit-text-size-adjust: 100%;
}

/* Create a stacking context to prevent z-index issues */
body { position: relative; }

/* Remove outline when clicking links: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

/* Removes scrollbar in IE */
textarea { overflow: auto; }

/* Remove background from selected images */
img::selection { background: transparent; }
img::-moz-selection { background: transparent; }

/* Remove borders */
fieldset,
img,
iframe { border: 0; }

/* Consistency of cursor style, Corrects inability to style clickable 'input' types in iOS */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

button[disabled],
input[disabled] { cursor: default; }

/* Removes inner padding and border in FF3+ */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/* HTML5 display definitions
----------------------------------------------------------------------------------------------------*/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* New Base Values
----------------------------------------------------------------------------------------------------*/

body { margin: 0; }

/* Block Space */
p, hr,
ul, ol, dl,
blockquote, pre,
fieldset, figure { margin: 15px 0; }

h1, h2, h3, h4, h5, h6 { margin: 25px 0 15px 0; }

/* Lists */
ul, ol, dl { padding-left: 30px }
dd { margin-left: 40px; }

/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1 { font-size: 36px; line-height: 36px; }
h2 { font-size: 24px; line-height: 24px; }
h3 { font-size: 18px; line-height: 18px; }
h4, h5, h6 { font-size: 16px; line-height: 16px; }

/* Links */
a, a:hover { text-decoration: none; }

/* Text-level Semantics */
b, strong { font-weight: bold; }

small { font-size: 11px; }

ins { text-decoration: none; }
del { text-decoration: line-through; }

abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
dfn[title] { font-style: normal; }

/* Horizontal Rule */
hr {
	display: block;
	height: 1px;
	padding: 0;
	border: 0;
	border-top: 1px solid;
}

/* Quotes */
q, blockquote {
	quotes: '\201C' '\201D' '\2018' '\2019';
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
}
	
blockquote {
	padding: 0 20px;
	font-size: 16px;
	line-height: 22px;
}

blockquote:before { content: '\201C'; }
blockquote:after { content: '\201D'; }

/* Code */
code, pre { font-family: "Courier New", Courier, monospace; }

code { word-spacing: -2px; }

pre {
	padding: 10px;
	font-size: 12px;
	line-height: 18px;
	white-space: pre-wrap;
	word-wrap: break-word;
}

/* Tables */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

th, td { padding: 1px; }

/* Forms */
input, select { vertical-align: middle; }

select, input, textarea, button { font: 12px Arial, sans-serif; }

form, textarea { margin: 0; }
legend, fieldset, input { padding: 0; }

textarea,
input[type='text'],
input[type='password'],
select { padding: 2px; }
select { line-height: 19px; } /* Needed for Safari */

button,
input[type='button'],
input[type='submit'] { padding: 2px 3px; }



/* New style-related Base Values
----------------------------------------------------------------------------------------------------*/

body { 
	font: normal 14px/20px Arial, Helvetica, sans-serif;
	color: #92979E;
 }

ins, mark { border-radius: 4px; }

hr { border-top-color: #dcdcdc; }

pre {
	border: 1px solid #dcdcdc;
	background: #fff;
}


/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Layout Style Sheet - Provides a fluid grid and helper classes to create any layout and some layout defaults
 */


/* Grid and Clearing Tools
----------------------------------------------------------------------------------------------------*/

.clearfix:before,
.clearfix:after,
.grid-block:before,
.grid-block:after,
.deepest:before,
.deepest:after {
	content: "";
    display: table;
}
.clearfix:after,
.grid-block:after,
.deepest:after { clear: both; }

.grid-box { float: left; }

/* Grid Units */
.width16 { width: 16.666%; }
.width20 { width: 20%; }
.width25 { width: 25%; }
.width33 { width: 33.333%; }
.width40 { width: 40%; }
.width50 { width: 50%; }
.width60 { width: 60%; }
.width66 { width: 66.666%; }
.width75 { width: 75%; }
.width80 { width: 80%; }
.width100 { width: 100%; }

.width16,
.width20,
.width25,
.width33,
.width40,
.width50,
.width60,
.width66,
.width75,
.width80,
.width100 {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* Create new Block Formatting Contexts */
.bfc-o { overflow: hidden; }
.bfc-f {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	float: left;
}

/* Align Boxes */
.float-left { float: left; }
.float-right { float: right; }

/* Grid Gutter */
.grid-gutter.grid-block { margin: 0 -15px; }
.grid-gutter > .grid-box > * { margin: 0 15px; }

.grid-gutter > .grid-box > * > :first-child { margin-top: 0; }
.grid-gutter > .grid-box > * > :last-child { margin-bottom: 0; }


/* Layout Defaults
----------------------------------------------------------------------------------------------------*/

/* Center Page */
.wrapper {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: auto;
}

/* Header */
#header { position: relative; }

#toolbar .float-left .module,
#toolbar .float-left > time {
	margin: 0 15px 0 0;
	float: left;
}

#toolbar .float-right .module {
	margin: 0 0 0 15px;
	float: right;
}

#headerbar .module {
	max-width: 300px;
	margin-right: 0;
	float: right;
}

#logo, #logo > img,
#menu { float: left; }
#search { float: right; }

#banner {
	position: absolute;
	top: 0;
	right: -200px;
}

/* Footer */
#footer {
	position: relative;
	text-align: center;
}

/* Absolute */
#absolute {
	position: absolute;
	z-index: 15;
	width: 100%;
}


/* Spacing
----------------------------------------------------------------------------------------------------*/

#main,
.module { margin: 10px; }

#header { margin: 20px 10px 15px 10px; }

#toolbar { margin-bottom: 20px; }

#headerbar { margin-bottom: 15px; }

#content,
#breadcrumbs { padding: 20px; }

#innertop-a,
#innertop-b,
#innerbottom-a,
#innerbottom-b { padding: 10px; }

.sidebar {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3px;
} 

.sidebar .module { margin: 3px; }

#footer { margin: 30px 10px; }
#footer .module { margin: 0; }


/* Layout
----------------------------------------------------------------------------------------------------*/

#main {
	padding: 4px;
	border: 1px solid rgba(20,20,25,0.2);
	border-radius: 5px;
	background: #d1d2d6;
	background: rgba(90,90,100,0.15);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.4),
				0 1px 3px rgba(20,20,25,0.2),
				inset 0 -1px 0 rgba(255,255,255,0.2);
}

#toolbar,
#footer {
	text-shadow: 0 1px 0 rgba(255,255,255,0.4);
	font-size: 12px;
}

/* Main */
#maininner {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #f6f6f6;
	border: 1px solid rgba(20,20,25,0.3);
	border-radius: 5px;
}

#breadcrumbs,
#innertop-a,
#innertop-b,
#content,
#innerbottom-a,
#innerbottom-b { 
	border-top: 1px solid #ddd;
	box-shadow: inset 0 1px 0 #fff;
}

#maininner > #breadcrumbs + *,
#maininner > #menubar + * {
	border-top: none;
	box-shadow: none;
} 

.position-bg-grey { background: #eff0f0; }
.position-bg-white { background: #f6f6f6; }
.position-bg-gradient { 
	background-color: #f0f0f0;
	background-image: -o-linear-gradient(top,  #f0f0f0 0%, #f6f6f6 40px,  #f6f6f6 80%, #f0f0f0 100%);
	background-image: -webkit-linear-gradient(top,  #f0f0f0 0%, #f6f6f6 40px,  #f6f6f6 80%, #f0f0f0 100%);
	background-image: -moz-linear-gradient(top,  #f0f0f0 0%, #f6f6f6 40px,  #f6f6f6 80%, #f0f0f0 100%);
	background-image: linear-gradient(to bottom,  #f0f0f0 0%, #f6f6f6 40px,  #f6f6f6 80%, #f0f0f0 100%);
}

#maininner section:last-child { 
	border-bottom-left-radius: 4px; 
	border-bottom-right-radius: 4px;
}

.sidebar-a-right #maininner section:last-child,
.sidebar-b-right #maininner section:last-child { border-bottom-right-radius: 0; }

.sidebar-a-left #maininner section:last-child,
.sidebar-b-left #maininner section:last-child { border-bottom-left-radius: 0; }


.sidebar-a-left #maininner,
.sidebar-b-left #maininner { 
	border-left: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.sidebar-a-right #maininner,
.sidebar-b-right #maininner { 
	border-right: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

/* Sidebars */
.sidebar {
	background: #494E54;
	background: -o-linear-gradient(top, #494E54 0%,#5B6066 15%,#5B6066 40%,#494E54 100%);
	background: -webkit-linear-gradient(top, #494E54 0%,#5B6066 15%,#5B6066 40%,#494E54 100%); 
	background: -moz-linear-gradient(top, #494E54 0%,#5B6066 15%,#5B6066 40%,#494E54 100%);
	background: linear-gradient(to bottom, #494E54 0%,#5B6066 15%,#5B6066 40%,#494E54 100%);
}

.sidebar-a-left #sidebar-a, 
.sidebar-b-left #sidebar-b { 
	border-radius: 4px 0 0 4px;
	box-shadow: inset -20px 0 20px -10px rgba(20,20,25,0.3); 
}

.sidebar-a-right #sidebar-a, 
.sidebar-b-right #sidebar-b { 
	border-radius: 0 4px 4px 0; 
	box-shadow: inset 20px 0 20px -10px rgba(20,20,25,0.3);
}

.sidebar-a-left.sidebar-b-left #sidebar-b,
.sidebar-a-right.sidebar-b-right #sidebar-a { border-radius: 0px; }

.sidebar-a-left.sidebar-b-left #sidebar-a,
.sidebar-a-right.sidebar-b-right #sidebar-b { box-shadow: none; }

/* Menu */
#menubar { 
	height: 60px;
	border-radius: 5px 5px 0 0;
	background: url(http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/images/menubar.png) 0 0 repeat-x;
}

.sidebar-a-left #menubar,
.sidebar-b-left #menubar {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.sidebar-a-right #menubar,
.sidebar-b-right #menubar {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

/* Footer */
#footer { text-align: left; }

/* ToTop Scroller */
#totop-scroller {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 24px;
	height: 25px;
	background: url(http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/images/totop_scroller.png) 0 0 no-repeat;
	text-decoration: none;
}

#totop-scroller:hover { background-position: 0 -30px; }


/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Menus Style Sheet - Defines base styles for various menus
 * Supported: Mega Drop-Down Menu, Sidebar/Accordion Menu and Line Menu
 */


/* Menu Helpers
----------------------------------------------------------------------------------------------------*/

.menu,
.menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.menu a,
.menu span { display: block; }
.menu a { text-decoration: none; }


/* Mega Drop-Down Menu
----------------------------------------------------------------------------------------------------*/

.menu-dropdown li { position: relative; }

/* Level 1 */
.menu-dropdown,
.menu-dropdown .level1,
.menu-dropdown .level1 > span { float: left; }

.menu-dropdown a.level1 > span,
.menu-dropdown span.level1 > span {
	height: 30px;
	padding: 0 10px;
	line-height: 30px;
}

/* Drop-Down */
.menu-dropdown .dropdown {
	display: none;
	position: absolute;
	top: 30px;
 	left: 0;
	z-index: 100;
	width: 300px; /* Default */
}

.menu-dropdown li:hover .dropdown,
.menu-dropdown li.remain .dropdown { display: block; }

.menu-dropdown li:hover .dropdown.flip,
.menu-dropdown li.remain .dropdown.flip {
	left: auto;
	right: 0;
}

.menu-dropdown .dropdown-bg > div { overflow: hidden; }

.menu-dropdown .stack .column { width: 100%; }

/* Multi Columns, Default */
.menu-dropdown .columns2 { width: 600px; }
.menu-dropdown .columns3 { width: 900px; }
.menu-dropdown .columns4 { width: 1200px; }

.menu-dropdown .column { float: left; }

/* Level 2 */
.menu-dropdown a.level2 > span,
.menu-dropdown span.level2 > span {
	padding: 7px 0;
	line-height: 21px;
	overflow: hidden;
}

/* Level 3 */
.menu-dropdown ul.level3 { padding-bottom: 10px; }

.menu-dropdown li.level3 { /* Must be set in li for IE7 */
	font-size: 11px;
	line-height: 17px;
}

/* Icons */
.menu-dropdown span.icon {
	display: block;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	float: left;
}

.menu-dropdown .level1 .level1 span.icon {
	width: 30px;
	height: 30px;
	margin-left: -5px;
}
.menu-dropdown .level1 .level1 span.icon + span,
.menu-dropdown .level1 .level1 span.icon + span + span { margin-left: 25px; }

.menu-dropdown li.level2 .level2 span.icon {
	width: 35px;
	height: 35px;
	margin-top: -7px;
	margin-bottom: -7px;
}
.menu-dropdown li.level2.hassubtitle .level2 span.icon { margin-top: -4px; }

.menu-dropdown li.level2 .level2 span.icon { margin-right: 5px; }
.menu-dropdown li.level2 .level2 span.icon + span,
.menu-dropdown li.level2 .level2 span.icon + span + span { margin-left: 40px; }

/* Subtitles */
.menu-dropdown span.title { line-height: 18px; }

.menu-dropdown span.subtitle {
	margin-top: -1px;
	font-size: 9px;
	line-height: 10px;
	text-indent: 1px;
}

.menu-dropdown li.level2 .level2 span.title { line-height: 15px; }
.menu-dropdown li.level2 .level2 span.subtitle { line-height: 14px; }


/* Sidebar/Accordion Menu
----------------------------------------------------------------------------------------------------*/

/* Accordion */
.menu-sidebar li.parent span.level1 > span { cursor: pointer; }

/* Level 1 */
.menu-sidebar a.level1 > span,
.menu-sidebar span.level1 > span {
	padding: 5px 0;
	line-height: 20px;
}

/* Remove Subtitles */
.menu-sidebar span.title { display: inline; }
.menu-sidebar span.subtitle { display: none; }

/* Level 2-4 */
.menu-sidebar ul.level2 { padding-bottom: 10px; }
.menu-sidebar li.level1:last-child ul.level2 { padding-bottom: 0; }

.menu-sidebar .level2 a > span {
	font-size: 11px;
	line-height: 17px;
}

/* Icons */
.menu-sidebar span.icon {
	display: inline-block;
	height: 30px;
	width: 30px;
	margin: -5px 5px -5px 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	vertical-align: middle;
}


/* Line Menu
----------------------------------------------------------------------------------------------------*/

/* Level 1 */
.menu-line,
.menu-line li,
.menu-line li a { display: inline-block; }



/* Mega Drop-Down Menu
----------------------------------------------------------------------------------------------------*/

/* Level 1 */
.menu-dropdown a.level1,
.menu-dropdown span.level1 {
	border-right: 1px solid #d7d8d9;
	box-shadow: inset 0px 0px 0 1px #fff;
	color: #92979E;
	text-shadow: 0 1px 0 #fff;
}

.menu-dropdown a.level1 > span,
.menu-dropdown span.level1 > span { padding: 13px 15px; }

.menu-dropdown:first-child li.level1:first-child .level1 { border-top-left-radius: 4px; }

.sidebar-a-left .menu-dropdown:first-child li.level1:first-child .level1, 
.sidebar-b-left .menu-dropdown:first-child li.level1:first-child .level1 { border-top-left-radius: 0; }

/* Set Active */
.menu-dropdown a.level1.active { 
	background: #ececec;
	background: -o-linear-gradient(top, #ececec 0%, #fff 100%);
	background: -webkit-linear-gradient(top, #ececec 0%, #fff 100%);
	background: -moz-linear-gradient(top, #ececec 0%, #fff 100%);
	background: linear-gradient(to bottom, #ececec 0%, #fff 100%);
	box-shadow: none;
	color: #797e85;
}

/* Set Hover */
.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1 {
	margin-left: -1px;
	border-left: 1px solid #bfc1c2;
	border-right: 1px solid #bfc1c2;
	background: #fff;
	background: -o-linear-gradient(top, #F6F6F6 0%, #fff 90%);
	background: -moz-linear-gradient(top, #F6F6F6 0%, #fff 90%);
	background: -webkit-linear-gradient(top, #F6F6F6 0%, #fff 90%);
	background: linear-gradient(to bottom, #F6F6F6 0%, #fff 90%);
	box-shadow: inset 0 1px 8px rgba(20,20,25,0.2);
}

.menu-dropdown:first-child li.level1:first-child:hover .level1,
.menu-dropdown:first-child li.remain:first-child .level1 {
	margin-left: 0;
	border-left: none;
}

.menu-dropdown li.level1.parent:hover .level1,
.menu-dropdown li.remain.parent .level1 { box-shadow: inset 0 4px 6px -2px rgba(0,20,50, 0.26); }
.menu-dropdown li.level1.parent:hover .level1 > span,
.menu-dropdown li.remain.parent .level1 > span { height: 32px; }

.sidebar-a-left .menu-dropdown:first-child li.level1:first-child:hover .level1,
.sidebar-a-left .menu-dropdown:first-child li.remain:first-child .level1,
.sidebar-b-left .menu-dropdown:first-child li.level1:first-child:hover .level1,
.sidebar-b-left .menu-dropdown:first-child li.remain:first-child .level1 { border-top-left-radius: 0; }

/* Set OnClick */
.menu-dropdown li.level1:active .level1 { 
	background: #efefef; 
	background: -o-linear-gradient(top, #e0e1e2 0%, #fff 90%);
	background: -webkit-linear-gradient(top, #e0E1e2 0%, #fff 90%);
	background: -moz-linear-gradient(top, #e0E1e2 0%, #fff 90%);
	background: linear-gradient(to bottom, #e0E1e2 0%, #fff 90%);
}

/* Drop-Down */
.menu-dropdown .dropdown {
	top: 57px;
	left: -6px;
}

.menu-dropdown li:hover .dropdown.flip,
.menu-dropdown li.remain .dropdown.flip { right: -5px; }

.menu-dropdown .dropdown-bg > div {
	margin: 5px;
	margin-top: 0px;
	padding: 5px;
	border: 1px solid #bfc1c2;
	border: 1px solid rgba(20,20,25,0.2);
	border-top: none;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background: #fff;
	background: -o-linear-gradient(top, #fff 0%, #f0f1f1 100%);
	background: -webkit-linear-gradient(top, #fff 0%, #f0f1f1 100%);
	background: -moz-linear-gradient(top, #fff 0%, #f0f1f1 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f1f1 100%);
	box-shadow: 0 2px 5px rgba(20,20,25,0.2), 
				inset 0 0 0 1px #fff;
	background-clip: padding-box;
}

/* Level 2 */
.menu-dropdown a.level2 { color: #92979E; }
.menu-dropdown a.level2 > span,
.menu-dropdown span.level2 > span { padding: 5px 10px; }

/* Set Hover */
.menu-dropdown a.level2:hover,
.menu-dropdown a.current.level2:hover { 
	border-radius: 5px;
	color: #fff;
}

/* Set Current */
.menu-dropdown a.current.level2 { color: #797e85; }

/* Level 3 */
.menu-dropdown a.level3 {
	margin-left: 10px; 
	padding-left: 15px;
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #92979e;
}
 
/* Set Hover */
.menu-dropdown a.current.level3:hover,
.menu-dropdown a.level3:hover { background-position: 0 -30px; }

/* Set Current */
.menu-dropdown a.current.level3 { 
	background-position: 0 -60px; 
	color: #797E85;
} 


/* Sidebar/Accordion Menu
----------------------------------------------------------------------------------------------------*/

.module.mod-box .menu-sidebar {
	margin: -20px -15px;
	border-radius: 3px;
	overflow: hidden;
}

.mod-box .module-title + .menu-sidebar {
	margin-top: 0;
	padding-top: 4px;
	background: url(http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/images/module_box_dark_sidebar_header.png) 0 0 repeat-x;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

/* Link */
.menu-sidebar a,
.menu-sidebar li > span { color: #92979E; }

/* Level 1 */

.menu-sidebar li.level1 { background: url(http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/images/menu_sidebar_level1.png) 0 0 repeat-x; }
.menu-sidebar li.level1:first-child { background: none; }

.menu-sidebar li.level1 .level1 > span { padding: 7px 15px; }

/* Hover */
.menu-sidebar li.level1 .level1:hover {
	color: #fff;
	text-shadow: none;
}

/* Parent */
.menu-sidebar li.parent .level1 > span { background: url(http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/images/menu_sidebar_parent.png) 100% 0 no-repeat; }

.menu-sidebar li.parent .level1 > span:hover,
.mod-box-dark .menu-sidebar li.parent .level1 > span { background-position: 100% -60px; }

.menu-sidebar li.parent.active .level1 > span { background-position: 100% -30px; }
.menu-sidebar li.parent.active .level1 > span:hover,
.mod-box-dark .menu-sidebar li.parent.active .level1 > span { background-position: 100% -90px; }


/* Current */
.menu-sidebar li.current .level1 { 
	background: #E5E5E5;
	background: -o-linear-gradient(top, #fff 10%, #E5E5E5 100%);
	background: -webkit-linear-gradient(top, #fff 10%, #E5E5E5 100%);
	background: -moz-linear-gradient(top, #fff 10%, #E5E5E5 100%);
	background: linear-gradient(to bottom, #fff 10%, #E5E5E5 100%);
	box-shadow: 0 -1px 0 rgba(20,20,25,0.1);
	text-shadow: 0 1px 0 rgba(255,255,255,0.7);
	color: #92979E;
}

/* Level 2-4 */
.module ul.level2 { margin: 0px 25px 0px 15px; }
.menu-sidebar ul.level2 ul { padding-left: 15px; }
.menu-sidebar ul.level2 a { 
	padding-left: 15px;
	background-position: 0 0;
	background-repeat: no-repeat; 
}

.menu-dropdown li.level3 { 
	font-size: 12px;
	line-height: 18px; 
}

.menu-sidebar li.level1:last-child ul.level2 { padding-bottom: 15px; }

/* Hover */
.menu-sidebar ul.level2 a:hover { background-position: 0 -30px; }

/* current */
.menu-sidebar .level2 a.current {
	background-position: 0 -60px;
	color: #6F6F70;
}


/* Module Box Dark */
.mod-box-dark .menu-sidebar a,
.mod-box-dark .menu-sidebar li > span { color: #DCE3EA;}

.mod-box-dark .menu-sidebar .level2 a:hover { text-shadow: 0 1px 0 rgba(20,20,25,0.5); }

.mod-box-dark .menu-sidebar .level2 a.current { 
	color: #44474C; 
	text-shadow: 0 1px 0 rgba(255,255,255,0.1);
}


/* Line Menu
----------------------------------------------------------------------------------------------------*/

#footer .menu-line { margin-bottom: 15px; }

.menu-line li {
	margin-left: 12px;
	padding-left: 14px;
	background: url(http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/images/menu_line_item.png) 0 50% no-repeat;
}

.menu-line li:first-child {
	margin-left: 0;
	padding-left: 0;
	background: none;
}

.menu-line li a { text-shadow: 0 1px 0 rgba(255,255,255,0.4); }


.wrapper { max-width: 686px; }
#sidebar-a { width: 0%; }
#maininner { width: 100%; }
#menu .dropdown { width: 220px; }
@media (min-width: 768px) and (max-width: 959px) { #menu .dropdown { width: 220px; }}
#menu .columns2 { width: 440px; }
@media (min-width: 768px) and (max-width: 959px) { #menu .dropdown { width: 220px; }}
#menu .columns3 { width: 660px; }
@media (min-width: 768px) and (max-width: 959px) { #menu .dropdown { width: 220px; }}
#menu .columns4 { width: 880px; }
@media (min-width: 768px) and (max-width: 959px) { #menu .dropdown { width: 220px; }}

/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Modules Style Sheet - Defines general module defaults, headings, badges and icons
 */


/* Module Badges
----------------------------------------------------------------------------------------------------*/

.module { position: relative; }

.module .badge {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
}


/* Module Icons
----------------------------------------------------------------------------------------------------*/

.module .module-title .icon {
	display: block; 
	position: relative;
	top: -6px;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	overflow: hidden;
	float: left;
}


/* Module Defaults
----------------------------------------------------------------------------------------------------*/

.deepest > *:first-child { margin-top: 0; }
.deepest > *:last-child { margin-bottom: 0; }


/* Module Headings
----------------------------------------------------------------------------------------------------*/

.module .module-title { margin: 0 0 15px 0; }

/* Subtitles */
.module .module-title span.title { display: block; }

.module .module-title span.subtitle {
	display: block;
	margin-top: 2px;
	line-height: 14px;
	font-size: 12px;
	text-indent: 1px;
}



/* Module Badges
----------------------------------------------------------------------------------------------------*/

.module .badge {
	top: 18px;
	right: 15px;
	width: 40px;
	height: 22px;
	background: url(http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/images/module_badges.png) 0 0px no-repeat;
}
 
.module .badge-hot { background-position: 0 0px; }
.module .badge-top { background-position: 0 -30px; }
.module .badge-free { background-position: 0 -60px; }
.module .badge-new { background-position: 0 -90px; }


/* Module Icons
----------------------------------------------------------------------------------------------------*/

.module .module-title .icon { background: url(http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/images/module_icons.png) 0 0 no-repeat; }


.sidebar .mod-plain .module-title .icon,
.sidebar .mod-line .module-title .icon,
.mod-box-dark .module-title .icon { background-image: url(http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/images/module_icons_dark.png); }


.module .module-title .icon-download { background-position: 0 0; }
.module .module-title .icon-twitter { background-position: 0 -30px; }
.module .module-title .icon-mail { background-position: 0 -60px; }
.module .module-title .icon-bubble { background-position: 0 -90px; }
.module .module-title .icon-login { background-position: 0 -120px; }
.module .module-title .icon-cart { background-position: 0 -150px; }
.module .module-title .icon-plus { background-position: 0 -180px; }
.module .module-title .icon-arrow { background-position: 0 -210px; }
.module .module-title .icon-box { background-position: 0 -240px; }
.module .module-title .icon-rss { background-position: 0 -270px; }


/* Module Type: Box
----------------------------------------------------------------------------------------------------*/

.mod-box {
	padding: 20px 15px;
	border: 1px solid #D9D9D9;
	border: 1px solid rgba(20,20,25,0.15);
	border-radius: 4px;
	background: #FDFDFD;
	background-clip: padding-box;
}

.sidebar .mod-box {
	border: none;
	box-shadow: 0 1px 3px rgba(20,20,25,0.5);
}


/* Gradient */
.mod-box-gradient {
	background: #f0f1f1;
	background: -o-linear-gradient(top, #fff 0%, #f0f1f1 100%);
	background: -webkit-linear-gradient(top, #fff 0%, #f0f1f1 100%);
	background: -moz-linear-gradient(top, #fff 0%, #f0f1f1 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f1f1 100%); 
	box-shadow: inset 0 0 0 1px #fff;
	background-clip: padding-box;
}

/* Dark */
.mod-box-dark {
	border: 1px solid #55595E;
	border: 1px solid rgba(20,20,25,0.3);
	border-bottom: 1px solid rgba(20,20,25,0.45);
	background: #676C72;
	background: -o-linear-gradient(top, #70747A 0%, #666B71 100%);
	background: -webkit-linear-gradient(top, #70747A 0%, #666B71 100%);
	background: -moz-linear-gradient(top, #70747A 0%, #666B71 100%);
	background: linear-gradient(to bottom, #70747A 0%, #666B71 100%);
	box-shadow: none;
	color: #dce3ea;
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}

.sidebar .mod-box-dark {
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1),
				inset 0 1px 0 rgba(255,255,255,0.2),
				0 1px 3px rgba(20,20,25,0.5);
}

.mod-box-dark a:hover { 
	color: #44484D;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}	

.mod-box-dark em,
.mod-box-dark code {
	color: #44474C;
	text-shadow: none;
}

.mod-box-dark em.box { 
	border: 1px solid #44474C;
	background: #61656B;
	color: #c3cbd6;
}

/* Color */
.mod-box-color {
	box-shadow: none;
	color: #fff;
	text-shadow: 0 1px 0 rgba(20,20,25,0.5);
}

.sidebar .mod-box-color {
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2),
				inset 0 1px 0 rgba(255,255,255,0.4),
				0 1px 3px rgba(20,20,25,0.5);
}

.mod-box-color a { text-shadow: 0 1px 0 rgba(255,255,255,0.4); } 


/* Module Type: Line
----------------------------------------------------------------------------------------------------*/

.mod-line { 
	padding: 15px 0;
	text-shadow: 0 1px 0 rgba(255,255,255,0.4);
}

.mod-line .badge {
	top: 13px;
	right: 0;
}

.mod-line .module-title { 
	padding-bottom: 20px; 
	background: url(http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/images/module_line.png) 0 100% repeat-x; 
}

/* In Sidebar */
.sidebar .mod-line {
	padding-left: 10px;
	padding-right: 10px;
	color: #DCE3EA;
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}

.sidebar .mod-line .module-title { background-image: url(http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/images/module_line_dark.png) }

.sidebar .mod-line em.box { 
	border: 1px solid #44474C; 
	color: #92979E;
}

.outer ul.line > li { 
	border-top: 1px solid rgba(20,20,25,0.1);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
}

.outer .mod-line ul.line > li:first-child { 
	border: none;
	box-shadow: none;
}


/* Module Type: Inset
----------------------------------------------------------------------------------------------------*/

.mod-inset {
	padding: 20px 15px;
	border: 1px solid #B9BABB;
	border: 1px solid rgba(255,255,255,0.25);
	border-bottom: 1px solid rgba(255,255,255,0.4);
	border-radius: 4px;
	background: #ECEDED;
	background: rgba(20,20,25,0.03);
	background: -o-linear-gradient(top, rgba(20,20,25,0.02) 0%, rgba(20,20,25,0.04) 100%);
	background: -webkit-linear-gradient(top, rgba(20,20,25,0.02) 0%, rgba(20,20,25,0.04) 100%);
	background: -moz-linear-gradient(top, rgba(20,20,25,0.02) 0%, rgba(20,20,25,0.04) 100%);
	background: linear-gradient(to bottom, rgba(20,20,25,0.02) 0%, rgba(20,20,25,0.04) 100%);
	box-shadow: inset 0 2px 3px rgba(20,20,25,0.25),
				inset 0 -1px 2px rgba(20,20,25,0.1);
	text-shadow: 0 1px 0 rgba(255,255,255,0.3);
}

.sidebar .mod-inset {
	border: 1px solid #373A40;
	border: 1px solid rgba(255,255,255,0.06);
	border-bottom: 1px solid rgba(255,255,255,0.2);
	background: #454A50;
	background: rgba(20,20,25,0.1);
	box-shadow: inset 0 2px 3px rgba(20,20,25,0.3),
				inset 0 -1px 2px rgba(20,20,25,0.1);
				color: #DCE3EA;
	text-shadow: 0 1px 0 rgba(0,0,0,0.6);
}

.sidebar .mod-inset em.box { 
	border: 1px solid #44474C;
	background: #61656B;
	background: rgba(20,20,20,0.1); 
	color: #92979E;
}


/* Module Type: Corner
----------------------------------------------------------------------------------------------------*/

/* Corner */
.mod-corner {
	padding: 20px 15px;
	background: url(http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/images/module_corner.png) 0 0 no-repeat;
	text-shadow: 0 1px 0 rgba(255,255,255,0.3);
}

.sidebar .mod-corner { 
	color: #DCE3EA; 
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}

.sidebar .mod-corner em.box {
	border: 1px solid #44474C; 
	color: #92979E;
}


/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Tools Style Sheet - Provides a useful set of CSS classes to style your content
 * Some classes are used in the Joomla and WordPress system markup
 */


/* Useful Classes for Content Creation
----------------------------------------------------------------------------------------------------*/

.display-block { display: block; }
.remove-margin { margin: 0; }
.remove-margin-t { margin-top: 0; }
.remove-margin-b { margin-bottom: 0; }

.hidden {
	display: none;
	visibility: hidden;
}

/* Fluid images and objects */
.size-auto {
	max-width: 100%;
	height: auto;
}

/* Block Alignment (Needed for System Markup, without hyphen needed for WP) */
.align-left,
.alignleft {
	display: block;
	margin-right: 15px;
	float: left;
}

.align-right,
.alignright {
	display: block;
	margin-left: 15px;
	float: right;
}

.align-center,
.aligncenter {
	display: block;
	margin: auto;
	margin-bottom: 10px;
}

/* Text Alignment */
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }


/* Buttons (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

/* Note: .button-more is deprecated since Warp 6.2 */
.button-more,
.button-default,
.button-primary { display: inline-block; }

.button-more + [class*=button-],
.button-default + [class*=button-],
.button-primary + [class*=button-] { margin-left: 10px; }


/* Lists (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

ul.blank,
ul.space,
ul.line,
ul.check,
ul.zebra {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Space */
ul.space li { margin-top: 15px; }
ul.space li:first-child { margin-top: 0; }

/* Line */
ul.line > li {
	margin-top: 5px;
	padding-top: 5px;
}

ul.line > li:first-child {
	margin-top: 0;
	padding-top: 0;
}

/* Check */
ul.check > li { margin-top: 5px; }
ul.check > li:first-child { margin-top: 0; }

/* Zebra */
ul.zebra > li { padding: 5px; }

ul.line > li > a:first-child,
ul.check > li > a:first-child { display: block; }


/* Tables (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

table.zebra { width: 100%; }

table.zebra th {
	font-size: 16px;
	font-weight: normal;
	text-align: left;
}

table.zebra th,
table.zebra td { padding: 5px; }

table.zebra tbody,
table.zebra tfoot { font-size: 12px; }

table.zebra .bold { font-weight: bold; }
table.zebra .center { text-align: center; }

table.zebra td * { vertical-align: middle; }

table.zebra tfoot { font-style: italic; }

table.zebra caption {
	font-size: 11px;
	text-align: left;
	font-style: italic;
}


/* Definition Lists
----------------------------------------------------------------------------------------------------*/

dl.separator {
	padding: 0;
	overflow: hidden;
}

dl.separator dt {	
	width: 160px;
	padding-right: 10px;
	float: left;
	clear: both;
}

dl.separator dd {
	margin-left: 170px;
	padding-left: 20px;
}


/* Text
----------------------------------------------------------------------------------------------------*/

/* Inline Text Box */
em.box { 
	padding: 0 3px;
	white-space: nowrap;
}

/* Dotted Horizontal Rule */
hr.dotted { border: none; }

/* Drop Caps */
p.dropcap:first-letter {
	display: block;
	margin: 7px 4px 0px 0px;
	float: left;
	font-size: 280%;
	font-family: Georgia, "Times New Roman", Times, serif;
}


/* Boxes
----------------------------------------------------------------------------------------------------*/

.box-content,
.box-note,
.box-info,
.box-warning,
.box-hint,
.box-download {
	margin: 15px 0;
	padding: 10px;
}

.box-content { padding: 20px; }

.box-info,
.box-warning,
.box-hint,
.box-download { padding-left: 40px; }


/* Forms (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

/* Box */
form.box fieldset {
	margin-bottom: 30px;
	padding: 0 10px 10px 10px;
}
form.box legend { padding: 0 10px; }
form.box fieldset > div { margin: 15px 0; }

form.box button,
form.box input[type='button'],
form.box input[type='reset'] { vertical-align: middle; }

/* Short */
form.short > div { margin: 10px 0; }

form.short input { color: #333; }
form.short input:-moz-placeholder { color: #999; }
form.short input::-webkit-input-placeholder { color: #999; }
form.short input.placeholder { color: #999; }


/* Mobile Switcher (Needed for Mobile)
----------------------------------------------------------------------------------------------------*/

/* Note: .mobile-switcher is deprecated since Warp 6.2 */
.mobile-switcher {
	display: block;
	width: 80%;
	margin: 20px auto 40px auto;
	padding: 40px 0;
	font-size: 50px;
	text-align: center;
}


/* Buttons (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

.button-default,
.button-primary,
form.style button,
form.style input[type="button"],
form.style input.button,
form.style #submit {
	padding: 7px 10px;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3),
				0 4px 3px -3px rgba(20,20,25,0.2);
	text-shadow: 0 1px 1px rgba(20,20,25,0.5);
	overflow: hidden;
}

/* Button Default */
#page .button-default {
	border: 1px solid #3f4144;
	background: #575c62;
	background: -o-linear-gradient(top, #666b71 0%, #4c5157 100%);
	background: -webkit-linear-gradient(top, #666b71 0%, #4c5157 100%);
	background: -moz-linear-gradient(top, #666b71 0%, #4c5157 100%);
	background: linear-gradient(to bottom, #666b71 0%, #4c5157 100%);
	color: #dce3ea;
	text-shadow: 0 1px 1px rgba(20,20,25,0.5);
}

#page .button-default:hover {
	background: #5b5f64;
	background: -o-linear-gradient(top, #4c5157 0%, #666b71 100%);
	background: -webkit-linear-gradient(top, #4c5157 0%, #666b71 100%);
	background: -moz-linear-gradient(top, #4c5157 0%, #666b71 100%);
	background: linear-gradient(to bottom, #4c5157 0%, #666b71 100%);
	color: #2b2d30;
	box-shadow: none;
	text-shadow: 0 1px 0 rgba(255,255,255,0.15);
}

#page .button-default:active {
	background: #484d52;
	background: -o-linear-gradient(top, #484d52 0%, #5e6369 100%);
	background: -webkit-linear-gradient(top, #484d52 0%, #5e6369 100%);
	background: -moz-linear-gradient(top, #484d52 0%, #5e6369 100%);
	background: linear-gradient(to bottom, #484d52 0%, #5e6369 100%);
	color: #2b2d30;
	box-shadow: none;
	text-shadow: 0 1px 0 rgba(255,255,255,0.15);
}

/* Button Primary */
.button-primary:hover,
.button-primary:active,
form.style button:hover,
form.style button:active,
form.style input[type="button"]:hover,
form.style input[type="button"]:active,
form.style input.button:hover,
form.style input.button:active,
form.style #submit:hover,
form.style #submit:active { box-shadow: none; }


.mod-box-dark .button-primary,
.mod-box-dark form.style button,
.mod-box-dark form.style input[type="button"],
.mod-box-dark form.style input.button,
.mod-box-dark form.style #submit,
.sidebar .mod-transparent .button-primary,
.sidebar .mod-transparent form.style button,
.sidebar .mod-transparent form.style input[type="button"],
.sidebar .mod-transparent form.style input.button,
.sidebar .mod-transparent form.style #submit { 
	border: 1px solid #585860;
	background: #fff;
	background: -o-linear-gradient(top, #f2f2f2 0%, #dedede 100%);
	background: -webkit-linear-gradient(top, #f2f2f2 0%, #dedede 100%);
	background: -moz-linear-gradient(top, #f2f2f2 0%, #dedede 100%);
	background: linear-gradient(to bottom, #f2f2f2 0%, #dedede 100%);
	background-clip: padding-box;
	box-shadow: inset 0 1px 0 #fff,
				0 4px 2px -3px rgba(20,20,25,0.1);
	color: #75797f;
	text-shadow: 0 1px 0 #fff;
}

.mod-box-dark .button-primary:hover,
.mod-box-dark form.style button:hover,
.mod-box-dark form.style input[type="button"]:hover,
.mod-box-dark form.style input.button:hover,
.mod-box-dark form.style #submit:hover,
.sidebar .mod-transparent .button-primary:hover,
.sidebar .mod-transparent form.style button:hover,
.sidebar .mod-transparent form.style input[type="button"]:hover,
.sidebar .mod-transparent form.style input.button:hover,
.sidebar .mod-transparent form.style #submit:hover {
	background: #dedede;
	background: -o-linear-gradient(top, #dedede 0%, #f2f2f2 100%);
	background: -webkit-linear-gradient(top, #dedede 0%, #f2f2f2 100%);
	background: -moz-linear-gradient(top, #dedede 0%, #f2f2f2 100%);
	background: linear-gradient(to bottom, #dedede 0%, #f2f2f2 100%);
	background-clip: padding-box;
	box-shadow: inset 0 1px 0 #fff;
	color: #666b71;
	text-shadow: inset 0 0 1px #fff;
}

.mod-box-dark .button-primary:active,
.mod-box-dark form.style button:active,
.mod-box-dark form.style input[type="button"]:active,
.mod-box-dark form.style input.button:active,
.mod-box-dark form.style #submit:active,
.sidebar .mod-transparent .button-primary:active,
.sidebar .mod-transparent form.style button:active,
.sidebar .mod-transparent form.style input[type="button"]:active,
.sidebar .mod-transparent form.style input.button:active,
.sidebar .mod-transparent form.style #submit:active {
	background: #cacaca;
	background: -o-linear-gradient(top, #d2d2d2 0%, #c2c2c2 100%);
	background: -webkit-linear-gradient(top, #d2d2d2 0%, #c2c2c2 100%);
	background: -moz-linear-gradient(top, #d2d2d2 0%, #c2c2c2 100%);
	background: linear-gradient(to bottom, #d2d2d2 0%, #c2c2c2 100%);
	background-clip: padding-box;
	color: #666b71;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

/* Icons */
.button-default.icon-buy,
.button-default.icon-download,
.button-primary.icon-buy,
.button-primary.icon-download { 
	padding: 0 10px;
	line-height: 50px;
}

.button-default.icon-buy > span,
.button-default.icon-download > span,
.button-primary.icon-buy > span,
.button-primary.icon-download > span {
	display: block;
	position: relative;
	height: 50px;
	width: 40px;
	float: left;
	background: url(http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/images/tools/button_primary_icons.png) 0 -50px no-repeat;
 	-moz-transition: background-position 200ms ease-in-out 0s;
 	-webkit-transition: background-position 200ms ease-in-out 0s;
	transition: background-position 200ms ease-in-out 0s;
}

.button-default.icon-buy > span:before,
.button-default.icon-download > span:before,
.button-primary.icon-buy > span:before,
.button-primary.icon-download > span:before {
	display: block;
	content: "";
	position: absolute;
	right: 5px;
	height: 50px;
	width: 5px;
	background: url(http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/images/tools/button_primary_separator.png) 0 0 no-repeat;
}

.button-default.icon-buy > span,
.button-primary.icon-buy > span { background-position: 0 -150px; }

.button-default:hover,
.button-primary:hover > span { background-position: 0 0; }

.button-default.icon-buy:hover > span,
.button-primary.icon-buy:hover > span { background-position: 0 -100px; }


/* Images and Objects (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

img.border-box { border: 1px solid #dcdcdc; }


/* Lists and Tables (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

/* Line */
ul.line > li,
ul.zoo-list > li,
.zoo-comments-list > article { 
	border-top: 1px solid #D9D9D9;
	border-top: 1px solid rgba(20,20,25,0.15);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}

ul.zoo-list > li:first-child,
#page ul.line > li:first-child,
.zoo-comments-list > article:first-child { 
	border: none;
	box-shadow: none;
}

/* Line-Icon */
.module ul.line-icon > li {
	padding-left: 20px;
	background: url(http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/images/tools/list_icon.png) 0 0 no-repeat;
}

.mod-box-dark ul.line-icon > li,
.mod-box-color ul.line-icon > li,
.sidebar .mod-transparent { background-position: 0 -500px; }

/* Check */
ul.check > li {
	padding: 4px 0 4px 20px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.mod-box-dark ul.check > li,
.mod-box-color ul.check > li,
.sidebar .mod-transparent ul.check > li { background-position: 0 -500px; }

/* Zebra List and Table */
ul.zebra > li,
table.zebra tbody td { 
	border-bottom: 1px solid #dcdcdc;
	border-bottom: 1px solid rgba(20,20,25,0.1);
}

ul.zebra > li:first-child,
table.zebra tbody tr:first-child td { 
	border-top: 1px solid #dcdcdc; 
	border-top: 1px solid rgba(20,20,25,0.1);
}

ul.zebra > li.odd,
table.zebra tbody tr.odd { background: url(http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/images/tools/zebra_list.png) 0 0 repeat; }

ul.zebra > li:nth-of-type(odd),
table.zebra tbody tr:nth-of-type(odd) { background: url(http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/images/tools/zebra_list.png) 0 0 repeat; }

table.zebra caption { color: #92979e; }

table.zebra .bold {
font-weight:bold;
text-align:left;
}

/* Definition Lists
----------------------------------------------------------------------------------------------------*/

dl.separator dt {	
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;
}

/* border code because of RTL */
dl.separator dd {
	padding-top: 5px;
	padding-bottom: 5px;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #DCDCDC;
}

dl.separator dt:before {
	content: "";
	position: absolute;
	top: 0;
	right: -15px;
	width: 30px;
	border-top: 1px solid #DCDCDC;
}

dl.separator dt:after {
	content: "";
	position:absolute;
	top: -2px;
	right: -3px;
	width: 5px;
	height: 5px;
	background: #92979e;
	border-radius:6px;
}

dl.separator dt:first-child:before,
dl.separator dt:first-child:after { display: none; }


/* Text
----------------------------------------------------------------------------------------------------*/

/* Inline Text Box */
em.box { 
	border: 1px solid #bbb;
	border-radius: 4px;
	background: url(http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/images/tools/em_box.png) repeat;
	color: #666b71;
}

/* Dotted Horizontal Rule */
hr.dotted { background: url(http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/images/tools/line_dotted.png) 0 0 repeat-x; }


/* Boxes
----------------------------------------------------------------------------------------------------*/

.box-content {
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 4px;
}

.box-note,
.box-info,
.box-warning,
.box-hint,
.box-download {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.box-info {
	background: #ebf5fa url(http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/images/tools/box_info.png) 0 0 no-repeat;
	border-color: #d2dce1;
	color: #94afbd;
}

.box-warning {
	background: #fff0eb url(http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/images/tools/box_warning.png) 0 0 no-repeat;
	border-color: #ffd7cd;
	color: #c88877;
}

.box-hint {
	background: #fffae6 url(http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/images/tools/box_hint.png) 0 0 no-repeat;
	border-color: #fae6be;
	color: #d0a35f;
}

.box-download {
	background: #faffe6 url(http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/images/tools/box_download.png) 0 0 no-repeat;
	border-color: #dce6be;
	color: #afbf7d;
}


/* Forms (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

form.box fieldset { border: 1px solid #dcdcdc; }
form.box legend { background: #f6f6f6; }

form.style input, 
form.style textarea, 
form.style select { 
	padding: 8px;
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	background: #fff;
	color: #92979E;
}

.outer .mod-transparent form.style input {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid rgba(255,255,255,0.3);
	background: rgba(20,20,25,0.03);
	color: #7e848c;
	box-shadow: inset 0 0 0 1px rgba(20,20,25,0.08);
 }

.outer .mod-transparent form.style input:-moz-placeholder { color: #7e848c; }
.outer .mod-transparent form.style input::-webkit-input-placeholder { color: #7e848c; }


/* Social Icons Special
----------------------------------------------------------------------------------------------------*/

ul.social-icons {
	list-style: none;
	padding: 0;
	overflow: hidden;
}

.social-icons li { 
	float: left;
	margin-left: 5px; 
}

.social-icons li:first-child { margin-left: 0; }

.social-icons li a {
	display: block;
	width: 45px;
	height: 47px;
	background: url(http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/images/tools/icons_social.png) 0 0 no-repeat;
}

.social-icons .twitter a:hover { background-position: 0 -60px; }

.social-icons .rss a { background-position: 0 -120px; }
.social-icons .rss a:hover { background-position: 0 -180px; }

.social-icons .facebook a { background-position: 0 -240px; }
.social-icons .facebook a:hover { background-position: 0 -300px; }

.social-icons .linkedin a { background-position: 0 -360px; }
.social-icons .linkedin a:hover { background-position: 0 -420px; }

.social-icons .flickr a { background-position: 0 -480px; }
.social-icons .flickr a:hover { background-position: 0 -540px; }

.social-icons .xing a { background-position: 0 -600px; }
.social-icons .xing a:hover { background-position: 0 -660px; }

.social-icons .google-plus a { background-position: 0 -720px; }
.social-icons .google-plus a:hover { background-position: 0 -780px; }

.social-icons .youtube a { background-position: 0 -840px; }
.social-icons .youtube a:hover { background-position: 0 -900px; }

.social-icons .vimeo a { background-position: 0 -960px; }
.social-icons .vimeo a:hover { background-position: 0 -1020px; }

.social-icons .github a { background-position: 0 -1080px; }
.social-icons .github a:hover { background-position: 0 -1140px; }


/* Tagcloud
---------------------------------------------------------------------------------------------------*/

#page .tagcloud a { 
	display: inline-block;
	margin: 2px 0;
	padding: 3px 5px;
	border: 1px solid #585860;
	border-radius: 4px;
	background: #676C72;
	background: -o-linear-gradient(top, #70747A 0%, #666B71 100%);
	background: -webkit-linear-gradient(top, #70747A 0%, #666B71 100%);
	background: -moz-linear-gradient(top, #70747A 0%, #666B71 100%);
	background: linear-gradient(to bottom, #70747A 0%, #666B71 100%);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1),
				inset 0 1px 0 rgba(255,255,255,0.2);
	color: #DCE3EA;
	text-shadow: 0 1px 0px rgba(20, 20, 25, 0.4);
}

#page .tagcloud a:hover {
	background: #565c61;
	background: -o-linear-gradient(top, #666B71 0%, #565c61 100%);
	background: -webkit-linear-gradient(top, #666B71 0%, #565c61 100%);
	background: -moz-linear-gradient(top, #666B71 0%, #565c61 100%);
	background: linear-gradient(to bottom, #666B71 0%, #565c61 100%);
	box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.08);
	color: #3c4044;
	text-shadow: 0 1px 0 rgba(255,255,255,0.2);
}

/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * System Style Sheet - Defines a base style for the Joomla and WordPress core HTML markup
 */


/* General
----------------------------------------------------------------------------------------------------*/

#system .page-title {
	margin-top: 0;
	font-size: 18px;
	line-height: 18px;
}

#system .title { margin-top: 0; }
#system .title a { text-decoration: none; }

#system .title + .title { margin-top: 20px; }

#system > .description {
	margin-bottom: 30px;
	overflow: hidden;
}

#system small { font-style: italic; }


/* Item
----------------------------------------------------------------------------------------------------*/

#system .item > header { margin-bottom: 15px; }
#system .item > header .title { margin-bottom: 0; }

#system .item > header .meta {
	margin: 10px 0 0 0;
	font-size: 11px;
	line-height: 13px;
}

#system .item > header .subtitle{
	margin: 0 0 8px 0;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	text-transform: uppercase;
}

#system .item > .content > *:first-child:not(.grid-gutter),
#system .item > .content > *[class*="align"]:first-child + * { margin-top: 0; }
#system .item > .content > *:last-child:not(.grid-gutter) { margin-bottom: 0; }

#system .item > .links { margin: 22px 0 0 0; }
#system .item > .links a { margin-right: 15px; }

#system .item > .taxonomy {}
#system .item > .trackback {}
#system .item > .edit {}

#system .item > *:last-child { margin-bottom: 0; }

#system .item .socialbuttons { margin-top: 15px; }
#system .item .socialbuttons > div {
	margin-right: 10px;
	float: left;
}


/* Items
----------------------------------------------------------------------------------------------------*/

#system .items { margin: 0 -10px 0 -10px; }
#system .items .item { margin: 0 10px 0 10px; }

#system .items > .width50 .title { font-size: 22px; line-height: 22px; }
#system .items > .width33 .title { font-size: 20px; line-height: 20px; }
#system .items > .width25 .title { font-size: 18px; line-height: 18px; }


/* Pagination
----------------------------------------------------------------------------------------------------*/

#system .pagination {
	margin-top: 10px;
	text-align: center;
}

#system .pagination a { text-decoration: none; }
#system .pagination strong { font-weight: normal; }

#system .pagination a,
#system .pagination strong {
	display: inline-block;
	min-width: 15px;
	height: 25px;
	margin-left: 5px;
	padding: 0 5px;
	line-height: 25px;
}
#system .pagination > *:first-child { margin-left: 0; }

#system .pagination a.previous,
#system .pagination a.next {
	font-size: 16px;
	line-height: 23px;
}


/* Search Box
----------------------------------------------------------------------------------------------------*/

.searchbox { position: relative; }

.searchbox input {
	width: 100%;
	padding: 0;
	border: none;
	outline: none;
	background: none;
	float: left;
}

.searchbox button { display: none; }
.searchbox.filled button {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	padding: 0;
	border: none;
	line-height: 0;
	cursor: pointer;
}
.searchbox.loading button {}

/* Drop-Down Results */
.searchbox .results {
	position: absolute;
	top: 30px;
	right: 0;
	z-index: 110;
	width: 300px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.searchbox .results li.results-header,
.searchbox .results li.more-results {
	height: 35px;
	line-height: 35px;
	text-indent: 15px;
	text-transform: uppercase;
}

.searchbox .results li.more-results { cursor: pointer; }

.searchbox .results li.result {
	padding: 10px 15px;
	cursor: pointer;
}

.searchbox .results li.result h3 {
	margin: 0 0 5px 0;
	font-size: 16px;
}

.searchbox .results li.result div { font-size: 11px; }


/* Breadcrumbs
----------------------------------------------------------------------------------------------------*/

.breadcrumbs { overflow: hidden; }

.breadcrumbs a,
.breadcrumbs span,
.breadcrumbs strong {
	display: inline-block;
	text-decoration: none;
}

.breadcrumbs a,
.breadcrumbs > span { margin-right: 10px; }


/* Author Box
----------------------------------------------------------------------------------------------------*/

#system .author-box { margin: 20px 0; }
#system .title + .author-box { margin-top: 0; }

#system .author-box .avatar {
	margin-right: 15px;
	float: left;
}

#system .author-box .name {
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: normal;
	line-height: 22px;
}

#system .author-box .description {}


/* Comments
----------------------------------------------------------------------------------------------------*/

#system #comments { margin-top: 20px; }

#system #comments h3.comments-meta { margin: 0 0 10px 0; }

#system #comments ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Head */
#system #comments .comment-head {
	margin-bottom: 10px;
	overflow: hidden;
}

#system #comments .comment-head .avatar {
	margin-right: 10px;
	float: left;
}

#system #comments .comment-head .author {
	margin: 8px 0 0 0;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
}

#system #comments .comment-head .meta {
	margin: 3px 0 0 0;
	font-size: 11px;
}

/* Body */
#system #comments .comment-body {
	margin-bottom: 20px;
	padding: 0 10px;
}

#system #comments .comment-body .content { text-align: justify; }

#system #comments .comment-body .reply { margin: 10px 0 0 0; }

#system #comments .no-response .comment-body .reply { display: none; }

#system #comments .comment-body .moderation {
	margin: 10px 0 0 0;
	font-size: 14px;
	font-style: italic;
}

#system #comments ul.level1 ul { padding-left: 55px; }

/* Respond */
#system #respond h3 {
	margin: 0 0 10px 0;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
}

#system #respond p.user { margin: 0; }

#system #respond input[type='text'] {
	width: 200px;
	height: 25px;
	padding-left: 5px;
	line-height: 25px;
}

#system #respond textarea {
	width: 100%;
	max-width: 400px;
	height: 100px;
}

/* Moved Respond */
#system ul #respond {
	margin: 0 0 30px 0;
	padding-left: 10px;
}


/* Latest Comments
----------------------------------------------------------------------------------------------------*/

.comments-list > article {
	margin-top: 10px;
	padding-top: 10px;
	overflow: hidden;
}

.comments-list > article:first-child {
	margin: 0;
	padding: 0;
}

.comments-list .avatar {
	margin-right: 10px;
	float: left;
}

.comments-list .author {
	margin: 2px 0 0 0;
	font-size: 12px;
	line-height: 18px;
}

.comments-list .meta {
	margin: 0;
	font-size: 11px;
	line-height: 13px;
	font-style: italic;
}

.comments-list .content p { margin: 5px 0 0 0; }


/* Tag Cloud
----------------------------------------------------------------------------------------------------*/

.tagcloud {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.tagcloud li {
	display: inline-block;
	line-height: 20px;
	vertical-align: middle;
}

.tagcloud a { white-space: nowrap; }

.tagcloud .weight1 a { font-size: 11px; }
.tagcloud .weight2 a { font-size: 12px; }
.tagcloud .weight3 a { font-size: 13px; }
.tagcloud .weight4 a { font-size: 14px; }
.tagcloud .weight5 a { font-size: 15px; }
.tagcloud .weight6 a { font-size: 16px; }
.tagcloud .weight7 a { font-size: 18px; }
.tagcloud .weight8 a { font-size: 20px; }
.tagcloud .weight9 a { font-size: 23px; letter-spacing: -1px; }
.tagcloud .weight10 a { font-size: 26px; letter-spacing: -1px; }


/* Page Navigation
----------------------------------------------------------------------------------------------------*/

.page-nav { margin-top: 15px; }
.page-nav .prev { float: left; }
.page-nav .next { float: right; }

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Additional System Stylesheet for WordPress 3.x
 */


/* Calendar
----------------------------------------------------------------------------------------------------*/

table.calendar {
	width: 100%;
	margin: auto;
	border-spacing: 2px;
}

table.calendar caption {
	margin-bottom: 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

table.calendar th { width: 14%; }

table.calendar th,
table.calendar td {
	padding: 0;
	text-align: center;
	line-height: 25px;
}

table.calendar td a {
	display: block;
	line-height: 25px;
}

table.calendar tfoot td {
	padding: 0 5px; 
	text-align: right;
}
table.calendar tfoot td:first-child { text-align: left; }

/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* General
----------------------------------------------------------------------------------------------------*/

#system .title a { color: #444; }

#system small { color: #999; }


/* Item
----------------------------------------------------------------------------------------------------*/

#system .item > header .meta,
#system .item > header .subtitle{ color: #92979e; }

#system .item > .links a {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #5c819e;
	border-radius: 4px;
	background: #4c99d2;
	background: -o-linear-gradient(top, #60afee 0%, #579ed8 100%);
	background: -webkit-linear-gradient(top, #60afee 0%, #579ed8 100%);
	background: -moz-linear-gradient(top, #60afee 0%, #579ed8 100%);
	background: linear-gradient(to bottom, #60afee 0%, #579ed8 100%);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3),
				0 4px 3px -3px rgba(20,20,25,0.2);
	color: #dce3ea;
	text-shadow: 0 1px 1px rgba(20,20,25,0.5);
	background-clip: padding-box;
}

#system .item > .links a:hover { 
	background: -o-linear-gradient(top, #579ed8 0%, #60afee 100%);
	background: -webkit-linear-gradient(top, #579ed8 0%, #60afee 100%);
	background: -moz-linear-gradient(top, #579ed8 0%, #60afee 100%);
	background: linear-gradient(to bottom, #579ed8 0%, #60afee 100%);
	box-shadow: inset 0 0 2px rgba(20,20,25,0.2);
	color: #346993; 
	text-shadow: 0 1px 0 rgba(255,255,255,0.3);
}

#system .item > .links a:active {
	background: -o-linear-gradient(top, #5093ca 0%, #59a2dc 100%);
	background: -webkit-linear-gradient(top, #5093ca 0%, #59a2dc 100%);
	background: -moz-linear-gradient(top, #5093ca 0%, #59a2dc 100%);
	background: linear-gradient(to bottom, #5093ca 0%, #59a2dc 100%);
}

/* Items
----------------------------------------------------------------------------------------------------*/

#system .items .item {
	margin: 20px -10px 0 -10px ;
	padding: 20px 20px 0 20px;
	border-top: 1px solid #ddd;
	background: -o-linear-gradient(top,  #f0f0f0 0%, #f6f6f6 40px);
	background: -webkit-linear-gradient(top,  #f0f0f0 0%, #f6f6f6 40px);
	background: -moz-linear-gradient(top,  #f0f0f0 0%, #f6f6f6 40px);
	background: linear-gradient(to bottom,  #f0f0f0 0%, #f6f6f6 40px);
	box-shadow: inset 0 1px 0 #fff;
}

#system .items .item:first-child { 
	margin-top: 0; 
	padding-top: 0;
	border-top: none;
	box-shadow: none;
	background: none;
}

#system .items .width50 .item,
#system .items .width33 .item {
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 0px;
	padding-right: 0px;
	background: none;
}


/* Pagination
----------------------------------------------------------------------------------------------------*/

#system .pagination a,
#system .pagination strong {
	overflow: hidden;
	border: 1px solid #dcdcdc;  
	border-radius: 4px;
	font-size: 11px;
	color: #92979E;
	text-shadow: 0 1px 0 rgba(255,255,255,0.7);
}

#system .pagination a {
	background: #fff;
	background: -o-linear-gradient(top, #fefefe 0%, #f0f1f1 100%);
	background: -webkit-linear-gradient(top, #fefefe 0%, #f0f1f1 100%);
	background: -moz-linear-gradient(top, #fefefe 0%, #f0f1f1 100%);
	background: linear-gradient(to bottom, #fefefe 0%, #f0f1f1 100%);
	box-shadow: inset 0 0 0 1px #fff,
				0 0 0 -1px #dcdcdc;
}

#system .pagination a:hover {
	border: 1px solid #c1c1c1;
	background: #e1e1e1;
	background: rgba(20,20,25,0.04);
	box-shadow: inset 0 0 3px rgba(20,20,25,0.15),
				0 1px 0 #fff;
}

#system .pagination a:active,
#system .pagination strong {
	border: 1px solid #c1c1c1;
	background: #e1e1e1;
	background: rgba(20,20,25,0.1);
	box-shadow: inset 0 0 3px rgba(20,20,25,0.15),
				0 1px 0 #fff;
}

#system .pagination a.previous,
#system .pagination a.next {
	width: 14px;
	line-height: 25px;
	font-size: 11px;
	background-image: url(../images/pagination.png);
	background-position: 50% 0;
	background-repeat: no-repeat;
	text-indent: 50px;
	overflow: hidden;
}

#system .pagination a.previous { background-position: 50% -30px; }


/* Search Box
----------------------------------------------------------------------------------------------------*/

.searchbox {
	height: 45px;
	padding: 6px 6px 10px 6px;
	background: url(../images/serchbox_separator.png) 0 100% repeat-x;
}

.sidebar .searchbox { margin: -6px -6px 0 -6px; }

.searchbox input {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 45px;
	padding: 0 0 0 50px;
	border: 1px solid #53575c;
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 4px;
	background-color: #3E4248;
	background-color: rgba(20,20,25, 0.2);
	background-image: url(../images/searchbox_magnifier.png);
	background-position:  10px 50%;
	background-repeat: no-repeat;
	box-shadow: inset 0 0 1px 1px rgba(20,20,25,0.1);
	color: #9da2a6;
	font-size: 14px;
}

.searchbox input:-o-placeholder { color: #999; }
.searchbox input:-moz-placeholder { color: #999; }
.searchbox input::-webkit-input-placeholder { color: #999; }
.searchbox input.placeholder { color: #999; }

.searchbox.filled button {
	top: 6px;
	right: 6px;
	bottom: 10px;
	width: 30px;
	background: url(../images/searchbox_reset.png) 0 50% no-repeat; 
}

.searchbox.loading button { background: url(../images/searchbox_loader.gif) 0 50% no-repeat; }

/* Drop-Down Results */
.searchbox .results {
	top: 37px;
	left: 6px;
	right: 6px;
	width: auto;
	margin-top: 15px;
	border: 1px solid rgba(0,0,0,0.7);
	border-radius: 5px;
	background: #ffffff;
	background: -o-linear-gradient(top, #fff 0%, #f0f1f1 100%);
	background: -webkit-linear-gradient(top, #fff 0%, #f0f1f1 100%);
	background: -moz-linear-gradient(top, #fff 0%, #f0f1f1 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f1f1 100%);
	background-clip: padding-box;
	box-shadow: 0 2px 5px rgba(20,20,25,0.2);
}

.searchbox .results li.result.selected { color: #fff; }

/* Breadcrumbs
----------------------------------------------------------------------------------------------------*/

.breadcrumbs a,
.breadcrumbs > span {
	padding-right: 15px;
	background: url(../images/breadcrumbs.png) 100% 50% no-repeat;
	font-size: 12px;
}

.breadcrumbs > strong { font-weight: normal; }

/* Author Box
----------------------------------------------------------------------------------------------------*/

#system .author-box {
	padding: 15px;
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	background: #fafafa;
}

#system .author-box .avatar {
	padding: 3px;
	border: 1px solid #dcdcdc;
	background: #fff;
}

#system .author-box .name { color: #797e85; }


/* Comments
----------------------------------------------------------------------------------------------------*/

/* Head */
#system #comments .comment-head {
	padding: 5px;
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	background: #fafafa;
}

#system #comments .comment-byadmin .comment-head {
	border: 1px solid #dcdcdc;
	background: #e9f0f5;
}

#system #comments .comment-head .author { color: #797e85; }

/* Body */
#system #comments ul.level1 ul { background: url(../images/comments_arrow.png) 0 0 no-repeat; }

/* Respond */
#system #respond h3 { color: #797e85; }


/* Latest Comments
----------------------------------------------------------------------------------------------------*/

.comments-list > article { border-top: 1px solid #ddd; }
.comments-list > article:first-child { border: none; }

.comments-list .meta { color: #999; }


/* Calendar
----------------------------------------------------------------------------------------------------*/

table.calendar { border: 1px solid #ddd; }

table.calendar th,
table.calendar tfoot td { background: #fafafa; }
table.calendar th { border-bottom: 1px solid #ddd; }
table.calendar tfoot td { border-top: 1px solid #ddd; }


/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* Twitter Widgetkit */

.wk-twitter.image { 
	padding: 0;
	background: none;
}

.wk-twitter .content { 
	margin-left: -15px;
	margin-right: -15px;
	padding: 15px;
	background: url(http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/images/module_box_dark_sidebar_header.png) 0 0 repeat-x;
	font-size: 18px;
	line-height: 25px;
}

.wk-twitter-list article { 
	margin-left: -15px;
	margin-right: -15px;
	padding: 15px;
	border-top: 1px solid rgba(0,0,0,0.18);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	font-size: 20px;
	line-height: 25px;
}

.wk-twitter-list article:first-child { box-shadow: none;}
.wk-twitter-list .content { background-image: none; }

#page .wk-twitter-bubbles .content a { 
	color: #739ABE; 
	text-shadow: none;
}

#page .wk-twitter-bubbles .content a:hover { color: #44484D; }

.wk-twitter-bubbles .content {
	margin: 0 5px;
	padding: 20px;
	border-radius: 5px;
	border: none;
	background-image: none;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	color: #92979E;
	font-size: 16px;
}


/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Custom Style Sheet - Use this file to style your content
 */

/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Custom Style Sheet - Use this file to style your content
 */


.custom-logo {
    display: inline-block;
	width: 205px;
	height: 70px;
	background: url(../../../images/yootheme/logo.png) 0 0 no-repeat;
    background-position: 0 50%;
    background-size: contain;
}

/* Frontpage Teaser */
#page .frontpage-teaser-1 { margin-bottom: 15px; }

.frontpage-teaser-1 h1,
.frontpage-teaser-1 p { 
    position: relative;
    margin-top: 10px;
    margin-bottom: 0;
}

.frontpage-teaser-1 p { margin-top: 10px; }
.frontpage-teaser-1 img { margin-top: -70px; }

.frontpage-teaser-2 h1 { margin: 20px 0 0 0; }
.frontpage-teaser-2 p { margin-top: 10px; }

.frontpage-teaser-2 .width33 div { margin-top: 40px; }
.frontpage-teaser-2 .width33 div + div { margin-top: 90px; }

/* Frontpage Sidebar */
 ul.frontpage-icons li h3 {
 	margin-top: 15px;
 	padding: 5px 5px 5px 35px;
 	background-size: 35px 35px;
 	background-position: 0 50%;
 	background-repeat: no-repeat;
 }

 .available-icon { margin-right: 10px; }

 /* Bottom A
  ----------------------------------------------------------------------------------------------------*/


 /* Frontpage Font
 ----------------------------------------------------------------------------------------------------*/

@font-face {
    font-family: 'JournalRegular';
    src: url('../fonts/journal-webfont.eot');
    src: url('../fonts/journal-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/journal-webfont.woff') format('woff'),
         url('../fonts/journal-webfont.ttf') format('truetype'),
         url('../fonts/journal-webfont.svg#JournalRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.journal-font { 
	font-family: "JournalRegular"; 
	font-size: 35px;
}


 /* Frontpage Responsive
 ----------------------------------------------------------------------------------------------------*/

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {

    .frontpage-teaser-2 .width66,
    .frontpage-teaser-2 .width33 { width: 50% }

}

/* Only Phones */
@media (max-width: 767px) {

    #innerbottom-b .frontpage-features,
    #innerbottom-a .frontpage-features { margin-top: 0; }
    #innerbottom-b .frontpage-features > h2,
    #innerbottom-a .frontpage-features > h2 { margin-top: 20px; }

}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {

    .frontpage-teaser-2 .width33 div { margin-top: 20px; }
    .frontpage-teaser-2 .width33 div + div { margin-top: 50px; }

}

 /* Only Phones (Portrait) */
@media (max-width: 479px) {

    .frontpage-teaser-1 { margin: 0px auto; }
    .frontpage-center { text-align: center; }
    .frontpage-teaser-2 .width33 div, 
    .frontpage-teaser-2 .width33 div + div { margin-top: 0; }
    .frontpage-teaser-1 img { margin-top: -40px; }

}

.custom-logo { background-image: url(http://www.nokumo.com/wp-content/images/yootheme/logo_green.png); }


/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* Background White Gradient */

body#page {
	background: #eee url(http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/images/background/gradient/white.jpg) 50% 0 repeat;
	color: #8e8e8e;
}

@media (min-device-width: 1025px) {

	body#page {
		background: url(http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/images/background/gradient/gradient.svg) 50% 0 no-repeat fixed,
					url(http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/images/background/gradient/white.jpg) 50% 0 repeat;
		background-size: 100% 140%, 100px 100px;
	}
}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

	#main #maininner,
	#page.sidebar-a-right.sidebar-b-left #maininner,
	#page.sidebar-a-left.sidebar-b-right #maininner { 
		border-left: 1px solid rgba(20,20,25,0.3); 
		border-right: 1px solid rgba(20,20,25,0.3);
	}

}


/* Font Color
----------------------------------------------------------------------------------------------------*/

.outer .mod-transparent li a { color: #8e8e8e; }

.outer .mod-transparent li a:hover { color: #4d4d4d; }


/* Modules
----------------------------------------------------------------------------------------------------*/

.outer .mod-inset {
	border: 1px solid #dcdcdd;
	border: 1px solid rgba(255,255,255,0.1);
	border-bottom: 1px solid rgba(255,255,255,0.2);
	background: #f6f6f6;
	background: rgba(20,20,25,0.1);
}

/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

h1,
h2,
h3,
h4,
h5,
h6 { font-family: "YanoneKaffeesatzRegular"; }

h1 { font-size: 46px; }

h2 { font-size: 26px; }
h3 { font-size: 23px; }

h4, 
h5,
h6 { 
	font-size: 18px;
	letter-spacing: 1px;
}


/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

.menu-dropdown a.level1,
.menu-dropdown span.level1,
form.style button { font-family: Arial, Helvetica, sans-serif; }


/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Style Style Sheet - Defines the main look like colors and backgrounds
 * Not all style related CSS is included, only colors and backgrounds which may change for different theme styles
 */


/* Base
----------------------------------------------------------------------------------------------------*/

a { color: #8DB048; }
a:hover { color: #6F6157; }

em, code { color: #F77D0F; }

ins, mark { 
	background-color: #e4ecd5;
	color: #666B71;
}

mark { background-color: #d7e5bd; }

::-moz-selection { background: #C8E0F3; color: #fff; }
::selection { background: #C8E0F3; color: #fff; }


/* Menus
----------------------------------------------------------------------------------------------------*/

.menu-dropdown a.level2:hover { 
	background: #95B94D; 
	background: -o-linear-gradient(top, #9EC453 0%, #8DB048 100%);
	background: -webkit-linear-gradient(top, #9EC453 0%, #8DB048 100%);
	background: -moz-linear-gradient(top, #9EC453 0%, #8DB048 100%);
	background: linear-gradient(to bottom, #9EC453 0%, #8DB048 100%);
	box-shadow: 0 1px 0 #6D942E;
}

.menu-dropdown a.level3 { background-image: url(http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/images/menu_dropdown_level3.png); }

.menu-dropdown a.current.level3:hover,
.menu-dropdown a.level3:hover { color: #8DB048; }

.menu-sidebar li.level1 .level1:hover { 
	background: #95B94D;
	background: -o-linear-gradient(top, #9EC453 0%, #8DB048 100%);
	background: -webkit-linear-gradient(top, #9EC453 0%, #8DB048 100%);
	background: -moz-linear-gradient(top, #9EC453 0%, #8DB048 100%);
	background: linear-gradient(to bottom, #9EC453 0%, #8DB048 100%); 
}

.menu-sidebar ul.level2 a { background-image: url(http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/images/menu_sidebar_level2.png); }
.menu-sidebar ul.level2 a:hover { color: #8DB048; }

.menu-line li a:hover { color: #6f6157; }


/* Modules
----------------------------------------------------------------------------------------------------*/

.mod-box-color {
	border: 1px solid #84A842;
	border-bottom: 1px solid #6D942E;
	background: #95B94D;
	background: -o-linear-gradient(top, #9EC453 0%, #8DB048 100%);
	background: -webkit-linear-gradient(top, #9EC453 0%, #8DB048 100%);
	background: -moz-linear-gradient(top, #9EC453 0%, #8DB048 100%);
	background: linear-gradient(to bottom, #9EC453 0%, #8DB048 100%);
}

@media (max-device-width: 1024px) {

	.mod-box-color { background: #95B94D; }
	
}

.mod-box-color a { color: #6f8b37; }
.mod-box-color a:hover { color: #516835; }

.mod-box-color em,
.mod-box-color code { color: #fdefdf; }

.mod-box-color em.box { 
	border: 1px solid #CF7E4C;
	background: #de864e;
	color: #fdefdf;
}

.mod-box-dark a { color: #8DB048; }


/* Tools
----------------------------------------------------------------------------------------------------*/

.button-primary,
.mod-box-color .button-primary,
form.style button,
form.style input[type="button"],
form.style input.button,
form.style #submit {
	border: 1px solid #6D942E;
	background: #95B94D;
	background: -o-linear-gradient(top, #9EC453 0%, #8DB048 100%);
	background: -webkit-linear-gradient(top, #9EC453 0%, #8DB048 100%);
	background: -moz-linear-gradient(top, #9EC453 0%, #8DB048 100%);
	background: linear-gradient(to bottom, #9EC453 0%, #8DB048 100%);
	color: #f5ffe1;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

.outer .mod-transparent .button-primary:hover,
.button-primary:hover,
.mod-box-color .button-primary:hover,
form.style button:hover,
form.style input[type="button"]:hover,
form.style input.button:hover,
form.style #submit:hover { 
	background: #8aac47;
	background: -o-linear-gradient(top, #8DB048 0%, #9EC453 100%);
	background: -webkit-linear-gradient(top, #8DB048 0%, #9EC453 100%);
	background: -moz-linear-gradient(top, #8DB048 0%, #9EC453 100%);
	background: linear-gradient(to bottom, #8DB048 0%, #9EC453 100%);
	color: #668033;
	text-shadow: 0 1px 0 rgba(255,255,255,0.3);
}

.outer .mod-transparent .button-primary:active,
.button-primary:active,
.mod-box-color .button-primary:active,
form.style button:active,
form.style input[type="button"]:active,
form.style input.button:active,
form.style #submit:active { 
	background: #7e9d40;
	background: -o-linear-gradient(top, #f18a58 0%, #f29d58 100%);
	background: -webkit-linear-gradient(top, #7daa3b 0%, #8bbc44 100%);
	background: -moz-linear-gradient(top, #f18a58 0%, #f29d58 100%);
	background: linear-gradient(to bottom, #f18a58 0%, #f29d58 100%);
	color: #5c7628;
	text-shadow: 0 1px 0 rgba(255,255,255,0.3);
}

.mod-box-color .button-primary,
.mod-box-color form.style button,
.mod-box-color form.style input[type="button"],
.mod-box-color form.style input.button,
.mod-box-color form.style #submit { 
	border-color: rgba(0,0,0,0.2);
	background-clip: padding-box;
}

ul.check > li { background-image: url(http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/images/tools/list_check.png); }


/* System
----------------------------------------------------------------------------------------------------*/

/* Drop-Down Results */
.searchbox .results li.result.selected { 
	background: #8aac47;
	background: -o-linear-gradient(top, #8DB048 0%, #9EC453 100%);
	background: -webkit-linear-gradient(top, #8DB048 0%, #9EC453 100%);
	background: -moz-linear-gradient(top, #8DB048 0%, #9EC453 100%);
	background: linear-gradient(to bottom, #8DB048 0%, #9EC453 100%);
}


/* Widgetkit Sphere Tabs
----------------------------------------------------------------------------------------------------*/

.wk-slideshow-tabssphere a { color: #8DB048; }

/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Responsive Style Sheet - Defines base styles for mobile devices
 */


/* Responsive Utility Classes
----------------------------------------------------------------------------------------------------*/

.hidden-desktop { display: none; }

/* Only Phones */
@media (max-width: 767px) {
	.hidden-desktop { display: block; }
	.hidden-phone { display: none; }
}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {
	.hidden-desktop { display: block; }
	.hidden-tablet { display: none; }
}


/* Responsive Content
----------------------------------------------------------------------------------------------------*/

#header-responsive { display: none; }


/* Layout Breakpoints
----------------------------------------------------------------------------------------------------*/

/* All except large Screens */
@media (max-width: 1220px) {

	#banner { display: none; }

}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

	/* Layout */
	#maininner,
	#sidebar-a,
	#sidebar-b {
		width: 100%;
		left: auto;
		right: auto;
	}

}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {

	/* Layout */
	.width16,
	.width20,
	.width25,
	.width40,
	.width60,
	.width75,
	.width80 { width: 50%; }

	.width50 .width50 { width: 100%; }

	.sidebars-1 #sidebar-a .width100,
	.sidebars-1 #sidebar-b .width100 { width: 50%; }

	#sidebar-a .width100:nth-child(odd):last-child,
	#sidebar-b .width100:nth-child(odd):last-child,
	.width20:nth-child(odd):last-child { width: 100%; }

	.sidebars-2 #sidebar-a,
	.sidebars-2 #sidebar-b { width: 50%; }

	.sidebars-2.sidebar-a-right #sidebar-a,
	.sidebars-2.sidebar-b-right #sidebar-b { float: right; }

	.grid-gutter > .grid-box:nth-child(n+3) > * { margin-top: 30px; }

	/* Tools */
	.width50 .align-left,
	.width50 .alignleft,
	.width50 .align-right,
	.width50 .alignright {
		margin: 0 auto 15px auto;
		float: none;
	}

}

/* Only Phones */
@media (max-width: 767px) {

	/* Header */
	#header-responsive { display: block; }

	#header-responsive .logo,
	#header-responsive .searchbox {
		display: inline-block;
		width: 45%;
		vertical-align: middle;
	}

	#header-responsive .logo { margin-right: 10%; }

	#header-responsive .searchbox {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	/* Menu */
	.menu-responsive {
		width: 100%;
		font-size: 14px;
	}


}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {

	/* Layout */
	.width33 { width: 50%; }
	.width33:nth-child(odd):last-child { width: 100%; }

}

/* Only Phones (Portrait) */
@media (max-width: 479px) {

	/* Base */
	body { word-wrap: break-word; }

	/* Layout */
	.width16,
	.width20,
	.width25,
	.width33,
	.width40,
	.width50,
	.width60,
	.width66,
	.width75,
	.width80 { width: 100%; }

	.grid-gutter > .grid-box:nth-child(n+2) > * { margin-top: 30px; }

	/* Tools */
	.align-left,
	.alignleft,
	.align-right,
	.alignright {
		margin: 0 auto 15px auto;
		float: none;
	}

}

/* Breakpoints
----------------------------------------------------------------------------------------------------*/


/* Remove performance heavy css for Mobile Devices
----------------------------------------------------------------------------------------------------*/
@media (max-device-width: 1024px) {

	body#page .wk-slideshow-tabssphere * { box-shadow: none; }

	#main,
	.menu-dropdown a.level1.active,
	.menu-dropdown li.level1:hover .level1, 
	.menu-dropdown li.remain .level1, 
	.menu-dropdown li.level1:active .level1,
	.menu-dropdown .dropdown-bg > div,
	.menu-dropdown li.level1.parent:hover .level1,
	.menu-dropdown li.remain.parent .level1,
	.mod-box-dark,
	.mod-box-gradient,
	.mod-inset,
	.sidebar,
	.sidebar .mod-box,
	.sidebar .mod-box-color,
	.sidebar .mod-box-gradient,
	.sidebar .mod-box-dark,
	.sidebar .mod-inset { box-shadow: none; }

	.position-bg-gradient { background-color: #f0f0f0; }
	.sidebar { background: #494E54; }
	
	.menu-dropdown .dropdown-bg > div { background: #fff; }
	.menu-dropdown a.level1.active { background: #ececec; }
	.menu-dropdown li.level1:hover .level1,
	.menu-dropdown li.remain .level1 { background: #fff; }
	.menu-dropdown li.level1:active .level1 { background: #efefef; }

	.mod-box-gradient { background: #f0f1f1; }
	.mod-inset { background: #ECEDED; }

	.sidebar .mod-box-dark { background: #676C72; }
	.sidebar .mod-inset { background: #454A50; }

	.menu-dropdown:first-child .level1:first-child .dropdown-bg > div { 
		border-left: transparent;
		margin-left: 6px; 
	}

}

/* All except large Screens */
@media (max-width: 1220px) {

}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

	/* Layout */
	#main #maininner { 
		border-radius: 5px 5px 0 0; 
		border-bottom: none;
	}

	.sidebar-a-left #sidebar-a, 
	.sidebar-b-left #sidebar-b,
	.sidebar-a-right #sidebar-a, 
	.sidebar-b-right #sidebar-b { 
		border-radius: 0 0 4px 4px;
		box-shadow: inset 0 20px 20px -10px rgba(20,20,25,0.3); 
	}

	.sidebar-a-left.sidebar-b-right #sidebar-a,
	.sidebar-a-right.sidebar-b-left #sidebar-b { border-bottom-right-radius: 0; }

	.sidebar-a-left.sidebar-b-right #sidebar-b,
	.sidebar-a-right.sidebar-b-left #sidebar-a { border-bottom-left-radius: 0; }

	/* Menu */
	#page #menubar { border-radius: 4px 4px 0 0; }

	.sidebar-a-left .menu-dropdown:first-child li.level1:first-child .level1, 
	.sidebar-b-left .menu-dropdown:first-child li.level1:first-child .level1, 
	.sidebar-a-left .menu-dropdown:first-child li.level1:first-child .level1:hover, 
	.sidebar-b-left .menu-dropdown:first-child li.level1:first-child .level1:hover { border-top-left-radius: 4px;}
}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {

}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {

	/* Layout */
	#search { display: none; }
		
}

/* Only Phones */
@media (max-width: 767px) {

	/* Layout */
	#toolbar,
	#headerbar,
	#menubar,
	#breadcrumbs { display: none; }

	#maininner > #menubar + * { 
		border-top-left-radius: 4px; 
		border-top-right-radius: 4px;
	}

	#header-responsive .searchbox { 
		margin: 0px;
		padding: 0px; 
		background: none;
	}

	#header-responsive .searchbox input {
		height: 40px;
		vertical-align: middle;
		background-color: rgba(20,20,25, 0.05);
		border: 1px solid rgba(0,0,0,0.13);
		box-shadow: 0 1px 0 rgba(255,255,255,0.8);
	}

}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {

}

/* Only Phones (Portrait) */
@media (max-width: 479px) {

	#header { margin-top: 0; }

	#system .items .leading .item { margin-bottom: 12px;}

	#maininner #system .items .item { 
		margin-top: 12px;
		margin-left: -10px;
		margin-right: -10px; 
		padding-left: 20px;
		padding-right: 20px;
		box-shadow: inset 0 1px 0 #fff;
		border-top: 1px solid #DDD;

	}

	#maininner #system .items .item:first-child {
		border-top: none;
		box-shadow: none;
	}

	.sidebar-a-right.sidebar-b-left #sidebar-a,
	.sidebar-a-left.sidebar-b-right #sidebar-a { border-radius: 0; }

	.sidebar-a-right.sidebar-b-left #sidebar-b,
	.sidebar-a-left.sidebar-b-right #sidebar-b { 
		border-bottom-left-radius: 4px;
		box-shadow: none;
	}

	.button-default.icon-buy > span,
	.button-default.icon-download > span,
	.button-primary.icon-buy > span,
	.button-primary.icon-download > span {
		width: 0;
		background: none;
	}

	.button-default.icon-buy > span:before,
	.button-default.icon-download > span:before,
	.button-primary.icon-buy > span:before,
	.button-primary.icon-download > span:before {
		right: 0;
		width: 0;
		background: none;
	}

	#system .item > .links a:nth-child(n+2) { margin-top: 10px; }

}


@font-face {
    font-family: 'YanoneKaffeesatzRegular';
	
	
    src: url('http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/fonts/YanoneKaffeesatz-Regular-webfont.eot');
    src: url('http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/fonts/YanoneKaffeesatz-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/fonts/YanoneKaffeesatz-Regular-webfont.woff') format('woff'),
         url('http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/fonts/YanoneKaffeesatz-Regular-webfont.ttf') format('truetype'),
         url('http://www.nokumo.com/wp-content/themes/yoo_sphere_wp/fonts/YanoneKaffeesatz-Regular-webfont.svg#YanoneKaffeesatzRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}