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

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

#travel { margin: 30px auto 0 auto; width: 568px; height: 264px; padding: 10px 25px 15px 25px; background: url(../images/homereadable.jpg) no-repeat; }

#travel h2 { font-family: Arial, Helvetica, sans-serif; text-align: center; margin: 15px 0 0 0; font-size: 2.5em; }


#disqus_thread {
	xwidth: 540px;
	background-color: white;
	padding: 15px;
	margin: 0 auto 0 auto;

}
#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 {
	-moz-opacity: 0.99;
	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 60px;
	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;
	text-align: left;
}








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

#nav {
	width: 156px;
	text-align: right;
	float: right;
	margin: 25px 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.4em; 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: 5px 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; margin: 0 12px 0 0; }
#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 -------------------------------------- */	



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

#content {
	xwidth: 790px;
	margin: 0 2px 0 0;
	float: right;
	border: 1px solid red;
}


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

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

#main {
	float: left;
	width: 706px;
	margin: 0px 0 0 50px;
	text-align: left;
	display: inline;
	xbackground-color: red;
	xbackground: url(../images/paper/paper-repeat.jpg) repeat-y;
}
}
#paintings  { margin: 0 0 6px 0; }
.paintings { padding: 30px 0 0 0; xtext-align: center; }

#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 { text-align: left; color: #0229A5; font-weight: bold; text-decoration: none; margin: 0 0px 6px 0; }

.paintings h2 { font-size: 1.8em; xtext-align: left; padding: 0 0 10px 0; }
.paintings img { xpadding: 0 0 10px 0; margin: 0 auto; }
.sizepamaterial {
	width: 380px;
	padding: 0 15px 0 0;
	float: right;
	text-align: right;
	
}
#details {
	behavior: url(border-radius.htc);
	border-radius: 10px;
	width: 550px;
	padding: 35px;
	margin: 50px auto 0 auto;
	background-color: #ffffff;
	border-width: 0px;
	border-color: #999999;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/*IE DOES NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow: 0px 0px 1px #000000;
	-webkit-box-shadow: 0px 0px 1px #000000;
	box-shadow: 0px 0px 1px #000000;
}
#details p {
font-size: 1.4em;
line-height: 1.6em;
}


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




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

.painting-stage h2 { float: left; padding: 0 0 20px 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 { xwidth: 840px; height: 60px; margin: 0 auto; padding: 20px 0 0 60px; }
#footer p {
	text-align: center;
	padding: 0 0px 0 230px;
	text-align: left;
}





/* -------------- 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: white;
	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 12px 8px 0; }
.picright { float: right; padding: 4px 0 8px 12px; }
#clear { clear: both; }
.clear {clear: both;}
.vcard { display: none; }