body {
text-align: center;
margin:0px auto;
background: #000 url(http://delmarsenties.s3.amazonaws.com/ds/i/bg.gif) repeat-x;
/* 'Inconsolata' */
font:13px helvetica;
color:#666
}

a {
text-decoration:none; 
outline:none;
background:#faff6d;
color:#5e5e5e;
}

a:hover { color:#000;}

img {border:0px;}

li { list-style-type:none;}
.clr {clear:both;}

h1 {
vertical-align: bottom;
color:#181818;
font-size:11px;
font-weight:bold;
}

h1 a {
vertical-align: bottom;
color:#666;
font-size:11px;
font-weight:bold;
}

h1 a:hover {color:#181818}

h2 {
padding: 0px;
margin: 0px;
vertical-align: bottom;
color:#000;
font-size:32px;
letter-spacing:-1px;
font-family: 'bignoodletitling', helvetica, 'Inconsolata';
font-weight:100;
}

h2 a { background: none;}
h2 a:hover { color: #7cbde9; }


#loading {
		position: absolute;
		z-index:5;
		top:20px;
		left:50%;
		margin-left:-500px;
		width:1000px;
		height:753px;
		background: #fff url(http://delmarsenties.s3.amazonaws.com/ds/i/loading.gif) center center no-repeat;
		}
		
#start {
position: absolute;
bottom:50px;
left:50%;
margin-left:-80px;
z-index:4;
width:200px;
height:111px;
display:none;
background: transparent url(http://delmarsenties.s3.amazonaws.com/ds/i/start.gif) center top no-repeat;
}

#start_white {
position: absolute;
bottom:50px;
left:50%;
margin-left:-80px;
z-index:4;
width:200px;
height:111px;
display:none;
background: transparent url(http://delmarsenties.s3.amazonaws.com/ds/i/start_white.gif) center top no-repeat;
}

#endofportfolio_art {height:230px;}
#endofportfolio_brand {height:130px;}

#endofportfolio_brand,
#endofportfolio_art {
width:500px;
background: #fff;
position: absolute;
top: 25%;
left:50%;
margin: 0 0 0 -275px;
padding:30px 30px 0 30px;
z-index: 4;
text-align: left;
font-size: 13px;
display: none;
}

#masthead {
height:40px;
width: 1030px;
background: url(http://delmarsenties.s3.amazonaws.com/ds/i/masthead.gif) center bottom repeat-x;
position: fixed;
left:50%;
margin-left: -515px;
z-index:6;
bottom:0px;
-moz-box-shadow:0 -2px 34px #000;
-webkit-box-shadow: #000 0px -2px 34px;
}

#mastheadCornerLeft {
height:9px;
width: 15px;
background: url(http://delmarsenties.s3.amazonaws.com/ds/i/mastheadCornerLeft.gif) center bottom repeat-x;
position: fixed;
left:50%;
margin: 0px 0px 40px -515px;
z-index:4;
bottom:0px;
}

#mastheadCornerRight {
height:9px;
width: 15px;
background: url(http://delmarsenties.s3.amazonaws.com/ds/i/mastheadCornerRight.gif) center bottom repeat-x;
position: fixed;
left:50%;
margin: 0px 0px 40px 500px;
z-index:4;
bottom:0px;
}

#masthead_arrowL {
height:40px;
width: 40px;
position: fixed;
left: 50%;
margin-left:-25px;
z-index:7;
bottom:0px;
}

#masthead_arrowR {
height:40px;
width: 40px;
position: fixed;
left: 50%;
margin-left:12px;
z-index:7;
bottom:0px;
}

