/* MAIN CSS - contains height, width, padding, margin and positioning of elements
Name: Information Design Association
URI: http://infodesign.org.uk/
Version: 1.0
Author: Studio Lift
Author URI: http://studiolift.com/
*/

@import "reset.css";
@import "color.css";
@import "typography.css";

/* =clearfix */
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden}

html{background:#666}
body{width:740px;margin:15px auto 0;padding-top:15px;position:relative}
p{margin-bottom:8px}
#branding{display:block;margin-left:15px;margin-bottom:20px;width:450px}
#settings{position:absolute;top:30px;right:25px}
ul#nav li,ul#nav li a{float:left;display:block}
	ul#nav li a{padding:10px 0 6px 0px}
	ul#nav li{padding-right:25px}
	ul#nav li a:hover,ul#nav li a.active{padding-bottom:5px}
#content,#nav,#subnav,#site-info{margin-left:15px;margin-right:15px}
#content{margin-top:60px}
	#content-main,#content-sub{float:left;padding:10px 0}
	#content-main{width:468px;margin-right:15px}
		#page-title{padding-bottom:5px;margin-bottom:15px}
		.entry-title{margin-bottom:5px}
		.entry{margin-bottom:20px}
		.entry-date{margin-bottom:0}
	#content-sub{width:226px}
		#content-sub li{margin-left:20px}
		#twitter_update_list,#contact,#design-news{margin:10px 0;padding:5px 0}
	body#home #content-main,body#home #content-sub{width:347px}
#site-info{padding:10px 0}

table {margin-top: 10px; margin-bottom: 15px;}
th, td {padding: 5px;}

/* body.conf2009 #branding{display:block;margin-left:15px;margin-bottom:20px;width:450px; height: 45px;}
body.conf2009 #branding a {display: block;width:450px; height: 45px;} */

body.conf2009 #content {margin-top: 0;}
body.conf2009 #confbanner {margin-left: 15px; margin-right: 15px;margin-top: 60px; display: block;}
body.conf2009 #settings a {padding: 5px;}

ul#subnav li,ul#subnav li a{float:left;display:block}
	ul#subnav li a{padding:0px 0 6px 0px}
	ul#subnav li{padding-right:25px}
	ulsubnav li a:hover,ul#subnav li a.active{padding-bottom:5px}