@charset "UTF-8";
/* CSS Document */

body {
	background: url(/images/bg.jpg) repeat scroll #333333;
	font-family: "Century Gothic", Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #333333;
	margin: auto;
}

a{
	text-decoration: none;
	color: #a5ac20;
	font-weight: bold;
}

a:hover {
	color: #8e9415;
}

h1{
	color: #a5ac20;
	font-size: 16px;
	padding-top: 80px;
	float: right;
	text-transform: uppercase;
}

h2{
	color: #444444;
	font-size: 24px;
	text-transform: lowercase;
	clear: both;
}

h3{
	color: #a5ac20;
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	text-transform: uppercase;
}

h4{
	color: #888888;
	font-size: 16px;
	padding: 40px 0 4px 0px;
	margin: 0 0 5px 0;
}

p, li{
	color: #666666;
	line-height: 18px;
}

ul, li{
	list-style: none;
}

/* navigation */
#nav{
	float: left;
	width: 130px;
	margin-top: 20px;
}

.painting_on{
	background: url(/images/sprite.png) -140px 0 no-repeat;
	height: 79px;
	width: 130px;
	display: block;
}

.painting a{
	background: url(/images/sprite.png) 20px 0 no-repeat;
	height: 79px;
	width: 130px;
	display: block;
}

.painting a:hover{
	background: url(/images/sprite.png) 10px 0 no-repeat;
}

.illustration_on{
	background: url(/images/sprite.png) -140px -80px no-repeat;
	height: 79px;
	width: 130px;
	display: block;
}

.illustration a{
	background: url(/images/sprite.png) 20px -80px no-repeat;
	height: 79px;
	width: 130px;
	display: block;
}

.illustration a:hover{
	background: url(/images/sprite.png) 10px -80px no-repeat;
}

.design_on{
	background: url(/images/sprite.png) -140px -160px no-repeat;
	height: 79px;
	width: 130px;
	display: block;
}

.design a{
	background: url(/images/sprite.png) 20px -160px no-repeat;
	height: 79px;
	width: 130px;
	display: block;
}

.design a:hover{
	background: url(/images/sprite.png) 10px -160px no-repeat;
}

.photography_on{
	background: url(/images/sprite.png) -140px -240px no-repeat;
	height: 79px;
	width: 130px;
	display: block;
}

.photography a{
	background: url(/images/sprite.png) 20px -240px no-repeat;
	height: 79px;
	width: 130px;
	display: block;
}

.photography a:hover{
	background: url(/images/sprite.png) 10px -240px no-repeat;
}

.studio_on{
	background: url(/images/sprite.png) -140px -320px no-repeat;
	height: 79px;
	width: 130px;
	display: block;
}

.studio a{
	background: url(/images/sprite.png) 20px -320px no-repeat;
	height: 79px;
	width: 130px;
	display: block;
}

.studio a:hover{
	background: url(/images/sprite.png) 10px -320px no-repeat;
}

.sketches_on{
	background: url(/images/sprite.png) -140px -400px no-repeat;
	height: 79px;
	width: 130px;
	display: block;
}

.sketches a{
	background: url(/images/sprite.png) 20px -400px no-repeat;
	height: 79px;
	width: 130px;
	display: block;
}

.sketches a:hover{
	background: url(/images/sprite.png) 10px -400px no-repeat;
}

.words_on{
	background: url(/images/sprite.png) -140px -480px no-repeat;
	height: 79px;
	width: 130px;
	display: block;
}

.words a{
	background: url(/images/sprite.png) 20px -480px no-repeat;
	height: 79px;
	width: 130px;
	display: block;
}

.words a:hover{
	background: url(/images/sprite.png) 10px -480px no-repeat;
}

.resume_on{
	background: url(/images/sprite.png) -140px -560px no-repeat;
	height: 79px;
	width: 130px;
	display: block;
}

.resume a{
	background: url(/images/sprite.png) 20px -560px no-repeat;
	height: 79px;
	width: 130px;
	display: block;
}

.resume a:hover{
	background: url(/images/sprite.png) 10px -560px no-repeat;
}

/* content */
#page{
	width: 970px;
	margin: auto;
}

#pagetitle{
	color: #666666;
	height: 92px;
	padding-bottom: 10px;
}

#logo{
	background: url(/images/sprite.png) -323px 0 no-repeat;
	width: 120px;
	height: 92px;
	display: block;
	float: left;
}

#content{
	background: #ffffff;
	float: left;
	width: 810px;
	padding: 15px 15px 0 15px;
}

.feeditem{
	background: #dddddd;
	clear: both;
	padding: 10px;
}

.item{
	clear: both;
	padding-top: 10px;
}

.space{
	height: 10px;
	width: 770px;
	display: block;
}

.dots{
	width: 840px;
	clear: both;
	display: block;
	border-top: 1px dotted #aaaaaa;
	margin: 30px 0 10px -15px;
}

/* grid columns */
.onecolumn{
	width: 125px;
	margin: 5px;
	float: left;
}

.twocolumn{
	width: 260px;
	margin: 5px;
	float: left;
	clear: none;
}

.threecolumn{
	width: 395px;
	margin: 5px;
	float: left;
}

.fourcolumn{
	width: 530px;
	margin: 5px;
	float: left;
}

.fivecolumn {
	width: 665px;
	margin: 5px;
	float: left;
}

.sixcolumn {
	width: 800px;
	margin: 5px;
	float: left;
}

.nocolumn{
	display: none;
}

/* footer */
#footer{
	padding-top: 10px;
	height: 30px;
	clear: both;
	width: 800px;
	
}

#etsy a{
	background: url(/images/sprite.png) -323px -120px no-repeat;
	height: 30px;
	width: 80px;
	margin: 10px;
	display: block;
	float: left;
}

#flickr a{
	background: url(/images/sprite.png) -323px -160px no-repeat;
	height: 30px;
	width: 120px;
	margin: 10px;
	display: block;
	float: left;
}

#behance a{
	background: url(/images/sprite.png) -323px -200px no-repeat;
	height: 30px;
	width: 157px;
	margin: 10px;
	display: block;
	float: left;
}

#twitter a{
	background: url(/images/sprite.png) -323px -240px no-repeat;
	height: 30px;
	width: 127px;
	margin: 10px;
	display: block;
	float: left;
}

#linkedin a{
	background: url(/images/sprite.png) -323px -280px no-repeat;
	height: 30px;
	width: 123px;
	margin: 10px;
	display: block;
	float: left;
}

#contact a{
	background: url(/images/sprite.png) -323px -320px no-repeat;
	height: 30px;
	width: 72px;
	margin: 10px;
	display: block;
	float: left;
}

#tweet{
	background: url(/images/sprite.png) 0px -647px no-repeat;
	height: 140px;
	width: 240px;
	display: block;
	padding: 10px;
}

#buy{
	height: 140px;
	width: 240px;
	display: block;
	padding: 10px;
}

#blog{
	background: url(/images/sprite.png) -270px -647px no-repeat;
	height: 140px;
	width: 240px;
	display: block;
	padding: 10px;
}

#bottom{
	background: url(/images/footerbg.png) no-repeat;
	height: 30px;
	width: 840px;
	margin: 0 0 10px 130px;	
	clear: both;
}