/*
Theme Name: Tails ComicPress
Theme URI: http://tailscomic.comic
Description: ComicPress based theme for Tails Comic
Author: Todd Woodlan
Author URI: http://dropkickrocket.com/
Version: 2.7
.
The CSS, XHTML and design is released under GPL v3:
http://www.opensource.org/licenses/gpl-3.0.html
.
*/



/* STANDARD TAGS */

html {
min-height:100%;
background: #003664 url(images/bg-halftone.jpg) repeat-x;
}
#wrapper{margin:0px auto; width:905px;}
#largeContainer {
width:100%;
min-height:100%;
background:url(images/bg-faces.jpg) bottom no-repeat;
float:left;
clear:both;
}

#container {
min-width: 904px;
width:904px;
position:relative;
margin: 0 auto;
border: 1px solid #000000;
text-align: left;
float:left;
}
	
em {
font-style:italic;
}

#leftColumn {background:url(images/bg-lower-lt.jpg) no-repeat;width:10%;height:800px;float:left;margin-bottom:0px;z-index:301;}

#rightColumn {background:url(images/bg-lower-rt.jpg) no-repeat;width:10%;height:800px;float:left;margin-bottom:0px;z-index:301;}

#middleColumn {width:904px;float:left;z-index:300;}

#contentBeige {background:#FFFFFF;border-left:solid #003664 2px;border-right:solid #003664 2px;width:864px;min-height:1000px;padding:0 20px 1px 20px;float:left;z-index:100;}

#mainContent {z-index:100; float:left; width:904px;}

#column {width:618px;float:left;min-height:300px;}

#contentBeige h1, #contentBeige h2.pagetitle{
font-size:150%;
font-weight:bold;
color:#003664;
text-decoration:none;
float:left;
}

#contentBeige h1 a {text-decoration:none;font-weight:bold;color:#003664;}

#contentBeige #ads {width:180px;background:#FFFFFF;float:right;margin-top:10px;margin-left:0px;padding:10px 20px 20px 20px; border:solid #003664 2px;height:910px;}

#contentBeige #comicContainer {width:618px;overflow:hidden;float:left;border:1px solid #00ff00;}

#footer {height:45px; position:relative; background-color:#000; margin-bottom:0px; padding-bottom:1px; width:100%;float:left;clear:both;}

/*html>body #footer {height:45px; background-color:red; margin-bottom:0px; padding-bottom:1px; width:100%;float:left;clear:both;} */

#footer p {color:#fff;margin:15px;}

#footer a {color:#8FB7E0;text-decoration:none;}

#footer a:hover {color:#fff; text-decoration:underline;}

#face {height:504px;width:100%;z-index:200;position:relative;float:left;margin-bottom:0px; clear:both;}

#header {
	height:227px;
	width:904px;
	float:left;
	background:url("images/logoimg.png");
	background-position: 15px 5px;
	background-repeat:no-repeat;
	
	}
	
	#nav_section {
	padding-top:0px;
	margin-top: 0px;
	text-align:center;
}

.top_nav_links {
	font-family: "Arial";
	font-size: 18px;
	color: #fef200;
	word-spacing:3px;
}

#nav_section a:link {
	color:#fef200;
	text-decoration: none;
} 

#nav_section a:visited {
	color:#fef200;
	text-decoration: none;
} 

#nav_section a:hover {
	color:#fef200;
	text-decoration: none;
} 

#nav_section a:active {
	color:#fef200;
	text-decoration: none;
} 



.post-comic .nav li {
float:left;
display:none;
}

#categoryList a {
display:none;
}

#middle-nav .pagination-numbers li.cat-item {
display:block;
float:left;
margin-left:5px;
text-align:center;
}

.post-comic .last-nav {
	border-right:1px solid #000;
	text-align:right;
	}
	
.post-comic .middle-nav {
	text-align:center
}

.post-comic .nav-arrows {
	float:left;
	width:10px;
	border:0px;
	background:none;
	padding:5px 5px 5px 0;
}

.post-comic .last-arrow {
text-align:right;
padding:5px 0 5px 5px;
}

.post-comic .nav-arrows a {
	text-decoration:none;
	font-weight:bold;
	color:#000;
}

.post-comic .nav a {
color:#003663;
text-decoration:none;
}

.post-comic .nav a:hover {
text-decoration:none;
}

.entry, .tags {
padding:20px 10px 20px 10px;
}
.entry_post{
	padding:20px 10px 20px 10px;
	/*min-height:1000px;*/
	}
.post-comic .entry {
padding-bottom:0px;
}

#mainContent p {
text-align:left;
	margin-top:30px;
	}

div.nav div {display:inline;}

.nav-first {margin-right:10px;}

.nav-previous {margin-right:300px;}

.nav-next{margin-right:10px;}

.nav-last {}

ul.storyline-cats li {display:inline;}

.pagination {
margin-left:5px;
}

