/*
Theme Name: ComicPress Dirtpony
Theme URI: http://comicpress.org
Template: comicpress
Description: Publish a comic with WordPress.  <a href="http://comicpress.org">Visit the ComicPress Website.</a>
Author: Hector Lowe
Author URI: http://www.dirtpony.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 */
html {
	overflow-y: scroll;
}

body {
	margin: 0;
	font-family: 'Arial' , sans-serif;
	font-size: 14px;
	color: #000;
}

a {
	color: #FF33CC;
	text-decoration: none;
}

a:hover {
	color: #FF6600;
}

a:focus {
	outline: none;
}

a img {
	border: none;
}

p {
	padding: 3px 0;
}

img {
	max-width: 100%;
	padding: 0;
	margin: 0;
}

.wp-caption {
	text-align: center;f
	border: solid 1px #ccc;
	background: #ccc;
}

.post-author-gravatar img {
	max-width: inherit;
}

small {
	font-size: 12px;
}

hr {
	height: 1px;
	color: #000;
	background-color: #000;
	border: 0px;
}

blockquote {
	margin: 10px;
	padding: 5px 10px 5px 20px;
	font-family: 'Georgia' , serif;
	font-size: 16px;
	border-width: 1px 1px 1px 5px;
	border-style: solid;
	border-color: #ccc;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	font-weight: bold;
	font-family: 'Arial' , sans-serif;
	font-size: 12px;
}

acronym, abbr, span.caps {
	cursor: help;
}

acronym, abbr {
	border-bottom: 1px dashed #000;
}

form {
	margin: 0;
}

input, textarea {
	font-family: 'Arial' , sans-serif;
	font-size: 13px;
}

/* HEADINGS */

h1, h1 a {
	padding: 10px 0 0 0;
	margin: 0;
	font-size: 56px;
	line-height: 46px;
	letter-spacing: -5px;
}

h2, h2 a {
	padding: 0 0 2px 0;
	margin: 0;
	font-size: 24px;
	line-height: 24px;
	letter-spacing: -1px;
}

h2.pagetitle, h2.pagetitle a, h2.page-title, h2.page-title a {
	padding: 0 0 5px 0;
	margin-top: 10px;
	font-size: 28px;
	letter-spacing: -2px;
	clear: both;
	text-transform: capitalize;
}

h3, h3 a {
	padding: 0;
	margin: 0;
	font-size: 20px;
	clear: both;
	letter-spacing: -1px;
}

h4, h4 a {
	padding: 0;
	margin: 0;
	font-size: 15px;
	clear: both;
}

/* THE PAGE WRAPPER */

#page {
	width: 780px;
	margin: 0px auto;
}

#page-wide {
	width: 980px;
	margin: 0px auto;
}

/* THE SUB/CONTENT WRAPPER */

#content-wrapper {
	background-color: #9AACFB;
}

#subcontent-wrapper {
}

/* THE HEADER */

#header {
	background-image: url("http://www.dirtpony.com/img/logo3.jpg");
	text-align: left;
	height: 100px;

	
}


#header .description {
	padding: 0 0 10px 0;
	font-size: 14px;
}

/* THE MENU */

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

/* THIS SECTION LOADS BEFORE THE JAVASCRIPT */

/* This section makes sure the menubar looks good before loading or jquery disabled
-------------------------------------------------------------- */

#menubar-wrapper .menu-header,
div.menu {
	font-size: 13px;
	margin-left: 12px;
}
#menubar-wrapper .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#menubar-wrapper .menu-header li,
div.menu li {
	float: left;
	position: relative;
}
#menubar-wrapper a {
	display: block;
	text-decoration: none;
}
#menubar-wrapper ul ul {
/*	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); */
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	float: left;
	z-index: 99999;
}
#menubar-wrapper ul ul li {
	min-width: 160px;
}
#menubar-wrapper ul ul ul {
	left: 100%;
	top: 0;
}
#menubar-wrapper ul ul a {
	height: auto;
}
#menubar-wrapper li:hover > a,
#menubar-wrapper ul ul :hover > a {
/*	background: #333;
	color: #fff; */
}
#menubar-wrapper ul li:hover > ul {
	display: block;
}
#menubar-wrapper ul li.current_page_item > a,
#menubar-wrapper ul li.current-menu-ancestor > a,
#menubar-wrapper ul li.current-menu-item > a,
#menubar-wrapper ul li.current-menu-parent > a {
/*	color: #fff; */
}
* html #menubar-wrapper ul li.current_page_item a,
* html #menubar-wrapper ul li.current-menu-ancestor a,
* html #menubar-wrapper ul li.current-menu-item a,
* html #menubar-wrapper ul li.current-menu-parent a,
* html #menubar-wrapper ul li a:hover {
/*	color: #fff; */
}

