/* Companion Custom CSS over-rides for [ Taka Comics - Online Comics by Trevor Kent ]: ComicPress/takacomics - neutral - 2.8 */

body{
	margin: 0;
	color: #000;
	background: #000 url('http://www.takacomics.com/images/bg.png') top repeat-y;
}

#page-wide {
	width: 980px;
	margin: 0px auto;
        background-color: #4d4e53;
       	border: 0px solid #fff;
	}

/* THE COMIC */

#comic {
	background: #4d4e53;
	padding: 0px 0;
	border: 0px solid #fff;
	text-align: left;
	z-index: 100;
	margin: 0px 0;
}

	#comic .comic-left {
		float: left;
	}
	
	#comic .comic-right {
		float: right;
	}


	#comic .comic-content {
		z-index: 100;
	}
	
/* POSTS - PAGES */

#content-wrapper-page-template{
	width: 980px;
	overflow: hidden;
        background-color: #fff;
        border-style: solid;
        border-color: #000;
        border-width: 0px;
      	padding: 5px 0 10px 0;
}

#content {
	width: 480px;
	padding: 5px 0 10px 0;
	float: left;
	overflow: hidden;
        background-color: #fff;
        border-style: solid;
        border-color: #000;
        border-width: 0px;
	}
	
#sidebar-left {
	float: left;
	width: 200px;
}

#sidebar-right {
	float: right;
	width: 180px;
}

#sidebar-overblog {
	text-align: left;
	background-color: #fff;
	width: 550px;
}

.sidebar {
	color: #fff;
}

.sidebar h2 {
	color: #fff;
}

#footer {
	width: 980px;
	background: #fff;
	color: #000;
}

.navi-prev { 
	margin-right: 0px; 
} 

.navi-next { 
	margin-left: 0px; 
}

.widget_comicpress_comictitle {
	color: 4d4e53;
	background-color: #fff;
	font-size: 22px;
	text-align: center;
}

#comic_navi_wrapper {
	background-color: #fff;
	width: 500px;
	text-align: center;
}

#menubar {
	width: 980px;
	background-color: #fff;
	text-align: left;
	border-width: 0px;
	border-style: solid;
	border-color: #fff;
}

#menu {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	line-height: 25px;
	font-size: 13px;
	border-right: 0px;
	background-color: #fff;
}

	#menu a {
		padding: 0px 10px 0 10px;
		display: block;
		color: #000;
		text-decoration: none;
	}

	#menu li .rss {
		padding: 5px 0 5px 0;
	}

	#menu li {
		float: left;
		cursor:pointer;
	}

	#menu li a {
		border-left: 0px;
		border-right: 0px;
	}

	#menu li:hover a, #menu li.sfhover a {
		border-left: 0px;
		border-right: 0px;
		color: #fff; /* Main menu highlighted text color */
		background-color: #4d4e53;
	}

	#menu li:hover, #menu li.sfhover {
		/* Main menu highlighted background color */
	}

/* For submenu dropdowns - this order must be maintained */

	#menu ul {
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		left: -9999px;
		width: 175px;
		line-height: 1;
	}
	#menu li li {
		width: 165px;
		padding: 4px 5px;
		color: #fff;
	}
	#menu li li a {
		width: 174px;
		padding: 0;
		color: #fff;
		border: none;
	}
	#menu li ul ul {
		margin: -17px 0 0 170px;
	}
	#menu li ul li:hover a, #menu li ul li li:hover a, #menu li ul li li li:hover a, #menu li ul li li li:hover a {
		color: #fff; /*Submenu highlighted text color */
	}
	#menu li:hover li a, #menu li li:hover li a, #menu li li li:hover li a, #menu li li li li:hover li a {
		color: #fff; /*Submenu text color */
		border: none;
		background: none;
	}
	#menu li li:hover {
		background: #000; /*Submenu highlighted background color */
	}
	#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul, #menu li.sfhover ul ul ul ul {
		left: -9999px;
	}
	#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul, #menu li li li li.sfhover ul {
		left: auto;
		background: #000; /* Submenu background color */
		text-transform: none;
	}

	#menu .current_page_item a {
		border-width: 0px;
		background-color: #4d4e53;
		color: #fff;
	}
	
	/* 2 column layout */
	
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		clear:both;
		float:left;
		width:980px;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:980px;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	/* 2 Column (double page) settings */
	.doublepage {
		background:#fff;		/* right column background colour */
	}
	.doublepage .colleft {
		right:500px;			/* right column width */
		background:#fff;		/* left column background colour */
	}
	.doublepage .col1 {
		width:480px;			/* left column content width (column width minus left and right padding) */
		left:480px;			/* right column width plus left column left padding */
	}
	.doublepage .col2 {
		width:500px;			/* right column content width (column width minus left and right padding) */
		left:500px;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}