#middle-nav .pagination-numbers li.current-cat a {
color:#000;
text-decoration:underline;
}

li.cat-item a:hover {
color:#000;
}

#topNav {
	margin:5px 0 10px 0;
	overflow:visible;
	float:right;
}
#topNav a {
	text-decoration:none;
	color:#003664;
	position:relative;
	top:5px;
	padding:2px;
	margin:2px;
		}
	
#topNav a:hover {
	color:#000;
	}
#topNav_bot{
	/*margin:5px 0 10px 0;*/
	overflow:visible;
	float:right;
}
#topNav_bot a {
	text-decoration:none;
	color:#003664;
	position:relative;
	top:5px;
	padding:2px;
	float:left;
	margin-right:2px;
	/*margin:2px;*/
		}
	
#topNav_bot a:hover {
	color:#000;
	}
#comic img {
	margin-top:10px;
	}
	
#topNavItems {
	width:610px;
	text-align:left;
}
#topNavItems_bot {
	width:300px;
	text-align:left;
	float:right;
}
#links{
	float:left;
	width:615px;
	margin-bottom:30px;
	}
html body div#largeContainer div#container div#middleColumn div#mainContent div#contentBeige div#column div div#categoryList form#catList a, html body div#largeContainer div#container div#middleColumn div#mainContent div#contentBeige div#column div div#categoryList li.cat-item a {
	display:none;
	}
	
#categoryList {
	margin:40px 0 0 0;
}	
	
#categoryList p {
	margin:0 0 14px 0;
}


#sidebar h2, #categorySidebar .categories {
	font-size:130%;
	font-weight:bold;
	margin-bottom:10px;
	}

#sidebar .post {
	margin-top:10px;
}	
	
#sidebar h3 a {
	font-size:110%;
	font-weight: bold;
	text-decoration:none;
	color:#003663;
	margin-top:10px;
	}	
	
#sidebar h3 a:hover {
	border-bottom:1px dashed #000;
	color:#000;
	}
	
#sidebar .entry {
	margin:0;
	padding:0;
	}
	
#sidebar p {
	margin-top:7px;
}


/* comment styles */
#respond h3 {
	font-weight:bold;
	margin:10px 0 7px 0;
}

#respond p {
	margin:7px 0 0 0;
	}
	
#respond a {
	color:#003663;
	text-decoration:none;
}

#respond a:hover {
	border-bottom:1px dashed #003663;
	}
	
#respond input#submit {
	border:1px solid #003663;
	background-color:#8FB7E0;
	padding:3px;
	margin:5px 0 10px 247px;
	}
	
.comment {
	border: solid #003664 1px;
	padding: 5px;
}	
	
/* Navigation that appears over the comics */
#midNav {
	position:absolute;
	top:300px;
	}
	
#midNav div {
	height:900px;
	width:297px;
	padding:0;
	float:left;
	display:block;
	vertical-align:middle;
}
	
#midNav a div img, html body div#largeContainer div#container div#middleColumn div#mainContent div#contentBeige div#column div.post-comic div.comicarchiveframe div#midNav div .nextLink a img {
	margin-top:450px;
	display:none;
	}	
	
#midNav .prevLink {
	padding-right:0;
	position:relative;
	left:-110px;
	display:none;
	}

#midNav .nextLink {
	padding-left:0;
	text-align:right;
	position:relative;
	left:113px;
	display:none;
}

#midNav .nextLink img {
	margin-left:197px;
	}
	
	
	/*Blog styles */
	
#blogPosts h1, #blogPosts div.postdate, #tagDiv h1, #tagDiv .postdate {
	display:block;
	float:none;
	margin-left:10px;
}

#blogPosts .postdate, #tagDiv .postdate {
	font-weight:bold;
}

#blogPosts .entry p, #tagDiv .entry p {
	margin-top:7px;
}
	
#blogPosts a.more-link, #tagDiv a.more-link, .comment-link a  {
	display:block;
	margin-top:7px;
	color:#003663;
	text-decoration:none;
}

.comment-link a {
margin-left:10px;
}
	
#blogPosts .entry {
	padding-top:7px;
}

#blogPosts a.more-link:hover {
	font-weight:bold;
	color:#000;
}
.posted{
        margin-bottom:80px;

}
.entryblog{
       margin-top:-25px;
}

.newblog-h {
       font-weight:bold;
       font-size: 24px;
       margin-bottom:40px;
       color: #003664;
}

#sidebar a, #categorySidebar .categories li ul li a {
	font-weight:normal;
}

#categorySidebar .categories a {
	font-size:77%;
}

#tagCloud a, #categorySidebar .categories a, #sidebar a {
	color:#003663;
	text-decoration:none;
}


#tagCloud a:hover, #categorySidebar .categories a:hover, #sidebar a:hover {
	color:#000;
	font-weight:bold;
}