.ie #menubar-wrapper {
	zoom: 1; /* IE fix, allows for variable height menu  */
}

.menunav {
	float: right;
	text-align: center;

}

.menunav a {
	color: #fff;

}

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

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

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

.menunav-prev, .menunav-next {
	display: inline-block;
	float: left;
}

.menunav-prev a, .menunav-next a {
	width: 25px;
	line-height: 24px;
	font-size: 28px;
	padding-bottom: 3px;
	font-weight: bold;
	display: inline-block;
	overflow: hidden;
	color: #fff;
}

.menunav-prev a:hover {
	background: #414141;
}

.menunav-next a:hover {
	background: #414141;
}

.menubar {
/*	font: bold 12px Verdana; */
/*	background: #414141; background of menu bar (default state)*/
	float: left;
}

.menubar ul {
	z-index: 100;
	margin: 0;
	padding: 0;
	list-style-type: none;
        text-transform: uppercase;

}

/*Top level list items*/
.menubar ul li {
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.menubar ul li a {
	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: #fff;
}

.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: #000;
	color: #fff;
}

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

/*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;
}

/* Holly Hack for IE \*/
* html .menubar {
	height: 1%;
}
/*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass {
	position: absolute;
	top: 9px;
	right: 7px;
}

.rightarrowclass {
	position: absolute;
	top: 6px;
	right: 5px;
}

/* classic menubar */

/* THE MENU */

#menubar {
	background: #000;
	text-align: left;
	list-style: none;
}

.ie #menubar {
	zoom: 1; /* IE fix, allows for variable height menu  */
}

#menu {
	text-transform: capitalize;
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	line-height: 25px;
	font-size: 12px;
}

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

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

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

#menu li:hover a, #menu li.sfhover a {
	color: #fff; /* Main menu highlighted text color */
}

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

.sfhover {
	padding: 0;
	margin: 0;
}

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

#menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	left: -9999px;
	width: 195px;
	line-height: 1;
}
#menu li li {
	width: 185px;
	padding: 4px 5px;
	color: #fff;
}
#menu li li a {
	width: 194px;
	padding: 0;
	color: #fff;
	border: none;
}
#menu li ul ul {
	margin: -16px 0 0 190px;
}
#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: #009999; /*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: #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: #000; /* Submenu background color */
	text-transform: none;
}

#menu .current_page_item a {
	color: #fff;
	background: #800;
}

/* THE COMIC */

#comic-head {
	clear: both;
}

#comic {
	padding: 5px 5px 5px 5px;
	background-color: #9AACFB;	
	text-align: center;
}

#comic ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#comic-foot {
        background-color: #9AACFB;
	text-align: center;
}

/* THE FOOTER */

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

#footer .footer-pipe {
	padding: 0 2px;
}

/* NAVIGATION */

.blognav {
	width: 200px;
	margin: 0 auto;
}

.blognav-previous {
	float: left;
}

.blognav-next {
	float: right;
}

.nav {
	float: right;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0;
}

.nav-first {
	float: left;
}

.nav-previous {
	float: left;
}

.nav-previous a {
	padding-left: 10px;
}

.nav-next {
	float: left;
}

.nav-next a {
	padding-left: 10px;
}

.nav-last {
	float: left;
}

.nav-last a {
	padding-left: 10px;
}

.pagenav, .commentnav {
	height: 25px;
	color: #000;
	font-weight: bold;
	line-height: 25px;
	padding: 0 5px 0 5px;
	margin-top: 5px;
	clear: both;
}

.pagenav-left, .commentnav-left {
	float: left;
}

.pagenav-right, .commentnav-right {
	float: right;
}

