﻿   html,body {font-size:14px; font-family:Tahoma;   }
   .comic-wrapper { width:100%;background:#5E5E5E; height:305px;} 
   .comic-inner { width:960px;height:305px; margin:0 auto; } 
   .commic-container { width:940px;margin:0px; padding:0;}
   
   h2.trigger { text-align:left; margin: 0 0 5px 0;background: url(/Content/im/behidetheceen/h2_trigger_b.gif) no-repeat;height: 46px;line-height: 46px;width: 940px;font-size: 1em;font-weight: normal;float: left;}
   h2.trigger a {color: #fff;text-decoration: none;display: block; margin-left:40px;}
   h2.trigger a:hover {color: #ccc;}
   
   h2.active {background-position: left bottom;}
  .toggle_container { display:none; margin: 0  0 5px;padding:0;border-top: 1px solid #d6d6d6;background: #f0f0f0 url(/Content/im/behidetheceen/toggle_block_stretch.gif) repeat-y left top;overflow: hidden;font-size: 1.2em;width: 940px;clear: both;}
  .toggle_container .block {padding:5px;background: url(/Content/im/behidetheceen/toggle_block_btm.gif) no-repeat left bottom;}
  .toggle_container .block p {padding: 5px 0;margin: 5px 0;}
   h3{ text-align:left; margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
   h3 SPAN { color:#FF0099; font-family:Tahoma; font-size:12pt; font-weight:normal;}
 
  .boxgridTop{width:550px; height: 281px; margin:10px; float:left; background:#161613; border: solid 2px #8399AF; overflow: hidden; position: relative; text-align:left; }
  .boxgridTop img{ position: absolute; top: 0; left: 0; border: 0;width:550px; height: 281px; }
  .boxgridTop p{ padding: 0 10px; color:#afafaf; font-weight:bold; font:10pt "Lucida Grande", Arial, sans-serif; }	
  
  .boxgridList{width:450px; height: 230px; margin:5px; float:left; background:#161613; border: solid 2px #999; overflow: hidden; position: relative; text-align:left; }
  .boxgridList img{ position: absolute; top: 0; left: 0; border: 0; }
  .boxgridList p{ padding: 0 10px; color:#afafaf; font-weight:bold; font:10pt "Lucida Grande", Arial, sans-serif; }	
  
  .boxcaption{ float: left; position: absolute; background:#000; height: 100px; width: 100%; opacity: .8; display:none;
			/* For IE 5-7 */
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
			/* For IE 8 */
			-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  }
  .boxcaptionList{ float: left; position: absolute; background:#000; height: 400px; width: 100%; opacity: .8; display:none;
			/* For IE 5-7 */
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
			/* For IE 8 */
			-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  }
  .boxcaptionList div.action{ color:#ccc; font-family: Trebuchet MS; font-size:10pt; margin-bottom:0px;}
  .boxcaption p { color:#ccc; font-family: Trebuchet MS; font-size:8pt;  }
  .boxcontent { float:left; margin:12px 0 0 5px; width:360px; height:283px; position: relative;  color:#fff;}
  .boxcontentList{ margin:0 0 0 5px; width:360px; position: relative;  color:#fff;}
  .tags {  float:left; width:170px; text-align:left; padding:5px 0 0 0px; }
  .tags h4,.comments h4 {  margin:0px; padding:0px; font-family:Trebuchet MS; font-size:12pt; }
  .comments {  margin-left:5px; float:left; width:170px;text-align:left; padding:5px 0 0 10px; }
  .tags ul,.comments ul { margin:0px; padding:0px; padding:10px 0 0 30px; }
  .tags a,.comments a { font-family:Tahoma; font-size:12px; color:#fff;}
  .tags a:hover,.comments a:hover { font-family:Tahoma; font-size:12px; color:#fff; background:#00DCFF;text-decoration:none;}
  .comments ul li{ list-style-image:url(/Content/im/behidetheceen/comment.png); width:170px;margin-bottom:3px;  }
  .tags ul li { margin:0px; padding:0px;list-style-image:url(/Content/im/behidetheceen/tag_blue.png); width:140px; margin-bottom:3px;  }
  