/*	Theme Name: Tom Bass
	Description: Custom template developed by Holy Cow!
	Version: 2.2
	Author: Holy Cow!
	Author URI: http://www.holycow.com.au/

	© 2011 Holy Cow! Design & Advertising */
	
/* global reset
--------------------------------------------- */

* { border: 0; margin: 0; padding: 0; outline: none; }
html, body { height: 100%; width: 100%; }
a img, a img:hover { outline: none; border: none; }
a, a:hover { outline: none; text-decoration: none; }
ul, ol, dl { list-style: none; }
input, textarea, :focus { outline: none ;resize: none; }
del { text-decoration: line-through; }
small, cite { font-size: inherit; }

/* effects & fixes
--------------------------------------------- */

.left, .alignleft { float: left; border: none; }
.right, .alignright { float: right; border: none; }
.clearfix { display: block; height: 1%; }
.clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hide { display: none; }

/* typography
--------------------------------------------- */

body {
	font: 14px/20px 'helvetica', 'verdana', 'arial', sans-serif;
	color: #333;
	}
h1 {
	font: normal 28px/20px 'helvetica', 'verdana', 'arial', sans-serif;
	color: #222;
	}
h2 {
	font: bold 20px/32px 'helvetica', 'verdana', 'arial', sans-serif;
	color: #C5790A;
	}
h3 {
	font: bold 16px/22px 'helvetica', 'verdana', 'arial', sans-serif;
	color: #872C16;
	text-transform: uppercase;
	}
h4 {
	font: bold 12px/18px 'helvetica', 'verdana', 'arial', sans-serif;
	color: #222;
	text-transform: uppercase;
	}
h5 {
	font: normal 22px/28px 'helvetica', 'verdana', 'arial', sans-serif;
	color: #222;
	}
h6 {
	font: normal 10px/12px 'helvetica', 'verdana', 'arial', sans-serif;
	color: #909090;
	text-transform: uppercase;
	}
p {
	margin-bottom: 14px;
	}
a {
	color: #C5790A;
	}
a:hover {
	color: #F1A940;
	}
p a {
	border-bottom: 1px dashed #C5790A;
	font-weight: bold;
	}
p a:hover {
	border-bottom: 1px dashed #51130A;
	}
blockquote {
	padding: 10px 40px;
	}

/* structure
--------------------------------------------- */

body {
	overflow-y: scroll;
	}
#page {	
	width: 960px;
	height: 100%;
	margin: 0 auto;
	}
#header {
	background: #3D83B7 url(images/bg-header.jpg);
	text-indent: -9999px;
	width: 940px;
	height: 173px;
	margin: 0 10px 5px;
	float: left;
	}

/* nav
--------------------------------------------- */

#nav {
	width: 940px;
	height: 53px;
	margin: 5px 10px;
	float: left;
	}
#nav h1 {
	background: #C0791D;
	text-indent: -9999px;
	width: 300px;
	height: 53px;
	margin-right: 10px;
	float: left;
	}
#nav h1.home {
	background-image: url(images/home-nav.png);
	}
#nav ul {
	background: #400F02 url(images/bg-nav.jpg) left bottom;
	width: 630px;
	height: 53px;
	float: left;
	}
#nav ul li {
	float: left;
	}
#nav ul li a {
	background: url(images/bg-nav.jpg);
	text-indent: -9999px;
	height: 53px;
	float: left;
	}
#nav ul li.biography a {
	background-position: 0 -53px;
	width: 124px;
	}
#nav ul li.works a {
	background-position: -124px -53px;
	width: 88px;
	}
#nav ul li.exhibitions a {
	background-position: -212px -53px;
	width: 135px;
	}
#nav ul li.resources a {
	background-position: -347px -53px;
	width: 130px;
	}
#nav ul li.news a {
	background-position: -477px -53px;
	width: 78px;
	}
#nav ul li.biography a:hover,
#nav ul li.biography.current a {
	background-position: 0 0;
	}
#nav ul li.works a:hover,
#nav ul li.works.current a {
	background-position: -124px 0;
	}
#nav ul li.exhibitions a:hover,
#nav ul li.exhibitions.current a {
	background-position: -212px 0;
	}
#nav ul li.resources a:hover,
#nav ul li.resources.current a {
	background-position: -347px 0;
	}
#nav ul li.news a:hover,
#nav ul li.news.current a {
	background-position: -477px 0;
	}
#nav ul li a:hover,
#nav ul li.current a {
	border-top: 10px solid #C0791D;
	margin-top: -10px;
	}
#imageblock {
	background: url(images/bg-imageblock.jpg);
	width: 940px;
	height: 185px;
	margin: 5px 10px;
	float: left;
	}

/* sidebar
--------------------------------------------- */
	
#sidebar {
	position: relative;
	background: #F4E7D6;
	min-height: 600px;
	width: 300px;
	margin: 5px 10px;
	padding-bottom: 20px;
	float: left;
	}
