/* ------------------------------ 
              basics             
   ------------------------------*/

html {
	background: #0e131b;
	}
	
body {
	font-family: Avenir Next, Segoe UI, Verdana, Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	max-width: 1000px;
	min-width: 600px;
	font-weight: normal;
	font-style: normal;
	line-height: 1.2em;
	margin: 0px auto;
	voice-family: "\"}\""; 
	voice-family:inherit;
	-webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
	}

h1, h2, h3, h4, p, img  {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	border: none;
	}
	
ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	}

a {
	color: #61a6d0;
	text-decoration: none;
	}
	
a:hover {
	color: #ffc53b;
	text-decoration: none;
	}
 
a:link, a:hover { cursor: pointer; }
	
p {
	color: #5c6e83;
	font-size: 16px;
	line-height: 1.4em;
	}
	
h3 {
	font-weight: normal;
	font-size: 18px;
	font-style: normal;
	color: #1f4476;
	}
	
h3 a:hover {
	color: #C30;
	}
	
.halfsize {
	height: 50%;
	width: 50%;	
	}
	
.hidden {
	display: none;
 	}
	
/* ------------------------------ 
         common elements             
   ------------------------------*/   

#masthead {
	display: table;
	margin: 15pt 5px 5px 0px;
	width: 100%;
	}
	
#masthead #name {
	font-weight: normal;
	font-style: normal;
	float: left;
	color: #61a6d0;
	font-size: 38px;
	padding-left: 15px;
	}
	
#masthead strong {
	color: #61a6d0;
	font-weight: normal;
	}
	
#masthead #subname {
	float: left;
	display: block;
	line-height: 1em;
	color: #007cef;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	padding-left: 10px;
	margin-top: -2px;
	}
	
#foot {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	padding: 30px 0px 30px 0px;
	margin: 0px;
	}

#foot p {
	font-size: 11px;
	color: #2a394d;
	text-align: center;
	}
	
#foot a {
	color: #2a394d;
	}

#foot a:hover {
	color: #3c779b;
	text-decoration: underline;
	}	

#mainnav {
	float: right;
	display: table;
	padding: 7px 0 0 15px;
	}

#mainnav a {
	color: #479cd1;
	font-size: 16px;
	margin-right: 20px;
	}
	
#mainnav a:hover {
	color: #c4e8ff;
	}

#shoplink.on, #aboutlink.on {
	color: #e59e21;
	}

/* ------------------------------ 
            art page           
   ------------------------------*/

#artgrid {
	display: block;
	}

#artgrid img {
	margin: 10px 0px 10px 0px;
	height: auto;
	-moz-border-radius: 10px;
	border-radius: 10px;
	opacity: 1;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 300ms;
	}
	
#artgrid a img:hover {
	opacity: .6;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 300ms;
	}
	

.left {
	float: left;
	clear: left;
	}
	
.right {
	float: right;
	clear: right;
	}
	
#artgrid .mid {
	float: left;
	margin-left: 2.5%;
	}

#artgrid .full {
	float: left;
	width: 100%;
	}
	
#artgrid .half {
	width: 48.75%;
	}
	
#artgrid .quart {
	width: 23.12%;
	}

#artgrid .sixty {
	width: 54.5%;
	}
	
#artgrid .forty {
	width: 42.5%;
	}	
	
#artgrid .xlarge {
	width: 74.3%;
	}
	
#artgrid .large {
	width: 45.75%;
	}
	
#artgrid .med {
	width: 29%;
	}
	
#artgrid .small {
	width: 20.25%;
	}
		
#artgrid .wallp {
	width: 11.7%;
	}	
		
#artgrid .wallt {
	width: 20.59%;
	}	
		
#artgrid .walld {
	width: 39.8%;
	}	
		
#artgrid .wallb {
	width: 20.8%;
	}	
 
/* ------------------------------ 
             gallery             
   ------------------------------*/

