/* Companion Custom CSS over-rides for [ The Philosophy Store ]: ComicPress - 2.8 */
/* Companion Custom CSS over-rides for [ channelATE.com: Comics and Cartoons by Ryan Hudson ]: ComicPress/comicpress - 2.8 */

/* Begins Custom Menubar */

#iconbar {
margin: 0px 0px 0px 0px;
width: 980px;
height: 40px;
text-align: left;
}

#iconbar ul, #iconbar ul li {
margin: 0;
padding: 0;
}

#icons .icon a, #icons .icon {
display: inline-block;
float: left;
text-decoration: none;
}

#icons {
padding: 5px 0 0 20px;
width: 100%;
height: 40px;

}

#icons .test a, #icons .test {
height: 40px;
width: 470px;
background-color: #000 Transparent;
}




#icons .test2 a, #icons .test2 {
height: 40px;
width: 300px;

}

#icons .space a, #icons .space {
height: 40px;
width: 2px;
}

#icons .rss a, #icons .rss {
height: 40px;
width: 40px;

}

#icons .rss a:hover {

background-color: #000 Transparent;
}

#icons .twitter a, #icons .twitter {
height: 40px;
width: 37px;

}

#icons .twitter a:hover {

background-color: #000 Transparent;
}

#icons .face a, #icons .face {
height: 40px;
width: 40px;

}

#icons .face a:hover {

background-color: #000 Transparent;
}

#icons .mail a, #icons .mail {
height: 40px;
width: 52px;

}

#icons .mail a:hover {

background-color: #000 Transparent;
}
#icons .share a, #icons .share {
height: 40px;
width: 70px;

}

#icons .share a:hover {

background-color: #000 Transparent;
}

/* Ends Custom Menubar */

#adbar {
margin: 0px 0px 0px 0px;
width: 965px;
height: 65px;
text-align: left;
}

#adbar ul, #adbar ul li {
margin: 0;
padding: 0;
}

#ads .ad a, #ads .ad {
display: inline-block;
float: left;
text-decoration: none;
}

#ads {
padding: 5px 0 0 20px;
width: 100%;
height: 65px;
}

#ads .left a, #ads .left {
height: 65px;
width: 477px;
background-color: #000 Transparent;
}




#ads .right a, #ads .right {
height: 60px;
width: 478px;

}


/* Ends Custom Adbar */

body {
	color: #fff;
	font-size: 16px;
        background: #204063;
}
#page-wide {

	width: 965px;
	margin: 0px auto;
}



#header {
       background: url('http://channelate.com/headers/rotate.php');
        height: 167px;
	margin: 0 0 0 0px;

}
#menubar {

	background: #000034;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	borderleft: 1px solid #fff;
}

#frontwide { 
	width: 961px;

	margin: 0px 0px 0px 0px;
        border-left: 2px solid #fff;
        border-right: 2px solid #fff;
      background: url('http://channelate.com/images/tile2.gif');

}

#front { 
	width: 760px;
        background: url('http://channelate.com/images/tile3.gif');
	margin: -366px -2px 5px 200px;
        border: 2px solid #fff;
        background: #000034;
                -moz-border-radius-bottomleft: 12pt; 
-moz-border-radius-bottomright: 12pt;
-moz-border-radius-topleft: 12pt; 
-moz-border-radius-topright: 12pt; 

-webkit-border-bottom-left-radius: 12pt;
-webkit-border-bottom-right-radius: 12pt;
-webkit-border-top-left-radius: 12pt;
-webkit-border-top-right-radius: 12pt;
}

.narrowcolumn {
	color: #fff;
        background: #000034;
	width: 440px;
	margin: 5px 0px 0px 8px;
		padding: 0px 0px 0px 5px;
	float: left;
        border: 2px solid #fff;
        -moz-border-radius-bottomleft: 12pt; 
-moz-border-radius-bottomright: 12pt;
-moz-border-radius-topleft: 12pt; 
-moz-border-radius-topright: 12pt; 

-webkit-border-bottom-left-radius: 12pt;
-webkit-border-bottom-right-radius: 12pt;
-webkit-border-top-left-radius: 12pt;
-webkit-border-top-right-radius: 12pt;
		}
		
