/* core */
p,img,form{ margin: 0; padding: 0; }
a, div, p, ul, li, form, span, input, select, textarea  { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mr { margin-right: 5px }
.mb { margin-bottom: 5px }
.pr { padding-right: 1em; }
.pt { padding-top: 2em; }
.pl { padding-left: 10px; }
.fl { float: left; }
.fr { float: right; }
.tc { text-align: center; }
.cb { clear: both; }
.di { display: inline }
.lh0 { line-height: 0; }
.dn { display: none }
.nb { border-width: 0}
.w100 { width: 100%; height: auto;}
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { zoom:1; }
.cr:before, .cr:after { content:""; display:table; }
.cr:before { clear:both; }
.cr { zoom:1; }
.justify   { text-align: justify; }
label { cursor: pointer }
body         { background: #d0d0d0; color: #4D4D4B; font-family: Arial, Helvetica, sans-serif; font-size: 1.05em; padding: 0 ; margin: 0}
a             {	color: #D90000; text-decoration: underline; }
a:hover       {	color: #A60000; text-decoration: none; }
.img        { border: 1px solid #aaa; background-color: #d0d0d0}
.vm         { margin-bottom: 20px }
#top       { margin-bottom: 1em; background-color: #d0d0d0; border-width: 0 0 2px 0; border-style: solid; border-color: #950000; background-image: url(../img/top_bg.png); background-repeat: repeat-x; }
#top_cont  { border-bottom: 1px solid white; }
#logo        { display: block; line-height: 0; text-align: center; }
#logo img    { border: 0; max-width: 100% }
#top_text    { background-color: #f0f0f0; color: #808080; border: 2px solid #b9b9b9; padding: 0.6em;  border-radius: 5px; text-align: center; font-size: 0.95em}
#wrap      { min-width: 320px; max-width: 1920px; margin: 0 auto; }
#cont      {  background: #f3f3f3; padding-bottom: 1em}
#column-menu         { list-style: none; padding: 0; margin: 0 0 40px 0}
#column-menu li      { line-height: 1.6em; }
#column-menu a       { padding: 0.2em 0 0.2em 0.4em; margin-bottom: 0.6em; border-width: 0 0 0 12px; border-style: solid; border-color: #300200; border-radius: 0 4px 4px 0; display: block; background-color: #9d0606; color: #fff; text-transform: uppercase; text-decoration: none; }
#column-menu a:hover, #column-menu a.sel{ background-color: #ed8f07; border-color: #9d0606; }
.column_head      { background: #950000; color: #fff; padding: 5px 10px 5px 10px; border-radius: 0px 4px 4px 0; }
.column_cont      { margin: 0 0 20px 10px; }
.column_head a    { color: #fff }
.cluster           { text-align: center; margin-bottom: 20px }
.cluster a         { text-decoration: none; display: inline-block; padding: 2px 3px  }
.cluster a:hover   { text-decoration: underline; }

.cluster .c01   { font-size: 10px }
.cluster .c02   { font-size: 12px }
.cluster .c03   { font-size: 14px }
.cluster .c04   { font-size: 16px }
.cluster .c05   { font-size: 18px }

h1          { font-size: 1.8em;  margin: 0;  }
h2          { font-size: 1em; margin: 0 }
h3          { font-size: 1.2em; color: #950000; margin: 0 0 0.2em 0; border-bottom: 3px solid #950000; }
.folder-description    { font-weight: normal; }
.folder-description ul { list-style: none; padding: 0; margin: 0}
.folder-description li { background-image: url(../img/li_bg.gif); background-repeat: no-repeat; }
.link_more { float: right; color: #404040; border: 1px solid #d0d0d0; padding: 0.2em 0.6em; text-decoration: none;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
  background: #eee; 
  background: -moz-linear-gradient(top,  #eee 0%, #ccc 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#ccc)); 
  background: -webkit-linear-gradient(top,  #eee 0%,#ccc 100%);
  background: -o-linear-gradient(top,  #eee 0%,#ccc 100%);
  background: -ms-linear-gradient(top,  #eee 0%,#ccc 100%);
  background: linear-gradient(to bottom,  #eee 0%,#ccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
  }
.fluid_item       { float: left; width: 10%}
.fluid_cont       { padding: 0 5px 10px 0 } 
.scaling          { position: relative; line-height: 0;  }
.scaling img      { border: 0;  }
a.loading         { border: 1px solid #999; background-color: #d0d0d0; display: block; overflow: hidden; line-height: 0;  text-align: center; text-decoration: none; position: absolute; top: 0; bottom: 0; right: 0; left: 0; }
a.loading:hover   { border-color: #900; display: block; overflow: hidden; line-height: 0;  text-align: center; text-decoration: none; position: absolute; top: 0; bottom: 0; right: 0; left: 0; }
p.overlay        { width: 100%; line-height: 1.4em; position: absolute; overflow: hidden; padding: 0.2em; bottom: 0px; left: 0px; color: #fff; background-image: url(../img/overlay.png); } 
.perex            { padding-bottom: 1em; margin-bottom: 0.6em; border-bottom: 1px dotted black }
.perex .img { width: 150px; }
.result_visuals   { text-align: center; }
.result_visuals img  { max-width: 100% }
.result  { line-height: 1.6em }
.result img  { display: none}

.social          { float :left; margin-bottom: 1em}
.result_author { float: right }

#foot       { clear: both; background: #ccc; border-top: 1px solid #888; }
#bottom     { background: #ddd; border-top: 1px solid #888; padding: 10px; font-size: 0.8em; clear: both; text-align: center }
.banner_cont      { background: #999; border: 1px solid #777; color: #fff; font-size: 15px; line-height: 18px; padding: 10px; box-shadow: inset 0 0 5px #777; } 
.banner_cont a    { color: #fff; }
.banner_cont .img { border-color: #fff; }
.category-description  { border: 1px solid #d0d0d0; background: #fff; padding: 0.6em; border-radius: 0.4em; margin-bottom: 0.6em }
.line            { background-color: #ffc; color: #000; border: 1px solid #d0d0d0; margin: 10px 0 10px 0; padding: 5px 5px }
.small      { font-size: 10px }
.hi         { color: #FF9700 }
.red        { color: #D90000 }
.special_item         { color: #874007; padding: 0.6em; margin-bottom: 0.6em;  
  -moz-border-radius: 0.4em; -webkit-border-radius: 0.4em; border-radius: 0.4em;
  border: 2px solid #dc6200;
  background: #ed8f07; 
  background: -moz-linear-gradient(top,  #f7ad43 0%, #fe8f00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7ad43), color-stop(100%,#fe8f00));
  background: -webkit-linear-gradient(top,  #f7ad43 0%,#fe8f00 100%);
  background: -o-linear-gradient(top,  #f7ad43 0%,#fe8f00 100%);
  background: -ms-linear-gradient(top,  #f7ad43 0%,#fe8f00 100%);
  background: linear-gradient(to bottom,  #f7ad43 0%,#fe8f00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ad43', endColorstr='#fe8f00',GradientType=0 );
}
.special_item img     { border: 2px solid #ffdca4; }
.special_item a       { color: #FF9713 }
.special_item p       { margin-top: 5px;}
#seek       { background: #e6e6e6; padding: 0.4em; text-align: center; }
#seek .previous   { float: left; text-decoration: none; color: #000; padding-left: 30px; background: url(../img/previous_bg.gif) no-repeat left 0px; }
#seek .next       { float: right; text-decoration: none; color: #000; padding-right: 30px; background: url(../img/next_bg.gif) no-repeat right 0px}
#seek-num   {  }
#seek-num a.pager-notselected { background: #fff; color: #d74527; text-decoration: none; }
#seek-num a.pager-selected, #seek-num a.pager-notselected:hover { background: #d74527; color: #fff; text-decoration: none; }



/* modular - media queries */
@media all and (min-width: 0) {
#wrap  { width: auto; margin: 0 auto}	
#line                { background-color: #6cc; color: #000}
#line span:after     { content: none  }
.mode_default_desktop { display: none }
.mode_default_mobile  { display: none }
.mode_modular { font-weight: normal; display: inline }
.perex_title  { margin-bottom: 0;}
#top_cont  { padding: 10px; background-image: none }
#logo      { float: none; margin-top: 0; margin-bottom: 0.4em }
#top_text  { width: auto; background-color: #f0f0f0; color: #808080; border: 2px solid #b9b9b9; padding: 0.6em;  border-radius: 5px; float: none; }
#wrapper   { float:none ;width:100%; }
#content   { margin: 0 }
#column    { display: none; }
#select-menu         { display: block}
#select-menu select  { width: 100%; font-size: 1.2em; background-color: #ffe}
.list_holder { margin-left: 10px; margin-right: 5px}
.holder   { margin-left: 10px; margin-right: 10px }
.perex    { margin: 0 10px 10px 10px }
.subinfo  { float: none;font-size: 0.8em; margin-bottom: 0.8em}
.perex h2        { float: none; margin-bottom: 10px}
.folder-description li { background-position: 0px 8px; line-height: 1.4em; padding: 0 0 0 10px }
.fluid_item      { width: 33.333333%; }
.fluid_7         { display: none} 
.fluid_8         { display: none}
.fluid_9         { display: none}
.fluid_10         { display: none}
.banner_wrap  { padding: 0.4em 0.4em 0 0.4em; }
.banner_text  { float: none; width: auto}
.banner_cont  { margin-bottom: 0.4em; margin-right: 0; }
.mod_4 { display: block}
.mod_5 { display: none}
.mod_6 { display: none}
.square            { width: 160px; height: 160px; float: left; }
.square img        { display: block; margin: 0 10px 10px 0; width: 150px; height: 150px;}
#seek-num { clear: both; margin-top: 0em; padding: 20px 0 5px 0 }
#seek-num a { padding: 5px 10px; display: inline-block; margin-bottom: 5px; }
#seek .previous, #seek .next { margin-top: 0px; }
.subject:nth-of-type(7) { display:none ; }
.subject:nth-of-type(8) { display:none ; }
.subject:nth-of-type(9) { display:none ; }
.subject:nth-of-type(10) { display:none ; }
}

@media all and (max-width: 479.5px){
.perex .img { width: 70px; }
}

@media all and (min-width: 480px){
#line span:after  { content:"cool smartphones 480 and up"  }
#line             { background-color: #FFFF33}
.mode_modular { display: none }
.fluid_item      { width: 25%; }
.fluid_7         { display: block} 
.fluid_8         { display: block}
.perex            { padding-bottom: 0.6em; }
.subject:nth-of-type(7) { display:inherit ; }
.subject:nth-of-type(8) { display:inherit ; }
}		


@media all and (min-width: 600px){
#line span:after  { content:"nexus portrait 600 and up"  }
#line             { background-color: #009; color: #fff}
.fluid_item      { width: 16.666666%; }
.fluid_7         { display: none} 
.fluid_8         { display: none}
.perex h2        { float:left; margin-bottom: 0.5 em; }
.perex_text      { padding-top: 2em; } /* to solve embedded clear:both */
.subinfo         { float: right }
.square  {display: block}
#seek-num { clear: none; margin-top: 0em; padding: 0px 0 0px 0 }
#seek-num a { padding: 5px 10px; display: inline-block; margin-bottom: 0px; }
#seek .previous, #seek .next { margin-top: 5px; }
.subject:nth-of-type(7) { display:none ; }
.subject:nth-of-type(8) { display:none ; }
}


@media all and (min-width: 768px){
#line span:after  { content:"Ipad portrait, Nexus landscape 768 and up"  }
#line             { background-color: #c00; color: #fff}
.fluid_item      { width: 14.285714%; }
.fluid_7         { display: block} 
.result_head h1  { float: left}
.subhead  { float: right }
.banner_wrap  { padding: 10px 0 5px 10px; }
.banner_text  { width: 50%; float: left}
.banner_cont  { margin-right: 10px; height: 76px; overflow: hidden }
.subject:nth-of-type(7) { display:inherit ; }
.subject:nth-of-type(8) { display:none ; }
.square {width: 262px; height: 262px; }
.square img {width: 250px; height: 250px; }
}

/* desktop */

@media all and (min-width: 970px) {
#line span:after  { content:"Desktop_deafult_css loaded"  }
#line             { background-color: #666; color: #fff}

.mode_default_mobile  { display: none; }
.mode_default_desktop { display: none }
.mode_modular         { display: none; }


#wrap      { margin: 0 auto; }
#cont      { background: #f3f3f3; padding-bottom: 1em}

#top_cont  { padding: 20px 40px 1.8em 1em; background-image: url(../img/top_art.png); background-repeat: no-repeat; background-position: right; }
#logo      { float: left; margin-top: 10px }
#top_text  { float: right; width: 360px; margin: 0; border: 0; padding: 0 10px 0 10px; background: transparent;  }



#select-menu { display: none }

#cont      { margin: 0 ;  }

#wrapper   { float:left;width:100%; }
#content   { margin: 0 0 0 222px}
#column    { display: block; float:left; width:222px; margin-left:-100%; }


.list_holder { margin: 0 35px 0 40px }
.holder   { margin-left: 40px; margin-right: 40px }
.perex    { margin: 0 40px 20px 40px }
.perex .img { width: 100px; }


.perex_title     { margin-bottom: 10px; }
.perex h2        { margin-bottom: 0.5em; }
.subinfo         { float: right }

.result_head h1  { float: left}
.subhead  { float: right }

.fluid_item      { width: 16.666666%; }
.fluid_7         { display: none} 
.fluid_8         { display: none} 
.fluid_9         { display: none} 
.fluid_10         { display: none} 

.folder-description li { background-position: 40px 8px; padding-left: 50px; line-height: 1.4em; }

.banner_wrap  { padding: 10px 0 10px 10px; }
.banner_text       { width: 33%; float: left}
.banner_cont  { margin-right: 10px; overflow: hidden }
.mod_4 { display: none}
.mod_5 { display: none}
.mod_6{ display: none}

#seek-num { clear: none; margin-top: 0em; padding: 0px 0 0px 0 }
#seek-num a { padding: 5px 10px; display: inline-block; margin-bottom: 0px; }
#seek .previous, #seek .next { margin-top: 5px; }
.subject:nth-of-type(7) { display:none ; }
.subject:nth-of-type(8) { display:none ; }
}


@media all and (min-width: 1024px){
#line span:after  { content:"Ipad landscape 1024 and up; summon column"  }
#line             { background-color: #FF00CC; color: #fff}
#top_cont  { padding: 20px 40px 1.8em 1em; background-image: url(../img/top_art.png); background-repeat: no-repeat; background-position: right; }
#logo      { float: left; margin-top: 10px }
#top_text  { float: right; width: 360px; margin: 0; border: 0; padding: 0 10px 0 10px; background: transparent;  }
#select-menu { display: none }
#cont      { margin: 0 ;  }
#wrapper   { float:left;width:100%; }
#content   { margin: 0 0 0 222px}
#column    { display: block; float:left; width:222px; margin-left:-100%; }
.list_holder { margin: 0 35px 0 40px }
.holder   { margin-left: 40px; margin-right: 40px }
.perex    { margin: 0 40px 20px 40px }
.folder-description li { background-position: 40px 8px; padding-left: 50px; line-height: 1.4em; }
.banner_text  { width: 33.333333%; }
.mod_4 { display: none}
}


@media all and (min-width: 1280px){
#line span:after  { content:"1280 and up"  }
#line             { background-color: #f60; color: #fff}
.fluid_item      { width: 12.5%; }
.fluid_8         { display: block} 
.banner_text  { width: 25%; }
.mod_4 { display: block}
.subject:nth-of-type(7) { display:inherit ; }
.subject:nth-of-type(8) { display:inherit ; }
}


@media all and (min-width: 1680px){
#line span:after  { content:"1680 and up"  }
#line             { background-color: #990000; color: #fff}
.fluid_item      { width: 11.111111%; }
.fluid_9         { display: block} 
.banner_text  { width: 20%; }
.mod_5 { display: block}
.subject:nth-of-type(9) { display:inherit ; }
}


@media all and (min-width: 1920px){
#line span:after  { content:"1920 cap"  }
#line             { background-color: #000; color: #fff}
.fluid_item      { width: 10%; }
.fluid_10         { display: block} 
.mod_6 { display: block}
.subject:nth-of-type(10) { display:inherit ; }
}




/* DISCLAIMER */
#over {
    background: #000;
    z-index: 10;
    opacity: 0.7;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#page {
    text-align: center;
    z-index: 11;
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
    bottom: 0;
}

#entry {
    max-width: 680px;
    padding: 30px 20px 10px 20px;
    display: inline-block;
    margin: 0 5%;
    background: #e6e6e6;
    color: #000;
    border: 5px solid #10495a;
    border-radius: 5px;
}

#entry p {
    font-size: 14px;
    padding: 10px;
}

#entry .in, #entry .out {
    display: inline-block;
    margin: 0 10px 15px 10px;
}

#entry .in {
    cursor: pointer;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    padding: 10px 20px;
    text-decoration: none;
    background: #52ad24;
    border-radius: 5px;
}

#entry .in:hover {
    background: #58BA27
}

#entry .out {
    font-size: 12px;
    color: #000;
}

#entry .out:hover {
    text-decoration: none
}

#entry div {
    text-align: left;
    font-size: 12px;
    color: #2f2f2f;
    background: #85dded;
    padding: 17px 15px;
    border-radius: 5px;
}

#entry div b {
    display: block;
    color: #1c1c1c;
    margin-bottom: 10px;
}

#entry div ul {
    padding: 0 20px 0 20px;
    overflow: auto;
    list-style-type: decimal;
}

#entry img {
    max-width: 80%;
}

/* DISCLAIMER */

/* error page */
#error_404        { 
    min-width: 280px; 
    background-color: #f0f0f0;  
    margin: 20px auto 0 auto; 
    border: 5px solid #950000; 
    border-radius: 10px; 
    box-shadow: inset 0 0 15px #666;
    padding:30px; }