/*
Theme Name: DKNG Studios
Theme URI: http://wordpress.org/
Description: DKNG 2009.
Version: 1.0
Author: DKNG Studios
Author URI: http://www.dkngstudios.com/
Tags: DKNG, portfolio

*/



/* Reset 
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;list-style-type: none;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

html {
}

body {
	font: 12px/16px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #888;
	background: #000;
	text-align: center;
}

#container {
    width: 950px;
    margin: 0 auto 100px auto;
    overflow: hidden;
    position: relative;
    top: 77px;
    text-align: left;
}

#header {
	position: fixed;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 77px;
	background: url('images/header_bg.png') repeat-x;}

#header div {
	width: 950px;
	height: 77px;
	margin: 0 auto;
	position: relative;
}

#sidenav {
    width: 220px;
	top: 77px;
	left: 50%;
	margin-left: -475px;
    position: fixed;
}

#content {
	position: relative;
	left: 250px;
	top: 0;
    padding-top: 8px;
}

.onecol {
	width: 700px;
	}

.twocol {
	width: 455px;}

#blog_posts, #about_us {
	float: left;
	width: 455px;}

#sidecontent {
	width: 215px;
	position: fixed;
	left: 50%;
	top: 77px;
	margin-left: 260px;
/* 	position: fixed; */

/* 	margin-left: 485px; */
	
}



div {
	}
	
.entry {
	clear: both;}

.clear {
	clear: both;}


/* Type and Links 
-------------------------------------------------------------- */


a, a:visited {color: #888; text-decoration: none; outline: none;}
a:hover {color: #FFF;}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	}
	
h6 {
	color: #DDD;
	padding-bottom: 4px;}
h2 {
	padding-bottom: 10px;
	color: #DDD;}

h3 {
	clear: both;}

#blog_single_post h2 {
	padding: 0;
	float: left;
	}

#blog_single_post h3 {
	clear: none;


	}

p {
	clear: both;
	margin-bottom: 1em;}
	
small {
	color: #777;
	display: block;
	margin-bottom: 10px;}

/* Header 
-------------------------------------------------------------- */


#header h1 a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 106px;
	height: 58px;
	text-indent: -9000px;
	background: url('images/dkng_tag.png');}
#nav {
}

#nav a {
	position: absolute;
	top: 27px;
	display: block;
	height: 28px;
	text-indent: -9000px;}

#nav_names a {
	left: 122px;
	width: 270px;
	background: url('images/nav/names.png');
}

#nav_blog a {
	left: 392px;
	width: 65px;
	background: url('images/nav/blog.png');
}
#nav_work a {
	left: 457px;
	width: 72px;
	background: url('images/nav/work.png');
}
#nav_store a {
	left: 529px;
	width: 72px;
	background: url('images/nav/store.png');
}
#nav_company a {
	left: 601px;
	width: 96px;
	background: url('images/nav/company.png');
}
#nav_contact a {
	left: 697px;
	width: 90px;
	background: url('images/nav/contact.png');
}
#nav_list a {
	left: 788px;
	width: 162px;
	height: 24px;
	background: url('images/nav/list.png');
}

#nav .nav_selected a {
	background-position-y: -23px;}

#nav a:hover {
background-position: 0 -23px;
}




/* Horizontal Rules 
-------------------------------------------------------------- */

hr {
	line-height: 0;
	height: 1px;
	border: none;
	color: #444;
	background-color: #444;
	margin: 0 0 8px 0;
	padding: 0;
	text-align: left;
	clear: both;}

#content div hr {
	margin: 0 0 28px 0;
}
	
#content #blog_posts hr, #content #about_us hr {
	margin: 40px 0 8px 0;}

#content #blog_posts hr.first_hr, #content #about_us hr.first_hr  {
	margin: 0 0 8px 0;}

#content #sidecontent hr {
	margin: 0 0 8px 0;}
	
