/* CSS Document */


body {
  background:#7c7c7c;
  margin:0;
  line-height: 1.0em;
  font: Verdana, Arial, Sans-serif;
  font-size:12px;
  color:#333333;
 }
 
  
  .bodyCopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
  }
  
  .bodyCopy a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
  }
  
  .bodyCopyBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
  }
  
  /* Page Structure
----------------------------------------------- */

#outer-wrapper {
  width:740px;
  margin:0 auto;
  text-align:left;
  font: normal normal 100% Arial, sans-serif;
  }
#main-wrap1 {
  width:485px;
  float:left;
  background:#ffffff url("http://www.fifthdigit.com/comics/uiv2/blogBottom.jpg") no-repeat left bottom;
  margin:15px 0 0;
  padding:0 0 10px;
  color:#000000;
  font-size:97%;
  line-height:1.5em;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }
#main-wrap2 {
  float:left;
  width:100%;
   background:url("http://www.fifthdigit.com/comics/uiv2/blogHeader485.jpg") no-repeat left top;
  padding:35px 0 0px;  }
#main {
  background:#ffffff;
  padding:15px 20 20px 0;
  }
  
 #nowplayingpromo {
 padding:10px;
}
 #nowplayingpromoblock {
	margin:2px;
	text-align:left;
	line-height: 1.2em;
	text-size:10px;
	color:#000000;
	}
 

#adsblock {
	margin:2px;
	text-align:center;
	line-height: 1.2em;
	text-size:10px;
	color:#000000;
	}
	
	
 #main-wrapArtFull1 {
  width:740px;
  float:left;
  background:#ffffff url("http://www.fifthdigit.com/comics/uiv2/fullBottom.jpg") no-repeat left bottom;
  margin:15px 0 0;
  padding:0 0 10px;
  color:#000000;
  font-size:97%;
  line-height:1.5em;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }
  
#main-wrapArtFull2 {
  float:left;
  width:100%;
   background:url("http://www.fifthdigit.com/comics/uiv2/BHeaderArt.jpg") no-repeat left top;
  padding:45px 0 0px;  }
  
  #galleyThumbs {
  padding-left:35px;
  padding-right:35px;
  padding-bottom:15px;
   padding-top:15px;
  }
 
 .artThumb {
	border-color:#CCCCCC;
	border-width:1px;
	padding: 2px;
  }
  .artTitle {
	padding-right:5px;
	padding-left:5px;
	padding-bottom:10px;
	font:Verdana, Arial, Sans-serif;
	color:#999999;
	font-size: 14px;
	font-style: italic;
	font-weight: bolder;
  }
 
 #main-wrapComicsFull1 {
  width:740px;
  float:left;
  background:#ffffff url("http://www.fifthdigit.com/comics/uiv2/fullBottom.jpg") no-repeat left bottom;
  margin:15px 0 0;
  padding:0 0 10px;
  color:#000000;
  font-size:97%;
  line-height:1.5em;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }
  
#main-wrapComicsFull2 {
  float:left;
  width:100%;
   background:url("http://www.fifthdigit.com/comics/uiv2/BHeaderComics.jpg") no-repeat left top;
/*padding:45px 0 0px; */
   }
 
 #main-wrapAVFull2 {
  float:left;
  width:100%;
   background:url("http://www.fifthdigit.com/comics/uiv2/BHeaderAV.jpg") no-repeat left top;
/*padding:45px 0 0px; */
   }
   
  #main-wrapInteractiveFull2 {
  float:left;
  width:100%;
   background:url("http://www.fifthdigit.com/comics/uiv2/BHeaderInteractive.jpg") no-repeat left top;
/*padding:45px 0 0px; */
   }
   
     #main-wrapBoringFull2 {
  float:left;
  width:100%;
   background:url("http://www.fifthdigit.com/comics/uiv2/BHeaderBoring.jpg") no-repeat left top;
/*padding:45px 0 0px; */
   }
   
    
     #main-wrapLinksFull2 {
  float:left;
  width:100%;
   background:url("http://www.fifthdigit.com/comics/uiv2/BHeaderLinks.jpg") no-repeat left top;
