@import url(reset.css);
@import url(base-typography.css);
@import url(assets_5.css);
@import url(comm_2.css);
@import url(article_3.css);

/*colors*/
/*
orange: f16a20
text grey: 323232
blue: 2C69BF
thin line: 88847F
light grey line C3C3C3
light grey background #E5E5E5
yellow ffef7d
*/

	div.shell {
		overflow: hidden;
		margin: 0 auto;
		width: 996px;
	}


	/*main layout*/
	body {
		padding-top: 15px;
		color: #323232;
	}

	img {
	/*	display: block;*/
	}

	/*header*/
	div#header {
		position: relative;
		padding-top: 97px;
		margin-bottom: 0;
	}

	div#header h1#logo,
	div#header a#logo {
		position: absolute;
		left: 332px;
		top: 0;
		width: 318px;
		height: 97px;
		text-decoration: none;
	}

	div#header #logo span {
		width: 318px;
		height: 77px;
		background-image: url(../v3images/logo_en.gif);
	}

	body#de div#header #logo span {
		background-image: url(../v3images/logo_de.gif);
	}

	body#fr div#header #logo span {
		background-image: url(../v3images/logo_fr.gif);
	}

	body#es div#header #logo span {
		background-image: url(../v3images/logo_es.gif);
	}

	body#nl div#header #logo span {
		background-image: url(../v3images/logo_nl.gif);
	}

	body#it div#header #logo span {
		background-image: url(../v3images/logo_it.gif);
	}

	div#header #logo em {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		font: .93em Georgia, Times, Serif;
		font-style: normal;
		text-align: center;
		color: #828282;
		white-space: nowrap;
	}

	div#header p.strapline {
		position: absolute;
		top: 0;
		left: 0;
		border-bottom: 1px solid #88847f;
		width: 318px;
		padding: 40px 0 10px;
		font: italic .8125em Georgia, Times, Serif;
		color: #b9b5b1;
	}

	div#header p.timestamp {
		left: auto;
		right: 0;
		text-align: right;
	}

	p.timestamp strong.volume {
		color: #323232;
	}

	/*primary navigation*/
	ul#nav-primary {
		float: left;
		margin-top: .8em;
		width: 737px;
		font: 1.375em Georgia, Times, Serif;
	}

	ul#nav-primary li {
		float: left;
	}

	ul#nav-primary li a {
		display: inline;
		float: left;
		margin-right: 28px;
		font-style: normal;
		text-decoration: none;
		text-transform: lowercase;
		color: #323232;
	}

	ul#nav-primary li a:hover,
	ul#nav-primary li a:focus,
	ul#nav-primary li a:active,
	ul#nav-primary li a.open {
		color: #f16a20;
	}

	/*columns*/
	div.col {
		display: inline;
		float: left;
		margin: 0 7px 5px;
		width: 69px;
	}

	.col-group {
		position: relative;
		display: inline-block;
	/*	overflow: hidden;*/
		left: -7px;
		margin: 0 -14px 0 0;
	}

	div.rightmost, img.rightmost {
		margin-right: 0;
	}


	div.col2 {
		width: 152px;
	}

	div.col3 {
		width: 235px;
	}

	div.col4 {
		width: 318px;
	}

	div.col5 {
		width: 401px;
	}

	div.col6 {
		width: 484px;
	}

	div.col7 {
		width: 567px;
	}

	div.col8 {
		width: 650px;
	}

	div.col9 {
		width: 733px;
	}

	div.col10 {
		width: 816px;
	}

	div.col11 {
		width: 899px;
	}

	div.col12 {
		width: 982px;
	}

	/*div.col13 {
		width: 1157px;
	}

	div.col14 {
		width: 1316px;
	}*/

	/*content*/
	div#archives {
	/*	position: relative;
		padding-top: 284px;*/
		border-top: 1px solid #88847F;
		margin-right: 0px;
	}

	div#archives div.archive-panel {
		overflow: hidden;
	/*	margin-bottom: 1em;*/
		padding-bottom: 1em;
	/*	border-bottom: 1px solid #88847F;*/
	}

	div#content-main div#archives h3 {
		font-size: 1.384em;
	}

	div#content-main h1 a,
	div#content-main h2 a,
	div#content-main h3 a {
		font-weight: normal;
	/*	color: #323232;*/
	}

	/*footer*/

	div#footerwrapper {
		background: #323232;
		min-width: 996px;
	}
	
	div#footer {
