/*
Theme Name: Commissioned - ComicPress
Theme URI: http://www.commissionedcomic.com/
Template: comicpress
Description: COMMISSIONED Comic
Author: O
Author URI: http://www.commissionedcomic.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");
/*
Theme Name: ComicPress GN
Theme URI: http://comicpress.org
Description: Publish a comic with WordPress. Graphic Novel Edition. <a href="http://comicpress.org">Visit the ComicPress Website.</a>
Author: Tyler Martin
Author URI: http://mindfaucet.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 */

body {
	margin: 0;
	color: #000;
	font-size: 12px;
	font-family: 'Arial', sans-serif;
	text-shadow: #000 0 0 0; /* Lighten Safari's heavy fonts */
	background-color: #CCCCCC;
}
a {
	color: #800;
	text-decoration: none;
}
a:hover {
	color: #f00;
}
a:focus {
	outline: none;
}
a img {
	border: none;
}
p {
	margin: 12px 0;
}
img {
	max-width: 100%;
	padding: 0;
}
small {
	font-size: 11px;
}
hr {
	height: 1px;
	color: #000;
	background-color: #CCCCCC;
	border: 0px;
}
blockquote {
	margin: 10px;
	padding: 5px 10px 5px 20px;
	border-width: 1px 1px 1px 5px;
	border-style: solid;
	border-color: #000;
}
blockquote cite {
	margin: 5px 0 0;
	display: block;
}
cite {
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
}
code {
	padding: 10px;
	display: block;
	font-family: 'Courier New', monospace;
	border: 1px dotted #000;
	overflow: scroll;
}
acronym, abbr, span.caps {
	cursor: help;
}
acronym, abbr {
	border-bottom: 1px dashed #000;
}
form {
	margin: 0;
}
/* HEADINGS */

h1, h1 a, h1 a:hover {
	padding: 10px 0 0 0;
	margin: 0;
	color: #000;
	font-size: 60px;
	font-family: 'Georgia', serif;
	font-weight: normal;
	line-height: 50px;
	text-decoration: none;
	letter-spacing: -4px;
	font-variant: small-caps;
}
h2, h2 a, h2 a:hover {
	margin: 0;
	color: #000;
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 24px;
}
h2.pagetitle, h2.pagetitle a {
	padding: 0 0 5px 0;
	margin: 0 0 20px 0;
	font-family: 'Georgia', serif;
	font-size: 32px;
	font-weight: normal;
	letter-spacing: -2px;
}
h3, h3 a, h3 a:hover {
	padding: 0;
	margin: 0;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	color: #000;
	text-decoration: none;
	clear: both;
	letter-spacing: -1px;
}
/* THE PAGE WRAPPER */
/* Change this width to set the entire site's width - increase/reduce #column width by the same amount */

#page {
	width: 960px;
	margin: 0px auto;
}
/* THE HEADER */

#header {
	text-align: center;
}
.description {
	padding: 0 0 10px 0;
	font-size: 14px;
	font-style: italic;
	letter-spacing: 2px;
}
/* THE MENU */

#menubar {
	background: #000;
	zoom: 1; /* IE fix, allows for variable height menu  */
}
#menunav {
	float: right;
}
#menunav a {
	width: 25px;
	height: 25px;
	display: block;
	float: left;
	color: #fff;
	font-size: 19px;
	font-weight: bold;
	line-height: 25px;
	text-align: center;
	border-left: 1px solid #fff;
}
#menunav a:hover {
	background: #800;
}
#menu {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	line-height: 25px;
	font-size: 12px;
	text-transform: uppercase;
}
#menu a {
	padding: 0px 5px;
	display: block;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
}
#menu li {
	float: left;
}
#menu li:hover a, #menu li.sfhover a {
	color: #fff; /* Main menu highlighted text color */
}
#menu li:hover, #menu li.sfhover {
	background: #800; /* 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: 151px;
	line-height: 1;
	border-top: 1px solid #fff;
}
#menu li li {
	width: 150px;
	margin: 0 0 0 -1px;
	border-width: 0 1px 1px 1px;
	border-color: #fff;
	border-style: solid;
}
#menu li li a {
	width: 139px;
	padding: 4px 5px;
	color: #fff;
	border: none;
}
#menu li ul ul {
	margin: -21px 0 0 151px;
}
#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 */
}
#menu li li:hover {
	background: #f00; /*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: #222; /*Submenu background color */
	text-transform: none;
}
/* THE COMIC */

#comic {
	padding: 10px 0;
	text-align: center;
}
/* THE FOOTER */

#footer {
	padding: 20px 0;
	text-align: center;
}
/* NAVIGATION */

.nav {
	float: right;
	font-size: 12px;
	font-weight: bold;
}
.nav-first {
	padding: 0 5px 0 0;
	float: left;
	border-right: 1px solid #000;
}
.nav-previous {
	padding: 0 5px;
	float: left;
}
.nav-next {
	padding: 0 5px;
	float: left;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}
