/* styles */

body
{
/*background-image:url(images/grid.png);*/
}

* {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
a, img {border:none;outline:none;}

html {margin:0px;padding:0px;}
body {margin:0px;padding:0px;background-color:rgb(245,245,245);background-image:url(images/texture.jpg);}
img {margin:0px;padding:0px;}

div.bigcontainer {margin-left:auto;margin-right:auto; width:1280px; margin-top:20px;}
div.marginalia
{
margin-right:40px;
vertical-align:top;
margin-bottom:40px;
}
@media (min-width:1301px) {div.marginalia {width:240px;} }
@media (max-width:480px) {div.marginalia {margin-right:0px;} }

div.mainpage
{
display:inline-block;
vertical-align:top;
width:1000px;
background-color:white;
-webkit-border-radius:3px 3px 3px 3px;
border-radius:3px 3px 3px 3px;
-webkit-box-shadow:0px 0px 4px 0px rgba(0,0,0,0.2);
box-shadow:0px 0px 4px 0px rgba(0,0,0,0.2);
padding-top:20px;
margin-bottom:80px;
float:right;
/*background-image:url(images/grid.png);// for debug */
}

@media (max-width:1020px)                         {div.mainpage {width:100%;} div.bigcontainer {width:100%;} }
@media (min-width:1020px) and (max-width:1300px)  {div.bigcontainer {width:1000px;}}

/* marginalia */

div.marginalia > div.chit
{
width:100%;
height:400px;
-webkit-border-radius:3px 3px 3px 3px;
border-radius:3px 3px 3px 3px;
-webkit-box-shadow:0px 0px 4px 0px rgba(0,0,0,0.2);
box-shadow:0px 0px 4px 0px rgba(0,0,0,0.2);
background-color:rgb(253,255,252);
margin-bottom:40px;
display:inline-block;
vertical-align:top;
}

@media (max-width:1300px) and (min-width:481px) {div.marginalia > div.chit {width:50%;} div.marginalia > div.chit.next {position:relative;left:40px;} }

div.marginalia > div.chit > .heading
{
background-color:rgb(120,165,145);
color:rgb(253,255,252);
padding-left:20px;
line-height:40px;
font-family:Arimo, Arial, Helvetica, sans-serif;
font-size:12pt;
display:block;
text-decoration:none;
-webkit-border-radius:3px 3px 0px 0px;
border-radius:3px 3px 0px 0px;
}

div.marginalia > div.chit > .heading > .button
{
display:block;
float:right;
text-align:center;
width:40px;
text-decoration:none;
color:rgb(253,255,252);
line-height:40px;
border-left: 1px solid rgba(253,255,252,0.2);
}

div.marginalia > div.chit > .heading > .button:hover {background-color:rgba(253,255,252,0.1);}

div.marginalia > div.chit > .monthcalendar
{
background-color:rgba(0,0,0,0.05);
height:28px;
line-height:28px;
font-family:Arimo, Arial, Helvetica, sans-serif;
font-size:10.5pt;
display:block;
text-align:center;
color:rgb(120,165,145);
margin-top:5px;
border-top:1px solid rgba(120,165,145,0.3);
border-bottom:1px solid rgba(120,165,145,0.3);
margin-bottom:5px;
}

div.marginalia > div.chit > .monthcalendar > div.button
{
width:40px;
float:left;
cursor:pointer;
}

div.marginalia > div.chit > .monthcalendar > div.button:hover {background-color:rgba(255,255,255,0.5);}

div.marginalia > div.chit > .monthcalendar > div.button.left  {float:left ; border-right:1px solid rgba(120,165,145,0.3);}
div.marginalia > div.chit > .monthcalendar > div.button.right {float:right; border-left: 1px solid rgba(120,165,145,0.3);}

div.marginalia > div.chit > div.chitcontents
{
font-family:Arimo, Arial, Helvetica, sans-serif;
font-size:11pt;
height:320px;
overflow-y:hidden;
}

div.marginalia > div.chit > div.chitcontents.waiting
{
background-image:url(images/waiting.gif);
background-repeat:no-repeat;
background-position:50% 45%;
}

div.marginalia > div.chit > div.chitcontents:hover {overflow-y:scroll;}
div.marginalia > div.chit > div.chitcontents::-webkit-scrollbar {width:10px;}
div.marginalia > div.chit > div.chitcontents::-webkit-scrollbar-thumb {background-color:rgba(120,165,145,0.5);border-radius:5px;-webkit-border-radius:5px;}

div.marginalia > div.chit.next > div.chitcontents {height:360px;}

div.marginalia > div.chit > div.chitcontents > .blurb
{
margin-left:10px;
margin-right:10px;
padding-bottom:15px;
border-top:1px solid rgba(120,165,145,0.2);
padding-top:9px;
display:block;
text-decoration:none;
color:rgba(120,165,145,0.5);
}
div.marginalia > div.chit > div.chitcontents > div.blurb.notice
{
padding-top:120px;
text-align:center;
}

div.marginalia > div.chit > div.chitcontents:hover > a.blurb {margin-right:0px;}

div.marginalia > div.chit > div.chitcontents > a.blurb:last-of-type
{
border-bottom:1px solid rgba(120,165,145,0.2);
}

div.chitcontents > a.blurb:hover {background-color:rgba(120,165,145,0.1);}
div.chitcontents > a.blurb > div.title {color:rgba(120,165,145,1.0);font-weight:bold;}
div.chitcontents > a.blurb > div.date {color:rgba(120,165,145,0.8);font-size:0.8em;margin-bottom:5px;}
div.chitcontents > a.blurb > div.description {color:rgba(120,165,145,0.9);font-size:0.9em;}

/* masthead section */

div.titlebar
{
width:100%;
height:160px;
position:relative;
background-image:url(images/swirl.jpg);
background-position:top left;
background-repeat:no-repeat;
}

img.logo
{
float:right;
position:absolute;
right:40px;
border:0px;
z-index:3;
}

@media (max-width:470px) {img.logo {width:83%; right:8.5%} }

div.menushendi
{
position:absolute;
top:80px;
right:0px;
width:40px;
height:41px;
background-color:rgba(200,41,0,0.1);
background-image:url(images/small-red-hatching-2.png);
}

@media (max-width:470px) {div.menushendi {display:none;} div.menubacking {display:none;} }


div.menubacking
{
position:relative;
top:80px;
width:auto;
margin-right:220px;
height:41px;
background-color:rgba(200,41,0,0.1);
background-image:url(images/small-red-hatching-2.png);
padding-left:40px;
z-index:4;
}
@media (max-width:800px) {div.menubacking {padding-left:0px; text-align:center;} }

div.menubacking a
{
display:inline-block;
width:25%;
max-width:120px;
border-left:1px solid rgba(70,0,0,0.075);
font-family:Arimo, Arial, Helvetica, sans-serif;
font-size:12pt;
text-decoration:none;
text-align:center;
height:41px;
line-height:40px;
color:rgba(255,255,255,0.9);
background-color:rgba(200,41,0,0.275);
background-image:url(images/button-gradient.png);
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
z-index:4;
-webkit-transition:background-color 0.1s, color 0.1s;
-moz-transition:background-color 0.1s, color 0.1s;
-o-transition:background-color 0.1s, color 0.1s;
transition:background-color 0.1s, color 0.1s;
}

@media (max-width:601px) {div.menubacking a {display:none;} }

div.menubacking a:first-of-type {border-radius:6.66px 0px 0px 6.66px;-webkit-border-radius:6.66px 0px 0px 6.66px;border-left:0px;}
div.menubacking a.last {border-right:1px solid rgba(255,255,255,0.4);border-radius:0px 6.66px 6.66px 0px;-webkit-border-radius:0px 6.66px 6.66px 0px;}

div.menubacking a:hover
{
background-color:rgba(200,41,0,0.1);
color:white;
}

div.tagline
{
font-family:Arimo, Arial, Helvetica, sans-serif;
font-size:17.5px;
line-height:20px;
height:60px;
position:absolute;
top:0px;
left:0px;
color:rgb(108,149,131); /* (120,165,145) * 0.9 */
text-align:left;
margin-left:40px;
}

div.tagline > span.small {font-size:12px;vertical-align:top;}
div.tagline > span.break {display:none;}
@media (max-width:760px) {div.tagline > span.break.big {display:inline;} }
@media (max-width:660px) {div.tagline {display:none;}}



/* slider */

@media (max-width:480px) {div.slider {display:none;} }

div.slider
{
margin-bottom:40px;
position:relative;
overflow:hidden;
}

div.slider > div.slide
{
position:absolute;
width:100%;
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
filter:alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition:opacity 1s;
-moz-transition:opacity 1s;
-o-transition:opacity 1s;
transition:opacity 1s;
}

div.slider > div.slide.visible
{
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
filter:alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
z-index:2;
}

div.slider > div.slide > div.caption
{
min-height:39px;
color:rgba(255,255,255,0.9);
font-family:'Open Sans',Verdana, sans-serif;
cursor:pointer;
background-color:rgba(128,128,128,0.2);
position:absolute;
bottom:0px;
width:100%;
border-top:1px solid rgba(255,255,255,0.065);
}

div.slider > div.slide > div.author
{
position:absolute; top:0px; right:0px; text-align:right; line-height:30px; padding-right:10px;
font-family:"Open Sans",Verdana,sans-serif;font-weight:300;font-size:10pt;font-style:italic;z-index:2;
}
div.slider > div.slide > div.author > a {color:rgba(128,128,128,0.75);text-decoration:none;}
div.slider > div.slide > div.author > a > span {font-weight:600;font-style:normal;}

div.slider > div.slide > img {display:block;width:100%;position:relative;left:0px;transition:left 1s;-webkit-transition:left 1s;-moz-transition:left 1s;-o-transition:left 1s;}
div.slider > div.slide.visible > img {left: 0px;}
div.slider > div.slide.gof     > img {left:-33%;}
div.slider > div.slide.gob     > img {left: 33%;}
div.slider > div.slide.comef   > img {left:  7%;transition:left 0s;-webkit-transition:left 0s;-moz-transition:left 0s;-o-transition:left 0s;}
div.slider > div.slide.comeb   > img {left: -7%;transition:left 0s;-webkit-transition:left 0s;-moz-transition:left 0s;-o-transition:left 0s;}

div.slider > .button
{
display:block;
position:absolute;
bottom:1px;
text-align:center;
width:39px;
text-decoration:none;
line-height:39px;
cursor:pointer;
margin-left:1px;
background-color:rgba(255,255,255,0.1);
z-index:3;
color:rgba(255,255,255,0.7);
font-family:'Open Sans',Verdana,sans-serif;
cursor:pointer;
}

div.slider > .button.gonext {right:0px;}
div.slider > .button.goprev {right:40px;}

div.slider > .button:hover {background-color:rgba(255,255,255,0.175);color:rgba(255,255,255,0.9);}

div.slider > div.slide > div.caption > a
{
display:block;
padding-top:5px;
padding-left:20px;
margin-right:80px;
min-height:35px;
cursor:pointer;
text-decoration:none;
color:rgba(255,255,255,0.9);
}

div.slider > div.slide > div.caption > a > i {color:rgba(255,255,255,0.81);}

div.slider > div.slide > div.caption > a:hover {background-color:rgba(255,255,255,0.15);}

/* leaderimage*/

@media (max-width:480px) {img.leaderimage {display:none;} div.leader.licensed {display:none;} }

img.leaderimage {width:100%;margin-bottom:40px;}
div.image.licensed {position:relative;}
div.image.licensed > a > div.by
{position:absolute; bottom:0px; right:0px; text-align:right; line-height:40px; padding-right:10px;
font-family:"Open Sans",Verdana, sans-serif;font-weight:300;font-size:10pt;font-style:italic;color:rgba(128,128,128,0.75);z-index:1;}
div.image.licensed > a > div.by > span {font-weight:600;font-style:normal;}
div.image.leader.licensed > a > div.by {bottom:40px;}
/*div.leader.licensed > a > div.by.l0 {z-index:1; color:rgba(0,0,0,0.5);}
div.leader.licensed > a > div.by.l1 {z-index:2; color:rgba(255,255,255,0.4);}*/

/* contents */

div.contents {display:table;width:100%;}
div.contents > div {display:table-row;}
div.contents > div > div {display:table-cell;}

div.contents > div > div.left
{
border-right:2px dotted rgba(200,41,0,0.8);
padding-bottom:20px;
}

div.contents > div > div.extreme
{
border-left:2px dotted rgba(200,41,0,0.8);
padding-bottom:20px;
}

div.contents > div > div.right
{
padding:0px;
margin:0px;
/*padding-left:20px;*/
padding-bottom:20px;
vertical-align:top;
}

div.contents.nonmain > div > div.right
{
padding-left:0px;
/*padding-right:20px;*/
}

@media (max-width:480px) {
div.contents {display:block;}
div.contents > div {display:block;}
div.contents > div > div {display:block;}
div.contents > div > div.left {border-right:none;width:auto;}
div.contents > div > div.right {width:auto;margin-top:40px;padding-left:0px;}
}

div.contents > div > div.right > div > div.narrowblurbs
{
padding:0px;
margin:0px;
text-align:right;
margin-left:auto;
margin-right:auto;
}
div.contents.nonmain > div > div.right > div > div.narrowblurbs {text-align:left;}

@media (min-width:1000px)                       {div.contents > div > div.right > div > div.narrowblurbs {width:720px;} }
@media (min-width:760px) and (max-width:1000px) {div.contents > div > div.right > div > div.narrowblurbs {width:480px;} }
@media                       (max-width:760px)  {div.contents > div > div.right > div > div.narrowblurbs {width:240px;} }

div.contents > div > div.right > h1, div.contents > div > div.right h2
{
font-family:'Crimson Text','Times New Roman',serif;
padding-left:40px;
padding-right:40px;
}

div.contents > div > div.right > h1 {font-size:40pt;line-height:50pt;margin-top:0pt; margin-bottom:0pt;color:rgb(80,80,80);font-weight:normal;}
div.contents > div > div.right   h2 {font-size:20pt;line-height:25pt;margin-top:24pt;margin-bottom:0pt;color:rgb(60,60,60);font-weight:600;}

@media (max-width:480px) {div.contents > div > div.right > h1 {font-size:28pt;line-height:35pt;} }

div.contents > div > div.right
{
font-family: 'Open Sans', Verdana, sans-serif;
font-size:12pt;
color:rgb(40,40,40);
}

div.contents > div > div.right > div > p
{
/*font-family: 'Open Sans', Verdana, sans-serif;*/
padding-left:40px;
padding-right:40px;
margin-bottom:20px;
margin-top:20px;
text-align:justify;
/*font-size:12pt;
color:rgb(40,40,40);*/
}

div.contents > div > div.right > p.abstract
{
color:rgb(120,165,145);
font-size:12pt;
line-height:17pt;
padding-left:40px;
margin-right:40px;
padding-right:40px;
margin-bottom:20px;
padding-top:10px;
padding-bottom:10px;
background-color:rgb(250,250,250);
text-align:left;
}

div.contents > div > div.right > p.abstract > span.date
{
color:rgba(120,165,145,0.78);
font-size:10pt;
}

div.contents > div > div.right > div > p a
{
text-decoration:none;
/*color:rgb(60,60,60);*/
color:rgb(72,140,87);
font-style:italic;
}

div.contents > div > div.right > div > p a:hover
{
/*color:rgb(72,140,87);*/
text-decoration:underline;
}

div.contents > div > div.right > div > p > b.title {color:rgb(72,140,87);}
div.contents > div > div.right > div > p.textblurb > b.title {text-transform:uppercase;}

div.contents > div > div.right > div > p.textblurb > a.readmore
{
color:rgba(72,140,87,0.65);
float:right;
}

div.contents > div > div.right > div > p.textblurb > a.readmore:hover {color:rgb(72,140,87);}

div.contents > div > div.right ul
{
/*font-family: 'Open Sans', Verdana, sans-serif;*/
padding-left:60px;
padding-right:20px;
/*font-size:12pt;
color:rgb(40,40,40);*/
}

div.contents > div > div.right > div > div.table {display:table;width:100%;border:0px;padding:0px;margin:0px;}
div.contents > div > div.right > div > div.table > div {display:table-row;}
div.contents > div > div.right > div > div.table > div > div {display:table-cell;padding:0px;margin:0px;vertical-align:top;}
div.contents > div > div.right > div > div.twocolumn > div > div {width:50%;}
@media (max-width:720px) {
div.contents > div > div.right > div > div.table.twocolumn             {display:block;}
div.contents > div > div.right > div > div.table.twocolumn > div       {display:block;}
div.contents > div > div.right > div > div.table.twocolumn > div > div {display:block;width:100%;}
div.contents > div > div.right > div > div.table.twocolumn > div > div:nth-child(1) > ul {margin-bottom:0px;}
div.contents > div > div.right > div > div.table.twocolumn > div > div:nth-child(2) > ul {margin-top:0px;}
}

div.contents > div > div.right > div.breadcrumbs
{
font-family: 'Open Sans', Verdana, sans-serif;
font-size:11pt;
padding:0;
margin:0;
padding-left:40px;
padding-right:40px;
}

div.contents > div > div.right > div.breadcrumbs a
{
text-decoration:none;
color:rgb(160,160,160);
}

div.contents > div > div.right > div.breadcrumbs a:hover
{
color:rgb(72,140,87);
}

div.contents > div > div.right > div.breadcrumbs span.crumb
{
padding-left:10px;
padding-right:10px;
}

div.contents > div > div.right > div > table
{
padding-left:40px;
padding-right:40px;
border:none;
}

div.contents > div > div.right > div > table > tbody > tr {border:none;}
div.contents > div > div.right > div > table > tbody > tr > td {padding-right:20px;border:none;}
div.contents > div > div.right > div > table > tbody > tr > td:last-child {padding-right:0px;}

div.contents > div > div.right > div > table.datelist > tbody > tr > td:first-child {text-align:right;vertical-align:top;}

div.contents > div > div.right > div > div.image {margin-left:40px; margin-right:40px}
div.contents > div > div.right > div > div.image img {max-width:100%; width:100%}
div.contents > div > div.right > div > div.image > span {font-size:80%}
div.contents > div > div.right > div > div.image > a {text-decoration:none;color:rgb(40,40,40);}


/* aboutnoumenon */

div.aboutnoumenon
{
width:198px;
padding-left:20px;padding-right:20px;
background-color:rgb(251,241,238);
margin-bottom:20px;
}

div.aboutnoumenon.hidden {display:none;}
@media (max-width:480px) {
div.aboutnoumenon.hidden  {display:block;}
div.aboutnoumenon.extreme {display:none;}
}
div.aboutnoumenon > p
{
font-family: 'Open Sans', Verdana, sans-serif;
font-weight:300;
padding:0px;
padding-top:20px;padding-bottom:20px;
margin:0px;
font-size:14pt;
line-height:20pt;
color:rgb(200,41,0);
}

@media (max-width:800px) {
    div.aboutnoumenon > p {font-size:13pt;line-height:19pt;color:rgba(200,41,0,0.9);}
}

div.aboutnoumenon > p > em {font-style:normal;font-weight:600;}

div.aboutnoumenon > a.caption
{
display:block;
background-color:rgb(241,202,191);
color:rgba(185,78,51,0.75);
font-family: 'Open Sans', Verdana, sans-serif;
font-style:italic;
font-size:12pt;
text-decoration:none;
min-height:40px;
line-height:40px;
-webkit-border-radius:0px 0px 5px 0px;
border-radius:0px 0px 5px 0px;
}

div.aboutnoumenon > a.caption > div.legend {padding-left:20px;margin-right:40px;}

div.aboutnoumenon > a.caption > div.legend:hover {background-color:rgba(255,255,255,0.15);}

div.aboutnoumenon > a.caption > div.button
{
float:right;
width:40px;
text-align:center;
border-left:1px solid rgba(255,255,255,0.5);
background-color:rgb(241,202,191);
-webkit-border-radius:0px 0px 5px 0px;
border-radius:0px 0px 5px 0px;
}
div.aboutnoumenon > a.caption > div.button:hover {background-color:rgba(255,255,255,0.15);}


/* narrowblurb */

a.narrowblurb
{
width:200px;
box-shadow:0px 0px 10px rgba(0,0,0,0.25);
margin-left:18px;
margin-right:18px;
margin-bottom:40px;
vertical-align:top;
border-radius:10px;
overflow:hidden;
/*border:1px solid rgb(120,165,145);*/
display:inline-block;
text-decoration:none;
-webkit-transition:background-color 0.25s;
-moz-transition:background-color 0.25s;
-o-transition:background-color 0.25s;
transition:background-color 0.25s;
background:transparent;
}

a.narrowblurb:hover
{
background-color:rgb(225,245,235);
-webkit-transition:background-color 0.25s;
-moz-transition:background-color 0.25s;
-o-transition:background-color 0.25s;
transition:background-color 0.25s;
}

a.narrowblurb > div.heading
{
height:80px;
position:relative;
top:0px;
left:0px;
}

a.narrowblurb > div.heading > img 
{
position:absolute;top:0px;left:0px;z-index:0;
/*border-radius:10px 10px 0px 0px;*/
/*overflow:hidden;*/
opacity:1; -moz-opacity:1; -khtml-opacity:1; filter:alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transition:opacity 0.75s; -moz-transition:opacity 0.75s; -o-transition:opacity 0.75s; transition:opacity 0.75s;
}
a.narrowblurb:hover > div.heading > img {opacity:1;-moz-opacity:1;-khtml-opacity:1;filter:alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
a.narrowblurb > div.heading > img.full {opacity:1.0;-moz-opacity:1.0;-khtml-opacity:1.0;filter:alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

a.narrowblurb > div.heading > div.text
{
display:block;
position:absolute;top:75px;right:0px;
background-color:rgba(120,165,145,0.0);
color:rgba(5,20,10,0.67);
z-index:2;
height:75px;
line-height:75px;
text-align:center;
width:200px;
-webkit-transition:background-color 0.7s;
-moz-transition:background-color 0.7s;
-o-transition:background-color 0.7s;
transition:background-color 0.7s;
}

/*a.narrowblurb:hover > div.heading > div.text
{
background-color:rgba(120,165,145,1.0);
}*/

a.narrowblurb > div.heading > div.text > span
{
display:inline-block;
font-size: 16pt;
line-height:1.25;
vertical-align:bottom;
margin-bottom:5px;
margin-right:5px;
font-family:'Open Sans',Verdana, sans-serif;
font-weight:300;
z-index:2;
}

a.narrowblurb > div.description
{
font-size:12pt;
font-family:'Open Sans',Verdana, sans-serif;
color:rgb(105,105,105);
margin-top:90px;
-webkit-transition:color 2s;
-moz-transition:color 2s;
-o-transition:color 2s;
transition:color 2s;
text-align:left;
}

a.narrowblurb > div.description > div.readmore
{
text-align:right;
font-style:italic;
margin-top:10px;
color:rgb(143,143,143);
}

a.narrowblurb:hover > div.description                {color:rgb(70,90,80);}
a.narrowblurb:hover > div.description > div.readmore {color:rgba(70,90,80,0.75);}

/* footer */

div.footer
{
width:100%;
border-top:2px solid rgb(114,118,121);
padding-top:18px;
padding-bottom:20px;
background-color:rgb(132,136,140);
clear:both;
color:rgb(200,205,210);
font-family:'Open Sans', Verdana, sans-serif;
font-size:12pt;
background-image:url(images/brushed.png);
/*line-height:2em;*/
}

div.footer b {color:rgb(240,242,244);font-size:13pt;margin-bottom:10px;display:block;}

div.footer > div.box {margin-left:auto;margin-right:auto;width:1280px;}
div.footer > div.box > div.box
{
width:1000px;
float:right;
}
@media (max-width:1020px)                        { div.footer > div.box {width:100%;  } div.footer > div.box > div.box {width:100%} 
                                                   div.footer > div.box > div.box > div.left {margin-left:20px;} div.footer > div.box > div.box > div.right {margin-right:20px;} }
@media (min-width:1020px) and (max-width:1300px) { div.footer > div.box {width:1000px;} }

div.clear {clear:both;}

div.footer > div.box > div.box > div.left {float:left ;text-align:left ;width:45%;}
div.footer > div.box > div.box > div.right{float:right;text-align:right;width:45%;padding-bottom:20px;}
@media (max-width:600px) { div.footer > div.box > div.box > div.left, div.footer > div.box > div.box > div.right {width:auto;} }

div.footer > div.box > div.box > div.right img {padding-left:12px;display:inline-block;}
div.footer > div.box > div.box > div.right > a       {opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(opacity=50);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
                                                      transition:opacity 0.3s; -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; -o-transition:opacity 0.3s;}
div.footer > div.box > div.box > div.right > a:hover {opacity:1;-moz-opacity:1;-khtml-opacity:1;filter:alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

/* footer-links */

div.footer.links
{
background-color:rgb(114,118,121);
border-top:0px;
padding-top:0px;
padding-bottom:0px;
background-image:none;
min-height:40px;
line-height:40px;
vertical-align:center;
}


div.footer.links > div.box > div.box > div.right {padding-bottom:0px;width:auto;}

div.footer.links > div.box > div.box > div.left {width:auto;}

div.footer.links > div.box > div.box > div.left > a
{
text-decoration:none;
color:inherit;
display:inline-block;
margin-right:20px;
line-height:36px;
border-top:2px solid transparent;
width:auto;
}

div.footer.links > div.box > div.box > div.left > a:hover
{
border-top:2px solid rgb(125,240,125);
-webkit-transition:all 0.2s;
-moz-transition:all 0.2s;
-o-transition:all 0.2s;
transition:all 0.2s;
color:rgb(200,240,200);
}

/* math */

span.math_inline
{
display:inline-block;
}

span.math_stack > span
{
display:block;
}

span.math_subsup
{
vertical-align:-10%;
padding-left:2pt;
}

span.math_subsup > span
{
font-size:75%;
line-height:85%;
}

span.math_subsup.math_limits
{
vertical-align:-30%;
}

span.math_subsup.math_limits > span
{
line-height:120%;
}

span.math_radical
{
border-top: 1px solid rgb(60,60,60);
}

div.math
{
text-align:center;
vertical-align:middle;
font-family: 'Open Sans', Verdana, sans-serif;
padding-left:20px;
padding-right:20px;
font-size:12pt;
color:rgb(40,40,40);
display:box;
box-pack:center;
box-align:center;
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;
}

div.math table
{
width:auto;
display:inline-table;
}

div.math table > tbody > tr > td
{
padding-left:5px;
padding-right:5px;
vertical-align:middle;
}

div.math table > tbody > tr > td.sup {vertical-align:top;   padding-left:0px;font-size:75%;}
div.math table > tbody > tr > td.sub {vertical-align:bottom;padding-left:0px;font-size:75%;}

div.math table.math_display > tbody > tr > td
{
padding-left:2px;
padding-right:2px;
vertical-align:middle;
}

div.math table.det
{
border-left:1px solid rgb(40,40,40);
border-right:1px solid rgb(40,40,40);
}

div.math table.mx
{
border-left:1px solid rgb(40,40,40);
border-right:1px solid rgb(40,40,40);
border-top-right-radius:   20px 50px;
border-top-left-radius:    20px 50px;
border-bottom-right-radius:20px 50px;
border-bottom-left-radius: 20px 50px;
padding-left:5px;
padding-right:5px;
}

span.math_big_oper
{
font-size:200%;
line-height:80%;
font-weight:300;
}

div.math table.frac > tbody > tr:first-child > td {border-bottom:1px solid rgb(40,40,40);}
div.math table.frac {font-size:85%;padding:0px;}