@import url("example2.css");
@import url("example3.css");
@import url("example4.css");
@import url("example5.css");
@import url("example6.css");
@import url("example7.css");
@import url("example8.css");
@import url("example10.css");
@import url("smoothness/jquery-ui.custom.css");

h2
{
	padding:2px 0 2px 10px;
	/*border-left:#900 10px solid;*/
	/*border-bottom:#900 1px solid;*/
	font-family: sans-serif;
	/*font-size: 90%;*/
	font-weight: 200;
	/*color:#333;*/
	/*word-wrap: break-word;*/
}
h3
{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 5px;
	font-family: optima, papyrus, sans-serif;
	/*font-size: 90%;*/
	font-weight: 200;
	/*font-weight: bold;*/
	/*border-left:#900 8px double;*/
	/*color:#336;*/
	/*word-wrap: break-word;*/
	/*text-overflow: ellipsis;*/
}
div.example
{
	margin: 10px 5px 10px 5px;
	padding: 10px;
	/*background: #e7e7e7;*/
	width: 400px;
	height:480px;
	float: left;
	/*********border: 1px solid red;************/
}

@media (max-width: 420px)
{
	body { margin:0; padding:0; }
	div.example { margin: 0px 0px 0px 5px; padding: 0px; }
	h2 { font-size: 100%; }
}
@media (max-width: 320px)
{
	h2 { font-size: 90%; }
}
/*
@media (max-width: 180px)
{
	div.example { width: 160px; height: 120px; font-size: 60%; } 
}
*/