@media handheld {
body {
	margin: 0;
	padding: 5px 5px 10px 5px;
	max-width: 550px;
	border-right: 1px solid #777;
	}

.body {
	margin: 0;
	padding: 0;
	}

.bodyPadding {
	margin: 0;
	padding: 0;
	background-color:#F5F5F5;
	}

#home .bodyPadding { 
	background-image: none;
	background-color: #fff;
	}

.main {
	margin: 0;
	padding: 0;
	float: none;
	width: auto;
	}

.mainPadding {
	margin: 0;
	padding: 0 0 10px 0;
	background-color: #fff;
	}

.mainPadding img { 
	max-width: 100%;
	}

.side {
	margin: 0;
	padding: 0;
	}

.sidePadding	{
	margin: 0;
	padding: 0 0 10px 10px;
	}

.head {
	margin: 0;
	padding: 0 0 10px 0;
	}

.head img {
	display:block;
	margin-left:-2px;
	}

/* rounded simplebits minitabs */
/* plus my no-self-link span   */

.mmenu {
	margin: 0;
	padding: 0;
	}

.mmenu li {
	margin: 0; 
	padding: 0;
	list-style-type: none;
	}
	
.mmenu a:link, .mmenu a:visited, .mmenu span {
	float: none;
	font-size:16px;
	font-family:Arial;
	font-weight: normal;
	padding: 0 12px 5px 0;
	text-decoration: none;
	color:#999;
	}

.mmenu a:hover, .mmenu span, .mmenu a.here {
	color: black;
	}

.mmenu span {
	cursor:default;
	}


/* */

ul.menu li {

	list-style-type: none;
	margin:0;padding:0;
	display:block;
	float: left;
	width: 86px;
	height: 108px;
	text-align: left;
	}

h2.menu {
	font-family: Arial;
	font-size: 14px; 
	font-weight: normal; 
	margin:0 0 5px 0; 
	padding:0;
	}

ul.menu li a.image:link span,
ul.menu li a.image:active span,
ul.menu li a.image:visited span {
	border: 1px solid #EAEAEA;
	}
	
ul.menu li a.image:hover span { 
	border: 1px solid #C0C0C0;
	background-position: top left;
	}

ul.menu li a.image span { 
	height:98px;
	width:74px;
	overflow:hidden;
	display:block;
	background-repeat:no-repeat;
	background-position: top right;
	}

ul.menu li span.here { 
	height:98px;
	width:74px;
	overflow:hidden;
	display:block;
	background-repeat:no-repeat;
	background-position: top left;
	border: 1px solid #7A7A7A;
	}

.image:hover {

	/* irrelevant definition to overcome IE6 bug */
	color: #C0C0C0; 
	
	/* The only cross browser syntax (IE6 bug) */
	cursor: pointer;
	cursor: hand;
	}

ul.menu { margin:0;padding:0; }
span.text { display: none !important }

/* */


.main h1 {
	margin:35px 0 4px 0;
	padding:0;
	font-size:16px;
	font-family:Arial;
	line-height: 20px;
	font-weight: normal;
	width: 300px;
	}


.main p {
	font-size:14px;
	font-family:Arial;
	margin-right:14px;
	color: #777;
	}


.alt { 
	display: none;
	}


/* */

.pages {

	/* IE6 double margin bug */
	display:inline;
	
	float:right;
	margin:6px 0 0 0;
	padding:0;
	line-height:25px;
	}

.pages a,
.pages span {
	margin:0 2px 0 2px;
	padding:4px 5px 3px 5px;
	text-align:center;
	}

.pages a:link,
.pages a:active,
.pages a:visited {
	text-decoration:none; color:#BBB;
	background-image:url(page.gif);
	background-repeat:no-repeat;
	background-position:top left;
	}

.pages a:hover,
.pages span.here { 
	text-decoration:none; color:#999;
	background-image:url(page.gif);
	background-repeat:no-repeat;
	background-position:top right;
	font-weight:bold; }

/* */

#prev, #next {

	/* IE6 double margin bug */
	display:inline;

	float:left;
	margin:0 0 0 3px;
	
	display:block;
	height:21px;width:21px;
	background-repeat:no-repeat;
	background-position:top left;
	}

#prev:hover, #next:hover {
	display:block;
	height:21px;width:21px;
	background-repeat:no-repeat;
	background-position: top right;
	}

#ui {
	width:52px;
	float:right;
	display:inline;
	margin-top:0;
	padding:0;
	}

/* */


h1, h2, h3, h4, p { 
	margin:0; 
	padding:2px 0 2px 0;
	}

table, tbody, tr, td, th { 
	display: block;
	max-width: 100%;
	}

.spacer1 { 
	display:none;
	}

#home .spacer1 {
	height:30px;
	display:block;
	}

.spacer2 { 
	height:10px;
	margin:0;
	}

/* */

.archive { 
	font-family: Arial;
	font-size: 14px; 
	font-weight: normal; 
	color: #CBCBCD;
	margin:2px 0 0 0;
	padding:0;
	
	/* preload hover */
	background-image: url(/themes/style-06/archive_over.gif);
	background-position: left center;
	background-repeat: no-repeat;
	}

.archive a:link,
.archive a:active,
.archive a:visited {
	color: #CBCBCD;
	text-decoration:none;
	padding-left:22px;
	background-image: url(/themes/style-06/archive.gif);
	background-position: left center;
	background-repeat: no-repeat;
	}

.archive a:hover { 
	color: #A3A3A3;
	background-image: url(/themes/style-06/archive_over.gif);
	background-position: left center;
	background-repeat: no-repeat;
	text-decoration:none;
	
	cursor: pointer;
	cursor: hand;
	}



/* Clear Floats
  <div style="clear:both"></div> */


.bodyPadding:after,
.menu:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    
}

.bodyPadding,
.menu {
	display: inline-block; /* fixes IE/Mac */
	overflow:hidden; /* fixes overflow margin in moz/opera */
	}

/* Hides from IE-mac \*/
* html .bodyPadding,
* html .menu {height: 1%;}
.bodyPadding,
.menu {display: block;}
/* End hide from IE-mac */


} /* @media handheld */