/*padding:45px 0 0px; */
   }
   
 .comicsTitle {
	font:"Comic Sans MS", Verdana, Arial, Sans-serif;
	color:#666666;
	font-size: 14px;
	font-style: italic;
	font-weight: bolder;
  }
  
   .comicsTitle a {
	font:"Comic Sans MS", Verdana, Arial, Sans-serif;
	color:#466494;
	font-size: 14px;
	font-style: italic;
	font-weight: bolder;
	text-decoration: none;
  }
  
  comicsTitle a:hover {
	font:"Comic Sans MS", Verdana, Arial, Sans-serif;
	color:#999999;
	font-size: 14px;
	font-style: italic;
	font-weight: bolder;
	text-decoration: none;
  }

  
  .comicsBlock {
  width:120;
	margin-right:30px;
	padding-right:20px;
	font: Verdana, Arial, Sans-serif;
  font-size:12px;
  color:#000000;
  }
   
  #main-wrapSubNav {

	width:100%;
	padding-top: 5px;
	height:45px;
	text-indent: 140px;
	}
   
  #galleyThumbs {
  padding-left:35px;
  padding-right:35px;
  padding-bottom:15px;
   padding-top:15px;
  }
 
 #MFCContainer {
  width:700px;
  float:left;
  background:#000000;
  
  }  


	
#sidebar-wrap {
  width:240px;
  float:right;
  margin:15px 0 0;
  font-size:97%;
  line-height:1.5em;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }

/* Forms
----------------------------------------------- */
.textTextarea {
font-family: verdana, Arial;
font-size: 11pt;
} 

.textInput {
font-family: verdana, Arial;
font-size: 11pt;

} 




/* Links
----------------------------------------------- */
a:link {
  color: #466494;
  }
a:visited {
  color: #466494;
  }
a:hover {
  color: #999999;
  }
a img {
  border-width:0;
  }
.artTitle A {
	text-decoration:none;	
}
.artTitle A:hover {
	color: #999999;
}

/* Site Header
----------------------------------------------- */
#header-wrapper {
  background: #7c7c7c url("http://www.fifthdigit.com/comics/uiv2/comicsheader740.jpg") no-repeat left top;
  margin:22px 0 0 0;
  padding:15px 0 0 0; 
  }
  #navHeader-wrapper {
  background: #7c7c7c url("http://www.fifthdigit.com/comics/uiv2/comicsheadernav740.jpg") no-repeat left top;
  margin:22px 0 0 0;
  padding:3px 0 0 0; 
  }
#header {
  /*background:url("http://www.fifthdigit.com/comics/uiv2/comicsheadernav740.jpg") no-repeat left top;*/
  padding:0px 0px 0px; 
  }
  
 #header-navbar {
	margin:0px 0 0 0;
	padding:73px 0 2px 280px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
  }
  
#header-navbar a {
	text-decoration:none;
	color:#CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
  }
  
 #header-navbar a:hover {
	text-decoration:none;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
  }
  
/*#header-navbar a:visited {
	text-decoration:none;
	color:#CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
  }
    */
#header h1 {
  margin:0;
  padding:10px 170px 10px;
  line-height:2em;
  font: normal bold 10% 'Trebuchet MS',Verdana,Arial,Sans-serif;
  }
#header .description {
  margin:0;
  padding:5px 30px 10px;
  line-height:1.5em;
  font: normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif;
  }

/* Sidebar
----------------------------------------------- */
/*.sidebar-img { 
  float: left;
  margin: 5px 5px 5px 0;
  border: 4px solid #000000;
}

.sidebar-datablock { 
  margin: 0 15px .5em 0;
  padding-top: 8px;
}
*/

/*.sidebar-link { 
  background:url("http://www.blogblog.com/rounders4/icon_profile.gif") no-repeat 0 .1em;
  padding-left:0px;
  font-weight:bold;
}

.profile-textblock { 
  clear: both;
  margin: 0;
}

.sidebar .clear, .main .widget .clear { 
  clear: both;
}
*/

#sidebartop-wrap {
  background:#f3f3f3 url("http://www.fifthdigit.com/comics/uiv2/SideBottom.jpg") no-repeat left bottom;
  margin:0px 0px 15px;
  padding:0px 0px 10px;
  color:#000000;
  }

#sidebartop-wrap2 { 
 background:url("http://www.fifthdigit.com/comics/uiv2/Departments240.jpg") no-repeat left top;
  padding: 36px 0 0;
  margin:0;
  border-width:0;
 }

#sidebartop h2 {
  line-height:1.5em;
  color:#000000;
  border-bottom: 1px dotted #000000;
  font: normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif;
  margin-bottom: 0.5em;
}

#sidebartop a { 
 color: #466494;
}

#sidebartop a:hover { 
 color: #466494;
}
#sidebartop a:visited { 
 color: #466494;
}
/* Sidebar Boxes
----------------------------------------------- 

.sidebar .widget { 
  margin:.5em 13px 1.25em;
  padding:0 0px;
 }

.widget-content { 
  margin-top: 0.5em;
 }
*/

#sidebarbottom-wrap1 {
  background: #ffffff url("http://www.fifthdigit.com/comics/uiv2/NowPlaying240.jpg") no-repeat left top;
  margin:0 0 15px;
  padding:20px 0 0;
  color: #000000;
}