.preview {
	clear: left;
	margin: 10px 0px 20px 0px;
	float: left;
	height: auto;
	width: 100%;
	display: block;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
	
.addon {
	clear: left;
	padding-top: 50px;
	}
	
.vert .preview {
	float: left;
	width: auto;
	max-width: 55%;
	}
	
.description {
	float: left;
	width: 100%;
	padding: 20px 0 0 15px;
	}
	
.vert .description {
	padding: 10px 15px;
	display: inline-block;
	width: auto;
	max-width: 38%;
	}

.description .title {
	color: #6e8097;
	text-align: left;
	line-height: .6em;
	font-size: 32px;
	font-weight: normal;
	float: left;
	}
	
.vert .description .title {
	padding-right: 10%;
	}
	
.description .title em {
	color: #465d79;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	padding-left: 10px;
	}
	
.vert .description .title em {
	float: left;
	clear: left;
	padding: 5px 0px 0px 0px;
	}
	
.description p {
	float: left;
	clear: left;
	padding-bottom: 10px;
	}
	
.long {
	margin-top: 30px;
	width: 100%;
	}
	
.slidebuttons {
	float: left;
	clear: both;
	}
	
#img_left {
	display: block;
	float: left;
	margin-left: 80px;
	background: url(http://dlanham.com/graphics/slidesleft.png);
    height: 51px;
    width: 86px;
    text-indent: -1999px;
    overflow: hidden;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 300ms;
    behavior: url(http://dlanham.com/css/iepngfix.htc);
	}
	
#img_left:hover {
    opacity: .6;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 300ms; 
	}

#img_right {
	display: block;
	float: left;
	margin-left: 40px;
	background: url(http://dlanham.com/graphics/slidesright.png);
    height: 51px;
    width: 86px;
    text-indent: -1999px;
    overflow: hidden;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 300ms;
	}
	
#img_right:hover {
    opacity: .6;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 300ms; 
	}

.gallerybuttons {
	max-width: 20%;
	padding-right: 15px; 
	float: right;
	text-align: right;
	}
	
.vert .gallerybuttons {
	max-width: 20%;
	padding: 0 0 0 15px; 
	float: left;
	text-align: left;
	}
	
.gallerybuttons a {
	margin: 0px 0 10px 0;
	}

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font: 15px MuseoSans-500, Helvetica, Arial, sans-serif;
	text-shadow: rgba(0,0,0,0.3) 0 -1px 0;
	padding: .5em 1em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	border-style: none;
	width: 80%;
	opacity: 1;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 300ms;
	}
	
.button:hover {
	color: #fff;
	text-decoration: none;
	opacity: .6;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 300ms; 
	}
	
.button:active {
	opacity: .6;
	position: relative;
	top: 1px;
	}

#navbuttons {
	clear: both;
	max-width: 100%;
	padding: 10px;
	text-align: center;
	}
	
#navbuttons img {
	width: 10px;
	height: 10px;
	padding: 3px;
	}
	
#previous, #next, #home {
	padding: 3px;
	margin: 2px;
	max-width: 15%;
	color: #3e6585;
	background: #303e51;
	background:-webkit-gradient(linear, left top, left bottom, from(#172131), to(#121822));
	background: -moz-linear-gradient(top,  #172131,  #121822);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#172131', endColorstr='#121822');
	}
	
#home {
	float: none;
	margin-left: auto;
	margin-right: auto;
	}
	
#more {
	padding: 3px;
	margin: 2px;
	max-width: 50%;
	color: #a8ccf2;
	background: #303e51;
	background:-webkit-gradient(linear, left top, left bottom, from(#172131), to(#121822));
	background: -moz-linear-gradient(top,  #172131,  #121822);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#172131', endColorstr='#121822');
	}
	
#navbuttons #previous {
	float: left;
	}
	
#navbuttons #next {
	float: right;
	}
	
#download-ipad {
	display: none;
	}
	
#download-iphone {
	display: none;
	}

#prints {
	color: #3e6585;
	background: #303e51;
	background:-webkit-gradient(linear, left top, left bottom, from(#172131), to(#121822));
	background: -moz-linear-gradient(top,  #172131,  #121822);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#172131', endColorstr='#121822');
	}
	
#download {
	color: #3e6585;
	background: #303e51;
	background:-webkit-gradient(linear, left top, left bottom, from(#172131), to(#121822));
	background: -moz-linear-gradient(top,  #172131,  #121822);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#172131', endColorstr='#121822');
	}
	
@media only screen and (device-width: 768px)	{
	#prints {
		display: inline-block;
		}
	
	#download {
		display: none;
		}
			
	#download-iphone {
		display: none;
		}
	
	#download-ipad {
		display: inline-block;
		color: #98acbd;
		background:-webkit-gradient(linear, left top, left bottom, from(#172131), to(#121822));
		}
	#download-ipad:click {
	    opacity: .6; 
		}	
	}
	
@media only screen and (max-device-width: 480px)	{	
	#prints {
		display: inline-block;
		}
	
	#download {
		display: none;
		}
			
	#download-ipad {
		display: none;
		}
	
	#download-iphone {
		display: inline-block;
		color: #98acbd;
		background:-webkit-gradient(linear, left top, left bottom, from(#172131), to(#121822));
		}
		
	#download-iphone:click {
	    opacity: .6; 
		}	
	}

	
