/* myNimi.net CSS */
/* Typography */
body{text-shadow: 0px 0px 0px #eaeaea;}
/* */
body, input{font-family: sans-serif;}
body {background: url('Reflect/background.png') repeat-x #f5f6f7 fixed bottom; margin: 0px 0px; color: #292929; text-align: center;}
img {border: none; opacity: 1.0;}
form {display: inline;}
h1,h2,h3,h4,h5,h6{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
/* Link */
a{text-decoration: none; color: #292929; font-weight: 600;}
a:visited{}
a:link{}
a:hover{text-decoration: underline;}
a:hover.no_decoration{text-decoration: none !important;}
/* Show or hide */
.magic.hide{display: none;}
.magic.show{}
.magic.reserve_space{visibility: hidden;}
/* Pseudolink */
.pseudolink>div,.img_button,.tooltip {cursor: hand; cursor: pointer !important;}
.img_button{opacity: 0.5; 
-webkit-transition: opacity;
-webkit-transition-timing-function: easy-in-out;
-webkit-transition-duration: 500ms;
}
.img_button:hover{opacity: 1;
-webkit-transition: opacity;
-webkit-transition-timing-function: easy-in-out;
-webkit-transition-duration: 500ms;
}
/* Img align */
.object_position.middle{vertical-align: middle;}
.object_position.baseline{vertical-align: baseline;}
/* Line */
hr {border: 1px solid #6b; border-bottom: none; border-left: none; border-right: none; margin: 0px auto; *font-size: 1px; *margin-bottom: -14px;}
/* Percentage sizes */
.width_80p {width: 80%;}
.width_50p {width: 50%;}
/* Opacity */
.opacity.value_25{filter:alpha(opacity=25);opacity: 0.25; -moz-opacity:0.25;}
.opacity.value_50{filter:alpha(opacity=50);opacity: 0.5; -moz-opacity:0.5;}
.opacity.value_75{filter:alpha(opacity=75);opacity: 0.75; -moz-opacity:0.75;}
/* Content */
.description,.descriptions{color: #a8a8a8;}
.dynamic_content>img,.dynamic_content>div{margin: 10px;}
/* Navigation & menu */
.nav-menu>ul{display: inline-block; *display: inline; *zoom:1; vertical-align: top; list-style: none; padding: 0px; width: 140px; margin: 0px 15px 0px 0px; font-size: small;}
.nav-menu ul li{margin: 7px 0px;}
.nav-menu h3{font-size: larger; *font-size: normal; font-weight: 500; text-decoration: underline;}
.nav-menu>ul li a{font-weight: normal; color: #a8a8a8;}
.nav-menu>ul li:first-child{text-decoration: underline;}
.nav-menu>ul li:first-child a{color: #000000;}

.projects-menu p{clear: both;}
.projects-menu ul{font-size: smaller; list-style: none; margin: 0px; padding: 0px; display: inline-block; *display: inline; *zoom:1;  color: #a8a8a8; width: 580px; float: right;}
.projects-menu h3{font-size: larger; font-weight: 500;}
.projects-menu ul li{display: inline-block; *display: inline; *zoom:1; width: 170px; margin: 5px; vertical-align: top;}
.projects-menu .brief{width: auto; float: left;}
.projects-menu .brief ul li{width: 140px; margin: 0px;}
/* Box */
.content{width: 1000px; overflow-x: hidden;}
.display{width: 1000px; margin: 0px auto;}
.display.top{background: url('Reflect/display_top.png') no-repeat; height:18px;}
.display.middle{background: url('Reflect/display_middle.png') repeat-y; min-height: 1px; text-align: center;}
.display.bottom{background: url('Reflect/display_bottom.png') no-repeat; height:20px;}
.display.generated{width: 960px; margin: 15px auto; text-align: left; padding: 10px 10px; background-color: #ffffff;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 2px 10px #cfcfcf; -webkit-box-shadow: 0 2px 10px #cfcfcf; box-shadow: 0 2px 10px #cfcfcf; }
.navigate_bar{height:33px; width: 893px; margin: 0 auto; background: url('Reflect/navigate_bar.png') no-repeat;}
.navigate_bar.relative{position: relative; top: 10px; z-index: 5;}
.navigate_bar.overflow{position: relative; top: 10px; z-index: 5; margin-top: -33px;}
.navigate_bar .margins{padding-top: 12px; padding-left: 10px; padding-right: 10px; font-size: small; height: 11px; vertical-align: middle; text-align: center;}
.box.center{margin: 0px auto;}
.box.width_980px{width: 980px;}
.box.width_960px{width: 960px;}
.box.width_320px{width: 340px;}
.box.width_480px{width: 500px;}
.box.width_640px {width: 600px;}
/* Fonts */
.font.smallest{font-size: xx-small;}
.font.smaller{font-size: x-small;}
.font.small{font-size: small;}
.font.large{font-size: large;}
.font.larger{font-size: x-large;}
.font.largest{font-size: xx-large;}
/* Align */
.align.center{text-align: center; margin: 0 auto;}
.align.left{text-align: left; margin-left: 0; margin-right: auto;}
.align.right{text-align: right; margin-left: auto; margin-right: 0;}
.align.justify{text-align: justify;}
/* Float */
.float.left{float: left;}
.float.right{float: right;}
.float.clear{clear: both;}
/* Spacer */
.space{display: block;}
.space.height_1px{height: 1px}
.space.height_3px{height: 3px}
.space.height_5px{height: 5px}
.space.height_10px{height: 10px}
.space.height_20px{height: 20px}
/* Items list */
.item_list,.item_list>div {display: inline-block; *display: inline; *zoom: 1;}
.item_list {vertical-align: top;}
.item_list>div{margin: 2px;}
.item_list.margin_8px >div{margin: 8px;}
.item_list.input_fill input{width: 100%;}
.item_list.items_to_top>div {vertical-align: top;}
.item_list.item_width_300px>div{width: 300px;}
.item_list.item_width_220px>div{width: 220px;}
.item_list.item_width_180px>div{width: 180px;}
.item_list.item_width_160px>div{width: 160px;}
.item_list.item_width_120px>div{width: 120px;}

.item_list.item_width_50p>div{width: 47%;}
.item_list.item_width_33p>div{width: 33%;}

.item_list.item_span_justify>div span{text-align: justify; display: block;}
.type_small span.smaller,.type_small span.small{color: #a8a8a8;}
.type_small span.smaller a,.type_small span.small a{color: #6b6b6b; font-weight: 500;}
/* Tooltip */
.tooltip .tooltip_ballon{display: none;}
a.tooltip{text-decoration: none; font-weight: normal;}
a:hover.tooltip{text-decoration: none;}
a:hover.tooltip  .tooltip_ballon{display: block; text-align: justify; padding: 5px; background: url('Reflect/texture_black_transparent.png'); font-size: smaller; color: #FFFFFF; position:absolute; z-index: 4; *border: 1px #000000 solid; text-shadow:  0px 0px 0px #c8c8c8;}
a:hover.tooltip  .tooltip_ballon.left_160px {margin-left: 160px !important;}
a:visited.tooltip{text-decoration: none;}
/* Special fields */
.field_logo{font-size: 26px; font-family: "DejaVu Sans", sans-serif; display: block; color: #000000;}
.field_logo img{vertical-align: baseline;}

.field_feed {color: #e0e0e0; font-size: x-small; font-size: small; font-weight: normal;}
.field_feed img{vertical-align: middle;}
.field_feed a{color: #e0e0e0;}
.field_feed a:hover{color: #ffdc4f; text-decoration:none;}
.field_follow{margin-top:-6px;}
.field_footer a{font-weight: normal;}

.field_shadow{background-color: black; filter:alpha(opacity=50);opacity: 0.5; -moz-opacity:0.5; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index:4; cursor: hand; cursor: pointer !important;}
/* Other fields */
.field_NV .image_right{float: right; margin-right: -10px !important; margin-top:-10px; margin-bottom:-10px;}
.field_NV .header_position{width: 400px; text-align: center; margin-top: 50px; margin-left: 90px;}
.field_NV .header, .field_show .header{font-size: 35px; text-shadow: 0px 0px 1px #eaeaea;}
.field_NV .description, .field_show .description{font-size: 17px; text-shadow: 0px 1px 1px #f5f5f5;}
.field_NV .descriptions_field{width:400px; margin-top: 30px; margin-left: 65px;}
.field_NV .headers{font-size: 17px; font-family: "DejaVu Sans", Arial, sans-serif;}
.field_NV .descriptions{font-size: 14px;}
.field_NV .video_field{float: right; width: 170px; color: #a8a8a8; font-size: 10px; margin-left: 10px; margin-top: 10px; margin-right: -50px;}
.field_search {width: 324px; height: 43px; display: block; margin: 0 auto; text-align: left;}
.field_search_position {margin-top: -43px !important;}

.field_search .search_button{width: 45px; height: 43px; float: left; cursor: hand; cursor: pointer !important;}
.field_search.normal{background: url('http://cache0.myNimi.net/Reflect/field_search.png') no-repeat;}
.field_search.hover{background: url('Reflect/field_search_hover.png') no-repeat;}
.field_search.hover input{color: #FFFFFF !important; text-shadow: 0px 0px 3px #000000; *filter: shadow(color=#000000,strength=1,angle=135);}
.field_search input{width: 260px; height: 26px; font-size: 24px; vertical-align: top; margin-top: 8px; background: transparent; border: none; float: right; margin-right: 12px;}

.field_navigate_back {margin-top: 17px;}
.field_navigate_back img{margin-bottom: -6px;}
.field_page_navigate a, .field_navigate_back a{filter:alpha(opacity=30);opacity: 0.3; -moz-opacity:0.3;}
.field_page_navigate a>span, .field_navigate_back a>span{display: none;}
.field_page_navigate a:visited, .field_navigate_back a:visited{}
.field_page_navigate a:link, .field_navigate_back a:link{}
.field_page_navigate a:hover, .field_navigate_back a:hover{filter:alpha(opacity=100); opacity: 1.0; -moz-opacity:1.0; text-decoration: none !important; font-weight: normal !important;}
.field_page_navigate a:hover>span, .field_navigate_back a:hover>span{display: inline;}
.field_show_NV{color: #a8a8a8;}
.field_show_NV .header{color: #292929;}
.field_show_NV.jelly{float: right; margin-right: -10px !important; width: 310px;}
.field_show_NV.aurora{float: left; margin-left: -10px !important; width: 310px;}
.field_show_NV.aurora>div{margin-left: 10px;}

.field_show_NS{background-color: #000000; color: #ffffff;}
.field_show_NS a{color: #ffffff; text-shadow: none; text-decoration: none;}
.field_show_NS a:visited{}
.field_show_NS a:link{}
.field_show_NS a:hover{}
.field_show_NS .reflection{position: absolute; margin-left: 250px; *margin-left: -250px; margin-top: -60px; width: 258px; height: 286px; background: url('Reflect/show_ns_reflection.png') no-repeat; z-index: 5;
-webkit-animation-name: reflection_animation;
-webkit-animation-duration: 20s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-webkit-transform-origin: 241px 267px;
}
@-webkit-keyframes reflection_animation {
0%{
-webkit-opacity: 1.0;
}
25%{
-webkit-opacity: 0.75;
-webkit-transform:rotate(90deg) scale(0.8);
}
50%{
-webkit-opacity: 0.60;
-webkit-transform:rotate(180deg) scale(1.0);
}
75%{
-webkit-opacity: 0.75;
-webkit-transform:rotate(270deg) scale(1.5);
}
100%{
-webkit-opacity: 1.0;
-webkit-transform:rotate(360deg) scale(1.0);
}
}
@-webkit-keyframes focus_swap {
0%{}
5%{
-webkit-opacity: 1.0; -webkit-transform: scale(1.1);
}
33%{
-webkit-opacity: 1.0; -webkit-transform: scale(1.1);
}
37%{-webkit-opacity: 0.2;}
64%{-webkit-opacity:0.05;}
100%{}
}
.field_show_NS .heart{width: 34px; height: 71px; background: url('Reflect/show_ns_hearts.png') no-repeat; display: inline-block; margin-top: -91px; margin-right: -16px;}
.field_show_NS .heart>span{display: none;}
.field_show_NS .logo{font-size: 25px;}
.field_show_NS .item_list{color: #ffffff; text-shadow: none;}
.field_show_NS .item_list>div .font.small{color: #2f6e91; text-shadow: none;}
.field_show_NS .item_list>div:nth-child(n+2)  {-webkit-animation-delay: 5s}
.field_show_NS .item_list>div:nth-child(n+3)  {-webkit-animation-delay: 10s}
.field_show_NS .item_list>div{*background-color: #000000; -webkit-opacity: 0.2; -webkit-animation-name: focus_swap;
-webkit-animation-duration: 15s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
}
.field_show_NP.coffee.main{background: url('Reflect/show_np_paths.jpg') no-repeat !important; height: 429px;}
.field_show_NP.coffee.main .spacer{height: 400px;}
.field_show_NP.coffee{background: url('Reflect/show_np_coffee.jpg') no-repeat;}
.field_show_NP.coffee .item_list span,.field_show_NP.coffee .description{color: #e9e7e2; text-shadow: 0px 1px 2px #000000; *filter: shadow(color=#000000,strength=1,angle=135);}
.field_show_NP.coffee .item_list div,.field_show_NP.coffee .header{color: #000000; text-shadow: 0px 1px 2px #e9e7e2; *filter: shadow(color=#e9e7e2,strength=1,angle=135);}
.field_show_NP.coffee a{color: #ffffff;}

.field_show_NP.satine{color: #ffffff;}
.field_show_NP.satine .header{font-size: 40px; font-family: "DejaVu Serif Condensed", Serif;}
.field_show_NP.satine .header_description{font-size: 25px; font-family: "DejaVu Serif", Serif;}
.field_show_NP.satine a{color: #ffffff;}
.field_show_NP.satine .navigate_bar a{color: #ffffff;}

.field_download {background-color: #f4e7f2; color: #1a0c16; width: 33%;}
.field_download input{width: 70px; height: 20px; letter-spacing: 2px; font-size: 12px;}
.field_download a{text-decoration: none; color: #954384;}
.field_download a:visited{}
.field_download a:link{}
.field_download a:hover{}
/* Textures */
.texture.cork{background: url('Reflect/texture_cork.jpg');}
.texture.blueprint{background: url('Reflect/texture_blueprint.jpg');}
.texture.satine{background: url('Reflect/texture_satine.jpg');}
/* Effects */
.fontshadow>span,.fontshadow>div{text-shadow: 0px 0px 3px #000000; *filter: shadow(color=#000000,strength=1,angle=135);}
.roundedges{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.dropshadow{-moz-box-shadow: 0 0 10px #808080; -webkit-box-shadow: 0 0 10px #808080; box-shadow: 0 0 10px #808080; *filter: progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=0,strength=5) progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=90,strength=5) progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=180,strength=5) progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=270,strength=5);}
/* Charts */
.chart.blocktype>div{display: inline-block !important; display: inline; margin: 0px 4px;}
.chart.blocktype.item{width: 30px;}
.chart .green{background: url('Reflect/chart_green.png') no-repeat; background-size: 100%; background-color: #b3ff12; border-left: 1px solid #b1ff0a; border-top: 1px solid #e1ffa2; border-right: none; border-bottom: none;}
.chart .blue{background: url('Reflect/chart_blue.png') no-repeat; background-size: 100%; background-color: #509aff; border-left: 1px solid #63a5ff; border-top: 1px solid #a2c9ff; border-right: none; border-bottom: none;}
/* Animations */
.animation.fadein{
-webkit-animation-name: fadein;
-webkit-animation-duration: 3s;
-webkit-animation-timing-function: easy-in;
}
@-webkit-keyframes fadein {
from{
-webkit-opacity: 0.0;
}
to{
-webkit-opacity: 1.0;
}
}
.animation.rollshow{
-webkit-animation-name: rollshow;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: easy;
-webkit-transform-origin: 0px 0px;
}
@-webkit-keyframes rollshow {
from{
-webkit-opacity: 0.0;
-webkit-transform:scaleY(0.0);
}
to{
-webkit-opacity: 1.0;
-webkit-transform:scaleY(1.0);
}
}
.animation.rollshowbottom{
-webkit-animation-name: rollshowbottom;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: easy;
-webkit-transform-origin: left bottom;
}
@-webkit-keyframes rollshowbottom {
from{
-webkit-opacity: 0.0;
-webkit-transform:scaleY(0.0);
}
to{
-webkit-opacity: 1.0;
-webkit-transform:scaleY(1.0);
}
}
.animation.rollabove{
-webkit-animation-name: rollabove;
-webkit-animation-duration: 2s;
-webkit-animation-timing-function: easy;
-webkit-transform-origin: 0px 0px;
}
@-webkit-keyframes rollabove {
from{
-webkit-opacity: 0.0;
-webkit-transform:translateY(-100%);
}
to{
-webkit-opacity: 1.0;
-webkit-transform:translateY(0);
}
}
.animation.rollleft{
-webkit-animation-name: rollleft;
-webkit-animation-duration: 2s;
-webkit-animation-timing-function: easy;
-webkit-transform-origin: 0px 0px;
}
@-webkit-keyframes rollleft {
from{
-webkit-opacity: 0.0;
-webkit-transform:translateX(-100%);
}
to{
-webkit-opacity: 1.0;
-webkit-transform:translateX(0);
}
}

.animation.jellyleftskew{
-webkit-animation-name: jellyleftskew;
-webkit-animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: easy-out;
-webkit-animation-direction: alternate;
-webkit-transform-origin: 300px 0px;
}
@-webkit-keyframes jellyleftskew {
0%{
-webkit-transform:scale(1,1);
}
50%{
-webkit-transform:scale(0.85,0.95);
}
100%{
-webkit-transform:scale(1,1);
}
}
.animation.fadeinout{
-webkit-animation-name: fadeinout;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: easy;
-webkit-animation-direction: alternate;
}
@-webkit-keyframes fadeinout{
0%{
-webkit-opacity: 1.0;
}
50%{
-webkit-opacity: 0.0;
}
100%{
-webkit-opacity: 1.0;
}
}

.animation.rotate5deg{
-webkit-animation-name: rotate5deg;
-webkit-animation-duration: 8s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-webkit-animation-direction: alternate;
}
@-webkit-keyframes rotate5deg{
0%{
-webkit-transform: rotate(-10deg);
}
50%{
-webkit-transform: rotate(10deg);
}
100%{
-webkit-transform: rotate(-10deg);
}
}