.nav-last {
	padding: 0 0 0 5px;
	float: left;
}
.nav-blog {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	float: right;
}
.nav-blog-previous {
	padding: 0 5px 0 0;
	float: left;
}
.nav-blog-next {
	padding: 0 0 0 5px;
	float: left;
	border-left: 1px solid #000;
}
.pagenav {
	padding: 40px 20px 0 20px;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	clear: both;
}
.pagenav-left {
	float: left;
}
.pagenav-right {
	float: right;
}
.nav a, .pagenav a, .nav-blog a {
	display: block;
	float: left;
	color: #000;
}
.nav a:hover, .pagenav a:hover, .nav-blog a:hover {
	color: #800;
}
.navdivider {
	padding: 0 5px 0 0;
	margin: 0 5px 0 0;
	border-right: 1px solid #000;
}
/* POSTS - PAGES */

#pageright-wrap {
	width: 760px;
	float: left;
	overflow: hidden;
}
#column {
	width: 560px;
	padding: 5px 0 20px 0;
	float: left;
	overflow: hidden;
}
.post, .post-comic, .post-page {
	padding: 0 20px;
}
.post-head, .post-page-head, .post-comic-head {
}
.post-foot, .post-page-foot, .post-comic-foot {
	margin: 0 0 40px 0;
	height: 10px;
	overflow: hidden;
}
.comicdate {
	font-size: 14px;
}
.postdate {
	font-size: 11px;
}
.more-link {
	border-top: 1px dashed #000;
	font-style: italic;
	display: block;
	clear: both;
}
.tags {
	font-size: 11px;
	clear: both;
}
.comment-link {
	font-family: 'Georgia', serif;
	font-size: 16px;
	text-align: right;
}
/* THE BLOG HEADER */

#blogheader {
	font-family: 'Georgia', serif;
	padding: 25px 0 25px 20px;
	font-size: 32px;
	letter-spacing: -2px;
	border-top: 1px solid #000;
}
/* COMMENTS */

.comment-wrap {
	padding: 0 20px;
}
.comment-wrap h3 {
	margin: 0;
	padding: 20px 0 0 0;
	font-weight: normal;
	font-size: 20px;
	clear: both;
	font-family: 'Georgia', serif;
}
.comment {
	padding: 10px;
	margin: 10px 0 0 0;
	clear: both;
	border: 1px solid #000;
	min-height: 64px;
}
.comment .comment {
	border: 1px dotted #000;
}
.comment-author {
	display: inline;
}
.comment-meta {
	display: inline;
	padding: 0 0 0 5px;
	margin: 0 0 0 2px;
	border-left: 1px solid #000;
}
.says {
	display:none;
}
.avatar {
	margin: 0 10px 0 0;
	float: left;
}
#comment {
	width: 100%;
	font-size: 12px;
	font-family: 'Arial', sans-serif;
}
#author, #email, #url {
	width: 200px;
	font-size: 12px;
	font-family: 'Arial', sans-serif;
}
#submit {
	margin: 0 0 20px 0;
	float: right;
}
ol.commentlist {
	margin: 0;
	padding: 0;
	font-size: 11px;
	list-style: none;
}
ol.commentlist p {
	margin: 10px 0 0 74px;
}
ul.children {
	margin: 0;
	padding: 0;
	list-style: none;
}
.reply {
	padding: 10px 0 0 0;
	text-align: right;
}
/* ARCHIVE */  
/* For the built-in WordPress archive pages (by month or category) as well as search result pages */  

.comicarchiveframe {
	padding: 5px;
	border: 1px solid #000;
	background: #fff;
	opacity: 0.99;
	filter: alpha(opacity=99);
}
.comicarchiveframe:hover {
	opacity: 0.70;
	filter: alpha(opacity=70);
}
.comicarchiveframe h3 {
	margin: 0;
}
.comicarchiveframe a small {
	display: block;
	color: #000;
}
.archive-year {
	font-size: 48px;
}
.archive-yearlist {
	padding: 0 0 10px 0;
	font-size: 14px;
}
/* SIDEBAR */

#sidebar {
	width: 200px;
	padding: 5px 0;
	float: left;
	font-size: 11px;
	overflow: hidden;
}
#sidebar h2, #sidebar h2 a {
	font-size: 16px;
}
#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidebar ul li {
	margin: 0 0 10px 10px;
	padding: 0;
}
#sidebar ul li ul li {
	margin: 0 0 0 10px;
	padding: 0;
}
/* WIDGETS */

.random-comic-icon {
	padding: 0 5px;
	color: #fff;
	background: #000;
}
.comic-bookmark {
	margin: 0 0 10px 5px;
}
.archive-dropdown {
	max-width: 100%;
}
/* CALENDAR */

