/*-----------------------
WEBKIT MOBILE BROWSERS
------------------------*/

@media only screen and (max-width: 480px) {      
	
	* {
		letter-spacing:normal !important;
	}
	body,
	#layout {
		min-width:0;
		width:500px;
	}

	#header .wrapper,
	#container .wrapper,
	#footer .wrapper,
	#footer nav ul {
		width: 480px;
		margin:0 auto;
	}
	#sitemap #container > .wrapper > ul {
		width:510px;
	}
	section.notification .wrapper {
		width: 454px !important;
	}
	#ratingBar  { width:438px !important; }
	#ratingBar .fb-like { border: 0; float: left; }
	#ratingBar #ratingMiddle { float: left; }
	#ratingBar #ratingMiddle #ratingMiddleTop {	border: 0; }	
	#ratingBar #ratingMiddle dl { clear: left; margin-left: 0; }	
	#ratingBar #ratingBarLinks {	display: none; /* Temporarily hidden, because no link target sections shown. */	}
	#ratingBar #ratingBarLinks a { display: block; margin-bottom: 1em; }
	#item-page-newest-container { clear: left; float: left; width: 438px; }
	
	#addComment,
	#feedback {
		width: 440px !important;
	}
	#addComment textarea,
	#feedback textarea {
		width:400px !important;
	}
	#features,
	#supportPage #container > .wrapper > section {
		width:100%;
	}
	#related,
	#supportPage #container > .wrapper > aside {
		float:left;
		width:100%;
	}
	#supportPage .fb-like-box {
		position:static !important;
		margin-left:0 !important;
	}
	#logo {
		position:static;
		float:none;
		margin: 0 auto 2em;
		background:none;
		min-width:0;
		width:308px;
	}
	#logo a {
		position:static;
	}
	#navi { clear:left; float:none; position:static;	width:480px; margin:0 auto 3em;	padding:0px;
	-webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-text-size-adjust:85%;	}
	#navi a { padding-left: 7px; padding-right: 7px; }
	
	h1,h2,	h3,.badge { -webkit-text-size-adjust:90%;	}
	#footer nav li { margin-bottom:1em; }

	#login {	float:none !important; clear:left; margin:0 0 1em -10px; padding:0 10px 1em; border-bottom: 1px dotted #4D2E1F;	width:480px; }
	#titleSearch .textfield { width:265px;	}
	#titleSearch .textfield.example { width:240px;	}
	
	.productionArea .map {
		width:478px;
	}
	
	#pageInfo,
	#footer > section {
		display:none;
	}
	
	#topical .fb-recommendations {
		float:none;
		margin:0 0 2em;
	}
	
	#topMenu li {
		padding-right:0.5em;
		margin-right:0.5em;
	}

}

/*
	article h1,
	#features dl,
	#features article p,
	#related h2,
	#related p,
	#related p,
	a.link { 
		-webkit-text-size-adjust:250% !important;
	}
	
	h4,
	h5,
	h6,
	time,
	#topMenu,
	#breadcrumb,
	#footer h3,
	#footer ol,
	.textfield,
	.textarea,
	#ratingBar dl,
	#login .name {
		-webkit-text-size-adjust:200% !important;
	}
	
	h1,
	h2,
	h3,
	.notification,
	.badge {
		-webkit-text-size-adjust:180%; 
	}
	
	#navi,
	#footer nav {
		-webkit-text-size-adjust:120%; 
	}
	a.button {
		-webkit-text-size-adjust:180%; 
		height:auto !important;
		padding:0.5em 15px !important;
		-webkit-border-radius: 30px !important;
		-moz-border-radius: 30px !important;
		border-radius: 30px !important;
	}
	a.button.previous {
		-webkit-border-radius: 30px 0 0 30px !important;
		-moz-border-radius: 30px 0 0 30px !important;
		border-radius: 30px 0 0 30px !important;
	}
	a.button.next {
		-webkit-border-radius: 0 30px 30px 0 !important;
		-moz-border-radius: 0 30px 30px 0 !important;
		border-radius: 0 30px 30px 0 !important;
	}
*/