/* screen.css */

html, body {
background: #000;
padding: 0;
margin: 0;
}

* {
font-size: 100%;
margin: 0;
padding: 0;
font-weight: normal;
font-family: Tahoma, 'MS PGothic', sans-serif;
}

#header {
width: 100%;
height: 65px;
overflow: visible;
background-image: url(img/shadetop2.png);
background-position: 0 100%;
background-repeat: repeat-x;
}

/* time stuff */
/* general rule */
#header {
background-color: #1F94D7; /* lblue */
}

/* night rule */
.hour20 #header, .hour21 #header, 
.hour22 #header, .hour23 #header, 
.hour00 #header, .hour01 #header, 
.hour02 #header, .hour03 #header,
.hour04_01month #header, .hour05_01month #header,
.hour04_02month #header, .hour05_02month #header,
.hour04_03month #header,
.hour04_04month #header,
.hour04_09month #header,
.hour04_10month #header,
.hour04_11month #header, .hour05_11month #header,
.hour04_12month #header, .hour05_12month #header,
.hour18_01month #header, .hour19_01month #header,
.hour19_02month #header,
.hour19_03month #header,
.hour19_04month #header,
.hour19_09month #header,
.hour18_10month #header, .hour19_10month #header,
.hour18_11month #header, .hour19_11month #header,
.hour18_12month #header, .hour19_12month #header
{
background-color: #080808; /* black */
}
.hour06_01month #header,
.hour06_02month #header,
.hour05_03month #header,
.hour05_04month #header,
.hour04_05month #header,
.hour04_06month #header,
.hour04_07month #header,
.hour04_08month #header,
.hour05_09month #header,
.hour05_10month #header,
.hour06_11month #header,
.hour06_12month #header,
.hour17_01month #header,
.hour18_02month #header,
.hour18_03month #header,
.hour18_04month #header,
.hour19_05month #header,
.hour19_06month #header,
.hour19_07month #header,
.hour19_08month #header,
.hour18_09month #header,
.hour17_10month #header,
.hour17_11month #header,
.hour17_12month #header
{
background-color: #0F4868; /* ddblue; */
}
.hour07_01month #header,
.hour07_02month #header,
.hour06_03month #header,
.hour06_04month #header,
.hour05_05month #header,
.hour05_06month #header,
.hour05_07month #header,
.hour05_08month #header,
.hour06_09month #header,
.hour06_10month #header,
.hour07_11month #header,
.hour07_12month #header,
.hour16_01month #header,
.hour17_02month #header,
.hour17_03month #header,
.hour17_04month #header,
.hour18_05month #header,
.hour18_06month #header,
.hour18_07month #header,
.hour18_08month #header,
.hour17_09month #header,
.hour16_10month #header,
.hour16_11month #header,
.hour16_12month #header
{
background-color: #155F95; /* dblue */
}
.hour13_05month #header,
.hour13_06month #header,
.hour13_07month #header, .hour14_07month #header,
.hour13_08month #header, .hour14_08month #header,
.hour13_09month #header
{
background-color: #63B8E8 /* llblue */
}

/* / time stuff */

h1 {
line-height: 49px;
padding-top: 49px;
height: 0px !important;
height /**/: 49px;	
display: inline;
overflow: hidden;
background: url(img/ab-aggregated-llblueborder.png) 0 0 no-repeat;
float: left;
width: 490px;
margin: 10px 0 0 30px;
}

#feed {
float: left;
display: inline;
}
#feed a {
margin: 15px 0 0 0;
line-height: 60px;
padding-top: 60px;
height: 0px !important;
height /**/: 60px;	
display: block;
overflow: hidden;
width: 63px;
cursor: pointer;
background: transparent url(img/feed-tilted-shade2.png) 0 0 no-repeat;
}

#skiplink { /* hide from <IE7 */
height:3px;
position: fixed;
top: 0;
width: 100%;
background: url(img/shadetop.png) 0 0 repeat-x;
}
#skiplink a {
display: none;
}

#main {
clear: left;
width: 987px; /* for IE */
overflow: hidden;
margin-top: 10px;
padding-right: 15px;
margin-bottom: 20px;
}

div[id=main] {
width: auto !important; 	/* override the fixed width setting */
max-width: 994px;
min-width: 680px;
}
#container {
width: 100%;
float: left;
margin-right: -320px;
display: inline;
}

#list {
margin-right: 321px;
overflow: hidden;
}
ul[id=list] {
margin-right: 291px !important;
}

#list li {
font-size: 0.8em;
list-style-type: none;
padding: 0 !important;
margin: 0 !important;
}

