@charset "utf-8";
/* CSS Document */

#banny { height: 175px; width: 860px; background-image: url(../img/banny.jpg); }
#live {
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
}
#temp { width: 814px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; float: left; text-align: justify; height: auto; background-color: #F4F4F4; color: #666; border-right-width: medium; border-left-width: medium; border-right-style: solid; border-left-style: solid; border-right-color: #008FE8; border-left-color: #008fE8; border-top-width: thin; border-top-style: solid; border-top-color: #008FE8; line-height: 28px; 
}
h5 {font-size:16px;color:#000;text-decoration: underline;}
.big {
	font-size: 24px;
	color: #009900;
	margin-top: 10px;
	text-align: center;
	font-weight: bold;
}
#f {
	background-color: #999;
	float: left;
	height: 30px;
	width: 860px;
	text-align: center;
	padding-top: 20px;
	color: #FFF;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #366;
}
h1,h2,h3,h4 {
	color: #000;
	text-decoration: underline;
}
.phot {
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
a:link { color:#093}
.sellingpic { float: right; height: 182px; width: 300px; padding: 10px; }

@media (max-width:480px)  { 

#banny {
	background-image:url(../img/banny.gif);
	height: 127px;
	width: 100%;
}
#live {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
}
#temp { width: 96%; padding-top: 10px; padding-right: 2%; padding-bottom: 10px; padding-left: 2%; float: left; text-align: justify; height: auto; background-color: #F4F4F4; color: #666; border-right-width: medium; border-left-width: medium; border-right-style: solid; border-left-style: solid; border-right-color: #008FE8; border-left-color: #008fE8; border-top-width: thin; border-top-style: solid; border-top-color: #008FE8; line-height: 28px; 
}
h1,h2,h3,h4,h5 {text-align:left;font-size:16px;color:#000;text-decoration: underline;}
.big {
	font-size: 22px;
	color: #009900;
	margin-top: 10px;
	text-align: center;
	font-weight: bold;
}
#f {
	background-color: #999;
	float: left;
	height: 45px;
	width: 100%;
	text-align: center;
	padding-top: 20px;
	padding-bottom:5px;
	color: #FFF;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #366;
}
h1,h2,h3,h4 {
	color: #000;
	text-decoration: underline;
}
.phot {
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
a:link { color:#093}
.sellingpic { float: right; text-align:center; height: 182px; width: 100%; padding: 10px; }
}