/*	
**	Name:			LEE_EROTIC.CSS
**	Author:			James Lee
**	Description:	CSS for LEE-EROTIC.COM. Targeting CSS2 specification.
**	Created:		15 May 2009
**	Modified:		
**	Notes:			new design layout
**	
*/

/*	MAJOR LAYOUT CONTAINERS
------------------------------------------------------------------------------*/
body {
margin:0;
padding:0;
background-color:#ecdcb8;
background-image:url(images/common/bg_main.jpg);
background-repeat:repeat-y;
background-position:center;
background-position:top;
}

#column_shadow_container {
margin:auto;
width:100%;
padding:0px;
}

#top_shadow_container {
width:100%;
background-image:url(images/common/main-column-top-shadow.gif);
background-repeat:no-repeat;
background-position:center;
background-position:top;
padding:0px;
margin:0;
}

#main_column_container {
margin:auto;
width:788px;
border-left:1px solid #fff;
border-right:1px solid #fff;
}

#left_column_container {
width:142px;
float:left;
text-align:center;
padding:12px 0 12px 0;
}

#right_column_container {
width:629px;
float:right;
padding:5px 11px 30px 6px;
}

#content_border {
background-color:#ffffff;
padding:7px;
}

#content_container {
background-color:#ffffff;
border:1px solid #4f442a;
padding:20px;
}

#tile_block {
border:1px solid #cec1a6;
width:570px;
height:342px;
}

.ad_left
{
width:142px;
text-align:center;
padding-top:15px;
}

/*	NAVIGATION
------------------------------------------------------------------------------*/
.nav_button	
{
padding-bottom:1px;
}

.lnav-txt:link, .lnav-txt:visited {
  font:Georgia, "Times New Roman", Times, serif;
  font-style:italic;
  font-size:14px;
  text-decoration:none;
  text-align:left;
  text-indent:20px;
  color:#4f442a;
  display: block;
  width: 142px;
  height: 32px;
  background:url(images/common/no_txt.png) no-repeat left top;
}

.lnav-txt:hover {
  font:Georgia, "Times New Roman", Times, serif;
  font-style:italic;
  font-size:14px;
  text-decoration:none;
  text-align:left;
  text-indent:20px;
  color:#4f442a;
  display: block;
  width: 142px;
  height: 32px;
  background:url(images/common/no_txt.png) no-repeat right top;
}

.lnav-txt2:link, .lnav-txt2:visited {
  font:Georgia, "Times New Roman", Times, serif;
  font-style:italic;
  font-size:14px;
  text-decoration:none;
  text-align:left;
  text-indent:40px;
  color:#4f442a;
  display: block;
  width: 142px;
  height: 32px;
  background:url(images/common/no_txt.png) no-repeat left top;
}

.lnav-txt2:hover {
  font:Georgia, "Times New Roman", Times, serif;
  font-style:italic;
  font-size:14px;
  text-decoration:none;
  text-align:left;
  text-indent:40px;
  color:#4f442a;
  display: block;
  width: 142px;
  height: 32px;
  background:url(images/common/no_txt.png) no-repeat right top;
}

.lnav-home:link, .lnav-home:visited {
  display: block;
  width: 142px;
  height: 32px;
  background:url(images/nav2/home.jpg) no-repeat left top;
}

.lnav-home:hover {
 background-position: right top;
}

.lnav-paintings:link, .lnav-paintings:visited {
  display: block;
  width: 142px;
  height: 30px;
  background:url(images/nav2/paintings.jpg) no-repeat left top;
}

.lnav-paintings:hover {
 background-position: right top;
}

.lnav-oil:link, .lnav-oil:visited {
  display: block;
  width: 142px;
  height: 26px;
  background:url(images/nav2/oil.jpg) no-repeat left top;
}

.lnav-oil:hover {
 background-position: right top;
}

.lnav-watercolor:link, .lnav-watercolor:visited {
  display: block;
  width: 142px;
  height: 30px;
  background:url(images/nav2/watercolor.jpg) no-repeat left top;
}

.lnav-watercolor:hover {
 background-position: right top;
}