/*		width: 996px;
		overflow: hidden;*/
		margin-top: 1.5em;
	/*	width: 100%;*/
/*		padding: .5em 0 1em;*/
		font: .8125em Georgia, Times, Serif;
		background: #323232;
	}

	div#footer div.inner {
/*		margin: 0 auto;
		width: 996px;
		color: #fff;*/
	}

	div#footer li {
		margin-bottom: .3em;
	}

	div#footer p {
		margin-bottom: .5em;
		line-height: 120%;
	}

	div#footer a {
		color: #fff;
		text-decoration: none;
	}

	div#footer a:hover,
	div#footer a:focus,
	div#footer a:active {
		color: #fff;
		text-decoration: underline;
	}

	div#footer div#copyright {
		font-family: Helvetica, Arial, Sans-serif;
	}

	div#footer div#copyright p {
		font-size: .846em;
		color: #828282;
	}

	div#footer div#copyright a {
		color: #828282;
		text-decoration: underline;
	}

	div#footer div#copyright a:hover,
	div#footer div#copyright a:focus,
	div#footer div#copyright a:active {
		text-decoration: none;
		color: #fff;
	}

/*	@media screen and (max-width: 500px) {
		nav ul{font-size: 0.75em;}}

	@media screen and (max-width: 800px) {
		body { font-size: 95%; }}

	@media screen and (min-width: 1024px) {
		body { font-size: 105%; }}*/

/*layouts smaller than 600px, iPhone and mobiles*/
@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px)  {

	div#header {
		padding-top: 54px;
	}

	div#header h1#logo,
	div#header a#logo {
		height: 54px !important;
	}
	
	div#header #logo span,
	body#de div#header #logo span,
	body#fr div#header #logo span,
	body#es div#header #logo span,
	body#nl div#header #logo span,
	body#it div#header #logo span
	{
		height: 34px;
		background-image: url(../v3images/logo_en_micro_hires.gif);
		background-size: 318px 34px;
/*		-moz-background-size: 318px 34px;*/
		-webkit-background-size: 318px 34px;
	}

	
	div#content-main {
		margin-top: 1em;
	}

	div#content-main div.article h3 {
		font-size: 1.84608em;
	}
	
	div#content-main h2, div#footer h2 {
		font-size: 1.3844em;
	}
	
	div#showcase div.article p, div#recent-articles div.article p, p.article-intro, div#intro-panel, div.intro-panel, div#category-panel {
		font-size: 100%;
	}
		
	div.alttags {
		width: 152px !important;
	}

	div.micro-article div.alttags {
		width: 318px !important;
	}
		
	div.pano {
		width: 316px !important;
	}
	
	div#social-top,
	div#comments-feed,
	div#sidebarheader,
	div#latest-street-views {
		display: none;
	}

	div#showcase div.postmap,
	div.article div.postmap {	
		width: 316px !important;
	}

	form#frm-site-search {
		display: none;
		float: left;
		width: 100%;
		padding: 1em 0 0em 0;
		border-top: 1px solid #88847f;
		margin: 1em 0 1em 0;
	}

	div.shell {
		width: 331px;
	}
	

	/*footer*/

	div#footerwrapper {
		min-width: 331px;
	}
		
	div#footer {
		width: 331px;
		margin: 0 auto;
	}
		
	div#footer div.shell div.col2 {
		width: 151px;
	}
		
	div#footer div.shell div.col2:nth-child(odd) {
		clear: left;
	}

	div#copyright {
		width: 318px;
	}

		
	.shell-comm,
	div#chitika {
		display: none;
	}

	/*main layout*/
	body {
		padding-top: 15px;
		color: #323232;
	}

	img {
	/*	display: block;*/
	}

	div.article-body p img.size-large {
		margin-right: 0;
		width: 316px;
	}

