/* vi:sw=3 ts=3 sts=3 et syn=css
 */
html, body { min-height: 100%; margin: 0; padding: 0; }
body { font-family: "Nobile", sans-serif; }
::selection { background-color: #FFC233; }
::-moz-selection { background-color: #FFC233; }
div.container {
   width: expression(document.body.clientWidth < 770 ? "768px" : document.body.clientWidth > 1118 ? "1120px" : "auto"); /* ie doesn't support min-max-width */
   margin: 0 auto;
   padding: 0 1em 1em;
   min-width: 48em; /* 768px */
   max-width: 70em; /* 1120px */
}
h1,h2,h3,h4,h5,h6 { font-family: "Lobster", sans-serif; }
h1 { color: #630; border-bottom: 1px solid #F93; margin: 0 0 .5em; letter-spacing: 1px; font-weight: normal; text-shadow: #999 1px 1px 3px; }
.subtitle { text-align: right; }

a { color: #FFB200; font-weight: bold; }
a::selection { color: black; }
a::-moz-selection { color: black; }
a:hover { color: #33CC00; text-shadow: #CCC 1px 1px 2px; }
a:hover::selection { color: #228800; }
a:hover::-moz-selection { color: #228800; }
a:active { color: #6699CC; }
a:active::selection { color: #336699; }
a:active::-moz-selection { color: #336699; }

small { font-style: italic; color: #333333; }
small a { color: #C80; font-weight: inherit; }
em { font-weight: bolder; }
.outro { text-align: center; }

nav {
   font-family: "Segoe UI", "Droid Sans", sans-serif;
   display: block;
   text-align: left;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#E82), to(#F93));
   background-image: -moz-linear-gradient(top, #e82 0%, #f93 100%);
   filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ee8822', endColorstr='#ff9933'); /* IE6 & IE7 */
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ee8822', endColorstr='#ff9933')"; /* IE8 */
   color: white;
   letter-spacing: 1px;
   margin-bottom: 30px;
   border-bottom: 2px solid #D71;
   cursor: default;
}
nav a { color: white; font-weight: normal; }
nav ul { list-style-type: none; margin: 0; padding: 0; }
nav li { display: inline-block; position: relative; padding: 5px .6em 5px; margin-bottom: -2px; }
nav a { display: inline-block; padding: 5px .6em 5px; margin: -5px -.6em -5px; }
nav a:hover, .leftbar li.active { color: #DD9200; background-color: white; text-shadow: #CCC 1px 1px 2px; }

nav .lollogin { float: right; }

.ie { float: right; width: 20em; font-size: 75%; border: 2px solid #C33; padding: .5em; background-color: white; color: black; margin: 0 1em; }
.ie a { color: #00c !important; }
.ie a:visited { color: #c0c !important; }
.ie a:hover { color: #c00 !important; }
.ie a:active { color: #0c0 !important; }