.lnav-drawings:link, .lnav-drawings:visited {
  display: block;
  width: 142px;
  height: 30px;
  background:url(images/nav2/drawings.jpg) no-repeat left top;
}

.lnav-drawings:hover {
 background-position: right top;
}

.lnav-charcoal:link, .lnav-charcoal:visited {
  display: block;
  width: 142px;
  height: 27px;
  background:url(images/nav2/charcoal.jpg) no-repeat left top;
}

.lnav-charcoal:hover {
 background-position: right top;
}

.lnav-wash:link, .lnav-wash:visited {
  display: block;
  width: 142px;
  height: 28px;
  background:url(images/nav2/wash.jpg) no-repeat left top;
}

.lnav-wash:hover {
 background-position: right top;
}

.lnav-pencil:link, .lnav-pencil:visited {
  display: block;
  width: 142px;
  height: 29px;
  background:url(images/nav2/pencil.jpg) no-repeat left top;
}

.lnav-pencil:hover {
 background-position: right top;
}

.lnav-artist:link, .lnav-artist:visited {
  display: block;
  width: 142px;
  height: 29px;
  background:url(images/nav2/artist.jpg) no-repeat left top;
}

.lnav-artist:hover {
 background-position: right top;
}

.lnav-exhibitions:link, .lnav-exhibitions:visited {
  display: block;
  width: 142px;
  height: 32px;
  background:url(images/nav2/exhibitions.jpg) no-repeat left top;
}

.lnav-exhibitions:hover {
 background-position: right top;
}

.lnav-statement:link, .lnav-statement:visited {
  display: block;
  width: 142px;
  height: 32px;
  background:url(images/nav2/statement.jpg) no-repeat left top;
}

.lnav-statement:hover {
 background-position: right top;
}

.lnav-blog:link, .lnav-blog:visited {
  display: block;
  width: 142px;
  height: 29px;
  background:url(images/nav2/blog.jpg) no-repeat left top;
}

.lnav-blog:hover {
 background-position: right top;
}

.lnav-newsletter:link, .lnav-newsletter:visited {
  display: block;
  width: 142px;
  height: 32px;
  background:url(images/nav2/newsletter.jpg) no-repeat left top;
}

.lnav-newsletter:hover {
 background-position: right top;
}


.lnav-contact:link, .lnav-contact:visited {
  display: block;
  width: 142px;
  height: 19px;
  background:url(images/nav2/contact.jpg) no-repeat left top;
}

.lnav-contact:hover {
 background-position: right top;
}






/*	PAGE ELEMENTS
------------------------------------------------------------------------------*/
#piece
{
text-align:center;
padding-top:20px;
padding-bottom:40px;
}

#piece img {
border:#CEC1A6 solid 1px;
}

.script_head 
{
padding-top:10px;
padding-bottom:5px;
}

.img_collage
{
margin-right:0px;
margin-left:0px;
margin-top:20px;
margin-bottom:20px;
border:#CEC1A6 solid 1px;
}

.tile {
float:left;
display:block;
width:114px;
height:114px;
}

.img_stack
{
padding:1px;
text-align:center;
}

.img_stack img
{
margin-right:30px;
margin-left:30px;
margin-top:20px;
margin-bottom:20px;
border:#CEC1A6 solid 1px;
}

.img_left
{
float:left;
padding:0px 20px 0px 20px;
}

.img_right
{
float:right;
padding:0px 20px 0px 20px;
}

.clear_bottom
{
clear:both;
}

.bk-icn-box {
width:120px;
height:115px;
padding:34px 10px 10px 10px;
margin:0;
background-image:url(../images/misc/bookmark_icons/share_box.gif);
background-repeat:no-repeat;
}

.bk-icn {
width:25px;float:left;
}

.bk-icn a {
display:block;
width:25px;
height:25px;
vertical-align:middle;
}

/*	TYPOGRAPHY 
------------------------------------------------------------------------------*/
a 
{
font-family:Georgia, "Times New Roman", Times, serif;
color:#B09966;
text-decoration:underline;
}

a:hover 
{
font-family:Georgia, "Times New Roman", Times, serif;
color:#4F442A;
text-decoration:underline;
}