#buynow {
	float: left;
	margin: 9px 0 5px 0;
	background: #387238;
	background:-webkit-gradient(linear, left top, left bottom, from(#387238), to(#264e26));
	background: -moz-linear-gradient(top,  #387238,  #264e26);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#387238', endColorstr='#264e26');
	}

      
/* ------------------------------ 
               shop             
   ------------------------------*/

.shopitem {
	width: 170px;
	float: left;
	margin: 0 0px 40px 40px;
	padding: 0px;
	}
	
.sold {
	opacity: .4;
	}
	
#shop {
	margin-top: 30px;
	margin-left: 20px;
	max-width: 850px;
	}
	
#shop .post p, #shop .post h3 {
	margin-left: 2.3%;
	max-width: 70%;
	}

#shop .post {
	margin: 10px 0;
	background: none;
	}
	
#shop .price {
	max-width: 30%;
	color: #4c942f;
	font-size: 20px;
	}
	
#shop .price em {
	color: #6e8097;
	font-size: 14px;
	font-style: normal;
	}
	
#shop form {
	float: left;
	padding: .35em 0 0 10px;
	height: auto;
	}
	
#shop .button {
	margin: 0px 0 0 19px;
	padding: 4px 12px;
	width: auto;
	clear: left;
	}

.itempreview {
	float: left;
	margin: 0px 20px 0 0;
	width: 23.12%;
	height: auto;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}


/* ------- about -------*/	

#about {
	float: left;
	padding: 0 10px;
	max-width: 44%;
	text-align: left; 
	}
	
#about h1 {
	font-size: 24px;
	font-weight: normal;
	margin: 20px 0 10px 0px;
	padding: 0 10px;
	color: #d24727;
	}

#about h3 {
	font-size: 20px;
	font-weight: normal;
	margin: 10px 0 8px 0px;
	padding: 0 10px;
	color: #6e8097;
	}

#about p {
	padding: 0 10px 15px 10px;
	margin-left: 0px;
	}
	
#about ul {
	margin: 0 0 20px 0px;
	padding: 0 10px;
	}
	
#about li {
	color: #5c6e83;
	margin-bottom: 5px;
	}

#about img {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
	
#about .date {
	float: none;
	}

#about a {
	color: #d34727;
	text-decoration: none;
	}
	
#about a:hover {
	color: #ffc53b;
	text-decoration: none;
	}
	
#about h3.aboutfirst {
	margin: 0px;
	padding: 0px;
	}
	
#about img {
	float: left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
	
#about em.date {
	float: none;
	}

h3.linksh3 {
	margin-top: 0px;
	font-size: 14px;
	color: #777;
	}
	
/* ------------------------------ 
             news             
   ------------------------------*/	

.mainposts {
	float: right;
	max-width: 50%;
	padding: 15px 0 30px 0;
	overflow: hidden;
	}
	
.post {
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 25px;
	margin-bottom: 25px;
	background: url(../graphics/main_divider.gif) bottom center no-repeat;
	}
	
.post h3 {
	float: left;
	max-width: 75%;
	font-weight: normal;
	font-size: 21px;
	font-style: normal;
	line-height: 1.2em;
	}
	
.post h3 a {
	color: #1caffb;
	}
	
em.maindate {
	float: right;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #7750cb;
	padding-right: 2%;
	padding-top: .4em;
	}

.post p {
	float: left;
	margin: 8px 10px 3px 0px;
	color: #3973a8;
	}
	
.post strong {
	font-weight: normal;
	color: #7750cb;
	}

em.date {
	font-size: 11px;
	font-style: normal;
	font-weight: normal;	
	float: right;
	margin-top: 2px;
	color: #526bb3;
	}
	
/* -------------- archives ---------------*/

#content {
	width: 800px;
	margin: 0px;
	float: left;
	background-color: #dcdcdc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
	
#sidecontent {
	margin: 0px;
	padding: 20px;
	width: 153px;
	float: left;
	clear: left;
	}
	
#maincontent {
	float: left;
	width: 587px;
	margin: 0px;
	padding: 20px 20px 50px 0px;
	}

#sidecontent.nav img {
	margin-left: -15px;
	}

#sidecontent h3 {
	font-size: 15px;
	margin-top: 20px;
	}

#sidecontent p {
	margin: 2px 0 0 0;
	}

#sidecontent.nav ul {
	margin: 2px 0 0 0;
	}
	
#sidecontent.nav li {
	font-size: 13px;
	}
	
#sidecontent.nav ul.categories ul {
	margin: 0px;
	}