#adSpace {
	/*left:400px;*/
	position:relative;
	/*margin-top:12px;
	top:-70px;*/
	float:left;
}
/*.bottomNav {
	position:relative;
	top:-50px;
}
#topNavItems .bottomNav {float:left;}*/

#column .entry, #blogPosts div .entry {
	/*min-height:960px;*/
}

#column .post-comic .entry {
	min-height:0px;
}
#column .post-comic{
	float:left;
	margin:0px 0px 10px 0px;
}
.comment-wrap  {
	position:relative;
	float:left;
}

#blogTopNav {
	position:relative;
	top:-20px;
}

table {
	float:right;
}

#ads table{
   float:left;
   margin-left:27px;
   margin-top: 30px;
}
#mainad{
   position:relative;
   /*top:-67px;
   left:245px;*/
}
#donate{
   position:relative;
   width:180px;
   float:right;
   clear:both;
   margin-top:10px;
}

/* comment fix on archive pages */

#archiveComments .comment-wrap {
	position:relative;
	float:left;
}

#archiveNav {
	position:relative;
	float:left;
}
#archivetopNavItems{
    position:relative;
	float:right;
	top:-32px;
}


.content_top{float:left; width:100%;}
.content_left{float:left; width:618px;}
.content_left #comic{float:left;}
.content_right{float:right;}
.content_left .comment-link{float:left;width:50%;}

/*BLOG POST*/
.post_blog h3 {
	margin-top:5px;
	}
.post_blog h3 a{
	color:#003663;
	font-size:14px;
	text-decoration:none;
	}
.post_blog h3 a:hover{
	color:#000000;
	font-size:14px;
	text-decoration:none;
	}
.postdate_blog{
	font-size:10px;
	margin-top:2px;
	}	
.excerpts p{
	text-align:left !important;
	margin-top:10px !important;
	margin-bottom:5px !important;
	}
.excerpts a{
	color:#003663;
	font-size:12px;
	text-decoration:none;
	}
.excerpts a:hover{
	color:#000000;
	font-size:12px;
	text-decoration:none;
	}	
.post_blog .tags{
	padding:10px 10px 20px 0px;
	border-bottom:1px dotted #003663;	
	}
.navigation_blog{
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	}
.navigation_blog .alignleft{
	float:left;
	}
.navigation_blog .alignright{
	float:right;
	}	
.navigation_blog .alignleft a{
	color:#003663;
	font-size:14px;
	text-decoration:none;
	}
.navigation_blog .alignleft a:hover{
	color:#000000;
	font-size:14px;
	text-decoration:none;
	}
.navigation_blog .alignright a{
	color:#003663;
	font-size:14px;
	text-decoration:none;
	}	
.navigation_blog .alignright a:hover{
	color:#000000;
	font-size:14px;
	text-decoration:none;
	}	
#donate_blog{
   /*position:relative;*/
   width:180px;
   float:right;
  /* clear:both;*/
   margin-top:10px;
}
#blog_sidebar{
	float:right;
	width:180px;
	}
.navigation{
	width:605px;
	float:left;
	}
.navigation .alignleft{
	float:left;
	}
.navigation .alignright{
	 float:right;
	}	
.navigation .alignleft a{
	color:#003664;
	font-size:14px;
        font-weight:bold;
	text-decoration:none;
	}
.navigation .alignleft a:hover{
	color:#000000;
	font-size:14px;
        font-weight:bold; 
	text-decoration:none;
	}
.navigation .alignright a{
	color:#003664;
	font-size:14px;
        font-weight:bold;
	text-decoration:none;
	}	
.navigation .alignright a:hover{
	color:#000000;
	font-size:14px;
        font-weight:bold;
	text-decoration:none;
	}
#mainad1 table img{width:200px;}
#mainad1 table td{width:200px;float:left;}
#mainad1 table {width:400px;border-bottom:2px solid black;}
#mainad1 table tr td center{width:400px;}

#mainad2 table img{width:200px;}
#mainad2 table td{width:200px;float:left;}
#mainad2 table {width:400px;border-bottom:2px solid black;}
#mainad2 table tr td center{width:400px;}

#adSpace1 table img{width:200px;}
#adSpace1 table td{width:200px;float:left;}
#adSpace1 table {width:400px;border-bottom:2px solid black;}
#adSpace1 table tr td center{width:400px;}

#adSpace2 table img{width:200px;}
#adSpace2 table td{width:200px;float:left;}
#adSpace2 table {width:400px;border-bottom:2px solid black;}
#adSpace2 table tr td center{width:400px;}

#adSpace1 {
	position:relative;
	float:left;
        left:10px;
        top:75px;
        margin-top:0px;
}
#adSpace2 {
	position:relative;
	float:left;
        left:430px;
        top:-61px;
        margin-top:0px;
}
#mainad1{
   position:relative;
   left:-185px;
   /*top:-5px;*/
   top:40px;
}
#mainad2{
   position:relative;
   left:215px;
   /*top:-141px;*/
   top:-96px;
}	

.brand{
display: none;
}