@charset "utf-8";
/* CSS Document */
/*2010-02-21*/


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, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1; 
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

 
/* =============================End CSS Reset==================== */

body { 
      font-family:      Arial, Helvetica, sans-serif;
      font-size:        10px;
      background-color: #666;
}

/*site container wrapper*/
#wrppr {
        background-color: #fff;
}
/*MAIN NAV*/
#nav { /*container*/
	color:               #fff;
	text-transform:      uppercase;
	font-weight:         normal;
	padding:             10px 0 5px 50px;
	margin:              15px 0 0 0;
	width:               515px;
	height:              70px;
	background-image:    url(imgs/nav-dropshadow-bg.png);
	background-repeat:   no-repeat;
	background-position: -125px top;
	position:            relative;
	z-index:             200;	
	float:               left;
}
#nav h2 {
	text-transform: none;
	font-size:      1.3em;
        font-weight:    bold;
	width:          200px;
}
#nav p {
	color:          #cc9;
	text-transform: none;
	float:          left;
	clear:          left;
	padding:        0;
	margin:         7px 0 0 0;
	line-height:    16px;
	width:          75%;
	font-weight:    normal;
}
#nav p span {
	font-size: .9em !important;
}
#nav ul { /*main NAVigation*/
	list-style-type: none;
	margin:          -12px 36px 0 0;
	float:           right;
	font-size:       .9em;
	font-weight:     bold;
        line-height:     7px;

}

#nav ul li .break { 
        line-height: 10px;
}

#navWork { 
        padding-top:    15px;
        width:          400px;
        color:          #cc9;
	font-size:      2.1em;
	font-weight:    lighter;
        text-transform: none;
        opacity:        0.7;
	filter:         alpha
}
#blank { 
        height: 50px;
}
#projects { 
        margin-left:      30px;
        height:           290px; 
        width:            90px;
        background-color: #cc9;
        padding:          45px 10px 0px 20px;
        z-index:          100;
}
#projects ul { 
        font-family:  arial; 
        font-weight:  bold;
        font-size:    1.05em;
        line-height:  14pt;
}
#projects ul a { 
        color:           #000; 
        text-decoration: none;
}

#projects p { 
        font-style: italic; 
}
/*LINKS*/
#nav a:link, #nav a:visited {
	color:           #fff;
	text-decoration: none;
}
#nav a:hover, #nav a:active {
	color: #9cc;
}
#nav p a:link, #nav p a:visited {
	color: #cc9;
}
#nav p a:hover, #nav p a:active {
	color:         #fff;
	border-bottom: 1px solid #fff;
}

#navWork a:link, #navWork a:visited {
	color:           #cc9;
	text-decoration: none;
}
#navWork a:hover, #navWork a:active {
	color: #eb222d;
}
#projects a:link, #projects a:visited {
        color:           #000; 
        text-decoration: none;
        font-weight:     bolder;
}
#projects a:hover, #projects a:active { 
        color: #eb222d; 
}

/*SUB NAV*/
/*sub navigation links*/
#sub-nav {
	font-size:         10px;
	line-height:       1.1em;
	float:             right;
	clear:             left;
	width:             104px;
	height:            72px;
	background-image:  url(imgs/sub-nav-bg.png);
	background-repeat: no-repeat;
}
#sub-nav ul {
	list-style: none;
	margin:     13px 0 0 16px;
	padding:    0;
}
#sub-nav li { 
        margin-bottom: 3px;
}
#sub-nav a:link, #sub-nav a:visited {
	color:           #fff;
	text-decoration: none;
}
#sub-nav a:hover, #sub-nav a:active {
	color: #983C2C;
}

/*SUB-tab = color fields, landscapes... etc.*/
#sub-tab ul {
	list-style: none;
	padding:    0;
	margin:     0;
	font-size:  1.1em;
	display:    inline-block;
}
#sub-tab ul li {
	display:      inline-block;
	margin-right: 20px;
	float:        left;
}
#sub-tab a:link, #sub-tab a:visited {
	color:           #000;
	text-decoration: none;
}
#sub-tab a:hover, #sub-tab a:active {
	color: #983C2C;
}

/* CONTENT */
#content {
	background-color: #fff;
	width:            100%;
}
/*LINKS*/
#content p a:link, #content p a:visited {
	color:           #000;
        text-decoration: none;
}
#content p a:hover, #content p a:active {
	color:         #000;
}
.indexInfo a { 
        font-weight:     bolder; 
        font-style:      italic;  
        text-decoration: none; 
}
.indexInfo a:link, .indexInfo a:visited { 
        color: #4c4949;
}
.indexInfo a:hover, .indexInfo a:active { 
             color: #eb222d; 
}
#onArts { 
        width:          10px;
        margin-left:    -10px; 
        padding-bottom: 5px;
}
.indexInfo { 
        height:       400px;
        margin-top:   -295px;
        margin-left:  165px;
        line-height:  13pt;
        width:        328px; 
        float:        left;
        font-size:    1.25em;
        opacity:      0.7;
	filter:       alpha
}
.interest { 
        font-style: italic; 
}
/*FOOTER*/
#footer {
	color:            #fff;
	background-color: #666;
	padding:          8px 0 25px 50px;
	clear:            both;
}

img.icon { 
        width:  18px; 
        height: auto; 
}

/*YART SALE*/
.etsy-yart-sale {z-index:100;position:relative;top:17px;left:-6px;}