/*
Theme Name: Orky the web theme
Theme URI: http://comicpress.org
Template: comicpress
Description: Orky the Porky Orca  <a href="http://comicpress.org">Visit the ComicPress Website.</a>
Author: Brett DeWall
Author URI: http://www.orkytheporkyorca.com/
Version: 1.0
.
The CSS, XHTML and design is released under GPL v3:
http://www.opensource.org/licenses/gpl-3.0.html
.
1. Modify the directory name to one of your chosing.
2. Change the 'Theme Name, Author and Author URI' to your custom names.
3. Put your custom sets of navigation, avatars, calanders, moods in the images folder in this Child Theme, uses the same base structure as the main ComicPress theme.
4. If you are using a custom-header.php, that too goes into this child theme.
5. The widgets directory in the child theme is where you can place custom widgets that you make.
6. Design your site with Companion or putting the CSS into this child theme's style.css
7. Take a screen capture of your designed site and replace the screenshot.png file in this child theme.
.
NOTE: When writing CSS in either Companion or the Child Theme, you put the CHANGES only, not the entire CSS.  
*/

@import url("../comicpress/style.css");

/* STANDARD TAGS */
#header
{
	background-image:url('images/nav/header.jpg');
	height: 200px;
	min-width: 1024px;
	overflow: hidden;
}

/* Make the page the same size as our header graphic */
#page {
    margin: 0 auto;
    width: 1024px;
}

#comic-wrap {
    background-image: url("images/nav/post-back4.png");
    float: left;
	width: 780px;
}

#content {
    background-image: url("images/nav/post-back4.png");
    float: left;
	
}

/*#sidebar-right {
    overflow: visible;
}*/

.sidebar {
    overflow: visible;
}

/*Remove extra top padding from normal theme */
#sidebar-overcomic {
    padding: 0px 0 0;
}

#section-wrap-background-header {
    background-image: url("images/nav/post-back-top.png");
	height: 41px;
	min-width: 780px;
	overflow: hidden;
	margin-left: -2px; /* hack for the current post bottom footer image to line up */
    float: left;
}

#section-wrap-background-footer {
    background-image: url("images/nav/post-back-bottom.png");
	height: 41px;
	min-width: 780px;
	overflow: hidden;
	margin-left: -2px; /* hack for the current post bottom footer image to line up */
    float: left;
}

.widget comicpress_comic_title_widget {
	font-size: 25px;
	color: #444488;
}

.navi {
	/* A big value to get the text out of the way. */
    text-indent:-12009px;
	width: 49px;
	height: 44px;
	
	background-repeat: no-repeat;
	float: left;
	
}

.navi-first {
    background-image: url("images/nav/first-button.png");
}
.navi-first:hover {
    background-image: url("images/nav/first-button-hover.png");
}
.navi-first.navi-void {
    background-image: url("images/nav/first-button-dead.png");
}
.navi-first.navi-void:hover {
    background-image: url("images/nav/first-button-dead.png");
}

.navi-prev {
    background-image: url("images/nav/previous-button.png");
}
.navi-prev:hover {
    background-image: url("images/nav/previous-button-hover.png");
}
.navi-prev.navi-void {
    background-image: url("images/nav/previous-button-dead.png");
}
.navi-prev.navi-void:hover {
    background-image: url("images/nav/previous-button-dead.png");
}


.navi-next {
    background-image: url("images/nav/next-button.png");
}
.navi-next:hover {
    background-image: url("images/nav/next-button-hover.png");
}
.navi-next.navi-void {
    background-image: url("images/nav/next-button-dead.png");
}
.navi-next.navi-void:hover {
    background-image: url("images/nav/next-button-dead.png");
}

.navi-last {
    background-image: url("images/nav/last-button.png");
}
.navi-last:hover {
    background-image: url("images/nav/last-button-hover.png");
}
.navi-last.navi-void {
    background-image: url("images/nav/last-button-dead.png");
}
.navi-last.navi-void:hover {
    background-image: url("images/nav/last-button-dead.png");
}

.footer-text {
    color: #bbb;
}

.footer-text a {
    color: #aae;
}

.footer-text a:visited {
    color: #77d;
}

/*.blogindex-foot {
	background-image: url("images/nav/post-back-bottom.png");
	height: 40px;
}*/

/* Offset the comic from the sandy background. */
/*.blogindex {*/
.post-content {
	padding: 5px 80px;
}

.post-comic {
	margin-bottom:  -42px
}

/* Make sure FAQ and About don't get the bottom of their content clipped. */
.page.entry {
	margin-bottom: 0px;
}


#blogheader {
    border-top: 0px solid #000000;
}

