FONT	{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
TD		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
BODY	{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
P		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
DIV		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}

/* This is the line in the posting page which shows the rollover
help line. This is actually a text box,but if set to be the same
colour as the background no one will know;)
*/
.helpline{background:#FFFFFF;border-style:none}

/* Quote & Code blocks */
.code{background: #F8DC75;border: 1px solid #FF7327;color: #FF7327;font:11px Courier,'Courier New',sans-serif}
.quote{background: #F8DC75;border: 1px solid #FF7327;color:#FF7327;font:11px/125% Verdana, Arial, Helvetica, sans-serif}

/*The next lines control the look of the background and scrollbars */
.bodyline{background: #000000; border: 1px double #660000; color: #660000}
body{background: #000000;color: #FF7327;font:10px Verdana,Arial,Helvetica,sans-serif;scrollbar-3dlight-color: #8FB5B5;scrollbar-arrow-color: #5F7979;scrollbar-darkshadow-color: #1D424C;scrollbar-face-color: #890000;scrollbar-highlight-color: #A5D0D4;scrollbar-shadow-color: #C0F4EF;scrollbar-track-color: #000000;}
a:active{color:#FF7327;text-decoration:none; FONT-WEIGHT: bold; FONT-SIZE: 10px}
a:hover		 {color: #FF3333; FONT-SIZE: 10px; text-decoration: none; font-weight: bold}
.title 		 {BACKGROUND: none; COLOR: #CCFFFF; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.content 	 {BACKGROUND: none; COLOR: #CC0000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}
.block-title {BACKGROUND: none; COLOR: #FF0000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; font-weight: normal}
.storytitle  {BACKGROUND: none; COLOR: #FF7327; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.storycat	 {BACKGROUND: none; COLOR: #FF7327; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.boxtitle 	 {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.boxcontent  {BACKGROUND: none; COLOR: #999999: 10px; FONT-FAMILY: Verdana, Helvetica}
.option 	 {BACKGROUND: none; COLOR: #999999; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.tiny		 {BACKGROUND: none; COLOR: #FF7327; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.small		 {BACKGROUND: none; COLOR: #FF7327; FONT-SIZE:  9px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}

/*added from smartDark css*/


a:link { color:#FF0000;text-decoration:none; FONT-WEIGHT: bold; FONT-SIZE: 10px } a:visited { color:#FF0000;text-decoration:none; FONT-WEIGHT: bold; FONT-SIZE: 10px }
.insanity {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #CC0000}
.ititle { BACKGROUND: none; COLOR: #FF0000; FONT-SIZE: 11px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
.contentblink { BACKGROUND: none; COLOR: #CC0000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica ; text-decoration: blink}


* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
 
body {
  background: #000;
}
 
.pic {
  border: 4px solid #fff;  
  float: none;
  width: 300px;
  height: 269px;
  margin-left: -40px;
  background: #111;
  overflow: hidden;
   
  -webkit-box-shadow: 2px 2px 2px #111;
          box-shadow: 2px 2px 2px #111;  
}

/*GROW*/
.grow img {
  height: 269px;
  width: 300px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow img:hover {
  width: 500px;
  height: 429px;
  margin-top: -70px;
  margin-left: -105px;
}