/* MAIN STYLE SHEET FOR RUSSART.COM */

/* LAYOUT *********************************************************************/

body {
    margin:0; padding:0;
    height:100%;
    background-color:#E0E9FC; /* proper match CFDDF9 is too dark */
  /* (New Year) background-image:url(images/_snowflake1.gif); */
    min-width:800px;
}

html, body, table, caption, tbody, tr, td {
  font:small/1.2 sans-serif;
}

/* layout */
#top {width:100%; height:10%;}
#lower {width:100%; height:80%;}
#lowerinner {width:100%; height:100%;}
#lowerbody {position:absolute; left:0; top:0; margin-top:70px; width:100%; height:100%; min-height:300px; max-height:80%;/* this prevents vert.scrollbar in firefox/opera*/
border-bottom:4px solid #E0E9FC; /* this is to prevent bottom content from touching panels */
}
#left {position:absolute; left:0; top:0; /*width:244px;*/ height:100%; /*background-color:#F9DDCF; border-right:6px solid #E0E9FC;*/ overflow:auto;}
#triptich {width:auto; height:100%; /*margin-left:250px; margin-right:250px;*/}
#middle {width:100%; height:100%; background-color:#FFFFFF; overflow:auto;}
#right {position:absolute; right:0; top:0; /*width:244px;*/ height:100%; /*background-color:#F9EFCF; border-left:6px solid #E0E9FC;*/ overflow:auto;}