/* Make the content column a bit larger */
.layout-2cl .narrowcolumn, .layout-2cr .narrowcolumn, .layout-2cvr .narrowcolumn, .layout-2cvl .narrowcolumn {
    width: 780px;
}

/* Make sure the content column gets up out of our side bar's shit. width wise n' shit */
.layout-2cvr #section-wrap, .layout-2cvl #section-wrap {
    width: 813px;
}

.sidebar {
  /* Push the sidebar down to be level with the comic */
  margin-top: 8px;
}

/* sidebar rounded corners */
.sidebar .widget {
    background-color: #999999;
    border-radius: 10px 10px 10px 10px;
    margin-bottom: 20px;
    padding: 5px;
}

/* Make calendar border rounded too. */
#wp-calendar-wrap {
	border-radius: 10px 10px 10px 10px;
}

#wp-calendar td {
	border: none;
	color: #999999;
}

#wp-calendar a {
    font-size: 14px;
}

/* change menu background to a graphic-no buttons on top yet */
#menubar-wrapper {
    background-image: url("images/nav/Orky-webcomic-menu-full.jpg");
	height: 77px;
    clear: both;
    display: block;
    margin: 0 auto;
    text-transform: uppercase;
    width: 100%;
}

/* Upper container for the navigation and extras (fb,twitter) menus */
#sidebar-menubar {
    background-image: url("images/nav/Orky-webcomic-menu.jpg");
	width: 100%;
    height: 77px;
	margin: 0;

    display: block;
}

/* Menu navigation bar */ 
/*.menu-mainnav-container {
    
}*/

/* Make the list display horizontally */
#menu-mainnav li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;	
}

#menu-mainnav li a {
    /* A big value to get the text out of the way. */
    text-indent:-12009px;
	
	background-repeat: no-repeat;
	float: left;
}

/* The comics (home) button */
#menu-item-104 a {
   background-image: url("images/nav/button-comics.jpg");
   
   width: 112px;
   height: 77px;
   
   /* Put this padding on the left-most menu button */
   padding-left: 50px;
   background-position: 50px, 0;
   
   /*padding-left: 50px;
   background-position: 50px, 0;*/
}

/* Archives button */
#menu-item-232 a {
   background-image: url("images/nav/button-archives.jpg");
   
   width: 136px;
   height: 77px;
}

/* The about button */
#menu-item-110 a {
   background-image: url("images/nav/button-about.jpg");
   
   width: 107px;
   height: 77px;
    
}

/* The faq button */
#menu-item-97 a {
   background-image: url("images/nav/button-faq.jpg");
   
   width: 83px;
   height: 77px;
   
   /*padding-left: 50px;
   background-position: 50px, 0;*/
}

/* The store button */
#menu-item-102 a {
   background-image: url("images/nav/button-store.jpg");
   
   width: 112px;
   height: 77px;
   
   /*padding-left: 50px;
   background-position: 50px, 0;*/
}

/* The contact button */
#menu-item-115 a {
   background-image: url("images/nav/button-contact.jpg");
   
   width: 136px;
   height: 77px;
   
   /*padding-left: 50px;
   background-position: 50px, 0;*/
}

#menu-extrasmenu {
	margin-left: -41px; /* Done to accomodate archives button */
	/*margin-left: 93px;*/
	background-repeat: no-repeat;
}

/* Make the list display horizontally */
#menu-extrasmenu li {
	display: inline;
	list-style-type: none;
	/*padding-right: 10px;*/
}

#menu-extrasmenu li a {
    /* A big value to get the text out of the way. */
    text-indent:-12009px;	
		
	float: left;
}

/* Facebook button */
#menu-item-122 a {
   background-image: url("images/nav/button-facebook.jpg");
   
   width: 61px;
   height: 77px;
   
   /*float: right;*/
}

/* Twitter button */
#menu-item-123 a {
   background-image: url("images/nav/button-twitter.jpg");
   
   width: 61px;
   height: 77px;
   /*float: right;*/
}

/* RSS button */
#menu-item-124 a {
   background-image: url("images/nav/button-rss.jpg");
   
   width: 61px;
   height: 77px;

}

/* Mail Me button */
#menu-item-125 a {
   background-image: url("images/nav/button-gmail.jpg");
   
   width: 68px;
   height: 77px;
}

/* Hard coded styling for the sidebar facebook like */
#text-5 {
  width: 124px;
  margin-left: 35px;
}

/* Make side bar widgets titles be centered */
.widgettitle {
    text-align: center;
}

/* Fix twitter widget tweet spacing */
.widget_twitter .widget-content ul li {
    margin-bottom: 10px;
}

.intent-meta a {
    margin-right: 10px;
}