*{margin:0px;padding:0px}

body{
	font-family:arial;
	background: #FFF;
}


a:link {
	color: #000;
}

/* visited link */
a:visited {
	color: #000;
}

/* mouse over link */
a:hover {
	color: #000;
}

/* selected link */
a:active {
	color: #00F;
}


#header
{
	background-color:#FFF;
	border-bottom:2px solid #333;
	padding:20px;
	overflow:auto;
	color:#000;
}
#main
{
	padding:10px 10px 10px 10px;
}
#footer
{
	min-height:10px;
	background-color:#dedede;
	border-top:2px solid #333;
	padding:20px;
	clear:both
}
#article{
	min-height:250px;
	margin-bottom:20px;
	overflow:auto;
	border: thin solid #666;
	background: #FFF;
}
.content{padding:20px}

#sidebar{
	min-height:250px;
	margin-bottom:20px;
	overflow:auto;
		
}
.img{
	padding:20px
		
	}



ul{list-style:none;width:100%}

li{
	padding:4px;
	margin-bottom:5px;
	background-color:#FFF;
	text-align:center;
	color:#000
}


@media only screen and (min-width: 480px)
{
	
#header
{
background-color:#cccccc;	
}
ul{float:left;}
li{float:left;width:16%;padding:4px;margin-right:8px}
#main
{
	padding:10px 20px 10px 20px;
}
	
}

@media only screen and (min-width: 768px){
#header
{
background-color:#cccccc;	
}
#article
{
float:left;
width:68%;
}

#sidebar
{
float:right;
width:30%;
}
#logo
{
float:left;
width:10%;
}
#nav
{
float:right;
width:80%;
}
ul{float:right}
li{float:left;width:17%;padding:4px;margin-right:8px}
#main
{
	padding:20px 30px 20px 30px;
}

}

@media only screen and (min-width: 1140px) {

	#header
{
	background-color:#cccccc;	
}
#main
{
	padding:20px 40px 20px 40px;
}

}

.table {display:block; }
.row { display:block;}
.cell {display:inline-block;}loper