/*
Theme Name: ComicPress Maytia
Theme URI: http://maytiacomic.com
Template: comicpress
Description: Customized theme for Mischief in Maytia
Author: Caleb Child
Author URI: http://Marscaleb.com
Version: 1.0
.
The CSS, XHTML and design is released under GPL v3:
http://www.opensource.org/licenses/gpl-3.0.html
.

NOTE: When writing CSS in the Child Theme, you put the CHANGES only, not the entire CSS.  
*/

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

/* PUT CSS CHANGES UNDER HERE */



/* STANDARD TAGS */

body {
	background: #dfc786 url('images/background.jpg') repeat;
}

a {
	color: #463223;
}

a:link {
	text-decoration:underline;
	color: #125294;
}

a:visited {
	text-decoration:none;
	color: #294c71;
}

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

a:active {text-decoration:underline;}  /* selected link */

#header .description {
	margin-left: 40px;
}

#menubar-wrapper {
	background: url('images/contentbg.jpg') repeat;
	border: solid 1px #000;
	text-transform: none;
	font-size: 125%;
	font-family: serif;
}
/*
To have the menu be the top of the page and not separate from it:
	border-left: solid 1px #000;
	border-top: solid 1px #000;
	border-right: solid 1px #000;
*/

	.menunav a {
		color: #000;
	//RSS feed
	}

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

	.menunav-prev a:hover {
		background: #463223;
		color: #fff;
	}

	.menunav-next a:hover {
		background: #463223;
		color: #fff;
	}

	.menubar ul li ul li a {
		background: url('images/contentbg.jpg') repeat; /* background of menu items (default state)*/
	}

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

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

	.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: #463223; /*background of menu items during onmouseover (hover state)*/
	}
	
	.menubar ul li ul li a:hover {
		color: #fff;
	}

	/* this is the color of the non-hovered text in the menubar */
	.menu ul li a:link, .menu ul li a:visited {
	color: #981952;
	}

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

.ie #content-wrapper-head, .ie #comic-head {
	display: none;
}

#comic-head, #comic-foot {
	padding: 0;
}

/* Section 2 */

#subcontent-wrapper, .layout-gn #content-wrapper, .layout-rgn #content-wrapper, .layout-v #content-wrapper,
.layout-v3c #content-wrapper {
	background: url('images/contentbg.jpg') repeat;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
	border-top: solid 1px #000;
}

/*
Remove the above "border-top" when ready to encapsulate the whole page.
*/

#comic-foot, #comic-head {
	background: url('images/contentbg.jpg') repeat;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
}

.layout-gn #pagewrap-right, .layout-rgn #pagewrap-right {
	padding-top: 5px;
	width: 800px;
}

/* Formally was
.layout-gn #pagewrap-right, .layout-rgn #pagewrap-right {
	padding-top: 5px;
	width: 768px;
}
changed 768 to 800
*/

#comic-foot .archive-dropdown-wrap, #comic-head .archive-dropdown-wrap, #comic-foot .widget, #comic-head .widget {
	margin: 0;
}

.layout-gn #subcontent-wrapper, .layout-gn #comic-head, .layout-gn, #comic-foot, 
.layout-rgn #subcontent-wrapper, .layout-rgn #comic-head, .layout-rgn, #comic-foot {
	border: 0;
}

.layout-gn #page-wide #comic, .layout-gn #page-wide #comic-head, .layout-gn #page-wide #comic-foot {
	margin-right: 5px;
}

.layout-gn #page-wide #comic-foot, .layout-gn #page-wide #comic-head,
.layout-rgn #page-wide #comic-foot, .layout-rgn #page-wide #comic-head,
.layout-v #page #comic-foot, .layout-v #page #comic-head {
	width: auto;
}

.layout-standard #page #menubar {
	width: 782px;
}

/*Above was: width: 782px; */

.layout-3c #page-wide #menubar, .layout-3c2r #page-wide #menubar {
	width: 982px;
}

/*
#page {
	width: 1015px;
	margin: 0 auto;
}
*/


#content-wrapper {
width: 1030px;
}
#sidebar-under-comic {
margin-right: 210px;
}
.sidebar-right {
width: 230px;
}

/*
#page #header,
#page #menubar-wrapper,
#page #subcontent-wrapper,
#page #footer, 
#page #comic-head, 
#page #comic-foot {
width: 1030px;
}
*/

#humortext {
	float: right;
	text-align: right;
	border: solid 1px #DDDDCC;
	background-color: #FFFFEE;
	padding: 2px;
	margin-right: 15px;
	margin-bottom: 15px;
	/*margin-left: 150px;*/
	display: inline-block;
	clear: both;
}