.nav a, .pagenav a, .nav-blog a {
	display: block;
	float: left;
}

/* POSTS - PAGES */

#pagewrap-right {
	background-color: #9AACFB;
	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 {
        background-color: #9AACFB;
	width: 550px;
	padding: 0 5px;
	overflow: hidden;
}

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

.widecolumn {
	width: 980px;
	overflow: hidden;
}

.column_one {
	width: 48%;
	float: left;
	padding: 1%;
}

.column_two {
	width: 48%;
	float: left;
	padding: 1%;
}

.post {
        background-color: #AFD4FF
}

.post-type-cat {
	text-transform: capitalize;
}

.post-content {
        background: url("/img/pattern5.png") repeat-x bottom;
	padding: 5px;
}

.post-foot {
	background-color: #000
	margin-bottom: 10px;
}

.post-image {
}

.post-info {
        padding-bottom: 5px;
	font-size: 12px;
}

.post-text {
        color: #000;
	overflow: hidden;
	display: block;
}

.post-author-gravatar {
	float: right;
}

.post-mood {
	float: left;
	margin-right: 2px;
}

.post-calendar-date {
	color: #777;
	font-family: 'Georgia' , serif;
	font-size: 15px;
	font-weight: bold;
	float: left;
	margin-right: 3px;
}

.post-calendar-date .calendar-date {
	height: 50px;
	width: 45px;
	background: url(images/calendar.png) center no-repeat;
	font-family: 'Georgia' , serif;
	font-size: 22px;
	font-style: normal;
	color: #000;
	text-align: center;
	line-height: 100%;
	padding: 0 2px 0 0;
}


.post-calendar-date .calendar-date span {
	height: 16px;
	padding: 1px 0 4px 0;
	display: block;
	font-family: 'Verdana' , sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #fff;
	text-align: center;
}

.postdate {
	font-size: 11px;
}

.entry {
	color: #000;
	line-height: 23px;
	padding: 3px 10px 10px 10px;
}

.more-link {
	border-top: 1px dashed #000;
	font-style: italic;
	display: block;
	clear: both;
}

.post-tags {
	font-size: 12px;
}

.post .members-only {
	border: 1px dotted #000;
	background: #fafafa;
	padding: 3px;
}

.post .non-member {
	border: 1px dotted #000;
	background: #fafafa;
	padding: 3px;
}

.linkpages {
	float: right;
	margin: 5px;
}

/* COMMENT LINK */

.comment-link {
	font-weight: bold;
	text-align: right;
}

/* THE BLOG HEADER */

#blogheader {
	width: 400px;
	height: 30px;
	background-image: url("http://www.dirtpony.com/img/bloghead.jpg");
	background-repeat: no-repeat;
	padding: 5px 0 5px 0;
	border-top: 0px solid #000;
	margin: 10px 0 20px 0;
}

/* COMMENTS */

textarea#comment {
	width: 90%;
	height: 80px;
}

.comment {
	display: block;
	margin-top: 20px;
}

.comment .comment {

        background-color: #000
	margin: 10px 0 0 70px;
}

.comment .comment .comment {
	margin-left: 20px;
}

.comment-avatar {
	width: 64px;
	height: 64px;
	display: inline-block;
	float: left;
	margin-right: 5px;
	overflow: hidden;
}

.comment-content {
	margin-left: 64px;
	margin-bottom: 20px;
}


.comment-author cite {
	font-weight: bold;
	font-style: normal;
	font-size: 16px;
}

.comment .comment .comment-author cite {
        color: #000;
	font-size: 14px;
}

.comment-meta-data {
        color: #000;
	font-size: 11px;
}

.comment .comment .comment-permalink {
	display: none;
}

.comment-moderated {
	font-style: italic;
	font-size: 15px;
}

.comment-text {
        color: #000;
	padding: 5px;
	font-size: 12px;
}

.comment-text p {
	padding: 5px 5px;
	margin: 0;
}

.comment-note {
	width: 380px;
	text-align: left;
	display: inline-block;
	font-size: 11px;
}

.form-submit {
	float: right;
	display: inline-block
 }

.comment-meta {
	display: inline;
	border-left: 1px solid #000;
}

