/*
Theme Name: Dichotomy Skateboards
Theme URI: http://www.ridedichotomy.com
Description: Custom layout for Dichotomy Skateboards
Version: 1.0
Author: The Himalaya Group
Author URI: http://www.thehimalayagroup.com
Tags: blue, custom header, fixed width, two columns, widgets
*/

* { padding:0; margin:0; font-family:arial, helvetica, sans-serif; }
body, HTML { background:#fff url('images/bg.gif') no-repeat top left fixed; }
a { color:#333; text-decoration:underline; }
a:hover { text-decoration:none; }
p { line-height:18px; margin-top:10px; font-size:12px; color:#333; }

h2 { color:#97363b; font-weight:normal; font-size:32px; text-transform:lowercase; }
h4 { color:#97363b; font-size:18px; font-weight:normal; }

#header { text-align:center; }
	#logo h1 a { display:block; background:url('images/header.png') no-repeat top left; width:1024px; height:291px; }
	#header ul { list-style:none; margin:10px; }
	#header li { float:left; }
	#header a { display:block; height:23px; text-indent:-9999px; }
	#header a:hover, #header a.selected { background-position:top right; }
		#prime { background:url('images/nav-prime.png') no-repeat top left; width:44px; }
		#creators { background:url('images/nav-creators.png') no-repeat top left; width:61px; }
		#boards { background:url('images/nav-boards.png') no-repeat top left; width:50px; }
		#salon { background:url('images/nav-salon.png') no-repeat top left; width:112px; }
		#interactive { background:url('images/nav-interactive.png') no-repeat top left; width:79px; }
		#collective { background:url('images/nav-collective.png') no-repeat top left; width:75px; }
		#contact { background:url('images/nav-contact.png') no-repeat top left; width:55px; }		
		#liasons { background:url('images/nav-liasons.png') no-repeat top left; width:62px; }
		#freshpress { background:url('images/nav-freshpress.png') no-repeat top left; width:76px; }
		#spacer { background:url('images/nav-spacer.png') repeat-x top left; width:544px; height:23px; }

#body { min-height:500px; text-align:center; height:auto; }
	.page { margin:20px 10px; }
	.boards { margin:20px 0 0 10px; width:400px; height:500px; }
		.boards .post { width:90px; height:310px; float:left; margin:10px 0 0 0; text-align:center; }
		.category-boards { width:120px; float:left; height:310px; margin:10px 0 0 0; text-align:center; }
			.boards .post i, .category-boards i { display:block; font-size:11px; }
	.mission, .fresh-press { width:600px; margin:20px 0 0 0; }
		.mission p { padding:0 10px; }
		.fresh-press .post, .post-single, 
		.category-fresh-press, .category-salon-de-refuse, .category-collective, .category-interactive { margin:20px 0 0 0; border-bottom:1px dotted #333; padding:10px; }
		.category-salon-de-refuse { width:200px; float:left; overflow:hidden; margin-right:20px; }
		.category-collective, .category-interactive { width:310px; float:left; margin-right:20px; }
			.category-salon-de-refuse a img, .category-interactive a img { border:none; }
			.post-single h2 { margin-bottom:20px; }
			.fresh-press h3 a { font-size:14px; }
		.meta { font-size:11px; font-style:italic; margin:0; }
	.creator { margin-top:20px; }
		.creator img { width:150px; float:left; margin-right:20px; }
		.creator p { width:750px; float:left; }
	#comments { margin:30px 0 0 10px; }
	.category-template { margin:30px 10px; }
	
	/* LIASONS */ #post-14 .column { width:310px; padding:0 10px; }
		#post-14 .entry { margin-top:20px; }

#footer { min-height:250px; background:#222; padding:20px; text-align:center; font-size:11px; margin-top:50px; }
	#footer .container { background:#2d2d2d; margin:30px auto; }
	#footer .col { width:130px; float:left; margin:20px 0 20px 20px; }
	#footer .col-wide { width:500px; float:left; margin:20px 0 20px 20px; line-height:16px; }
		#footer .col-wide p { color:#444; }
	#footer ul { list-style:none; margin-top:15px; line-height:16px; }
	#footer a { color:#fff; text-decoration:none; }
	#footer a:hover { font-style:italic; }
	#copyright { margin:30px auto; width:1024px; color:#7b7b7b; text-align:left; }
	
/* GLOBAL */
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.container { width:1024px; margin:0 auto; text-align:left; }