h1 
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
font-style:oblique;
font-weight:normal;
color:#7E6E45;
text-decoration:none;
word-spacing:0.2em;
line-height:1.8;
text-align:center;
padding-left:20px;
padding-right:20px;
margin: 0;
padding: 0;
}

p 
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
font-style:normal;
font-weight:normal;
color:#7E6E45;
text-decoration:none;
letter-spacing:0.03em;
word-spacing:0.2em;
line-height:1.8;
text-align:justify;
padding-left:20px;
padding-right:20px;
}

.bio_txt
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
font-style:normal;
font-weight:normal;
color:#7E6E45;
text-decoration:none;
letter-spacing:0.03em;
word-spacing:0.2em;
line-height:1.8;
text-align:left;
padding:10px 20px 10px 20px;
}

.bio_txt tr
{
vertical-align:top;
}

.bio_txt td
{
padding-right:10px;
}

.p_ctr 
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
font-style:normal;
font-weight:normal;
color:#7E6E45;
text-decoration:none;
letter-spacing:0.03em;
word-spacing:0.2em;
line-height:1.8;
text-align:center;
padding-left:20px;
padding-right:20px;
}

.error_txt 
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
font-style:normal;
font-weight:normal;
color:#FF0000;
text-decoration:none;
letter-spacing:0.03em;
word-spacing:0.2em;
line-height:1.8;
text-align:justify;
}

.piece_info
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-style:normal;
font-weight:normal;
color:#7E6E45;
text-decoration:none;
letter-spacing:0.03em;
word-spacing:0.1em;
line-height:1.5;
text-align:left;
padding-left:15px;
padding-right:15px;
padding-bottom:10px;
}

.smtext 
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-style:normal;
font-weight:normal;
color:#7E6E45;
text-decoration:none;
letter-spacing:0.03em;
word-spacing:0.1em;
line-height:1.5;
}

.smlink 
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-style:normal;
color:#B09966;
text-decoration:underline;
letter-spacing:0.03em;
word-spacing:0.1em;
line-height:1.5;
}

.smlink:hover 
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-style:normal;
color:#4F442A;
text-decoration:underline;
letter-spacing:0.03em;
word-spacing:0.1em;
line-height:1.5;
}

.text 
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
font-style:normal;
font-weight:normal;
color:#7E6E45;
text-decoration:none;
letter-spacing:0.03em;
word-spacing:0.1em;
line-height:1.8;
}

.footer_txt 
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
font-style:normal;
font-weight:normal;
color:#B09966;
text-decoration:none;
text-align:center;
line-height:2;
}

.ftlnks 
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
font-style:normal;
font-weight:normal;
color:#B09966;
text-decoration:underline;
}

/*	FORM ELEMENTS
------------------------------------------------------------------------------*/
input        
{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#4F442A;
padding-left:3px;
background-color:white;
border-color:#7E6E45;
border-style :solid;
border-top-width:1px; 
border-right-width:1px; 
border-bottom-width:1px; 
border-left-width:1px;
letter-spacing:1px;
}

.error        
{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#4F442A;
padding-left:3px;
background-color:white;
border-color:#FF0000;
border-style :solid;
border-top-width:1px; 
border-right-width:1px; 
border-bottom-width:1px; 
border-left-width:1px;
letter-spacing:1px;
}

select        
{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#4F442A;
background-color:white;
border-color:#7E6E45;
border-style :solid;
border-top-width:1px; 
border-right-width:1px; 
border-bottom-width:1px; 
border-left-width:1px;
letter-spacing:1px;
}

textarea        
{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#4F442A;
background-color:white;
padding-top:3px;
padding-bottom:3px;
padding-left:3px;
padding-right:3px;
border-color:#7E6E45;
border-style :solid;
border-top-width:1px; 
border-right-width:1px; 
border-bottom-width:1px; 
border-left-width:1px;
letter-spacing:1px;
width:425px;
}

.button        
{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10pt;
background-color:#A48F5A;
border-color:#7E6E45;
border-style:outset;
border-top-width:0px; 
border-right-width:1px; 
border-bottom-width:1px; 
border-left-width:0px;
letter-spacing:1px;
}

.imgbutton        
{
padding:0px;
border-style:none;
}