/* This makes sure that the element directly after the #humortext is placed below and not to the side. */
#humortext+* {
    clear: both;
}

#reference {
	float: left;
	width: 800px;
	text-align: left;
	border: solid 1px #CCCCDD;
	background-color: #EEEEFF;
	padding: 7px;
	margin-left: 25px;
	margin-bottom: 10px;
	display: inline-block;
	clear: both;
}

.notice {
	line-height: 2.0em;
	width: 800px;
	text-align: left;
	border: solid 1px #DDCCCC;
	background-color: #FFEEEE;
	padding: 7px;
	margin-left: 25px;
	margin-bottom: 10px;
	display: inline-block;
	clear: both;

}

p {
	Margin-top:1px;
	Margin-Bottom: 1px;
	padding: 0px
}

.post-content {
	border: 1px solid #887;
}

.entry {
	text-indent: 25px;
}


.post-info {
	background-color: #CCCCBB;
	padding: 3px;
}

.comment-link {
	font-size: 11px;
}


.NoIndent {
	text-indent: 0px;
}

.JustRight {
	text-align: right;
}

.FadeText {
	color: #555555;
}

h3 {
	margin-top: 9px;
}

.facebook-like {
	margin-top: 15px;
}

/* wallpaper and extras */

div.WPPreview
{
  margin: 2px;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	
div.WPPreview img
{
  display: inline;
  margin: 3px;
}

div.WPDL
{
  text-align: center;
  font-weight: normal;
  width: auto;
  margin: 2px;
  font-size: 80%;
}

.CharacterIDBox td
{
	border: 1px solid black;
	text-indent: 0px;
}

table.CharacterIDBox
{
	width: 570px;
	border-collapse:collapse;
}

.CharacterIDBox th
{
	text-align:left;
	vertical-align:bottom;
}


.CharacterIDBox img
{
	padding: 15px 2px 2px;
	float: right;
}

td.CIDText
{
	text-indent: 25px;
}

/*
Link page content from here on out
*/

body.page-id-links .post-content {
	width: 800px;
}

#LinkPreview{position:relative;}
#LinkPreview li{margin:0;padding:0;list-style:none;}
#LinkPreview li, #LinkPreview a{height:200px;width:300px;display:block;}

#TwoGAG {background:url('http://maytiacomic.com/Links/TwoGAG.png') 0 0;}
#TwoGAG a:hover {background: url('http://maytiacomic.com/Links/TwoGAG.png') 0 -200px;}

#Academicon {background:url('http://maytiacomic.com/Links/Academicon.png') 0 0;}
#Academicon a:hover {background: url('http://maytiacomic.com/Links/Academicon.png') 0 -200px;}

#AtomicLaundromat {background:url('http://maytiacomic.com/Links/AtomicLaundromat.png') 0 0;}
#AtomicLaundromat a:hover {background: url('http://maytiacomic.com/Links/AtomicLaundromat.png') 0 -200px;}

#AwkwardZombie {background:url('http://maytiacomic.com/Links/AwkwardZombie.png') 0 0;}
#AwkwardZombie a:hover {background: url('http://maytiacomic.com/Links/AwkwardZombie.png') 0 -200px;}

#BeaverSteve {background:url('http://maytiacomic.com/Links/BeaverSteve.png') 0 0;}
#BeaverSteve a:hover {background: url('http://maytiacomic.com/Links/BeaverSteve.png') 0 -200px;}

#Blastwave {background:url('http://maytiacomic.com/Links/Blastwave.png') 0 0;}
#Blastwave a:hover {background: url('http://maytiacomic.com/Links/Blastwave.png') 0 -200px;}

#BlitzPheonix {background:url('http://maytiacomic.com/Links/BlitzPheonix.png') 0 0;}
#BlitzPheonix a:hover {background: url('http://maytiacomic.com/Links/BlitzPheonix.png') 0 -200px;}

#BookofBiff {background:url('http://maytiacomic.com/Links/BookofBiff.png') 0 0;}
#BookofBiff a:hover {background: url('http://maytiacomic.com/Links/BookofBiff.png') 0 -200px;}

#BrawlintheFamily {background:url('http://maytiacomic.com/Links/BrawlintheFamily.png') 0 0;}
#BrawlintheFamily a:hover {background: url('http://maytiacomic.com/Links/BrawlintheFamily.png') 0 -200px;}

#Bruno {background:url('http://maytiacomic.com/Links/Bruno.png') 0 0;}
#Bruno a:hover {background: url('http://maytiacomic.com/Links/Bruno.png') 0 -200px;}

#Bully {background:url('http://maytiacomic.com/Links/Bully.png') 0 0;}
#Bully a:hover {background: url('http://maytiacomic.com/Links/Bully.png') 0 -200px;}

#Catbeard {background:url('http://maytiacomic.com/Links/Catbeard.png') 0 0;}
#Catbeard a:hover {background: url('http://maytiacomic.com/Links/Catbeard.png') 0 -200px;}

#CharlesC {background:url('http://maytiacomic.com/Links/CharlesC.png') 0 0;}
#CharlesC a:hover {background: url('http://maytiacomic.com/Links/CharlesC.png') 0 -200px;}

#Concerned {background:url('http://maytiacomic.com/Links/Concerned.png') 0 0;}
#Concerned a:hover {background: url('http://maytiacomic.com/Links/Concerned.png') 0 -200px;}

#Curtailed {background:url('http://maytiacomic.com/Links/Curtailed.png') 0 0;}
#Curtailed a:hover {background: url('http://maytiacomic.com/Links/Curtailed.png') 0 -200px;}

#Cwen {background:url('http://maytiacomic.com/Links/Cwen.png') 0 0;}
#Cwen a:hover {background: url('http://maytiacomic.com/Links/Cwen.png') 0 -200px;}

#DawnOfTime {background:url('http://maytiacomic.com/Links/DawnOfTime.png') 0 0;}
#DawnOfTime a:hover {background: url('http://maytiacomic.com/Links/DawnOfTime.png') 0 -200px;}

#Dinosaur {background:url('http://maytiacomic.com/Links/Dinosaur.png') 0 0;}
#Dinosaur a:hover {background: url('http://maytiacomic.com/Links/Dinosaur.png') 0 -200px;}

#Dresdon {background:url('http://maytiacomic.com/Links/Dresdon.png') 0 0;}
#Dresdon a:hover {background: url('http://maytiacomic.com/Links/Dresdon.png') 0 -200px;}

#DrMcNinja {background:url('http://maytiacomic.com/Links/DrMcNinja.png') 0 0;}
#DrMcNinja a:hover {background: url('http://maytiacomic.com/Links/DrMcNinja.png') 0 -200px;}

#EarsForElves {background:url('http://maytiacomic.com/Links/EarsForElves.png') 0 0;}
#EarsForElves a:hover {background: url('http://maytiacomic.com/Links/EarsForElves.png') 0 -200px;}

#Earthsong {background:url('http://maytiacomic.com/Links/Earthsong.png') 0 0;}
#Earthsong a:hover {background: url('http://maytiacomic.com/Links/Earthsong.png') 0 -200px;}

#Exiern {background:url('http://maytiacomic.com/Links/Exiern.png') 0 0;}
#Exiern a:hover {background: url('http://maytiacomic.com/Links/Exiern.png') 0 -200px;}

#FuzzyFive {background:url('http://maytiacomic.com/Links/FuzzyFive.png') 0 0;}
#FuzzyFive a:hover {background: url('http://maytiacomic.com/Links/FuzzyFive.png') 0 -200px;}

#Gaia {background:url('http://maytiacomic.com/Links/Gaia.png') 0 0;}
#Gaia a:hover {background: url('http://maytiacomic.com/Links/Gaia.png') 0 -200px;}

#GamerCat {background:url('http://maytiacomic.com/Links/GamerCat.png') 0 0;}
#GamerCat a:hover {background: url('http://maytiacomic.com/Links/GamerCat.png') 0 -200px;}

#Gastrophobia {background:url('http://maytiacomic.com/Links/Gastrophobia.png') 0 0;}
#Gastrophobia a:hover {background: url('http://maytiacomic.com/Links/Gastrophobia.png') 0 -200px;}

#HeroInTraining {background:url('http://maytiacomic.com/Links/HeroInTraining.png') 0 0;}
#HeroInTraining a:hover {background: url('http://maytiacomic.com/Links/HeroInTraining.png') 0 -200px;}

#InscribingArdi {background:url('http://maytiacomic.com/Links/InscribingArdi.png') 0 0;}
#InscribingArdi a:hover {background: url('http://maytiacomic.com/Links/InscribingArdi.png') 0 -200px;}

#Jeanie {background:url('http://maytiacomic.com/Links/Jeanie.png') 0 0;}
#Jeanie a:hover {background: url('http://maytiacomic.com/Links/Jeanie.png') 0 -200px;}

#LoadingArtist {background:url('http://maytiacomic.com/Links/LoadingArtist.png') 0 0;}
#LoadingArtist a:hover {background: url('http://maytiacomic.com/Links/LoadingArtist.png') 0 -200px;}

#ManlyGuys {background:url('http://maytiacomic.com/Links/ManlyGuys.png') 0 0;}
#ManlyGuys a:hover {background: url('http://maytiacomic.com/Links/ManlyGuys.png') 0 -200px;}

#MaskedManor {background:url('http://maytiacomic.com/Links/MaskedManor.png') 0 0;}
#MaskedManor a:hover {background: url('http://maytiacomic.com/Links/MaskedManor.png') 0 -200px;}

#Miamaska {background:url('http://maytiacomic.com/Links/Miamaska.png') 0 0;}
#Miamaska a:hover {background: url('http://maytiacomic.com/Links/Miamaska.png') 0 -200px;}

#ModestMedusa {background:url('http://maytiacomic.com/Links/ModestMedusa.png') 0 0;}
#ModestMedusa a:hover {background: url('http://maytiacomic.com/Links/ModestMedusa.png') 0 -200px;}

#NAV {background:url('http://maytiacomic.com/Links/NAV.png') 0 0;}
#NAV a:hover {background: url('http://maytiacomic.com/Links/NAV.png') 0 -200px;}

#Nnewts {background:url('http://maytiacomic.com/Links/Nnewts.png') 0 0;}
#Nnewts a:hover {background: url('http://maytiacomic.com/Links/Nnewts.png') 0 -200px;}

#Nukees {background:url('http://maytiacomic.com/Links/Nukees.png') 0 0;}
#Nukees a:hover {background: url('http://maytiacomic.com/Links/Nukees.png') 0 -200px;}

#OutatHome {background:url('http://maytiacomic.com/Links/OutatHome.png') 0 0;}
#OutatHome a:hover {background: url('http://maytiacomic.com/Links/OutatHome.png') 0 -200px;}

#PVP {background:url('http://maytiacomic.com/Links/PVP.png') 0 0;}
#PVP a:hover {background: url('http://maytiacomic.com/Links/PVP.png') 0 -200px;}

#RealLife {background:url('http://maytiacomic.com/Links/RealLife.png') 0 0;}
#RealLife a:hover {background: url('http://maytiacomic.com/Links/RealLife.png') 0 -200px;}

#RomanticA {background:url('http://maytiacomic.com/Links/RomanticA.png') 0 0;}
#RomanticA a:hover {background: url('http://maytiacomic.com/Links/RomanticA.png') 0 -200px;}

#SandraWoo {background:url('http://maytiacomic.com/Links/SandraWoo.png') 0 0;}
#SandraWoo a:hover {background: url('http://maytiacomic.com/Links/SandraWoo.png') 0 -200px;}

#SD {background:url('http://maytiacomic.com/Links/SD.png') 0 0;}
#SD a:hover {background: url('http://maytiacomic.com/Links/SD.png') 0 -200px;}

#Sluggy {background:url('http://maytiacomic.com/Links/Sluggy.png') 0 0;}
#Sluggy a:hover {background: url('http://maytiacomic.com/Links/Sluggy.png') 0 -200px;}

#TheEnd {background:url('http://maytiacomic.com/Links/TheEnd.png') 0 0;}
#TheEnd a:hover {background: url('http://maytiacomic.com/Links/TheEnd.png') 0 -200px;}

#TOTD {background:url('http://maytiacomic.com/Links/TOTD.png') 0 0;}
#TOTD a:hover {background: url('http://maytiacomic.com/Links/TOTD.png') 0 -200px;}

#Trenches {background:url('http://maytiacomic.com/Links/Trenches.png') 0 0;}
#Trenches a:hover {background: url('http://maytiacomic.com/Links/Trenches.png') 0 -200px;}

#Underling {background:url('http://maytiacomic.com/Links/Underling.png') 0 0;}
#Underling a:hover {background: url('http://maytiacomic.com/Links/Underling.png') 0 -200px;}

#vvh {background:url('http://maytiacomic.com/Links/vvh.png') 0 0;}
#vvh a:hover {background: url('http://maytiacomic.com/Links/vvh.png') 0 -200px;}

#WMomo {background:url('http://maytiacomic.com/Links/WMomo.png') 0 0;}
#WMomo a:hover {background: url('http://maytiacomic.com/Links/WMomo.png') 0 -200px;}

#Wotch {background:url('http://maytiacomic.com/Links/Wotch.png') 0 0;}
#Wotch a:hover {background: url('http://maytiacomic.com/Links/Wotch.png') 0 -200px;}

.UD5W {color: #0000DD; text-align:center; width:171px; height:21px; padding:0px;}
.UD3W {color: #00BB00; text-align:center; width:171px; height:21px; Margin:0px;}
.UD2W {color: #77bb00; text-align:center; width:171px; height:21px;}
.UD1W {color: #999900; text-align:center; width:171px; height:21px;}
.UDRare {color: #CC5500; text-align:center; width:171px; height:21px;}
.UDNone {color: #CC0000; text-align:center; width:171px; height:21px;}