/**
 * Mobile
 *
 * The follow styles are applied to mobile devices.
 *
 * Absolute positioning is an absolute no-no on mobile devices. 
 * There’s no room to float anything on such a small screen either. 
 * We need to keep everything in the document flow so that the 
 * mobile UA sees a one column layout.
 *
 * Ref: http://nidahas.com/2005/04/04/mobile-css-first-steps/
 *
 */

* {
   background-image: none !important;
   float: none !important;
   position: static !important;      
}

body {
	background-color: #5c5151;
	color: #e1d6d6;
	font-family: Arial, Helvetica, sans-serif;
}

a:link,
a:visited,
a:hover,
a:active {
	color: #cfd4ff;
	font-weight: bold;
	text-decoration: underline;	
}

#header {

}
	#header #toolbar {
		font-size: small;
		list-style-type: none;
		margin: 25px 0 15px 0;
		padding: 0;
	}
		#header #toolbar li {
			color: #5c5151;
			display: inline;
			padding-right: 5px;
		}
			#header #toolbar li a {

			}
	
	#header #logo {
		background-color: #f5f5f5;
		display: block;
		margin: 15px 0;
		padding: 10px 5px;
	}
		#header #logo a,
		#header #logo img {
			border: 0;
			display: block;
			text-decoration: none;
		}
	
	#header #primary {
		list-style-type: none;
		margin: 25px 0;
		padding: 0;
	}
		#header #primary li {
			display: inline;
			padding-right: 6px;
		}
			#header #primary li a {
			
			}


#content {
	font-size: normal;
}
	#content #breadcrumb,
	#content div.portrait {
		display: none;
	}

#footer {
	border-top: 1px solid #f5f5f5;
	font-size: smaller;
	margin-top: 25px;
	padding-top: 10px;
	text-align: center;
}