#list li a {
display: block;
border-top: 1px solid #000;
border-bottom: 1px solid #111;
white-space: nowrap;
padding: 0.1em 0 0.2em 30px;
color: #ddd;
text-decoration: none;
background-repeat: no-repeat;
background-image: url(img/bullets-combined2.png);
width: 100%;
}
.alternate a {
border-top: 1px solid #080808 !important;
background-color: #080808;
}

#list li a:hover, #list li a:focus {
border-top: 1px solid #444 !important;
border-bottom: 1px solid #222;
background-color: #333;
color: #eee !important;
}

#list li.chosaq a {
background-position: 7px -94px;
}
#list li.furl a {
background-position: 7px -294px;
color: #555;
}
#list li.nipponkan a {
background-position: 7px -494px;
}
#list li.flickr a {
background-position: 7px -694px;
}
#list li.chosaq a:hover, #list li.chosaq a:focus {
background-position: 7px 6px;
}
#list li.furl a:hover, #list li.furl a:focus {
background-position: 7px -194px;
}
#list li.nipponkan a:hover, #list li.nipponkan a:focus {
background-position: 7px -394px;
}
#list li.flickr a:hover, #list li.flickr a:focus {
background-position: 7px -594px;
}

#sidebar {
border-left: 1px solid #222;
background-color: #000;
margin: 0 0 0 0;
padding: 0 0 0 15px;
width: 260px;
float: right;
color: #eee;
overflow: hidden;
}
#sidebar p, #sidebar li {
	font-size: 0.8em;
}
#sidebar img {
margin: 0 0 10px 0;
}
#sidebar a img {
border: 0;
}
#sidebar #aboutcontact h2 {
line-height: 30px;
padding-top: 30px;
height: 0px !important;
height /**/: 30px;	
display: block;
overflow: hidden;
background: url(img/aboutcontact2.png) 0 0 no-repeat;
width: 192px;
margin-bottom: 5px;
}
#sidebar #aboutcontact p {
line-height: 1.5em;
color: #ddd;
margin-bottom: 0.3em;
}
#sidebar #aboutcontact p a {
text-decoration: none;
border-bottom: 1px solid #155F95;
color: #ddd;
}
#sidebar #aboutcontact p ins {
text-decoration: none;
background-color: #111;
}
#sidebar #aboutcontact strong {
font-weight: bold;
}
#sidebar #aboutcontact ul {
border: 1px solid #111;
clear: left;
height: 40px;
margin: 10px 0 15px 0;
padding: 8px 0 0 27px;
background: #080808 url(img/diag.png) 0 0 repeat;
}
#sidebar #aboutcontact ul li {
display: inline;
}
#sidebar #aboutcontact ul li a {
display: block;
float: left;
width: 30px;
height: 30px !important;
margin-right: 25px;
border: 1px solid #ccc;
}
#sidebar #aboutcontact ul li a img {
margin: 0;
}
#sidebar #aboutcontact ul li a:hover {
border: 1px solid #1F94D7;
}
#sidebar #aboutcontact ul li#viaskype a {
background-color: #fff;
}
#sidebar #aboutcontact ul li#viaskype a img {
margin: 2px 2px 2px 3px;
}
#sidebar #affiliations h2 {
line-height: 30px;
padding-top: 30px;
height: 0px !important;
height /**/: 30px;	
display: block;
overflow: hidden;
background: url(img/affiliations2.png) 0 0 no-repeat;
width: 192px;
}
#sidebar #affiliations ul {
list-style-type: none;
}
#sidebar #affiliations li a {
line-height: 90px;
padding-top: 90px;
height: 0px !important;
height /**/: 90px;	
display: block;
overflow: hidden;
width: 260px;
margin-top: 10px;
}
#sidebar #affiliations #aff-opera a {
background: url(img/opera-side-combined.jpg) 0 0 no-repeat;
}
#sidebar #affiliations #aff-chosaq a {
background: url(img/chosaq-side-combined.jpg) 0 0 no-repeat;
}
#sidebar #affiliations #aff-tab a {
background: url(img/tab-side-combined.jpg) 0 0 no-repeat;
}
#sidebar #affiliations li a:hover {
background-position: 0 -90px !important;
}


#footer {
height: 1.1em;
width: 100%;
text-align: left;
color: #333;
}
#footer p {
font-size: 0.7em;
line-height: 1.4em;
white-space: normal;
margin: 0 12px 0 12px;
}
#footer p a {
color: #333;
text-decoration: none;
}
#footer p:hover a {
color: #444;
text-decoration: underline;
}
body>#footer { /* hide from <IE7 */
position: fixed;
bottom: 0px;
background: url(img/footer.png);
z-index: 10;
}