/*
Theme Name: Edenworld Saga theme
Theme URI: http://www.edenworldsaga.co
Template: comicpress
Description: Publish a comic with WordPress.  <a href="http://comicpress.org">Visit the ComicPress Website.</a>
Author: Chris Crontiris
Author URI: http://www.edenworldsaga.com
Version: 1.5
.
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 */

p {
	padding: 5px 0;
}

a {
  letter-spacing: 2px;
  font-size: 14px;
  font-weight: bold;
	color: #666;
	text-decoration: none;
}

a:hover {
	color: #f00;
}

a:focus {
	outline: none;
}

a img {
	border: none;
}

body {
	margin: 0;
	font-family: 'Arial' , sans-serif;
	font-size: 14px;
 background: #465d60;
}

/* THE PAGE WRAPPER */

#page {
	width: 975px;
  border-left: 4px solid #000000;
  border-right: 4px solid #000000;
	margin: 0px auto;
	margin: 0px auto;
}

#page-wide {
  background: #fff;
	margin: 0px auto;
}

#content-wrapper {
  background: #fff;
}


/* THE HEADER */

#header {
	text-align: center;
	height: 200px;
	background: #cbeaf9 
}

#header .description {
  padding: 0 0 0 0;
  font-size: 14px;
  height: 200px;
  background: url(http://www.edenworldsaga.com/wp-content/themes/comicpress-edenworld/images/background.jpg) no-repeat right;
	text-align: left;
}

/* THE MENU */

#menubar-wrapper {
	width: 100%;
	clear: both;
	display: block;
	margin: 0 auto;
	background: #000;
}

.menunav {
	float: right;
	text-align: center;
        color: #000;
  letter-spacing: 4px;
  color: #333333;
  font-size: 14px;
  font-weight: bold;
}

ul#plugboard {
    /* The Plugboard Container */
    list-style: none;
    float: left;
}

ul#plugboard li {
    float: left;
    padding-right: 5px;
    padding-bottom: 5px;
}

#plugboard-form {
    /* The Plugboard Form Container */
    clear: both;
}


.menunav a {
	color: #000;
}

.menunav-search {
	float: left;
	padding-top: 1px;
	line-height: 26px;
	height: 20px;
}

.menunav-rss {
	font-size: 13px;
	line-height: 28px;
	padding: 0 5px;
	float: left;
	display: inline-block;
	overflow: hidden;
	color: #000;
}

.menunav-rss:hover {
	background: #f00;
	color: #fff;
}

/* THE COMIC */

#comic-head {
	padding: 5px 0 0 10px;
	text-align: left;
	clear: both;
  background: #fff;
}

/* THE FOOTER */

#footer {
	padding: 5px 0;
	text-align: center;
  background: #ddd;
}

/* POSTS - PAGES */

#pagewrap-right {
	width: 770px;
	padding: 0;
	margin: 0;
	float: left;
	overflow: hidden;
}

#pagewrap-left {
	width: 560px;
	float: left;
	overflow: hidden;
}

#subcontent-wrapper {
	clear: both;
}

#content {
	float: left;
}

.narrowcolumn {
	padding: 0 5px;
	overflow: hidden;
}

/* add 10px to smaller width layouts */
.layout-standard .narrowcolumn, .layout-v .narrowcolumn {
	width: 735px;
}


/*Top level menu link items style*/
.menubar ul li a {
  letter-spacing: 2px;
  font-size: 14px;
  font-weight: bold;
	display: block;
	padding: 5px 10px;
	text-decoration: none;
}

.menubar ul li ul li a {
	text-align: left;
	background: #414141; /* background of menu items (default state)*/
}

* html .menubar ul li a {
	/*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.menubar ul li a:link, .menubar ul li a:visited {
	color: #666666;
}

.menubar ul li ul li a:link, .menubar ul li ul li a:visited {
	color: #fff;
}

.menubar ul li a.selected {
	/*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background: black;
	color: white;
}

.menubar ul li a:hover {
	background: black; /*background of menu items during onmouseover (hover state)*/
	color: white;
}

/*1st sub level menu*/
.menubar ul li ul {
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.menubar ul li ul li {
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.menubar ul li ul li ul {
	top: 0;
}

/* Sub level menu links style */
.menubar ul li ul li a {
	font: normal 13px Verdana;
	width: 160px; /*width of sub menus*/
	padding: 5px;
	margin: 0;
}

.menubar .current_page_item a {
	color: #f00;
}