#sidebar img {
	position: absolute;
	bottom: 0; left: 0;
	border-top: 10px solid white;
	}
#sidebar #tributes {
	background: url(images/home-sidebar.jpg) left bottom no-repeat;
	border-bottom: 10px solid white;
	width: 300px;
	height: 90px;
	float: left;
	}
#sidebar ul li a {
	display: block;
	border-bottom: 10px solid white;
	font-weight: bold;
	text-align: right;
	padding: 10px;
	}
#sidebar ul li a:hover,
#sidebar ul li.current a {
	background: #C5790A;
	color: white;
	}
#sidebar .copy {
	padding: 10px;
	float: left;
	}
#sidebar .copy h4 {
	margin-bottom: 10px;
	}
#sidebar .more, a.cta {
	display: block;
	background: #872C16;
	border-bottom: 3px solid #D9B8A6;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px;
	margin: 10px;
	clear: both;
	}
#sidebar .more:hover, a.cta:hover {
	background: #51130A;
	border-bottom: 3px solid #CDCAC9;
	}
a.cta {
	display: inherit;
	margin: 10px 0;
	float: left;
	}
		
/* content
--------------------------------------------- */

#content {
	position: relative;
	width: 630px;
	margin: 5px 0;
	float: left;
	}
#content #breadcrumbs {
	position: absolute;
	top: 10px; left: 10px;
	color: #C5790A;
	font-size: 12px;
	z-index: 10;
	}
#content #breadcrumbs a {
	font-weight: bold;
	}
#content h1 {
	background: #F4E7D6;
	color: #872C16;
	font: bold 26px/34px 'helvetica', 'verdana', 'arial', sans-serif;
	text-transform: uppercase;
	padding: 52px 10px 4px;
	}
#content #subnav {
	margin: 10px 0;
	background: #F4E7D6;
	float: left;
	width: 100%;
	}
#content #subnav li {
	float: left;
	}
#content #subnav li a {
	float: left;
	font-size: 12px;
	border-right: 10px solid white;
	font-weight: bold;
	text-align: right;
	padding: 10px;
	}
#content #subnav li a:hover,
#content #subnav li.current a {
	background: #C5790A;
	color: white;
	}
	
#content #copy {
	clear: both;
	width: 460px;
	margin: 10px;
	}
#content #copy .post {
	border-bottom: 1px solid #DDD;
	width: 620px;
	padding: 0 0 20px;
	margin: 10px 0;
	float: left;
	}
#content #copy .post h2 {
	line-height: 22px;
	text-transform: uppercase;
	}
#content #copy .post h2 a {
	border: none;
	}
#content #copy h3.date {
	font-size: 12px;
	line-height: 18px;
	margin: 5px 0 10px;
	}
#content #copy .post a {
	border-bottom: 1px dotted #C5790A;
	}
#content .alignright {
	margin: 10px -160px 20px 0;
	clear: both;
	}
#content .alignright {
	margin: 0 -160px 20px 0;
	clear: both;
	}
#content table {
	font-size: 12px;
	line-height: 18px;
	width: 620px;
	}
#content table td {
	min-width: 100px;
	}

/* footer
--------------------------------------------- */

#footer {
	background: #400F02 url(images/bg-footer.jpg) top right no-repeat;
	width: 940px;
	height: 185px;
	margin: 5px 10px 0;
	float: left;
	}
#footer a {
	border: none;
	}
#footer #aside {
	background: #C5790A;
	border-right: 10px solid white;
	width: 170px;
	height: 185px;
	padding-left: 130px;
	float: left;
	}
#footer #aside a {
	background: url(images/bg-footer-aside.png);
	text-indent: -9999px;
	width: 100%;
	float: left;
	}
#footer #aside .contact {
	background-position: 0 0;
	height: 36px;
	margin-bottom: 30px;
	}
#footer #aside .contact:hover {
	background-position: 0 -185px;
	}
#footer #aside .school {
	background-position: 0 -251px;
	height: 47px;
	}
#footer #aside .school:hover {
	background-position: 0 -66px;
	}
#footer #aside .brian {
	background-position: 0 -298px;
	height: 38px;
	}
#footer #aside .brian:hover {
	background-position: 0 -113px;
	}
#footer #aside .holycow {
	background-position: 0 -336px;
	height: 34px;
	}
#footer #aside .holycow:hover {
	background-position: 0 -151px;
	}
#footer .links {
	width: 110px;
	margin: 10px 0 0 10px; 
	float: left;
	}
#footer .links h6, #footer .links h6 a {
	color: #C5790A;
	font-size: 14px;
	font-weight: bold;
	}
#footer .links h6 a:hover {
	color: white;
	}
#footer .links ul {
	margin: 10px 0;
	}
#footer .links ul li {
	border-bottom: 1px dashed #C5790A;
	line-height: 14px;
	margin-bottom: 10px;
	padding-bottom: 2px;
	}
#footer .links ul li a {
	color: white;
	font-size: 11px;
	}
#footer .links ul li a:hover {
	color: #C5790A;
	}