/*
	weatherBaseCS.css

	styles taken from BaseCS skin for jAlbum to give weather pages the same 'look' as photo album pages.

	Original common.css created by Laza fo Base jAlbum skin.
*/

/*********************************** Page structure */

#main {
	margin:0 auto;
	background-color:#ffffff;
	width:960px;
}


.clear {
	clear:both;
}

#navigation {
	background-color:#444444;
	z-index:999;
}

/*********************************** Top navigation */

#navigation {
	position:relative;
	text-align:center;
	line-height:40px;
}
#navigation .logo {
	height:40px;
	max-width:20%;
	float:left;
	display:inline-block;
	margin-right:2%;
}
#navigation .logo a {
	display:block;
	height:40px;
	line-height:40px;
	overflow:hidden;
}
#navigation .logo img {
	max-width:100%;
	max-height:100%;
	vertical-align:middle;
	margin-top:-2px;
}
.top-nav {
	text-align:center;
}
.top-nav.with-logo {
	/*margin-left:22%;*/
}
.top-nav a {
	display:block;
	white-space:nowrap;
	color:#ffffff;
}
.top-nav > ul {
	height:40px;
	text-transform: none;
	font-size: 80%;
}
.top-nav ul {
	display:inline-block;
	vertical-align:top;
	padding:0;
	margin:0;
	list-style-type:none;
	z-index:998;
}
.top-nav li.actual {
	background-color:#000066;
}
.top-nav > ul > li {
	position:relative;
	display:inline-block;
	width:auto;
	height:100%;
}
.ie7 .top-nav > ul > li {
	float:left;
}
.top-nav > ul > li.home {
	width:30px;
	height:30px;
	margin-top:5px;
}
.top-nav > ul > li.home a {
	display:block;
	line-height:30px;
	background-image:url(home_d.png);
	background-position:center 0px;
	background-repeat:no-repeat;
	text-decoration:none;
}
.top-nav > ul > li.home a:hover {
	background-position:center -30px;
}
.top-nav > ul > li > a {
	line-height:40px;
	font-size:1.2em;
	padding:0 0.75em;
}
.top-nav > ul > li ul {
	display:none;
	position:absolute;
	z-index:999;
	background-color:#444444;
}
.top-nav > ul > li > ul {
	min-width:100%;
}
.top-nav > ul > li > ul li {
	position:relative;
	display:block;
}
/* fix IE7 topnav (couldn't select submenu items) */
.ie7 .top-nav > ul > li > ul li {
	float:left;
	display:block;
}
.top-nav > ul > li > ul > li a {
	line-height:30px;
	font-size:1em;
	padding:0 0.75em;
}
.top-nav > ul > li > ul > li ul {
	left:100%;
	top:0;
}
.top-nav > ul > li:hover > ul,
.top-nav > ul > li > ul > li:hover > ul,
.top-nav > ul > li > ul > ul > li > li:hover > ul {
	display:block;
}

/*********************************** Navigation buttons */
a {
	outline: 0
}
/* stop IE putting border round picture links */
a img {
    border: 0;
}
	
a.navigation,
span.navigation {
	display:inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	background-image:url(navigation.png);
	background-repeat:no-repeat;
}
a.navigation {
	text-decoration:none;
	background-position:0 0;
}
a#up {
	background-position:0 0;
}
a#up:hover {
	background-position:0 -40px;
}
span#up {
	background-position:0 -80px;
}
a#prev {
	background-position:-40px 0;
}
a#prev:hover {
	background-position:-40px -40px;
}
span#prev {
	background-position:-40px -80px;
}
a#next {
	background-position:-80px 0;
}
a#next:hover {
	background-position:-80px -40px;
}
span#next {
	background-position:-80px -80px;
}
a#first {
	background-position:-120px 0;
}
a#first:hover {
	background-position:-120px -40px;
}
span#first {
	background-position:-120px -80px;
}
a#last {
	background-position:-150px 0;
}
a#last:hover {
	background-position:-150px -40px;
}
span#last {
	background-position:-150px -80px;
}

/* 
	styles.css - custom styles for the skin's Page templates
	
*/

/************** About page */

#about-page {
	margin:10px 0px;
}
#about-page .left {
	float:left;
	padding-right: 10px;
	width:335px;
}
#about-page .left img {
	max-width:100%;
}
#about-page .right {
	margin-left:335px;
	padding-left:10px;
	overflow:hidden;
}
#about-page  p {
	line-height:1.5em;
	text-align: justify;
}
#about-page .author {
	float:left;
	display:inline;
	margin:10px 30px 10px 0;
	max-width:40%;
}