.commentsrsslink {
	font-size: 11px;
	float: right;
}

#author, #email, #url {
	width: 50%;
}

.comment-submit, .post-url-back {
	float: right;
}

.commentlist ul {
        color: #000;
	padding: 0;
	margin: 0;
	list-style: none;
}

ol.commentlist {
	margin: 0;
	padding: 10px 0 30px 0;
	list-style: none;
}

ol.commentlist p {
	margin-top: 3px;
}

ul.children {
	margin: 0;
	padding: 0;
	list-style: none;
}

#respond {
	padding: 20px 0 0 0;
}

/* Pingbacks and Trackbacks */

#pingtrackback {
	font-size: 16px;
}

.pingback .comment-content, .trackback .comment-content {
	margin-left: 0;
}

.trackback .comment-author cite, .pingback .comment-author cite {
	font-weight: bold;
	font-style: normal;
	font-size: 13px;
}


/* ARCHIVE */
/* For the built-in WordPress archive pages (by month or category) as well as search result pages */

.comicthumbwrap {
	float: left;
	padding: 2px 2px 6px 2px;
	text-align: center;
}

.comicthumbdate {
	font-size: 9px;
}

.comicarchiveframe, .comicarchiveframeinpost {
	margin: 2px auto;
	text-align: center;
	-moz-opacity: 0.99; /* mozilla, netscape */
	opacity: 0.99; /* firefox, opera, safari, chrome */
	-khtml-opacity: 0.99; /* khtml, old safari */
}

.comicarchiveframe:hover, .comicarchiveframeinpost:hover {
	-moz-opacity: 0.7; /* mozilla, netscape */
	opacity: 0.70; /* firefox, opera, safari, chrome */
	-khtml-opacity: 0.7; /* khtml, old safari */
}

.imagenav-link img {
	-moz-opacity: 0.5; /* mozilla, netscape, gecko */
	opacity: 0.5; /* firefox, opera, safari, chrome */
	-khtml-opacity: 0.5; /* khtml, old safari */
}

.imagenav-link img:hover {
	-moz-opacity: 0; /* mozilla, netscape */
	opacity: 0.5; /* firefox, opera, safari, chrome */
	-khtml-opacity: 0.5; /* khtml, old safari */
}

.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 */

/* Left Sidebar Themes */
#sidebar-left {
	float: left;
	width: 200px;
	padding: 5px;
}

/* Right Sidebar Themes */
#sidebar-right {
	background-color: #FF99E6;
	float: right;
	width: 200px;
	padding: 5px;
}

#sidebar-overcomic {
	padding: 20px 0 0 0;
}

.customsidebar ul, .customsidebar li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Sidebar Class */

.sidebar {
	font-size: 12px;
	overflow: hidden;
}

.sidebar h2, .sidebar h2 a {
	display: block;
	font-size: 18px;
	margin: 0;
	padding: 0;
}

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar ul li {
	margin: 0 0 0 10px;
	padding: 0;
}

.sidebar .widget {
        align="center";
	margin-bottom: 10px;
}

.sidebar .widget .post-extras, .sidebar .widget .entry {
	padding: 3px;
}

/* WIDGETS */

.random-comic-icon, .random-post-icon {
	padding: 0 5px;
	color: #fff;
	background: #000;
}

.sidebar #comic-bookmark-holder {
	width: 152px;
	margin: 0 auto;
	margin-bottom: 10px;
}

.sidebar .ComicPressLatestThumbnailWidget h2 {
	text-align: left;
}

.sidebar .ComicPressLatestThumbnailWidget {
	text-align: center;
}

.sidebar .comic-bookmark {
	width: 185px;
	margin: 0 auto;
}

/* CALENDAR */

#wp-calendar-wrap {
	margin: 0 auto;
	width: 170px;
	background: #4062F7;
	padding: 10px;
        border: 0px;

}

#wp-calendar {
	color: #AFD4FF;
	width: 165px;
	margin: 0 auto;
}

.wp-calendar-thumb {
	width: 178px;
	height: 130px;
	margin: 0 auto;
}

#wp-calendar th {
	font-size: 11px;
	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;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
	font-weight: bold;
}

#wp-calendar a:hover {
	color: #fff;
	background: #000;
}