#last_hr {
	margin-bottom: 25px;}


#content {
	border-top: 1px solid #444;}
	


/* Contact Popup 
-------------------------------------------------------------- */


#contact_popup_space {
	display: none;
	height: 30px;}

#popup {
	display: none;
/* 	background: url('images/header_bg.png') 0 -3px repeat-x; */
	background: #000;
	width: 100%;
	position: fixed;
	z-index: 100;
	height: 30px;
}

#list_popup_content, #contact_popup_content {
	position: absolute;
	left: 50%;
	top: -25px;
	margin-left: -475px;
	color: #DDD;
	text-align: center;
	width: 950px;
	height: 24px;}

#contact_popup_content a {
	color: #DDD;}

#contact_popup_content a:hover {
	color: #FFF;}

#contact_popup_content .abbr {
	margin-left: 10px;
	color: #777;}


#popup a.contact_popup_close {
	padding-left: 7px;
	font-family: Arial, Helvetica;
	font-weight: bold;
	color: #C12300;
}

#popup a:hover.contact_popup_close {
	color: #D00;
	}
	
.sidenav_popup_space {
	height: 30px;
	display: none;}

#mce-error-response, #mce-success-response {
	position: absolute;
	top: 0;
	width: 950px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #000;}

div.response:hover {
	color: #FFF;
	cursor: pointer;
}

#mc-embedded-subscribe {
	margin: 0 4px 0 10px;
	position: relative;
	top: 6px;
}

/* Home 
-------------------------------------------------------------- */

#content_home hr {
	margin: 0 0 28px 0;
	}

#home-featured {
	margin: 0 0 28px 0;
}


.home_featured_blurb {
	padding-right: 30px;
	color: #888;}

#home_thumbs li {
	float: left;
	font-size: 95%;
	margin-bottom: 6px;
	line-height: 1.5em;
	width: 215px;
}

#home_thumbs li img {
	margin-bottom: 6px;}

#home_thumbs strong {
	font-size: 120%;
	}

#home_thumbs li a {
	color: #DDD;}

#home_thumbs a:hover {
	color: #FFF;}

#home_thumbs li.thumb {
	width: 245px;}

#home_thumbs li.see_more {
	float: none;
	clear: both;
	margin-bottom: 16px;}

#home_thumbs li.see_more a {
	color: #C12300;}

#home_thumbs li.see_more a:hover {
	color: #D00;}


#home_footer_container {
	clear: both;
	width: 100%;
	background: #222;
	padding: 30px 0;}

#home_footer {
	margin: 0 auto;
	text-align: left;
	width: 950px;
	color: #777;
	}

#home_inquiries li {
	float: left;
	padding-bottom: 20px;
	}

#home_inquiries li h3 {

	color: #DDD;
/*
	text-indent: -9000px;
	background: url('images/interested.gif') no-repeat;
	width: 270px;
	height: 16px;
*/
	}

#home_inquiries li p {
	margin: 0;
	}

#home_inquiries li a {
	color: #DDD;
	}

#home_inquiries li a:hover {
	color: #FFF;
	}

#home_inquiries #home_networks {
	float: right;
}

#home_networks li {
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	text-indent: -9000px;}
	
#home_networks a {
	display: block;
	width: 70px;
	height: 50px;
}

#home_networks li a:hover {
	background-position: 0 -50px;}

#facebook a {
	background: url(images/networks/facebook.gif) no-repeat;
}

#gigposters a {
	background: url(images/networks/gigposters.gif) no-repeat;
}

#artsprojekt a {
	background: url(images/networks/artsprojekt.gif) no-repeat;
	width: 51px;
}

#twitter a {
	background: url(images/networks/twitter.gif) no-repeat;
}

#home_footer #home_contact {
	clear: both;
	background: url('images/dkng_gray_home.gif') no-repeat left;
	padding: 0 0 0 70px;

}



