/*   
Theme Name: dkoo dot net v6
Theme URI: http://www.dkoo.net/
Description: Custom Theme
Author: Derrick Koo
Author URI: http://www.dkoo.net/
Version: 1.0
*/
/*------------------------------------------------------
	UNIVERSAL RESETS
------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, input, textarea, select,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
a:focus {
	outline: 1px dotted #666;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*------------------------------------------------------
	GLOBAL STYLES
------------------------------------------------------*/
body {
	background: #333;
	font: 1em/1.5em Garamond, Georgia, Times, serif;
	color: #444;
}
body.front {
	background: #fff;
}
div#content {
	font-size: 1.125em;
	background:#fff;
	padding-bottom: 3em;
}
div#content p {
	padding: .5em 0;
}
div.container {
	margin: 0 auto;
	width: 610px;
}
.clear {
	clear: both;
}
.hidden {
	display: none;
}
.space {
	padding-bottom: 80px;
}
.center {
	text-align: center;
}
a:link, a:visited {
	color: #77f;
	text-decoration: none;
}
a:hover, a:focus {
	background: #99f;
	color: #fff;
}
a.highslide {
	background: none;
}
/*------------------------------------------------------
	FRONT PAGE & MENU LAYOUT
------------------------------------------------------*/
#main {
	position: absolute;
	height: 446px;
	width: 610px;
	top: 45%;
	left: 50%;
	margin-top: -223px;
	margin-left: -305px;
}
#this-that {
	background: url(http://www.dkoo.net/wp-content/themes/dkoo/images/this-that.jpg) center left no-repeat;
	width: 610px;
	height: 382px;
	margin-bottom: 30px;
}
ul#nav li {
	float: left;
	margin: 10px 0;
}
ul#nav li#logo a {
	background: url(http://www.dkoo.net/wp-content/themes/dkoo/images/logo.jpg) bottom left no-repeat;
	display: block;
	width: 115px;
	height: 24px;
	margin-right: 135px;
}
ul#nav li#about a {
	background: url(http://www.dkoo.net/wp-content/themes/dkoo/images/about.jpg) bottom left no-repeat;
	display: block;
	width: 60px;
	margin-right: 100px;
	height: 24px;
}
ul#nav li#work a {
	background: url(http://www.dkoo.net/wp-content/themes/dkoo/images/work.jpg) bottom left no-repeat;
	display: block;
	width: 50px;
	height: 24px;
	margin-right: 100px;
}
ul#nav li#blog a {
	background: url(http://www.dkoo.net/wp-content/themes/dkoo/images/blog.jpg) bottom left no-repeat;
	display: block;
	width: 43px;
	height: 24px;
}
ul#nav li#logo a:hover, ul#nav li#logo a:focus, ul#nav li#about a:hover, ul#nav li#about a:focus, ul#nav li#work a:hover, ul#nav li#work a:focus, ul#nav li#blog a:hover, ul#nav li#blog a:focus, #contact a:hover, #contact a:focus {
	background-position: top left;
}
/*------------------------------------------------------
	ABOUT PAGE
------------------------------------------------------*/
#about-content {
	background: url(http://www.dkoo.net/wp-content/themes/dkoo/images/about-content.jpg) center no-repeat;
	clear: both;
	width: 570px;
	height: 518px;
	margin: 0 auto;
}
#about-content ul, #about-content h1 {
	display: none;
}
#contact a {
	background: url(http://www.dkoo.net/wp-content/themes/dkoo/images/contact.jpg) bottom left no-repeat;
	display: block;
	margin: 0 auto;
	width: 568px;
	height: 59px;
}
/*------------------------------------------------------
	WORK PAGE
------------------------------------------------------*/
h1#work-title {
	background: url(http://www.dkoo.net/wp-content/themes/dkoo/images/work-title.jpg) center no-repeat;
	height: 83px;
	width: 570px;
	margin: 0 auto;
	margin-bottom: .5em;
}
h2.work {
	clear: both;
	height: 18px;
	padding-top: 1em;
	text-align: center;
}
ul.gallery li {
	float: left;
	padding: 8px 0;
	padding-right: 27px;
}
ul.gallery li.end {
	padding: 0;
}
ul.gallery li a {
	display: block;
	width: 185px;
	height: 140px;
}
ul.gallery li a#nyri {
	background: url(http://www.dkoo.net/wp-content/themes/dkoo/images/nyri.jpg) top center no-repeat;
}
ul.gallery li a#joanrho {
	background: url(http://www.dkoo.net/wp-content/themes/dkoo/images/joanrho.jpg) top center no-repeat;
}
ul.gallery li a#evolve {
	background: url(http://www.dkoo.net/wp-content/themes/dkoo/images/evolve.jpg) top center no-repeat;
}
ul.gallery li a#dkoo {
	background: url(http://www.dkoo.net/wp-content/themes/dkoo/images/dkoo.jpg) top center no-repeat;
}
ul.gallery li a#hazel {
	background: url(http://www.dkoo.net/wp-content/themes/dkoo/images/hazel.jpg) top center no-repeat;
}
ul.gallery li a#shruboak {
	background: url(http://www.dkoo.net/wp-content/themes/dkoo/images/shruboak.jpg) top center no-repeat;
}
ul.gallery li a#nyri:hover, ul.gallery li a#nyri:focus, ul.gallery li a#joanrho:hover, ul.gallery li a#joanrho:focus, ul.gallery li a#evolve:hover, ul.gallery li a#evolve:focus, ul.gallery li a#characterstudies:hover, ul.gallery li a#characterstudies:focus, ul.gallery li a#dkoo:hover, ul.gallery li a#dkoo:focus, ul.gallery li a#hazel:hover, ul.gallery li a#hazel:focus, ul.gallery li a#shruboak:hover, ul.gallery li a#shruboak:focus {
	background-position: bottom center;
}
ul.music {
	float: left;
	width: 200px;
	padding-left: 75px;
	padding-right: 20px;
}
ul.music li {
	padding: .25em 0;
}
ul.music li a {
	display: block;
	width: 200px;
	height: 30px;
}
ul.music li a#lowlands {
	background: url(http://www.dkoo.net/wp-content/themes/dkoo/images/music/lowlands.jpg) top right no-repeat;
}
ul.music li a#paradox {
	background: url(http://www.dkoo.net/wp-content/themes/dkoo/images/music/paradox.jpg) top right no-repeat;
}
ul.music li a#bridge {
	background: url(http://www.dkoo.net/wp-content/themes/dkoo/images/music/bridge.jpg) top right no-repeat;
}
ul.music li a#hexagrams {
	background: url(http://www.dkoo.net/wp-content/themes/dkoo/images/music/hexagrams.jpg) top right no-repeat;
}
ul.music li a#daydreamer {
	background: url(http://www.dkoo.net/wp-content/themes/dkoo/images/music/daydreamer.jpg) top right no-repeat;
}
ul.music li a#decay {
	background: url(http://www.dkoo.net/wp-content/themes/dkoo/images/music/decay.jpg) top right no-repeat;
}
ul.music li a#ash {
	background: url(http://www.dkoo.net/wp-content/themes/dkoo/images/music/ash.jpg) top right no-repeat;
}
ul.music li a#lowlands:hover, ul.music li a#lowlands:focus, ul.music li a#paradox:hover, ul.music li a#paradox:focus, ul.music li a#bridge:hover, ul.music li a#bridge:focus, ul.music li a#hexagrams:hover, ul.music li a#hexagrams:focus, ul.music li a#daydreamer:hover, ul.music li a#daydreamer:focus, ul.music li a#decay:hover, ul.music li a#decay:focus, ul.music li a#ash:hover, ul.music li a#ash:focus {
	background-position: bottom;
}
div.player{
	padding: 1em 0;
}
/*------------------------------------------------------
	BLOG
------------------------------------------------------*/
h1.blog-title {
	font-size: 2.75em;
	line-height: 1em;
	text-transform: uppercase;
	text-align: center;
}
h2.metadata {
	clear: both;
	font-size: .75em;
	line-height: 1em;
	padding-bottom: .5em;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: .15em;
}
p.descender {
	clear: both;
	padding-top: 1.5em;
}
p.intro {
	font-size: 1.375em;
	line-height: 1.5em;
	color: #666;
}
p.caption {
	font-style: italic;
	text-align: center;
	padding: 0;
}
.dropcap {
	display: block;
	float: left;
	font-size: 3.5em;
	font-weight: bold;
	padding-top: .25em;
	padding-right: .05em;
	color: #97b6b3;
}
/*------------------------------------------------------
	FOOTER
------------------------------------------------------*/
#footer {
	clear: both;
	padding: 1.5em 0;
	color: #fefbf3;
}
#footer h1 {
	font-size: 2em;
	text-align: center;
}
#footer div.container-footer {
	width: 700px;
	margin: 0 auto;
}
#footer div.container-footer div.newer, #footer div.container-footer div.older {
	float: left;
	width: 38px;
	height: 150px;
	line-height: 150px;
}
#footer div.container-footer div.newer a {
	display: block;
	background: url(http://www.dkoo.net/wp-content/themes/dkoo/images/newer.jpg) top center no-repeat;
	width: 19px;
	height: 30px;
	margin: 50px auto;
}
#footer div.container-footer div.older a {
	display: block;
	background: url(http://www.dkoo.net/wp-content/themes/dkoo/images/older.jpg) top center no-repeat;
	width: 16px;
	height: 30px;
	margin: 50px auto;
}
#footer div.container-footer div.newer a:hover, #footer div.container-footer div.newer a:focus, #footer div.container-footer div.older a:hover, #footer div.container-footer div.older a:focus {
	background-position: bottom;
}
#footer div.container-footer ul.jcarousel {
	float: left;
	font: .875em/1.25em Helvetica, Arial, sans-serif;
	width: 620px;
	margin-bottom: 1em;
}
ul.jcarousel li a:link, ul.jcarousel a:visited {
	background: url(http://www.dkoo.net/wp-content/themes/dkoo/images/square.jpg) top center no-repeat;
	padding: 0 5px;
	color: #757f8a;
	display: block;
	width: 140px;
	height: 150px;
}
ul.jcarousel li a:hover, ul.jcarousel li a:focus {
	background-position: bottom;
	color: #ccc;
}
ul.jcarousel li strong, ul.jcarousel li em, ul.jcarousel li span {
	display: block;
}
ul.jcarousel li strong {
	text-transform: uppercase;
	color: #888;
	padding-top: 8px;
}
ul.jcarousel li a:hover strong, ul.jcarousel li a:focus strong {
	color: #c2d8f5;
}
ul.jcarousel li em {
	font-family: Garamond, Georgia, Times, serif;
	font-style: italic;
	padding: .375em 0;
}
ul.jcarousel li span {
	font-size: .75em;
	text-align: right;
	font-weight: bold;
	padding: 0 1em;
}
#footer div.container-footer ul.jcarousel li {
	float: left;
}
#footer p {
	clear: both;
	font: .6875em/1.5em Garamond, Georgia, Times, serif;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: .1em;
	color: #ccc;
}