table#wp-calendar {
	border: none;
	background: transparent;
}

table#wp-calendar td {
	border-color: #999;
}

.wp-calendar-download {
	width: 166px;
	margin: 0 auto;
	overflow: hidden;
	font-size: 10px;
	text-align: right;
	color: #777;
	background: #222;
}

.wp-calendar-download-links a {
	padding: 0 3px;
	font-weight: bold;
	color: #fff;
	background: #000;
	border-left: 1px solid #777;
}

.wp-calendar-download-links a:hover {
	background: #800;
}

/* SEARCH */

#s-search, #s-transcript {
	height: 15px;
	width: 140px;
}

.searchresults {
	padding: 0 0 30px 10px;
	font-style: italic;
}

/* GALLERY */

.gallery-image {
	width: 518px;
	overflow: hidden;
	text-align: center;
}

.gallery-caption {
	padding: 2px 0 0 0;
	font-size: 11px;
	line-height: 11px;
}

.gallery-caption p {
	width: 510px;
	padding: 5px;
	margin: 0;
	text-align: center;
}

.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;
	overflow: hidden;
}

.imagetitle {
	color: #000;
	font-size: 18px;
}

.imagenav-bg {
	width: 77px;
	height: 77px;
	position: absolute;
	z-index: 0;
	overflow: hidden;
}

.imagenav-bg img {
	width: 75px;
	height: 75px;
	padding: 1px;
}

.imagenav-arrow {
	width: 77px;
	height: 67px;
	position: absolute;
	z-index: 1;
	color: #fff;
	font-size: 80px;
	font-weight: bold;
	line-height: 67px;
	text-align: center;
	float: left;
}

.imagenav-link {
	width: 77px;
	height: 77px;
	position: absolute;
	z-index: 2;
	float: left;
	overflow: hidden;
}

.imagenav-link img {
	width: 75px;
	height: 75px;
	padding: 1px;
}

#gallery-1 .attachment-thumbnail {
	border: none;
}

/* 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 #333;
	border-right: 4px dotted #333;
}

.transcript-border {
	padding: 0 5px;
	margin: 15px 0;
	border: 1px solid #555;
	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: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 2em;
	border-bottom: 1px dashed #777;
}

#transcript-content {
	font-family: 'Courier New' , monospace;
	overflow: hidden;
}


/* 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;
}

/** BUY THIS **/

.buythis {
	padding: 0 5px 0 5px;
}

.buythisbutton {
	height: 27px;
	width: 240px;
	margin: 5px 0 5px 0;
	background: url('images/buythis.png') no-repeat;
}

.print-thumbnail {
	text-align: center;
}

.page-template-buystrip-php .post-content table {
	margin: 0 auto;
}

/* Archive Calendar Template */

.cpcal-image {
	height: 120px;
	width: 152px;
}

.cpcal-cals {
	margin: 0 auto;
	padding-left: 5px;
}

.cpcal-month {
	width: 157px;
	padding: 5px 0 5px 5px;
	margin: 0 8px 8px 0;
	float: left;
	border: 1px solid #999;
	background: #fff;
}

.cpcal-monthtitle {
	width: 154px;
	height: 16px;
	padding: 0 0 5px 0;
	text-align: center;
	font-family: 'Georgia' , serif;
	font-variant: small-caps;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: -1px;
}

.cpcal-dayletter {
	width: 20px;
	height: 15px;
	margin: 0 2px 2px 0;
	display: block;
	float: left;
	text-align: center;
	font-size: 11px;
	line-height: 13px;
}

.cpcal-day {
	width: 18px;
	height: 13px;
	margin: 0 2px 2px 0;
	display: block;
	float: left;
	text-align: center;
	font-size: 11px;
	line-height: 13px;
	border: 1px solid #999;
}

.cpcal-day a {
	width: 18px;
	height: 13px;
	line-height: 13px;
	display: block;
	font-size: 12px;
	font-weight: bold;
}

.cpcal-day a:hover {
	color: #fff;
	background: #000;
}

/* Storyline Template */

#storyline, #storyline ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#storyline li {
	padding: 0;
	margin: 0;
}

#storyline li img {
	display: none;
}

