/* COTW CSS Document - ART SECTION */

@import url("master.css");


/* interviews
-----------------------------------------------------------------------------*/
.bodyarttop { height:135px; padding:18px 10px 10px 10px; background-image:url(/images/border_middle.gif); }
  .bodyarttop p { margin:0 0 4px 0; }
.artmiddle { clear:both; }
.interviewleftchannel { width:145px; float:left; }
  .interviewleftchannel p { margin:0; }
.interviewcontent { float:right; width:560px; background:url(/images/border_interview_bottom.gif) no-repeat bottom; margin:0 0 15px 15px; }

.interviewbody { padding:18px 15px 15px 15px; background:url(/images/border_interview_middle.gif); }
  .interviewbody p { margin:0 0 12px 0; }
  .interviewbody p.blogintro { font-family:Arial, Helvetica, sans-serif; margin:0 0 10px 0; background:url(/images/dotty.gif) bottom repeat-x; padding:0 0 20px 0; color:#88B800; }
    .interviewbody ol { margin:0 0 25px 0; padding:0; }
    .interviewbody ol li { list-style-position:inside; }
	.interviewbody ul { margin:0 0 20px 0; padding:0; }
    .interviewbody ul li { list-style:none; }
.debatesbody { padding:18px 15px 15px 15px; background:url(/images/border_interview_middle.gif); }
  .debatesbody p { margin:0; }

.submenu { width:145px; background:url(/images/bg-gutter.gif) repeat-y; margin:0 0 10px 0; }
  .submenu ul { margin:15px 0 0 10px; padding:0; }
  .submenu li { list-style:none; color:#333; margin:0; padding:0; float:left; width:125px; }
  .submenu li.titlebelow { margin-top:15px; }
    .submenu li a { display:block; background:url(/images/dotty.gif) bottom repeat-x; padding:7px 0 3px 0; color:#3c5d7c; }
	.submenu li a:hover { color:#333; background:url(/images/dotty.gif) bottom repeat-x #f5f5f5; }
	  .submenu img { padding-top:25px; }

.thumbsview { padding:22px 0 20px 20px; background-image:url(/images/border_art_middle.gif); }
  .thumbsview ul { font-size:11px; margin:0; padding:0; list-style:none; }
  .thumbsview li { margin:0 10px 15px 0; padding:0; float:left; width:162px; }
    .thumbsview li strong { float:left; width:100%; font-size:11px; color:#333; margin:0; padding:0 0 2px 0; }
    .thumbsview li em { float:left; width:100%; font-size:11px; color:#555; font-style:normal; margin:0; padding:0 0 5px 0; }
	.thumbsview li em.monthyear { font-family:Arial, Helvetica, sans-serif; color:#C13A3A; font-size:10px; padding:2px 0 0 0; }
      .thumbsview li a { display:block; width:162px; text-decoration:none; }
      .thumbsview li a:hover { color:#666; text-decoration:underline; }

.artistarticlesleft { width:135px; height:88px; padding:50px 0 0 10px; background:url(/images/artistarticles.gif); margin-bottom:10px; }
  .artistarticlesleft ul { margin:0; padding:0; }
  .artistarticlesleft li { list-style:none; width:126px; }
  
.artgreyborder { background-color:#f5f5f5; padding:5px; margin:10px 0 20px 0; }
.artgreybordertwo { background-color:#f5f5f5; padding:5px; margin:10px 0 10px 0; }
.interviewimage { padding:0 0 3px 0; background-color:#f5f5f5; margin:0 0 10px 0; }
  .interviewimage p { margin:0; }
.greyborderexhibit { background-color:#f5f5f5; padding:5px; margin:0 0 20px 0; }
  .greyborderexhibit p { margin:5px 0 0 0; }


/* artists, photographers, links & world
-----------------------------------------------------------------------------*/
.left { float:left; width:145px; margin:0 15px 0 0; }
.right { float:left; width:145px; margin-bottom:0; }
.middle { float:left; width:400px; margin:0 15px 0 0; }
  .bottomartbody { width:400px; background:url(/images/border_middle_bottom.gif) no-repeat bottom; margin-bottom:10px; }
  .bodyartmain { padding:23px 0 20px 33px; background-image:url(/images/border_art_middle.gif); }
  .bottomartmainbody { background:url(/images/border_art_middle_bottom.gif) no-repeat bottom; margin-bottom:10px; clear:both; }
    .bodyartworld { padding:10px 0 20px 10px; background-image:url(/images/border_art_middle.gif); }
      .longarttitle { width:720px; height:15px; background:url(/images/titles/title_long.jpg); }


/* Smaller text box at top of links and some of the art section - and banner lists
-----------------------------------------------------------------------------*/
.bodylinkstop { height:145px; padding:18px 15px 0 15px; background-image:url(/images/border_middle.gif); }
  .bodylinkstop p { margin:0 0 12px 0; }

.bodylinkstop ul { margin:20px 0 0 0; width:367px; padding:0; }
.bodylinkstop li { float:left; list-style:none; display:inline; padding:0 0 5px 5px; }
.bodylinkstop li.left { float:left; list-style:none; display:inline; padding:0 0 0 2px; }

.bodyart ul { margin:20px 0 0 0; width:367px; padding:0; }
.bodyart li { float:left; list-style:none; display:inline; padding:0 0 5px 5px; }
.bodyart li.left { float:left; list-style:none; display:inline; padding:0 0 0 2px; }


/* profile open
-----------------------------------------------------------------------------*/
.bodyartmain ul { margin:0; padding:0; }
.bodyartmain li { float:left; display:inline; padding-bottom:18px; list-style:none; }
.bodyartmain li.empty {float:left; display:inline; padding-bottom:18px; display:block; width:110px; height:32px; list-style:none; }
  .bodyartmain li img { padding-right:4px; float:left; }
  .bodyartmain li strong { padding-top:3px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0; float:left; }
  .bodyartmain li a { display:block; width:110px; height:32px; color:#333; }
  .bodyartmain li a:hover { background-color:#E8E8E5; }
  
  
/* debates
-----------------------------------------------------------------------------*/
.debates { height:18px; margin:18px 0 5px 0; clear:both; }
  .debatestitleone { background:url(/images/debate01.jpg) no-repeat; }
  .debatestitletwo { background:url(/images/debate02.jpg) no-repeat; }
  .debatestitlethree { background:url(/images/school.jpg) no-repeat; }
  .debatestitlefour { background:url(/images/debate03.jpg) no-repeat; }
  .articlesspacer { background:url(/images/articles.jpg) no-repeat; }
  .boardsspacer { background:url(/images/boards.jpg) no-repeat; }
  .artistinterviews { background:url(/images/artistinterviews.jpg); }
  .photointerviews { background:url(/images/photointerviews.jpg); }

.navigator {width:368px; margin-top:5px; border-left:2px #f27800 solid; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
  .navigator a { margin:0; display:block; width:352px; background-color:#e0dede; padding:8px; color:#333; }
  .navigator a:hover { background-color:#c6c6c6; }
  

/* rollover / tutorials
-----------------------------------------------------------------------------*/
.tutorials { margin-top:6px; position:relative; }
.tutorials a { display:block; width:218px; height:75px; background-color:#f1f1f1; text-decoration:none; padding:7px 5px 0 147px; }
.tutorials a:hover { background-color:#E8E8E5; text-decoration:none; }
  .tutorials img { margin:0; position:absolute; left:0; top:0; }
  .tutorials em { font-style:normal; }
  
.articlelink { margin-top:6px; position:relative; }
.articlelink a {display:block; width:238px; height:70px; background-color:#f1f1f1; text-decoration:none; padding:7px 5px 0 127px; }
.articlelink a:hover { background-color:#e0e0e0; text-decoration:none; color:#999; }
  .articlelink img { margin:0; position:absolute; left:0; top:0; }
  .articlelink em { font-style:normal; }
  
  
/* penuelas tutorial
-----------------------------------------------------------------------------*/
.floatrightbob { position:absolute; margin-left:360px; vertical-align:bottom; width:150px; }
  p.floatrighttext { font-size:12px; line-height:15px; font-style:italic; width:150px; }