#sidebarbottom-wrap2 {
  background:url("http://www.fifthdigit.com/comics/uiv2/Side2Bottom.jpg") no-repeat left bottom;
  padding:8px 0px 8px;
}


#sidebarbottom2-wrap1 {
  background: #ffffff url("http://www.fifthdigit.com/comics/uiv2/InEmporium240.jpg") no-repeat left top;
  margin:0 0 15px;
  padding:20px 0 0;
  color: #000000;
}

#sidebarbottom3-wrap1 {
  background: #ffffff url("http://www.fifthdigit.com/comics/uiv2/SellingOut240.jpg") no-repeat left top;
  margin:0 0 15px;
  padding:20px 0 0;
  color: #000000;
}

#sidebarbottom2-wrap2 {
  background:url("http://www.fifthdigit.com/comics/uiv2/Side2Bottom.jpg") no-repeat left bottom;
  padding:8px 0px 8px;
}


#sidebar { 
  color: #000000;
}

#sidebar h2 { 
  color: #000000;
  border-bottom: 1px dotted #000000;
  margin-bottom: 0.5em;
}

#sidebar a { 
  color: #466494;
}
#sidebar a:hover,
#sidebar a:visited { 
  color: #466494;
}

.sidebar h2 {
  margin:0;
  padding:0 0 .2em;
  line-height:1.5em;
  font:normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif;
}

.sidebar ul {
  list-style:none;
  margin:0 0 1.25em;
  padding:0 0px;
}

.sidebar ul li {
  background:url("http://www.blogblog.com/rounders4/icon_arrow_sm.gif") no-repeat 2px .25em;
  margin:0;
  padding:0 0 3px 16px;
  margin-bottom:3px;
  border-bottom:1px dotted #ffffff;
  line-height:1.4em;
  }
.sidebar p {
  margin:0 0 .6em;
  }

/* Footer
----------------------------------------------- */
#footer-wrap1 {
  clear:both;
  margin:0;
  padding:10px 0 0;
  }
#footer-wrap2 {
  /*background: #476 url("http://www.fifthdigit.com/comics/uiv2/comicsFooter740.jpg") no-repeat left top;
  padding:0px 0 0;*/

  }
/*#footer {
  background:url("http://www.fifthdigit.com/comics/uiv2/comicsFooter740.jpg") no-repeat left bottom;
  padding:8px 15px 8px;
  } */
  

 .copyright {
	padding-right:5px;
	text-align:center;
	font:"Comic Sans MS", Verdana, Arial, Sans-serif;
	color:#CCCCCC;
	font-size: 10px;
	font-style: italic;
  }

.finePrint {
	padding-right:5px;
	text-align:center;
	font:"Comic Sans MS", Verdana, Arial, Sans-serif;
	color:#000000;
	font-size: 10px;
	font-style: italic;
  }


 #commentsblock {
	margin:2px;
	padding:20px;
	width:100%;
	text-align:left;
	line-height: 1.2em;
	text-size:12px;
	color:#000000;
	}

/* Links Page Snazziness
----------------------------------------------- */	
.xsnazzy h1, .zsnazzy h1 {
margin:0; 
font-size:1.2em; 
padding:0 10px 5px 10px; 
border-bottom:1px solid #444;
}
.xsnazzy p, .zsnazzy p {
margin:0; 
padding:5px 10px; 
font-size:12px;
}
.xsnazzy {
background: transparent; 
width:220px; 
float:left; 
margin:0px 0px 0px 0px;
}

.zsnazzy {
background: transparent; 
width:100%; 
float:left; 
margin:0px 0px 0px 0px;
}

.xtop, .xbottom {
display:block; 
background:transparent; 
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#fff; 
border-left:1px solid #444;
border-right:1px solid #444;
}
.xb1 {
margin:0 5px; 
background:#444;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
	display:block;
	border:0 solid #444;
	border-width:0 1px;
	height:auto;
	font-size: 14px;
}
* html .xboxcontent {
height:1px;
}

.color_a {
background:#475363;
color:#fff;
}
.color_b {
background:#475363; 
color:#000;
}
.color_c {
background:#475363; 
color:#fff;
}
.color_d {
background:#475363; 
color:#fff;
}


/* Boring Page Pop-ups
----------------------------------------------- */

a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:100px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */

left:0; /* position:the image */
top:0px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}



a.screenRight, a.screenRight:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screenRight b {
position:absolute;
visibility:hidden; /* hide the image */
width:200px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px solid #000; /* add a border */
left:-254px; /* position:the image */
top:0px;
}
a.screenRight:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screenRight:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screenRight:hover b img {
border:0; /* remove the link border */
}