#storyline li li img {
	display: block;
	float: right;
	padding: 0 0 0 10px;
}

#storyline ul ul {
	margin: 0 0 0 20px;
}

#storyline li li .storyline-title {
	font-size: 24px;
	font-weight: bold;
	display: block;
	color: #000;
}

#storyline li li .storyline-title:hover {
	color: #900;
}

#storyline li li li a.storyline-title {
	font-size: 18px;
}

#storyline li li li li a.storyline-title {
	font-size: 14px;
}

.storyline-description {
	font-size: 12px;
}

.storyline-foot {
	clear: both;
	margin: 0 0 10px 0;
	height: 10px;
	border-bottom: 4px solid #000;
}

#storyline li li .storyline-foot {
	border-bottom: 2px solid #000;
}
#storyline li li li .storyline-foot {
	border-bottom: 1px solid #000;
}

/* Archive Year Template */

.archive-date {
	padding: 0 5px 0 0;
	font-size: 12px;
	white-space: nowrap;
}

.archive-title {
	padding: 2px 5px;
	line-height: 11px;
	border-left: 1px solid #000;
}

.month-table {
	border-collapse: collapse;
	margin: 0 0 20px 0;
}

#linkspage, #linkspage ul, #linkspage li, #archivepage, #archivepage url, #archivepage li {
	list-style: none;
}

#linkspage h2 {
	margin-top: 20px;
}

/* Pagination */

#wp-paginav {
	text-align: left;
}

#paginav {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	line-height: 25px;
}

#paginav .paginav-pages {
	padding-right: 10px;
}

#paginav a {
	padding: 0px 10px;
	display: block;
}

#paginav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#paginav li {
	float: left;
}

#paginav .paginav-next, #paginav .paginav-previous {
	font-size: 20px;
}

#paginav .paginav-current, #paginav .current {
	padding: 0px 10px;
	font-weight: bold;
}

/* Tool Tips (ComicPress Rascal) */
.tt a {
	position: relative;
	z-index: 1000;
	color: #3CA3FF;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: -110px;
}

a.tt span {
	display: none;
}

a.tt:hover span.tooltip {
	position: absolute;
	display: block;
	width: 200px;
	color: #000;
	margin: 0 auto;
	text-align: center;
	height: 164px;
	background: url('images/comicpress-rascal.png') no-repeat;
	z-index: 1000;
}
a.tt:hover span.top {
	display: block;
	width: 200px;
	height: 35px;
	padding-top: 10px 10px 0 10px;
	margin-top: 59px;
	margin-left: 25px;
	background: url('images/bubble.png') 0 0 no-repeat;
	z-index: 1000;
}
a.tt:hover span.middle {
	/* different middle bg for stretch */
	display: block;
	width: 180px;
	margin-left: 25px;
	padding: 0 10px;
	background: url('images/bubble.png') -200px 0 repeat-y;
	z-index: 1000;
}
a.tt:hover span.bottom {
	display: block;
	width: 200px;
	height: 15px;
	background-position: -100px;
	color: #548912;
	margin-left: 25px;
	background: url('images/bubble.png') 0 -35px no-repeat;
	z-index: 1000;
}

.ie .tt a:hover {
	z-index: 1000;
	color: #aaaaff;
	background-color:  Transparent;
}

/* User Pages */

#userpage {
	width: 100%;
	padding: 5px;
}

.userpage-avatar {
	float: left;
	width: 64px;
	height: 64px;
}

.userpage-info {
	margin-left: 10px;
	float: left;
}

.userpage-desc {
	width: 400px;
	padding: 5px;
	margin-top: 30px;
	border: 1px dotted #efefef;
}

.userpage-posts {
	margin-top: 20px;
}

.userpage-posts ol {
	margin: 10px 0 0 30px;
	padding: 0;
}

.userpage-posts li {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Non-IE browser additions */

::-moz-selection {
	background: #a1c0d9; /* Firefox */
}

textarea {
	resize: none;
}

/* selection colors */
::selection {
	background: #ffb7b7; /* Safari */
}

/* MultiComic buttons */

#buttonpanel {
	overflow: auto;
}

#comic button {
	background: #efefef;
	color: #000;
	float: left;
	margin: 2px 0px 2px 5px;
}