/* Work Sidebar 
-------------------------------------------------------------- */


#sidenav {
	border-bottom: 1px solid #444;}

#sidenav.company {
	border-bottom: none;
}

.nav_list {
	display: none;
	position: relative;
	top: -3px;}

#sidenav li {
	font-size: 90%;
	padding: 0 0 1px 8px;
	color: #777;}

#sidenav h4 {
	color: #DDD;
	clear: both;
	border-top: 1px solid #444;
	padding: 5px 0 5px 4px;
	font-size: 100%;}
	
	
#sidenav h4 a, #sidenav h4 a:visited {
	color: #DDD;}

#sidenav h4 a:hover {
	color: #FFF;}
	
#sidenav #search hr {
	margin: 0 0 10px 0;}

#sidenav #search {
	width: 220px;}

.excerpt {
	font-size: 90%;
	color: #888;}

#list_404 li a {
	color: #FFF;
	}

#list_404 li {
	color: #888;
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 10px;
	margin-bottom: 5px;}

/* Work Content 
-------------------------------------------------------------- */

img {
	margin-bottom: 2px;}

.project_info {
	}
	
.project_details strong {
	color: #C12300;
	font-weight: bold;
	font-size: 120%;
}
	

.project_details {
	float: left;
	margin-bottom: 15px;
	font-size: 90%;
	color: #DDD;
}

.project_details p {
	display: inline;
	margin: 0;
	padding: 0;}

.project_notes {
	color: #888;}

.project_link {
	float: right;
	text-align: right;
	margin-bottom: 20px;
}

.store_link {
	font-size: 90%;
	padding-right: 17px;
	background: url('images/cart.gif') right top no-repeat;}

#checkout_link {
	padding: 5px 0;}

#products_page_container img {
	margin-bottom: 14px;}

#store-featured {
	margin-bottom: 26px;}

#store_thumbs li {
	float: left;
	margin-bottom: 6px;
	font-size: 90%;
	line-height: 1.3em;
}

#store_thumbs li img {
	margin-bottom: 6px;}

#store_thumbs strong {
	font-size: 120%;
	}

#store_thumbs li a {
	color: #DDD;}

#store_thumbs a:hover {
	color: #FFF;}

#store_thumbs .thumb {
	width: 242px;}

#store_thumbs li.see_more {
	float: none;
	clear: both;
	margin-bottom: 16px;}

#store_thumbs li.see_more a {
	color: #C12300;}

#store_thumbs li.see_more a:hover {
	color: #D00;}

.project_link ul li {
	float: left;}

.price {
	margin-right: 5px;
	margin-top: 1px;}



#sidenav .sale a, #sidenav .sale a:visited {
	color: #C12300;}
#sidenav .sale a:hover {
	color: #D00;}

#content img {
}



/* Blog 
-------------------------------------------------------------- */

.read_more {
	display: block;
	margin-top: 1em;}

#blog_archive_list {
	display: none;}

#blog_categories_list, #blog_archive_list {
	position: relative;
	top: -3px;}

#blog_categories_list li, #blog_archive_list li {
	color: #444;}

#blog_posts h3 a {
	color: #C12300;
	font-size: 110%;}

#blog_posts h3 a:hover {
	color: #D00;
}

#blog_featured_posts {

	clear: both;}

#blog_featured_posts img {
	margin: 0 0 4px 0;}

#blog_featured_posts .title {
	padding: 0 0 20px 0;}