.masthead_arrowL a {
width:25px;
height:38px;
display: none;
text-indent:-9999;
overflow: hidden;
background: url(http://delmarsenties.s3.amazonaws.com/ds/i/arrow_left.gif) center top no-repeat;
}

.masthead_arrowR a {
width:25px;
height:38px;
display: block;
text-indent:-9999;
overflow: hidden;
background: url(http://delmarsenties.s3.amazonaws.com/ds/i/arrow_right.gif) center top no-repeat;
}


.masthead_arrowL a:hover,
.masthead_arrowR a:hover {background-position: bottom;}

.masthead {
float: left;
padding-right: 6px;
}

#container_1000 {
width: 1000px;
text-align: center;
margin:0px auto;
}

#container_white {
width:100%;
margin-top: 20px;
background: #fff;
text-align:center;
}

#bg_brand {
height: 680px;
width: 7000px;
background: url(http://delmarsenties.s3.amazonaws.com/ds/i/bg_brand.jpg) left top no-repeat;
position: absolute;
top: 0px;
left:488px;
margin-left:-494px;
z-index:1;
}

#bg_art {
height: 680px;
width: 7000px;
background: url(http://delmarsenties.s3.amazonaws.com/ds/i/bg_art.jpg) left top no-repeat;
position: absolute;
top: 0px;
left:488px;
margin-left:-494px;
z-index:1;
}

#bgContainer_blog {
width:1000px;
margin:20px 0px 0px -500px;
position: absolute;
left:50%;
z-index:2;
overflow:hidden;
background: #fff;
text-align: left;
font-size:13px;
line-height:26px;
}

            
#bgContainer {
width:976px;
height: 680px;
margin:12px 0px 0px -487px;
position: absolute;
left:50%;
z-index:2;
overflow:hidden;
background: url(http://delmarsenties.s3.amazonaws.com/ds/i/bgContainer.gif) center top no-repeat;
}


.hidden {
display:none;
float:left;
height:60px;
width:60px;
margin:0px 12px 4px 0px;
}

.hidden_text {display:none;}

.contactheader {
padding:0 0 20px 0;
margin:0 0 20px 0;
border-bottom:1px dotted #ccc;
font-size: .8em;
}

.contactheader a {
background: transparent;
}

/*======== NAV =======*/