.narrowcolumnf {
	color: #fff;
        background: #000034;
	width: 445px;
	margin: 5px 0px 0px 8px;
		padding: 0px 0px 0px 5px;
	float: left;
        border: 2px solid #fff;
        -moz-border-radius-bottomleft: 12pt; 
-moz-border-radius-bottomright: 12pt;
-moz-border-radius-topleft: 12pt; 
-moz-border-radius-topright: 12pt;

-webkit-border-bottom-left-radius: 12pt;
-webkit-border-bottom-right-radius: 12pt;
-webkit-border-top-left-radius: 12pt;
-webkit-border-top-right-radius: 12pt;		
	}
			
#sidebar-left {
        background: url('http://channelate.com/images/tile3.gif');
        margin: 0px 0px 0px 0px;
	padding: 10px 5px 0px 5px;
	float: left;
	width: 310px;
-moz-border-radius-bottomleft: 12pt; 
-moz-border-radius-bottomright: 12pt;
-moz-border-radius-topleft: 12pt; 
-moz-border-radius-topright: 12pt;

-webkit-border-bottom-left-radius: 12pt;
-webkit-border-bottom-right-radius: 12pt;
-webkit-border-top-left-radius: 12pt;
-webkit-border-top-right-radius: 12pt;
}
#sidebar-right {
        background: url('http://channelate.com/images/tile3.gif');
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 0px 5px;
	float: right;
	width: 170px;
-moz-border-radius-bottomleft: 12pt;
-moz-border-radius-bottomright: 12pt; 
-moz-border-radius-topleft: 12pt;
-moz-border-radius-topright: 12pt;

-webkit-border-bottom-left-radius: 12pt;
-webkit-border-bottom-right-radius: 12pt;
-webkit-border-top-left-radius: 12pt;
-webkit-border-top-right-radius: 12pt;
}

/* THE COMIC */

#comic-head {
	padding-top: 0px;
}

#comic {

       background: #fff;

	text-align: center;

}

	#comic img {

		margin: 5px;
	}

#comic-foot {
        background: url('http://channelate.com/images/comicfooter.png') no-repeat;
        height: 28px;
	padding-bottom: 0px;
	
}
		
.post-date {
	color: #fff;

}
.post-date .date {
	color: #fff;

}
a.navi-comments:hover span {
	color:#fff;
}

#bumper {
        height: 5px;
	width: 965px;
}

#content-wrapper {
	width: 961px;
      background: url('http://channelate.com/images/tile2.gif');
	margin: 0 0 0 0px;
	padding: 0 auto;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
	border-top: 2px solid #fff;	

-moz-border-radius-topleft: 12pt; 
-moz-border-radius-topright: 12pt;


-webkit-border-top-left-radius: 12pt;
-webkit-border-top-right-radius: 12pt;

}

#content-front {
	width: 961px;

      background: url('http://channelate.com/images/tile2.gif');
	margin: 0 0 5px 0px;
	padding: 0 auto;
	border: 2px solid #fff;


-moz-border-radius-bottomleft: 12pt;
-moz-border-radius-bottomright: 12pt; 
-moz-border-radius-topleft: 12pt;
-moz-border-radius-topright: 12pt;

-webkit-border-bottom-left-radius: 12pt;
-webkit-border-bottom-right-radius: 12pt;
-webkit-border-top-left-radius: 12pt;
-webkit-border-top-right-radius: 12pt;

}

#tv {
width: 320px;
height: 200px;
background: #000081;
-moz-border-radius-bottomleft: 12pt;
-moz-border-radius-bottomright: 12pt; 
-moz-border-radius-topleft: 12pt;
-moz-border-radius-topright: 12pt;

-webkit-border-bottom-left-radius: 12pt;
-webkit-border-bottom-right-radius: 12pt;
-webkit-border-top-left-radius: 12pt;
-webkit-border-top-right-radius: 12pt;

}