/* ===============================
ArtandResponse.com
written 3.10.10

swatch colors
===========
13437a - dark blue
1d74be - mid blue
================================= */


#disqus_thread {
	width: 560px;
	background-color: white;
	padding: 15px;
	margin: 0 0 0 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
#disqus_thread h3 {
font-size: 1.3em;
	font-family: Tahoma, Geneva, sans-serif;
}

* { margin: 0; padding: 0; }

html, body { height: 100%; }
html { overflow-y: scroll; }


body { height: 100%; font-size: 62.5%; font-family: georgia, times, helvetica, sans-serif; margin: 0; padding: 0; background: Black url(../images/background-tile.jpg); }




#wrapper { width: 1024px; margin: 0 auto; background: Black url(../images/background-repeater.jpg) repeat-y center; min-height: 100% !important; }



* html #wrapper { height: 100%; }


#column { margin: 0 auto; text-align: left; width: 1024px; }
.general { background: url(../images/background.jpg) no-repeat top center; }








.js-kit-comments { width: 564px; margin: 0 0 0 45px; }


.discourse { margin: 0 0 15px 0; }

.title-size { width: 564px; margin: 0 0 0 16px; }






/* -----------------------  LINKS  ---------------------- */

a { color: black; outline: none; }

a:hover { color: #EC3B0F; text-decoration: underline; }
a:focus { color: #EC3B0F; }
a:visited { color: #62625E; }
a:active { outline: 0; position: relative; top: 1px; }


img { border: none; }





/* -----------------------  Headers  ---------------------- */

h1 { font-size: 2.2em; margin: 0 0 .3em 0; color: #363636; font-family: “Myriad Pro”, Arial, Helvetica, Tahoma, sans-serif; }
h2 { font-size: 2.0em; margin: 0 0 .4em 0; color: #363636; }
h3 { font-size: 2em;  margin: 0 0 .4em 0;  }
h4 { font-size: 1.7em;  margin: 0 0 .4em 0;  }
h5 { font-size: 1.5em;  margin: 0 0 .4em 0;  }
h6 { font-size: 1.3em;  margin: 0 0 .6em 0;  }

p { font-size: 1.4em; margin: 0 0 .7em 0; color: black; }






/* -------------------  Blockquotes  (Pick One) ----------------- */
blockquote { color: #666; font-style: italic; padding: 5px 0 0 0; }







ol { margin: 0 30px 18px 0; }
ol li { font-size: 1.2em; margin: 2px 0 8px 32px; color: #62625E; line-height: 1.5em; }







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


#header { width: 1024px; height: 92px; margin: 0 auto 15px auto; background: url(../images/new-header.gif) no-repeat center; }
#header h1 { position: absolute; left: -9999px; }


#sidebar { width: 120px; float: right; text-align: right; }


/* -----------------------------------------------  Paintings ------------------------- ------------- */	

#video-background { float: left; width: 660px; margin: 15px 0 0 90px; padding: 23px 10px 0 0px; background: url(../images/video-screen.jpg) no-repeat 3px 0px; text-align: center; display: inline; }
.video-text { margin: 70px 0 50px 0; }








/* -----------------------------------------------  NAV1 ------------------------------------------ */	

#nav {
	width: 156px;
	text-align: right;
	float: right;
	margin: 15px 0 0 0;
	background: url(../images/nav-white.jpg) no-repeat;
	padding: 15px 0px 0px 0px;
	xbackground-color: red;
}


#nav ul { text-align: right; margin: 0 6px 0 0;}
#nav li { font-size: 1.5em; line-height: 1.7em; background: none; }
#nav li a { text-decoration: none;color: #FBD765; }
#nav li a:hover { color: #E66419; }
#nav ul li { list-style: none; }
#nav ul ul { padding: 0px 0px 0px 0; margin: 0px 0px 6px 0; }



#nav a { padding: 2px 6px 3px 2px; display: block; height: 21px; }

#nav a:hover { color: black; background-color: white; margin: 0 0 0 15px; padding: 2px 7px 4px 0px; }

#nav ul li a { font-size: 1.1em; color: #333333; line-height: 1.2em; padding: 2px 7px 4px 0px; margin: 0; height: 18px; }

#nav ul li ul li a { font-size: 1.2em; height: 14px; color: #295072; line-height: 1.0em; margin: 0; }

#nav ul li ul li a:hover { padding: 2px 7px 4px 0px; margin: 0 0 0 15px; }


#nav ul li li { font-size: .7em; line-height: 1.4em; }
#nav ul li li a { line-height: 1.4em;  font-style: italic;}





/* -------------- MailChimp Newlsetter Signup----------------- */

#newsletter-form { width: 156px; margin: 140px 0 20px 0; font-size: 1.2em; }
#newsletter-form p { font-size: 1em; text-align: left; }
#mce-responses { width: 156px; font-size: 1em; margin: 0 0 .8em 0; color: #696969; }
#mce-error-response { width: 156px; font-size: 1em; margin: 8px 0 2em 0; color: #292929; }
#mce-success-response { width: 156px; font-size: 1em; margin: 8px 0 2em 0; color: #292929; }
#mce-EMAIL { font-size: .9em; width: 150px; color: #696969; margin: 3px 0 5px 0; height: 15px; padding: 1px 0 3px 3px; }
fieldset { border: none; }

mc-embedded-subscribe { width: 156px; }

.mce-button { border: 0; display: block; padding: 0; background-color: #CCBFAC; float: right; }







/* -----------------------------------------------  Content -------------------------------------- */	
.col2 {
	float: right;
	width: 820px;
	margin: 0 30px 0 0;
	display: inline;
}



.about-this-painting { float: left; width: 150px; xbackground-color: yellow; margin: 18px 0 0 20px; display: inline; }

#content {
	width: 790px;
margin: 0 2px 0 0;;
	float:right;
}


#wide-content  { width: 960px; margin: 0 auto; }
#wide-main { float: left; width: 660px; margin: 0 0 0 140px; text-align: center; display: inline; }


#main { float: left; width: 630px; margin: 0 0 0 0px; text-align: center; display: inline; xbackground-color: green; }


.stage { float: left; width: 706px; margin: 0 0 0 65px; text-align: left; display: inline; background: url(../images/paper/paper-repeat.jpg) repeat-y; }

.paintings { padding: 3px 0 0 0; text-align: center; }
.paintings h2 { font-size: 1.6em; float: left; padding: 0 0 20px 0; }
.paintings img { xpadding: 0 0 10px 0; margin: 0 auto; }


.painting-stage { float: left; width: 645px; margin: 20px 0 0 88px; text-align: center; display: inline; }
.paintings p { margin: 0; padding: 0; }
.paintings-content { width: 645px; padding: 15px 0 50px; }

.painting-stage h2 { float: left; padding: 0 0 20px 0; }




#paintings a { color: #0229A5; font-size: 1.3em; font-weight: bold; text-decoration: none; line-height: 1.5em; margin: 0 0px 6px 0; }
#paintings p { color: #0229A5; font-weight: bold; text-decoration: none; margin: 0 0px 6px 0; }
#paintings  { margin: 0 0 6px 0; }


.size { float: right; }






.paper-header { width: 706px; padding: 40px 0 0 0; background: url(../images/paper/paper-top.jpg) no-repeat top; }
.paper-body { width: 706px; background: url(../images/paper/paper-repeat.jpg) repeat-y; }
.paper-footer { width: 706px; padding: 0 0 50px 0; background: url(../images/paper/paper-base.jpg) no-repeat bottom; }
.actual-content { width: 550px; margin: 0px 70px 0 72px; padding: 15px 0 50px; xdisplay: inline; }








/* -----------------------------------------------  Footer ---------------------------------------- */	
#footer { width: 840px; height: 60px; margin: 0 auto; padding: 20px 0 0 60px; }
#footer p { text-align: center; padding: 0 40px 0 0;}





/* -------------- CONTACT PAGE  ----------------- */
.contact-background { width: 706px; height: 800px; background: url(../images/contact-paper.jpg) no-repeat; padding: 40px 0 0 0; }

.mailformfield{ background-color: #EDEDED; border: 1px solid #9E9E9E; height: 18px; padding: 0 0 0 5px; margin: 2px 0 15px 0; width: 230px; color: #506569; font-family: Arial, Helvetica, sans-serif; }
.messageformfield{ background-color: #EDEDED; border: 1px solid #9E9E9E; height: 85px; margin: 2px 0 8px 0; padding: 3px 0 0 5px; width: 230px; color: #506569; font-family: Arial, Helvetica, sans-serif; }



.posterdiv {
	margin: 0 0 35px 0;
	background-color: #D0C9C0;
	padding: 20px;
	-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;
		border-radius: 10px;
}


hr { background: #6A6A6A; margin: 25px 0  20px 0; clear: both; float: none; width: 100%; height: 2px; border: none; }
*hr { background: #6A6A6A; background: #6A6A6A; clear: both; float: none; width: 100%; height: 2px; margin: 1.45em 0 1.45em 0; border: none; }



textarea: focus { border: 1px solid red; }

.field { color: #506569; background-color: #E5E5E5; border: 0px solid #9E9E9E; font-size: 1.1em; font-family: arial, helvetica, sans-serif; }

.comment { height: 85px; width: 363px; padding: 3px 0 0 3px; overflow: hidden; !important: ; }

.fine-line { border: 1px solid #6D6D6D; }

.hide { display: none; }

address { font-size: 1.3em; margin: 0 0 1.5em 1em; font-style: italic; }

.picleft { float: left; padding: 4px 8px 8px 0; }
.picright { float: right; padding: 4px 0 8px 8px; }
#clear { clear: both; }
.clear {clear: both;}
.vcard { display: none; }