.nav_brand a, .nav_brand a:active {
float:left;
width:101px;
height:40px;
display:block;
overflow-x: hidden;
border:0px;
text-indent:-999px;
background: transparent url(http://delmarsenties.s3.amazonaws.com/ds/i/nav_web.gif) center top no-repeat;
}

.nav_brand a:hover {
float:left;
width:101px;
height:40px;
display:block;
overflow: hidden;
text-indent:-999px;
background: transparent url(http://delmarsenties.s3.amazonaws.com/ds/i/nav_web.gif) center bottom no-repeat;
}

.nav_blog a, .nav_blog a:active {
float:left;
width:38px;
height:40px;
display:block;
overflow-x: hidden;
border:0px;
text-indent:-999px;
background: transparent url(http://delmarsenties.s3.amazonaws.com/ds/i/nav_blog.gif) center top no-repeat;
}

.nav_blog a:hover {
float:left;
width:38px;
height:40px;
display:block;
overflow: hidden;
text-indent:-999px;
background: transparent url(http://delmarsenties.s3.amazonaws.com/ds/i/nav_blog.gif) center bottom no-repeat;
}

.nav_separator {
float:left;
width:15px;
height:40px;
display:block;
overflow: hidden;
text-indent:-9999;
/*
background: transparent url(http://delmarsenties.s3.amazonaws.com/ds/i/nav_separator.gif) center top no-repeat;
*/
}

.nav_spacer {
float:left;
width:22px;
height:40px;
display:block;
overflow: hidden;
text-indent:-9999;
background: url(http://delmarsenties.s3.amazonaws.com/ds/i/nav_spacer.gif) center top no-repeat;
}

.nav_art a, .nav_art a:active {
float:left;
width:28px;
height:40px;
display:block;
overflow: hidden;
text-indent:-999px;
background: transparent url(http://delmarsenties.s3.amazonaws.com/ds/i/nav_art.gif) center top no-repeat;
}

.nav_art a:hover {
float:left;
width:28px;
height:40px;
display:block;
overflow: hidden;
text-indent:-999px;
background: transparent url(http://delmarsenties.s3.amazonaws.com/ds/i/nav_art.gif) center bottom no-repeat;
}

/*======== INFO ======*/
.blackdot {
width:15px;
height:15px;
display: block;
float: left;
margin:0 12px 0 3px;
outline: none;
text-indent:-999px;
overflow: hidden;
background: url(http://delmarsenties.s3.amazonaws.com/ds/i/blackdot.gif) center top no-repeat;
}

#info {
position: absolute;
z-index:4;
top:30px;
left:50%;
margin: 0 0 0 -490px;
padding:0px;
width: 300px;
height:20px;
text-align: left;
background:#fff;
color: #666;
font-size: 13px;
overflow: hidden;
}

#info_tab {
cursor:pointer;
background:#fff url(http://delmarsenties.s3.amazonaws.com/ds/i/infoonthispiece.gif) left top no-repeat;
text-indent:-999px;
overflow: hidden;
display: block;
font-size:0px;
line-height:0px;
height:20px;
width:300px;
}

#info li {
display: none;
padding: 0 18px 0 0;
float: left;
width: 249px;
}

#info p {
padding:0 0 20px 0;
margin:0px;
}

#info p.b {
font-weight: bold;
color:#000;
}

/*========ABOUT=======*/


.nav_about a, .nav_about a:active {
float: left;
width:48px;
height:40px;
display:block;
overflow: hidden;
text-indent:-999px;
background: transparent url(http://delmarsenties.s3.amazonaws.com/ds/i/nav_about.gif) center top no-repeat;
}

.nav_about a:hover {
float: left;
width:48px;
height:40px;
display:block;
overflow: hidden;
text-indent:-999px;
background: transparent url(http://delmarsenties.s3.amazonaws.com/ds/i/nav_about.gif) center bottom no-repeat;
}

#about {
position: fixed;
bottom: 0px;
left:50%;
margin-left: -500px;
height:0px;
width: 1000px;
overflow: hidden;
background: #fff url(http://delmarsenties.s3.amazonaws.com/ds/i/about.jpg) fixed center bottom no-repeat;
z-index:4;
}

.about-yellowdot {
position: absolute;
bottom:170px;
right: 44px;
width:28px;
height:28px;
display: block;
overflow:hidden;
cursor: pointer;
background: transparent url(http://delmarsenties.s3.amazonaws.com/ds/i/yellowdot.jpg) center top no-repeat;
}

.about-email a {
position: absolute;
bottom:0px;
left: 0px;
width:313px;
height:57px;
display: block;
overflow:hidden;
text-indent:-999px;
background: transparent url(http://delmarsenties.s3.amazonaws.com/ds/i/about-email.jpg) center top no-repeat;
}

.about-email a:hover {
background: transparent url(http://delmarsenties.s3.amazonaws.com/ds/i/about-email.jpg) center bottom no-repeat;
}

.about-twitter a {
position: absolute;
bottom:0px;
left: 313px;
width:83px;
height:57px;
display: block;
overflow:hidden;
text-indent:-999px;
background: transparent url(http://delmarsenties.s3.amazonaws.com/ds/i/about-twitter.jpg) center top no-repeat;
}

.about-twitter a:hover {
background: transparent url(http://delmarsenties.s3.amazonaws.com/ds/i/about-twitter.jpg) center bottom no-repeat;
}



/*
**********
ABOUT
***********
*/

#bg_about {
	text-align: left;
	padding: 0;
	background: url(http://delmarsenties.s3.amazonaws.com/ds/i/illo_header.jpg) center top no-repeat;
	width:100%;
	height:320px;
	float: left;
}

#bg_about h1 {
	font-family: "bignoodletitlingregular";
	font-size: 3.6em;
	padding: 12px 12px 12px 32px;
	background: #fff;
	float: left;
	margin: 230px 0 0 0;
}

ul.copy {
	margin:0;
	padding:0;
}
ul.copy li {
	float: left;
	width:293px;
	height:220px;
	margin:12px 0 0 0;
	padding: 24px 12px 12px 12px;
	background: #efefef;
}

ul.copy li.first {
	width:623px;
	margin:12px 12px 0 0;
}

ul.copy h2 {
	font-family: "bignoodletitlingregular", "Helvetica";
	font-weight:700;
	color:#5e5e5e;
	-webkit-text-stroke-width: .02px;
	-webkit-text-stroke-color: #ededed;
	-webkit-text-fill-color: #5e5e5e;
	text-shadow: 2px 2px 0px #a4e4f1;
	text-align: left;
	
	/*
	color:#a4e4f1;
	border-bottom: 5px solid #a4e4f1;  blue
	text-shadow: 2px 2px 0px #ca3f68; pink */
	font-size: 5em;
	margin:20px auto 0 auto;
	
}

@-moz-document url-prefix() {
    ul.copy h2 {
        font-weight:100;
		font-size: 4em;
		text-shadow: none;
    }
}


ul.copy li.last {
	margin: 12px 0 0 0;
}
ul.copy p {
	text-align:left;
}

/* ============ BLOG =============== */
#content {
float: left;
width:666px;
padding:12px 10px 0px 12px;
}

#content img {
	width:100%;
}

#primary {
float: left;
width:300px;
padding-top:12px;
/* background: url(http://delmarsenties.s3.amazonaws.com/ds/i/primary_bg.gif) left top repeat-y; */
}

#searchsubmit {
float: left;
width:25px;
height:38px;
display: block;
text-indent:-9999;
overflow: hidden;
margin:0px;
border:none;
font-size:0px;
line-height:0px;
color:#fff;
background: url(http://delmarsenties.s3.amazonaws.com/ds/i/arrow_search.gif) center top no-repeat;
}

#s /* the search input field */
{
width:120px;
height:38px;
float: left;
padding:0px;
margin:0px;
border: 1px solid #ccc;
background:#ededed;
font-size:20px;
letter-spacing:-1px;
color:#333;
}

.screen-reader-text {display: none;}

.blogheader, .blogheader_nolink {
width:650px;
height:100px;
display:block;
overflow: hidden;
text-indent:-999;
background-position: center top;
}

.sidebar_art a {
width: 300px;
height: 106px;
text-indent:9999px;
display: block;
overflow: hidden;
font-size:0px;
line-height:0px;
background-image: url(http://delmarsenties.s3.amazonaws.com/ds/i/sidebar_art.gif);
background-position: center top;
}

.sidebar_web a {
width: 300px;
height: 106px;
text-indent:9999px;
display: block;
overflow: hidden;
font-size:0px;
line-height:0px;
background-image: url(http://delmarsenties.s3.amazonaws.com/ds/i/sidebar_web.gif);
background-position: center top;
}

.sidebar_posters a {
width: 300px;
height: 106px;
text-indent:9999px;
display: block;
overflow: hidden;
font-size:0px;
line-height:0px;
background-image: url(http://delmarsenties.s3.amazonaws.com/ds/i/sidebar_posters.gif);
background-position: center top;
}

.sidebar_about a {
width: 300px;
height: 106px;
text-indent:9999px;
display: block;
overflow: hidden;
font-size:0px;
line-height:0px;
background-image: url(http://delmarsenties.s3.amazonaws.com/ds/i/sidebar_about.gif);
background-position: center top;
}

.sidebar_art a:hover,
.sidebar_web a:hover,
.sidebar_posters a:hover,
.sidebar_about a:hover {
background-position: center bottom;
}

.post {
padding-bottom:20px;
}

ul#portfolio {float: left; padding:0; margin:0;}
ul#portfolio li {float: left; padding:0; margin:0; width:80px; overflow:hidden;}
ul#portfolio li a {background: transparent; padding:0; margin:0; }

ul.recentposts {
			padding:0;
			margin:0;
			}

ul.recentposts li {
			padding: 12px 0 12px 0;
			border-top:1px dotted #ccc;
			}
			
			ul.recentposts li a {
			background: transparent;
			}