/*	

	Less+ by Jimmy Rosén, http://www.angrycreative.se/projekt/less-framework
	Based on Less Framework 3 by Joni Korpi, http://lessframework.com
	
*/

/*	3-column layout
	60 px columns, 24 px gutters, 46 px margins, 320 px total
	---------------------------------------------------------
	1     2      3
	60px  144px  228px	*/

	body {
		padding: .2em;
		width: 85%;
	}
	
span#topictab {
  border-radius: 0.6em 0.6em 0em 0em;
  display: block; 
  width: 80px; 
  float: right;
	border: solid #aaa 2px;
	border-bottom: none;
	text-align: center;
	background: white;
	}


nav.wide { display: none; }

nav.narrow { display: block;
  width: 100%;
	margin-top: 3em;
	border-top: solid #aaa 1px ;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin-bottom: 1em;
	}
	
nav.narrow h4 {
  padding-bottom: 1em;
	}

nav.narrow ul {
  width: 100%;
	border: none;
	}

nav.narrow ul li {
  display: block;
	width: 7em;
	float: left;
	text-align: center;
	background: white;
	}

header#topbar form.search {
  float: none;
	width: 160px;
	}
	
header#topbar form.search input.field {
  width: 100px;
	border: solid #aaa 1px;
	}

section#content { 
  margin-left: 0em; }
	
	
header#topbar h1{
	line-height: 1;
	font-size: 100%;
	padding-left: .5em;
	}
		
header#topbar div.identity { 
  width: 30%;
	max-width: 200px;
	}
	
header#topbar div.identity img { 
  width: 100%; 
	}
	
	
span.hide {
  display: none;
	}