/* 
    Document   : meteo
    Created on : Jul 20, 2011, 11:52:54 PM
    Author     : mrauhala
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


td
{
    font-size: 75%;
}

.model
{
    font-weight: bold;
    text-transform: uppercase;
}

.lastrun
{
    color: #45e325;
}

.pastrun
{
    color: #fc2600;
}

.weekday
{
    font-size: 12px;
    font-weight: bold;
    background-color: #08c;
    color: #ffffff;
}

.past
{
    background-color:#333333;
    color: #acd264;
}

.future
{
    /*background-color: #8ad800;*/
    color: #acd264;
}

.vtscroll
{
    color: #8ad800;
}

td.link:hover
{
    background-color:#6495ed;
}

.missinglink
{
    color: #ff0000;
}

.scrollTimeOn
{
    background-color: #6495ed;
}

.scrollTimeOff
{
    background-color: #000000;
}

a
{
    color: #FFFFFF;
    text-decoration: none;
}

#mapinfo
{
    margin-top: 0px;
}

.map
{
    border-color: #ffffff;
    /*border-radius: 5px;
    box-shadow: 10px 10px 5px #888;*/
}


.well.sidebar-nav
{
    color: black;
    background-color: #9ccb49;
}

.well.sidebar-nav a
{
    color: white;
}

.psel.nav-header
{
    color: black;
}

/*------------------------------
=NAVIGATION
------------------------------*/

nav {
	position: absolute;
        left: 0;
	width: 100%;
	background-color: #152c58;
}

	nav ul {
		margin: 0 auto;
		width: 1200px;
		list-style: none;
	}

		nav ul li {
			float: left;
		}
		
			nav ul li a {
				display: block;
				margin-right: 20px;
				width: 196px;
				font-size: 14px;
				line-height: 44px;
				text-align: center;
				text-decoration: none;
				color: #777;
			}
			
				nav ul li a:hover {
					color: #fff;
				}
			
			nav ul li.selected a {
				color: #fff;
			}
			



/*------------------------------
=SIDEBAR
------------------------------*/
#fff
{
    color: #000000;
    background-color: #9ccb49;
}

aside section {
	margin: 22px 0 0 22px;
	padding: 11px 22px;
	background: url("img/sidebar_section_background.png") repeat-x;
        
	/* Border-radius not implemented yet */
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
}

	aside section ul {
		margin: 0 0 0 22px;
		list-style: none;
	}

		aside section ul li a {
			display: block;
			text-decoration: none;
			color: #000;
		}

			aside section ul li a:hover {
				text-decoration: underline;
			}



/*------------------------------
=FOOTER
------------------------------*/
footer {
    position: absolute;
    left: 0;
    width: 100%;
    background: #222;
}

footer div {
    display: table;
    margin: 0 auto;
    padding: 44px 0;
    width: 1200px;
    color: #777;
}

footer div section {
    display: table-cell;
    width: 400px;
}

footer div #about, footer div #blogroll {
    padding-right: 20px;
}

footer h3 {
    color: #FFF;
}

footer a {
    color: #999;
}

footer a:hover {
    color: #FFF;
    text-decoration: none;
}

footer ul {
    margin: 0 0 0 40px;
    list-style: square;
    color: #565656;
}

footer ul li a {
    display: block;
}