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, font, 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 { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
:focus { outline: 0 }
ins { text-decoration: none }
del { text-decoration: line-through }
table { border-collapse: collapse; border-spacing: 0 }

	/*
	reset.css file
	*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }


body { background-color: #fff; color: #323232; font: 16px/1.5em Georgia, "Times New Roman", Times, serif; text-align: left; }

/* Typography
----------------------------------------------------------------------------------------------------*/

p, h1, h2, h3, h4 { font-weight: normal; line-height: 1.5em; margin: 0 0 1.5em 0; }
	p, li { font-size: 0.875em; line-height: 1.5em; }
	h1, .header1 { font-family: Cochin, "Times New Roman", Times, serif; font-size: 1.769em; font-style: italic; 
		 line-height: 1em; margin-bottom: 0.625em; }
	h2, .caps, .sold, .new { color: #323232; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 0.769em; 
		 letter-spacing: 0.10em; text-transform: uppercase; }
	h3 { color: #74756a; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 0.688em; 
		 letter-spacing: 0.10em; line-height: 1.6em; text-transform: uppercase; }	 
	h4 { color: #74756a; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 0.769em; 
		 letter-spacing: 0em; line-height: 1.6em; text-transform: none; }
		 
b, strong { font-weight: bold; }

em, i, dfn { font-style: italic; }

blockquote { margin: 0 1.5em 1.5em 1.5em; }

sup, sub { line-height: 0; }

abbr, acronym { border-bottom: 1px dotted; }

.center { text-align: center; }

.right { text-align: right; }

.padding { padding-top: 12px; }

a { border-bottom: 1px dotted #cacbbd; color: #323232; text-decoration: none; }
	a:hover { color: #88c425; }
	a.image, h1 a, h2 a, #photo a, #gallery a, .sidebar-right a, .sidebar-left a, .sidebar-left-comments a, .sidebar-left-comments-susan a { border-bottom: 0px; }
	
ul { list-style: none; margin: 0; }

li { margin-bottom: 1.5em; }
	#columns li, #links li { margin-bottom: 0.5em; padding-left: 0; }



/* Main Body Structure
----------------------------------------------------------------------------------------------------*/
#container { margin: 50px auto; width: 780px; }

#header { height: 100px; margin-bottom: 50px; width: 780px; }
	#header h1 a { 	background: url(http://www.sjharris.com/images/site/sjhtitle.png) no-repeat; border-bottom: 0px; display: block; 
					float: left; height: 94px; text-indent: -9999px; width: 160px; }
					
#header ul#nav { float: right; list-style: none; margin: 21px 0 70px 0; width: 620px; }

	#header ul#nav li { border-top: 1px solid #cacbbd; float: left; margin: 0; padding: 20px 0 0 0; text-align: center; }
	#header ul#nav li a { border-bottom: 0px; color: #323232; font-family: "Lucida Grande", Arial, sans-serif; 
							font-size: 12px; letter-spacing: 1px; text-transform: uppercase; }
	#header ul#nav li a:hover, #header ul#nav li a.active { color: #323232; }
	
		#header ul#nav li.green1 { width: 85px; }
		#header ul#nav li.green2 { width: 75px; }
		#header ul#nav li.green3 { width: 150px; }
		#header ul#nav li.green4 { width: 180px; }
		#header ul#nav li.green5 { width: 65px; }
		#header ul#nav li.green6 { width: 65px; }

	
		#header ul#nav li.green1:hover, #header ul#nav li.green1-current { border-top: 10px solid #1b676b; padding-top: 11px; width: 85px; }
		#header ul#nav li.green2:hover, #header ul#nav li.green2-current { border-top: 10px solid #368068; padding-top: 11px; width: 75px; }
		#header ul#nav li.green3:hover, #header ul#nav li.green3-current { border-top: 10px solid #519548; padding-top: 11px; width: 150px; }
		#header ul#nav li.green4:hover, #header ul#nav li.green4-current { border-top: 10px solid #88c425; padding-top: 11px; width: 180px; }
		#header ul#nav li.green5:hover, #header ul#nav li.green5-current { border-top: 10px solid #b3e629; padding-top: 11px; width: 65px; }
		#header ul#nav li.green6:hover, #header ul#nav li.green6-current { border-top: 10px solid #cdf14a; padding-top: 11px; width: 65px; }
						
#content, .content, #columns, #comment-entries { margin: 0 0 90px 0; }
	.nospace, #content.nospace { margin: 0 0 30px 0; }

#photo img.noborder { border: 0px; padding: 0px 10px 10px 10px; } 
	#photo a, #photo.bio  { background: #eeefe0; border: 1px solid #cacbbd; display:block; float:left; margin:0 0 20px 0; padding:9px 9px 2px 9px; position:relative; width: 500px;  }
	#photo a:hover { background: #fff; } 
	
#description, #galleryintro { display: inline; float: left; margin: 10px 40px 0px 0px; text-align: right; width: 220px; }

#columns #column1 { border-top: 1px solid #cacbbd; display: inline; float: left; padding: 20px 20px 0px 0px; width: 240px; }
	#columns #column1:hover, #columns #column1.noborder:hover { border-top: 10px solid #519548; padding-top: 11px; }
	#columns #column1.noborder { border-top: 1px solid #fff; }

#columns #column2 { border-top: 1px solid #cacbbd; display: inline; float: left; padding: 20px 0px 0px 20px; width: 240px; }
	#columns #column2:hover, #columns #column2.noborder:hover { border-top: 10px solid #88c425; padding-top: 11px; }
	#columns #column2.noborder { border-top: 1px solid #fff; }

#columns #column3 { border-top: 1px solid #cacbbd; display: inline; float: left; padding: 20px 0px 0px 0px; text-align: right; width: 260px; }
	#columns #column3:hover, #columns #column3.noborder:hover { border-top: 10px solid #bef202; padding-top: 11px; }
	#columns #column3.noborder { border-top: 1px solid #fff; }
		
#main { display: inline; float: left; margin: 0px 0px 0px 0px; text-align: left; width: 450px; }

#sidebar { display: inline; float: left; margin: 0px; padding: 0px; width: 330px; }

#column1 { border-top: 1px solid #cacbbd; display: inline; float: left; padding: 20px 0px 20px 0px; width: 300px; }
	#column1:hover, #column1.noborder:hover { border-top: 10px solid #519548; padding-top: 11px; }
	#column1.noborder { border-top: 1px solid #fff; }
	
#column2 { border-top: 1px solid #cacbbd; display: inline; float: left; padding: 20px 0px 20px 0px; width: 300px; }
	#column2:hover, #column2.noborder:hover { border-top: 10px solid #88c425; padding-top: 11px; }
	#column2.noborder { border-top: 1px solid #fff; }
	
#column3 { border-top: 1px solid #cacbbd; display: inline; float: left; padding: 20px 0px 20px 0px; text-align: left; width: 300px; }
	#column3:hover, #column3.noborder:hover { border-top: 10px solid #bef202; padding-top: 11px; }
	#column3.noborder { border-top: 1px solid #fff; }
	
#main #column1, #main #column2, #main #column3 { width:450px; }

#footer { border-top: 1px solid #cacbbd; clear: both; margin-bottom: 90px; padding: 20px 0 0 0; }
	#footer .right { color: #71726b; float: right; font-size: 0.875em; }
	

/* Gallery Page
----------------------------------------------------------------------------------------------------*/

#galleryintro { margin-top: 30px; margin-right: 30px; }

#gallery { display: inline; float: left; margin: 0px; padding: 0px; width: 525px; }
	#gallery .thumb { background: #eeefe0; border: 1px solid #cacbbd; display:block; float:left; height:120px; margin:0 0 10px 10px; padding:9px; position:relative; width:145px; }
	#gallery .thumb:hover { background: #fff; } 	

.sold, .new { display:block; position:absolute; top:95px; right:0px; padding:0 10px; border:0; font-size: 10px; line-height:22px; z-index:3000; }
        .sold { background:#1b676b; color: #fff; }
        .new { background:#b3e629; }

#pagination { margin-top: 50px; }
        #pagination a { background: #e7e8dc; padding: 10px 15px; }
        #pagination a.next { margin-left: 5px; }
        #pagination a:hover { background: #1b676b; color: #fff; }




/* About Page
----------------------------------------------------------------------------------------------------*/

#photo.bio { width: 280px; margin-bottom: 20px; }


/* Links Page
----------------------------------------------------------------------------------------------------*/

#links { margin: 0 0 90px 0; }

#links #column1 { border-top: 1px solid #fff; display: inline; float: left; padding: 20px 20px 0px 0px; width: 180px; }
	#links #column1:hover { border-top: 10px solid #519548; padding-top: 11px; }

#links #column2 { border-top: 1px solid #fff; display: inline; float: left; padding: 20px 20px 0px 0px; width: 180px; }
	#links #column2:hover { border-top: 10px solid #88c425; padding-top: 11px; }

#links #column3 { border-top: 1px solid #fff; display: inline; float: left; padding: 20px 30px 0px 0px; width: 180px; }
	#links #column3:hover { border-top: 10px solid #bef202; padding-top: 11px; }
	
#links #column4 { border-top: 1px solid #fff; display: inline; float: left; padding: 20px 0px 0px 0px; width: 170px; }
	#links #column4:hover { border-top: 10px solid #cdf14a; padding-top: 11px; }
	
	
/* Blog Page
----------------------------------------------------------------------------------------------------*/

.blog, .comment-body, .comment-form { display: inline; float: left; margin: 0px 30px 30px 30px; text-align: left; width: 380px; }
	.blog img  { background: #eeefe0; border: 1px solid #cacbbd; display:block; float:left; margin:0 0 20px 0; padding:9px; position:relative; width: 360px;  }
	.blog img:hover { background: #fff; }

.sidebar-left { display: inline; float: left; height:140px; margin: 0px; padding: 0px; text-align: right; width: 200px; }
.sidebar-left a { display: block; height:140px; margin: 0px; padding: 0px; text-align: right; width: 200px; }
       .sidebar-left h3 a { color: #74756a; line-height: 2.5em; margin-bottom: 0; }
       .sidebar-left a span.header1 { color: #323232; font-size: 2.4em; letter-spacing: 0; line-height: 0.7em; text-transform: none; }
       .sidebar-left a:hover span.header1, .sidebar-left-comments a:hover { color: #cdf14a; }

.sidebar-left-comments { background: url(http://www.sjharris.com/images/site/comment_quote.png) no-repeat; display: inline; float: left; height:70px; margin: 0px; padding: 0px; text-align: right; width: 200px; }
       .sidebar-left-comments-susan { background: url(http://www.sjharris.com/images/site/comment_quote_susan.png) no-repeat; display: inline; float: left; height:70px; margin: 0px; padding: 0px; text-align: right; width: 200px;  }
       .sidebar-left-comments a, .sidebar-left-comments-susan a { display: block; height:70px; margin: 0px; padding: 0px; line-height: 0.8em; text-align: right; width: 200px; }
       .sidebar-left-comments-susan a:hover { color: #74756a; }

.sidebar-right { display: inline; float: left; margin: 0px; padding: 0px; width: 140px; }
	.sidebar-right h3 a { color: #74756a; line-height: 1em; margin-bottom: 0; }
	.sidebar-right h3 a:hover, .sidebar-left h3 a:hover { color: #323232; }
        .sidebar-right .comments a span.header1 { color: #323232; font-size: 3em; letter-spacing: 0; text-transform: none; }
        .sidebar-right .comments a:hover span.header1 { color: #519548; }
        .sidebar-right .categories a span.header1 { color: #323232; font-size: 2.4em; letter-spacing: 0; line-height: 0.8em; margin-top: 10px; text-transform: none; }
        .sidebar-right .categories a:hover span.header1 { color: #88c425; }

.sidebar-right .comments a { border-top: 1px solid #cacbbd; display: block; height: 40px; margin: 0px; padding: 20px 0px 0px 0px; width: 140px; }
	.sidebar-right .comments a:hover { border-top: 10px solid #519548; padding-top: 11px; }

.sidebar-right .categories a { border-top: 1px solid #cacbbd; display: block; height: 70px; margin: 0px; padding: 20px 0px 10px 0px; width: 140px; }
	.sidebar-right .categories a:hover { border-top: 10px solid #88c425; padding-top: 11px; }

.sidebar-right .permalink a { border-top: 1px solid #cacbbd; display: block; height: 40px; margin: 0px; padding: 20px 0px 10px 0px; width: 140px; }
	.sidebar-right .permalink a:hover { border-top: 10px solid #cdf14a; padding-top: 11px; }


#blog-pagination { border-top: 1px solid #cacbbd; border-bottom: 1px solid #cacbbd; margin: 10px 140px 90px 230px; padding: 5px; text-align:center; width:360px; }
        #blog-pagination h3 { padding: 10px 0 0 0; }

#archive { margin: 10px 140px 90px 175px; width:530px; }
        #archive h1 { margin-bottom: 0px; }




		

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear:after { clear: both; content: ""; display: block; }
	.clear { zoom: 1; }
	
/* Misc.
----------------------------------------------------------------------------------------------------*/
	
img { border: 0px; }
	
img.centered, .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

img.alignright { display: inline; }

img.alignleft { display: inline; }

.alignright { float: right; text-align:right; }

.alignleft { float: left; text-align:left; }