/*
 *   DavidThomasRoberts.com Custom CSS
 *
 *   NOTE:  The *entire body* has an id of #dtr.  So, to override ANY RT style,
 *   just add #dtr and you'll get to override their "!important" styles.
 * 
 */

body#dtr { background:url(../../../images/drawer-sm.jpg); } 
#dtr #rt-header {  background: darkolivegreen; }
#dtr div.rt-page-container {margin-top:10px;}
#dtr #rt-mainbody {  border: 10px #3D0504 groove;  padding: 25px;}
#dtr div.rt-pages { background: #191718; }
.dtrshowcase {  padding: 11px 0px 3px 0px; }

#dtr div.component-content h2 {   display: inherit;  }

div.sidebarphotos { border: 10px #3D0504 groove;  padding: 25px; text-align:center; background-color: #f4f0e7; }
div.sidebarphotos img { width: 85%; }

.compdata {
    color: #663300;
    font: 13px "Century Gothic";
    margin-left: 25px;
    margin-right: 50px;
}
.comptitle {
    font-weight: bold;
    font-style: italic;
    background-color: #FFCC66;
    padding-left: 5px;
    padding-right: 5px;
}
.sheetavail {background-color: #3ac35b;
    color: white;
    padding: 2px;
    font-size: 80%;
    border-radius: 5px;}
	
	.sheetavail a{ color:white; text-decoration:underline;}
	.sheetavail a:hover {color:black;}

/* legacy styles */
.poetrymag {  font-style: italic;}
p.poempub {  font-size: 85%;   background: lightgray;   width: 80%;   padding-left: 10px;   border-radius: 7px;}
p.poemtext{   margin-bottom: 0px;   line-height: 130%;   font-size: 115%; } 
p.poemby {  margin-top: 20px;   border-top: 1px solid black;   width: 80%;   font-size: 85%;}
p.quote { font-size: 15px; font-style: italic; color: #800000;  margin-left: 25px;  margin-bottom: 0px; }
p.quoteby {  margin-left: 45px; font-size: 12px; padding-bottom: 25px; }
span.comptitle {  font-weight: bold;   font-style: italic;   background-color: #FFCC66;   padding-left: 5px;
  padding-right: 5px; }
p.status {color: #663300; font-weight:bold;}
  .specialsub {
  margin: .8em 0 .4em 0;
  padding: 0;
  color: #333333;
font-weight:bold; font-size:120%;}

#rt-showcase img.imagecenter {margin-bottom:0px;}
/*  Marketing Portland's Crow CSS Library                 __\\O<
    Clever and resourceful, helps sites fly...               K
                                              __\\O-
                                                 K
        /.)        (.\      __\\O<                   __\\O<
       /)\|        |/(\        K    __\\O-              K
      //)/          \(\\               K  _\\O<
     /'"^"          "^"`\      __\\O-       K
----------------------------:::::::K:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||

COMMON IMAGE CLASSES */
.imagecenter { display:block; text-align:center; margin-left:auto; margin-right:auto; margin-bottom:10px; }
.imageright  { float:right; margin-left:10px; margin-bottom:10px; }
.imageleft 	 { float:left; margin-right:10px;  margin-bottom:10px; }
.imageshadow { -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.2);
               -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.2);
               box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.2); }
.imageround5  { -webkit-border-radius: 5px;  border-radius: 5px;  }
.imageround10 { -webkit-border-radius: 10px; border-radius: 10px; }
.imageround15 { -webkit-border-radius: 15px; border-radius: 15px; }
.imageround20 { -webkit-border-radius: 20px; border-radius: 20px; }

/* WIDTHS AND HEIGHTS by pixel, 50-1200 by 50px increments */
.width50  {width: 50px; } .height50  {height: 50px; } .width650  {width: 650px; } .height650  {height: 650px; }
.width100 {width: 100px;} .height100 {height: 100px;} .width700  {width: 700px; } .height700  {height: 700px; }
.width150 {width: 150px;} .height150 {height: 150px;} .width750  {width: 750px; } .height750  {height: 750px; }
.width200 {width: 200px;} .height200 {height: 200px;} .width800  {width: 800px; } .height800  {height: 800px; }
.width250 {width: 250px;} .height250 {height: 250px;} .width850  {width: 850px; } .height850  {height: 850px; }
.width300 {width: 300px;} .height300 {height: 300px;} .width900  {width: 900px; } .height900  {height: 900px; }
.width350 {width: 350px;} .height350 {height: 350px;} .width950  {width: 950px; } .height950  {height: 950px; }
.width400 {width: 400px;} .height400 {height: 400px;} .width1000 {width: 1000px;} .height1000 {height: 1000px;}
.width450 {width: 450px;} .height450 {height: 450px;} .width1050 {width: 1050px;} .height1050 {height: 1050px;}
.width500 {width: 500px;} .height500 {height: 500px;} .width1100 {width: 1100px;} .height1100 {height: 1100px;}
.width550 {width: 550px;} .height550 {height: 550px;} .width1150 {width: 1150px;} .height1150 {height: 1150px;}
.width600 {width: 600px;} .height600 {height: 600px;} .width1200 {width: 1200px;} .height1200 {height: 1200px;}

/* WIDTHS AND HEIGHTS by percentage, 5-100 by 5% increments */
.width5pct  {width: 5%; } .height5pct  {height:5%; } .width55pct  {width: 55%; } .height55pct  {height:55%; }
.width10pct {width: 10%;} .height10pct {height:10%;} .width60pct  {width: 60%; } .height60pct  {height:60%; }
.width15pct {width: 15%;} .height15pct {height:15%;} .width65pct  {width: 65%; } .height65pct  {height:65%; }
.width20pct {width: 20%;} .height20pct {height:20%;} .width70pct  {width: 70%; } .height70pct  {height:70%; }
.width25pct {width: 25%;} .height25pct {height:25%;} .width75pct  {width: 75%; } .height75pct  {height:75%; }
.width30pct {width: 30%;} .height30pct {height:30%;} .width80pct  {width: 80%; } .height80pct  {height:80%; }
.width35pct {width: 35%;} .height35pct {height:35%;} .width85pct  {width: 85%; } .height85pct  {height:85%; }
.width40pct {width: 40%;} .height40pct {height:40%;} .width90pct  {width: 90%; } .height90pct  {height:90%; }
.width45pct {width: 45%;} .height45pct {height:45%;} .width95pct  {width: 95%; } .height95pct  {height:95%; }
.width50pct {width: 50%;} .height50pct {height:50%;} .width100pct {width: 100%;} .height100pct {height:100%;}

/* LEFT MARGIN INDENTS */
.marginleft5  { margin-left:5px;  }  .marginleft55  { margin-left:55px;  }
.marginleft10 { margin-left:10px; }  .marginleft60  { margin-left:60px;  }
.marginleft15 { margin-left:15px; }  .marginleft65  { margin-left:65px;  } 
.marginleft20 { margin-left:20px; }  .marginleft70  { margin-left:70px;  }
.marginleft25 { margin-left:25px; }  .marginleft75  { margin-left:75px;  } 
.marginleft30 { margin-left:30px; }  .marginleft80  { margin-left:80px;  }
.marginleft35 { margin-left:35px; }  .marginleft85  { margin-left:85px;  } 
.marginleft40 { margin-left:40px; }  .marginleft90  { margin-left:90px;  }
.marginleft45 { margin-left:45px; }  .marginleft95  { margin-left:95px;  }
.marginleft50 { margin-left:50px; }  .marginleft100 { margin-left:100px; }