div.toolbox {
    /*
    width:214px;/*216 causes horz scrollbar in panel*/
    padding-left:8px;
    */
}
div.toolfix {
  height:110px;
}
div.topleft {
    float:left;
    width:250px;
    text-align:center;
}
div.topright {
    float:right;
    width:250px;
    text-align:center;
}
div.content { padding:8px; clear:both; }
div.separator { width:64px; height:1px; font-size:1px; border-top:1px solid #665D1E; }

.center { text-align:center; }
.left   { text-align:left; }
.up     { margin-top:-0.75em; }
.down   { margin-top:0.75em; }
.nextup     { margin-bottom:-0.75em; }
.nextdown   { margin-bottom:0.75em; }

/* FONT ***********************************************************************/

h1 { font-size:140%; padding-bottom:4px; }
h2 { font-size:120%; padding-bottom:4px; }
h3 { font-size:100%; }
h1,h2,h3  { margin: 0.2em 0; text-align:center;}
p  { margin: 0.25em 0; }
.note { font:80%/1.0 sans-serif; }
.quote { font-style:italic; }
.bold { font-weight:bold; }
.nowrap { white-space:nowrap; }

/* COLORS *********************************************************************/

.pale     { color:#6688CC; }
.dark     { color:#203F7C; }
.intense  { color:#3366CC; }
.msft     { color:#4376E3; }
.gold     { color:#665D1E; }
.red      { color:#C00000; }
.green    { color:#347C17; }
h1        { color:#6688CC; }
h2        { color:#6688CC; } /* darker: #203F7C */
h3        { color:#6688CC; }
a         { color:#000000; }
a.nav     { color:#6688CC; }
a.hilite  { color:#665D1E; }
a.butb    { color:#6688CC; background-image:url(images/_butb2.gif); background-repeat:repeat-x;
  border-right: 1px solid #c0c0c0;
  padding:4px;
  line-height:16px; 
  }
a.butw    { background-image:url(images/_butb.gif); }
a.butb0   { border-left: 1px solid #c0c0c0; }
div.butw  { white-space:nowrap; overflow:hide; margin-bottom:4px; }
em        { color:#C00000; } /* error message */
input     { color:#665D1E; }
select    { color:#665D1E; }
textarea  { color:#665D1E; font:small/1.2 sans-serif; }
hr        { color:#665D1E; background-color:#665D1E; height:1px; border:none; margin:0; margin-top:4px; margin-bottom:4px; } /* both colors needed for various browsers */

/* FORMS **********************************************************************/

form {margin:0; padding:0;}
div.row { width:95%; padding-top:2px; clear:both;/* all internal spans float, so prevent next div from overlapping */ color:#665D1E;}
div.row span.label { float:left;  width:29%; text-align:right; margin-top:4px; }
div.row span.input { float:right; width:70%; text-align:left; }
div.row div.label  { float:left;  width:29%; text-align:right; margin-top:4px; }
div.row div.input  { float:right; width:70%; text-align:left; }

div.row2 { width:95%; padding-top:2px; clear:both;/* all internal spans float, so prevent next div from overlapping */ color:#665D1E;}
div.row2 span.label { float:left;  width:19%; text-align:right; margin-top:4px; }
div.row2 span.input { float:right; width:80%; text-align:left; }
div.row2 div.label  { float:left;  width:19%; text-align:right; margin-top:4px; }
div.row2 div.input  { float:right; width:80%; text-align:left; }

div.keyb { width:210px; text-align:center; padding-top:8px; }
.searchcheck {}
.searchcombo {}
.controlfont {}

/* MISC ***********************************************************************/

a.nounder { text-decoration:none; }
a.ref     { text-decoration:none; color:#203F7C; }
a.mov     { text-decoration:none; font-weight:bold; color:#203F7C; }
a.movhilite   { text-decoration:none; font-weight:bold; color:#665D1E; }
a.act     { text-decoration:none; color:#203F7C; }
a.ref:hover   { color:#665D1E; text-decoration:underline; }
a.mov:hover   { color:#665D1E; text-decoration:underline; }
a.movhilite:hover   { text-decoration:underline; }
a.act:hover   { color:#665D1E; text-decoration:underline; }
a:hover   { color:#665D1E; }

div.thumb { height:83px; overflow:hidden;
  line-height:16px;}
div.thumb_wreath { background: url(images/_wreath.gif) no-repeat 110px 34px; }
img.thumbnail { float:left; margin-right:8px; padding-top:4px; /* align tops with checkbox */
    width:60px; height:80px; border-style:none; }
div.thumbimg { float:right; height:84px; }    
img.thumbnail2 { margin-left:8px; padding-top:4px; /* align tops with checkbox */
    width:60px; border-style:none; }  

table,tr { vertical-align:top; }
table    { border-collapse: collapse; }
td.txt,th.txt { padding-right:1em; }
td.dat00 {color:#665D1E; border-bottom: 1px solid #E0E0E0; padding-right:4px;}
td.dat0c {color:#665D1E; border-bottom: 1px solid #E0E0E0; padding-right:4px;
  border-left: 1px solid #E0E0E0; padding-left:4px;}
td.datr0 {padding-right:4px;}
td.datrc {padding-right:4px;
  border-left: 1px solid #E0E0E0; padding-left:4px;}
td.lb {border-bottom: 1px solid #E0E0E0;}  

div.bottom {position:absolute; bottom:0;}
div.right  {position:absolute; right:0;}

ul {list-style:inside; margin:0;}
ul.news li {margin-bottom:4px;} 
ul.gold li {color:#665D1E;} /* gold bullets */

tr.over { background-color:#FDFDE8; }
code { font-size:100%; }

img.likecheckbox { padding-left:4px; padding-top:3px; }

div.adframe { width:209px; margin:0; margin-top:8px; padding:4px; clear:both; border: 1px solid #6688CC; }

div.contentmedium { height:148px; overflow:hidden;
  margin-top:8px;
  background-color:#F0F4FC;
  padding:4px; padding-top:0; padding-right:0;
  border: 1px solid #6688CC;
  clear:both;
  line-height:16px;
}

div.movieframe {
  margin-top:8px;
  background-color:#F0F4FC;
  padding:4px;
  border: 1px solid #6688CC;
  clear: both;
  line-height:16px;
}

div.boxrow {width:100%; margin:0; margin-top:4px; margin-bottom:4px; padding:0; clear:both;}
div.boxcell {height:60px; padding:4px; border: 1px solid #6688CC; overflow:hidden; vertical-align:top; width:29%;
  line-height:16px;}
div.boxcellleft {float:left;}
div.boxcellleft_last {float:none;} /* special for FF */
div.boxcellmiddle {margin-left:auto; margin-right:auto;}
div.boxcellright {float:right;}
div.boxcellmovie {height:81px; padding-top:0;}
div.boxcelllist {width:209px; margin-bottom:4px;}
div.boxcellnoborder {border-color:transparent;}
div.boxcellmovie_wreath { background: url(images/_wreath.gif) no-repeat 110px 34px; }
div.boxcelllist_wreath { background: url(images/_wreath.gif) no-repeat 50px 20px; } /* has img float:right */

p.ctitle {color:#665D1E; font-weight:bold; font-size:120%;}
p.cauthor {color:#665D1E; font-style:italic;}
p.ccopyright {color:#665D1E;}
a.clink {}
/* just in case; should be converted to pound tags */
span.cbold {font-weight:bold;}
span.citalic {font-style:italic;}

input.small { width:80px; font:80%/1.0 sans-serif; color:#665D1E; }

.noimg img {display:none;}

ul.news li a.mov:before {content: open-quote;} /* for movie title highlighting in News (not working in IE) */
li a.mov:after {content: close-quote;}

div.friend a { color:#3366CC; text-decoration:none; }
div.friend a:hover { color:#665D1E; }

div.googledoc {}
div.googledoc h3 { text-align:left; font-size:120%; margin-top:16px; margin-bottom:8px; }