.blog_post, .postmetadata {
	font-size: 90%;
	color: #888;}

.postmetadata {
	margin-top: 20px;
	margin-bottom: 16px;}

.post-social-networks {
	background: #222;
	padding: 10px;
}
	
.post-comments-link {
	float: left;}

.post-social-network-links {
	float: right;}

.post-facebook {
	padding-left: 13px;
	padding-right: 10px;
	background: url(images/blog_facebook_icon.gif) no-repeat;}

.post-facebook:hover {
	background-position: 0 -22px;}

.post-twitter {
	padding-left: 15px;
	background: url(images/blog_twitter_icon.gif) no-repeat;}

.post-twitter:hover {
	background-position: 0 -22px;}
	
#blog_posts a, #about_us a {
	color: #DDD;}

#blog_posts a:hover, #about_us a:hover {
	color: #FFF;}
	
#blog_posts {
	margin-bottom: 16px;}

#comments h3 {
	margin-top: 30px;
	margin-bottom: 10px;}

.comment {
	background: #222;
	padding: 10px;
	margin-bottom: 10px;}

.comment-author {
	font-size: 14px;}

.comment strong {
	color: #DDD;}

.comment-text {
	font-size: 11px;
	color: #C12300;}

.comment-date {
	font-size: 11px;}

#comment-name-input, #comment-email-input, #comment-url-input {
	margin-right: 10px;
	margin-bottom: 7px;
	float: left;}

#comment-url-input {
	color: #999;
	margin-right: 0;}

#commentform input, #commentform textarea {
	background: #222;
	border: 1px solid #444;	
	color: #FFF;
}

#commentform input {
	width: 133px;
	padding: 5px;
	}

#commentform textarea {
	width: 443px;
	padding: 5px;
	margin-bottom: 7px;}

#comment-text-input {
	clear: both;}

#comment-submit-button input {
	padding: 4px 6px;
	background: #C12300;
	border: 1px #C12300;
	width: auto;}

/* Company 
-------------------------------------------------------------- */

.company_hr {
	border-top: 1px solid #444;
	height: 8px;}

.about_us {
	font-size: 90%;
	color: #888;
	margin-bottom: 16px;}

#sidecontent hr {
	margin: 8px 0;}

#sidecontent #clients hr {
	margin: 0 0 8px 0;
}

#sidecontent #clients ul {
	clear: both;
}

#sidecontent ul li {
	padding: 0;
	font-size: 90%;}

#services li, #services p{
	font-size: 90%;
}

#services ul {
	margin-bottom: 1em;}

#services li {
	color: #888;
	margin-left: 15px;
	padding-left: 0;
	list-style-type: disc;
}
	
#services a {
	color: #DDD;}

#services a:hover {
	color: #FFF;}

/* Footer 
-------------------------------------------------------------- */

#page_footer {
	clear: both;
	margin-left: 250px;
	position: relative;
/*
	border-top: 1px solid #444;
	padding-top: 10px;
*/
}

#page_footer h1 a {
	display: block;
	width: 70px;
	height: 90px;
	text-indent: -9000px;
	background: url('images/dkng_gray.gif') left 14px no-repeat;}

#page_footer ul {
	position: absolute;
	top: 0;
	left: 70px;
	color: #666;
	font-size: 90%;
		overflow: visible;
	}

#footer_nav {
	clear: both;
	text-transform: uppercase;}



/* Images 
-------------------------------------------------------------- */

.entry-content img {
	margin: 0 0 1.5em 0;
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
  margin-right: 1.5em;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
  margin-left: 1.5em;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	margin-bottom: 1.5em;
}
.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
.wp-caption p.wp-caption-text {
	margin: 0;
	margin-top: 2px;
}
.wp-smiley { 
	max-height: 1em;
	margin:0 !important;
}
.gallery dl {
	margin: 0;
}
.gallery-caption {
	margin:-1.5em 0 0 0;
}


/* Pullquotes
-------------------------------------------------------------- */

blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 20px;
	text-align: right;
	width: 33%;
}
blockquote.right {
	float: right;
	margin-left: 20px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}


/* List Popup
-------------------------------------------------------------- */

.page-id-1316 .post {
	text-align: center;
	position: fixed;
	width: 950px;
	height: 60px;
	top: 47%;
}

.page-id-1316 #header {
	top: 0;}