.content {
	margin: 0 0 30px 0;
	}

#maincontent.archive {
	width: 580px;
	margin: 0px;
	float: left;
	padding: 25px 0px 20px 0px;
	clear: right;
	}
	
.archive h1 {
	color: #bbb;
	font-weight: normal;
	font-size: 18px;
	}	

.archive h3 a {
	color: #1f4476;
	}

.archive h3 {
	font-weight: normal;
	font-size: 18px;
	font-style: normal;
	line-height: 1.2em;
	margin: 0px;
	padding: 0px;
	clear: left;
	}
	
.archive p {
	margin: 3px 0 14px 0;
	padding: 0px;
	font-size: 14px;
	font-weight: normal;
	}
	
.archive p img.prv {
	float: right;
	padding-left: 10px; 
	}
	
.archive em.date {
	font-size: 12px;
	float: none;
	}
	
h3.single {
	font-weight: normal;
	font-size: 22px;
	font-style: normal;
	color: #1f4476;
	}

.browse {
	padding: 20px 0 0 0;
	}

.browse a {
	padding: 0 20px 0 0;
	}
	
p.postmetadata {
	margin-top: 20px;
	}	

	
/* ------------------------------ 
           iPhone Layout          
   ------------------------------*/

@media only screen and (max-device-width: 480px)	{

body {
	max-width: 97%;
	min-width: 97%;
	}
	
#masthead {
	display: table;
	margin: 12px 0px 10px 8px;
	width: 100%;
	}
	
#masthead #name {
	font-size: 26px;
	padding-left: 0px;
	}
	
#masthead #subname {
	display: none
	}
	
#mainnav {
	padding: 0px 0px 5px 0px;
	margin: 0px;
	}

#mainnav a {
	font-size: 16px;
	padding: 2px 10px 2px 10px;
	}
	
#artgrid img {
	margin: 3px 0 3px 0;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

#artgrid img:hover {
	opacity: 1;
	}
	
#artgrid .mid {
	float: left;
	margin-left: 2.7%;
	}
	
.preview {
	margin: 0px 0px 10px 0px;
	float: left;
	height: auto;
	width: 100%;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

.description {
	float: none;
	width: 100%;
	padding: 5px 0 0 10px;
	}

.description .title {
	color: #6e8097;
	text-align: left;
	line-height: .8em;
	font-size: 22px;
	font-weight: normal;
	float: none;
	}
	
.description .title em {
	color: #465d79;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	padding-left: 10px;
	}
	
.description p {
	color: #5c6e83;
	font-size: 14px;
	float: left;
	clear: left;
	}
	
.vert .preview {
	max-width: 55%;
	}
	
.vert .description {
	padding: 5px 10px;
	display: inline-block;
	width: auto;
	float: left;
	max-width: 38%;
	}
.vert .description .title {
	padding-right: 0%;
	}
	
.vert .description .title em {
	float: left;
	clear: left;
	padding: 5px 0px 0px 0px;
	}
	
.vert .gallerybuttons {
	max-width: 100%;
	padding: 0px;
	margin: 0px;
	text-align: center;
	clear: both;
	float: none;
	}

.gallerybuttons {
	max-width: 100%;
	padding-right: 0px;
	margin: 0px;
	float: none;
	text-align: center;
	}
	
.gallerybuttons a {
	margin: 15px 10px;
	}

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font: 15px Avenir Next, Helvetica, Arial, sans-serif;
	text-shadow: rgba(0,0,0,0.3) 0 -1px 0;
	padding: .5em 1em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	border-style: none;
	width: auto;
	opacity: 1;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 300ms;
	}
	
.button:hover {
	opacity: 1;
	}
	
.button:active {
	opacity: 1;
	}
	
#navbuttons {
	clear: both;
	width: 100%;
	padding: 15px 0px 10px 0px;
	text-align: center;
	}
	
#previous, #next, #home {
	max-width: 40%;
	width: 29%;
	padding: 5px 0 5px 0;
	}
	
#more {
	max-width: 70%;
	width: 50%;
	padding: 5px 0 5px 0;
	}
	
#shop form {
	clear: left;
	}
	
/* ------- about -------*/	

#about {
	padding: 0px;
	max-width: 100%;
	text-align: left; 
	}
	
#about h1 {
	padding: 0 10px;
	}

#about h3 {
	padding: 0 8px;
	}

#about p {
	padding: 0 10px 15px 8px;
	margin-left: 0px;
	}
	
#about ul {
	padding: 0 8px;
	}
	
.mainposts {
	margin-left: 8px; 
	max-width: 100%;
	}
	
}