/*	div.article-body p img.size-medium {
		width: 316px;	
	}*/

	div.article-body p img.size-full {
		max-width: 316px;
	}


	/*header*/
	div#header {
		position: relative;
		padding-top: 97px;
		margin-bottom: 0;
	}

	div#header h1#logo,
	div#header a#logo {
		position: absolute;
		left: 0px;
		top: 0;
		width: 318px;
		height: 97px;
		text-decoration: none;
	}


	div#header #logo em {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		font: .93em Georgia, Times, Serif;
		font-style: normal;
		text-align: center;
		color: #828282;
		white-space: nowrap;
	}

	div#header p.strapline {
		border-top: 1px solid #88847f;
		width: 318px;
		padding: 10px 0 10px;
		font: italic .6875em Georgia, Times, Serif;
		color: #b9b5b1;
		margin: 65px 0 0 0;
	}

	div#header p.timestamp {
		left: auto;
		right: 0;
		text-align: right;
	}

	p.timestamp strong.volume {
		color: #323232;
	}

	/*primary navigation*/
	ul#nav-primary {
		float: left;
		margin-top: 0.7em;
		width: 318px;
		font: 1.125em Georgia, Times, Serif;
	}

	ul#nav-primary li {
		float: left;
	}

	ul#nav-primary li a {
		display: inline;
		float: left;
		margin-right: 20px;
		font-style: normal;
		text-decoration: none;
		text-transform: lowercase;
		color: #323232;
	}

	div.col2 {
		width: 152px;
	}

	div.col3 {
		width: 318px;
	}
	
	div.col4 {
		width: 318px;
	}

	div.col5 {
		width: 318px; /*changed*/
	}

	div.col6 {
		width: 318px; /*changed*/
	}

	div.col7 {
		width: 318px; /*changed*/
	}

	div.col8 {
		width: 318px; /*changed*/
	}

	div.col9 {
		width: 318px; /*changed*/
	}

	div.col10 {
		width: 318px; /*changed*/
	}

	div.col11 {
		width: 318px; /*changed*/
	}

	div.col12 {
		width: 318px; /*changed*/
	}

	
	/*post meta */

	div.article-meta {
		display: none;
	}
	
	ul.social-footer li {
		width: 318px;
	}
	
	/*small comments*/

	div#content-main ol.commentlist li.comment {
		width: 318px;
/*		margin: 0 0 1em 0;*/
	}

	div#content-main ol.commentlist li.comment div.comment-body div.comment-author img.avatar {
		display: none;
	}

	div#content-main ol.commentlist li.comment div.comment-body {
		float: left;
	}
	
	div#content-main ol.commentlist li.comment p {
		margin: 0 0 1em 0;
		float: left;
	}

	div#content-main div.reply,
	div#content-main ol.commentlist li.comment ul.children li.depth-2 p,
	div#content-main ol.commentlist li.comment ul.children li.depth-2 div.reply {
		margin: 0 0 0 0;
	}

	div#content-main ol.commentlist li.comment ul.children li.depth-3 p,
	div#content-main ol.commentlist li.comment ul.children li.depth-3 div.reply {
		margin: 0 0 0 10px;
	}

	div#content-main ol.commentlist li.comment ul.children li.depth-4 p,
	div#content-main ol.commentlist li.comment ul.children li.depth-4 div.reply {
		margin: 0 0 0 20px;
	}

	div#content-main ol.commentlist li.comment ul.children li.depth-5 p,
	div#content-main ol.commentlist li.comment ul.children li.depth-5 div.reply {
		margin: 0 0 0 30px;
	}
	
	div#content-main ol.commentlist li.comment div.comment-body div.comment-meta {
		width: 318px;
		margin: 0 0 1em 0;
	}
	
	div#content-main div.reply {
		float: left;
	}
	
	/*comment form*/
	
	label span {
		width: 318px;
		margin: 0 0 1em 0;
	}
	
	form textarea {
		width: 306px;
	}

/*	form input[type="text"], form textarea {
		width: 306px;
	}	*/
}