#wp-calendar {
	width: 165px;
	margin: 0 0 0 5px;
}
#wp-calendar th {
	font-size: 10px;
	font-weight: normal;
	text-align: center;
}
#wp-calendar caption {
	font-family: 'Georgia', sans-serif;
	font-size: 18px;
	letter-spacing: -1px;
	font-variant: small-caps;
}
#wp-calendar td {
	min-width: 20px;
	padding: 0;
	text-align: center;
	border: 1px solid #000;
}
#wp-calendar a {
	display: block;
	text-decoration: none;
	font-weight: bold;
}
#wp-calendar a:hover {
	color: #fff;
	background: #000;
}
/* SEARCH */

#s {
	width: 140px;
	margin: 0;
	padding: 2px;
	font-size: 12px;
	font-family: 'Arial', sans-serif;
}
#searchsubmit {
	padding: 0 5px;
	font-size: 12px;
	font-family: 'Arial', sans-serif;
}
/* GALLERY */

.gallery-image {
	width: 518px;
	border: 1px solid #000;
	overflow: hidden;
	background: #000;
}
.gallery-caption {
	font-size: 11px;
}
.gallery-caption p {
	width: 510px;
	padding: 5px;
	margin: 0;
	text-align: center;
	color: #fff;
	background: #000;
}
.imagenav-wrap {
	margin: 5px 0 0 0;
}
.imagenav {
	width: 77px;
	height: 77px;
	float: left;
	overflow: hidden;
}
.imagenav-center {
	width: 344px;
	height: 65px;
	margin: 0 5px;
	padding: 10px 5px 0 5px;
	float: left;
	color: #000;
	text-align: center;
	border: 1px solid #000;
	overflow: hidden;
}
.imagetitle {
	color: #000;
	font-size: 18px;
}
.imagenav-bg {
	width: 75px;
	height: 75px;
	position: absolute;
	z-index: 0;
	background: #ddd;
	border: 1px solid #000;
	overflow: hidden;
}
.imagenav-bg img {
	width: 75px;
	height: 75px;
}
.imagenav-arrow {
	width: 75px;
	height: 75px;
	position: absolute;
	z-index: 1;
	color: #fff;
	font-size: 80px;
	font-weight: bold;
	line-height:75px;
	text-align: center;
	border: 1px solid #000;
	float: left;
}
.imagenav-link {
	width: 75px;
	height: 75px;
	position: absolute;
	z-index: 2;
	border: 1px solid #000;
	float: left;
	overflow: hidden;
}
.imagenav-link img {
	width: 75px;
	height: 75px;
	opacity: 0.50;
	filter: alpha(opacity=50);
}
.imagenav-link img:hover {
	opacity: 0.00;
	filter: alpha(opacity=0);
}
/* POSTED IMAGES  */

.wp-caption p {
	margin: 5px 0;
	line-height: 11px;
	font-size: 11px;
}
.aligncenter {
	margin: 0 auto;
	display: block;
}
.alignright {
	margin: 10px 0 10px 10px;
	display: inline;
	float: right;
}
.alignleft {
	margin: 10px 10px 10px 0;
	display: inline;
	float: left
}
/* TRANSCRIPT */

#transcript {
	padding: 0 10px;
	font-size: 11px;
	border-left: 4px dotted #000;
	border-right: 4px dotted #000;
}
.transcript-border {
	padding: 0 5px;
	margin: 15px 0;
	border: 1px solid #000;
	background: #fff;
	clear: both;
}
a.transcript-title {
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	display: block;
	font-family: 'Georgia', serif;
	font-style: italic;
	font-size: 16px;
	letter-spacing: -1px;
	border-bottom: 1px dashed #000;
}
#transcript-content {
	font-family: 'Courier New', monospace;
	overflow: hidden;
}
#s-transcript {
	width: 140px;
	margin: 0;
	padding: 2px;
	font-size: 12px;
	font-family: 'Georgia', serif;
	font-style: italic;
}
#searchsubmit-transcript {
	padding: 0 5px;
	font-size: 12px;
	font-family: 'Arial', sans-serif;
}
/* STORYLINES */

.storyline-cats {
	padding: 0;
	margin: 0;
	list-style: none;
}
.storyline-cats li {
	display: inline;
}
li.storyline-root {
	display: none;
}
/* CLEAR FLOATS */

.clear {
	clear: both;
}
/* CLEAR MARGINS */
/* Used with BR for clearing paragraph margins for Safari, Chrome - avoid background gaps */

.clear-margins {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}


/* COMMISSIONED specific code */
/* Make header clickable */
#header {
	width: 980px;
	height: 131px;
	background: url('/blogimages/header.jpg') top center no-repeat;
	overflow: hidden;
}
#header h1 {
	padding: 0;
}
#header h1 a {
	display: block;
	width: 980px;
	height: 120px;
	text-indent: -9999px;
}
#header .description {
	display: none;
}


body,td,th {
	color: #000;
}
a:link {
	color: #000;
}
a:visited {
	color: #000;
}
a:hover {
	color: #666;
}
a:active {
	color: #000;
}

#menubar-wrapper a  {
	color #fff;
}

#menubar-wrapper .menunav a, #menubar-wrapper .menunav .menunav-prev, #menubar-wrapper .menunav .menunav-prev {
	color: #fff;
}