/*
============================================================================
============================================================================
   Script:   "7points Mobile Weather"
   Author:   7points - Piotr Mitelski >> www.7points.pl
   Date:     30 Dec 2011
   License:  GPL
   Usage:	 free of charge
============================================================================
   Copyright (C) 2011 7points - Piotr Mitelski

   This software is copyrighted. It is distributed under the
   terms of the GNU General Public License (GPL). Because it
   is licensed free of charge, there is NO WARRANTY, it is
   provided AS IS. The author can not be held liable for any
   damage that might arise from the use of this software.

   For more details, see GPL license (http://www.gnu.org/).
============================================================================
============================================================================
*/
@charset "utf-8";
body {
	font-size: 12px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: #000;
}

/***********************************************
* GLOBAL DEFINITIONS
***********************************************/
a {
	color: #fff;
	text-decoration: underline;
}
a:hover {
	color: #fff;
	text-decoration: none;
}

hr {
	border: 0;
	width: 218px;
	height: 3px;
	margin: 6px auto;
	background: url(gfx/bkg-hrline.png) no-repeat;
}
img	{
	border: 0;
}
p, ul {
	margin: 0;
}

.bold {
	font-weight: bold;
}
.clear {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

/***********************************************
* CONTAINER
***********************************************/
#container {
	/*width: 222px;*/
	width: 300px;
	height: 300px;
	margin: 0px auto;
	padding: 10px;
	text-align: center;
	background: #111;
	border: solid 0px #333;
}

	/***********************************************
	* WEATHER
	***********************************************/
	#ajax_weather {
		width: 100%;
		height: 130px;
	}
		#ajax_weather .loading {
			margin-top: 120px;
		}
		#ajax_weather .location {
			text-align: right;
		}
		#ajax_weather a {
			font-weight: bold;
		}
		#ajax_weather .image {
			margin-top: -16px;
			text-align: left;
		}
		#ajax_weather .current_temp {
			font-size: 40px;
			font-weight: bold;
			margin-top: -80px;
			margin-left: 135px;
			text-align: left;
		}

		#ajax_weather table {
			margin-top: 5px;
			width: 100%;
			font-size: 12px;
		}
			#ajax_weather table tr.header {
				background: #313d48;
			}
			#ajax_weather table th {
				font-size: 10px;
				text-transform: uppercase;
			}
			#ajax_weather table .update {
				text-align: left;
				font-size: 9px;
				color: #63676c;
			}
			#ajax_weather table .day {
				width: 32px;
				font-size: 14px;
				font-weight: bold;
				border-left: solid 1px #313d48;
			}
			#ajax_weather table .night {
				width: 32px;
				color: #4d4d4f;
				border-left: solid 1px #313d48;
			}
			#ajax_weather h1 {
				font-size: 10px;
				margin: 0;
				padding: 0;
				margin-bottom: 5px;
			}
			#ajax_weather ul {
				width: 35%;
				height: 110px;
				margin: 0;
				padding: 0;
				list-style: none;
				float: left;
			}
				#ajax_weather ul li {
					text-align: left;
					padding-left: 5px;
					padding-right: 2px;
					line-height: 20px;
				}
				#ajax_weather ul li a {
					font-weight: normal;
					font-size: 11px;
					text-decoration: none;
					color: #7a838a;
				}
				#ajax_weather ul li a.current {
					font-weight: bold;
					color: #fff;
				}
			#ajax_weather ul.col_2 {
				width: 29%;
				border-left: solid 1px #313d48;
				border-right: solid 1px #313d48;
			}

		#details ul {
			height: auto;
			margin: 0;
			padding: 0;
			list-style: none;
		}
			#details ul.col_1, #details ul.col_2 {
				float: left;
				width: 49%;
			}
			#details ul.col_2 {
				border-left: solid 1px #313d48;
				border-right: 0;
			}
			#details ul li {
				margin: 0;
				padding: 0 0 0 5px;
				font-weight: bold;
				white-space: nowrap;
			}
			#details label {
				float: left;
				width: 77px;
				font-weight: normal;
			}
			
		#powered, #powered a {
			clear: both;
			font-size: 10px;
			color: #4d4d4f;
			padding-top: 15px;
		}