/*
Theme Name: Chelsea Baker
Author: Mt Olympia
Author URI: http://mtolympia.com
Description: Responsive Theme
Version: 1.0
*/

/*Layout/Design Elements
*******/

/*Reset CSS*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, .menu, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, .menu, section {display: block;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}

html {
	overflow-y: scroll;
	font-size: 15px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	background: gray;
}

html, body {min-height:100%; }

#wrapper {
	background: white;
	margin: 0 auto;
	max-width: 70em;
}

header {
padding: 2em 0 0 5em;
}

#masthead img {
	max-width: 100%;
}

article {
	margin: 1em 0;
	clear: both;
}



.menu{
	font-size: 1em;
	text-align: left;
	 font-family:  Ammy, "Century Gothic", arial, sans-serif;
	text-transform: uppercase;
}

.menu li {
	position: relative;
	float: left;
	margin-right: 1em;
}

.menu ul ul{
	display: none;
	background: #efefef; 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 .25em;
	border-radius: 10px;  
	list-style: none;
	position: absolute; top: 100%;
	width:10em;
}

.menu ul ul li{
	font-size:.7em;
	clear: both;
	padding: .25em;
}

.menu ul li:hover > ul {
	display: block;
}


li:hover .children{
	display: block;
}

.menu li:hover {
}

#main, footer{
	display: block;
	clear: both;
	margin-top: 3em auto;	
	width:90%;
}

.primary {
margin: 2em auto 1em auto;
}
.postnav {
	font-size: 1.25em;
	text-align: center;
	 font-family:  Ammy, "Century Gothic", arial, sans-serif;
	text-transform: uppercase;
}

.comicsnav {
	font-size: 2em;
	text-align: left;
	 font-family:  Ammy, "Century Gothic", arial, sans-serif;
	text-transform: uppercase;
}

.comicsnav a:hover{
	text-decoration: underline;
}

.comicsnav ul li{
	list-style-type: disc;
}

.content {
	padding:1em 0 1em 1em;
	max-width: 720px;
}
#respond h3{font-size: 1em; }
#respond p, .commentlist p{margin:.25em 0;}

.commentlist {margin-left: 2em;}

.commentlist li {margin:1.3em 0;}
textarea, input{opacity: .3; transition: opacity .5s;transition-timing-function: ease;}
textarea:hover, input:hover {opacity: .9;}

#commentspopup #header {display: none;}

#comments {display:none;}
#commentform textarea{height:2em; width:80%;}
.comment-meta{font-size: .8em !important;}
.reply a {font-size: .7em;}
.postmetadata{clear: both;}
#aside {}

/*Store
******/
.mp_product_name{margin-bottom: .5em;}
.mp_product_meta input{opacity:1;}
.mp_product_meta input:hover,.mp_cart_col_updatecart input[type=submit]:hover,a.mp_cart_direct_checkout_link:hover{opacity:1; transition: all .3s;text-shadow:  0px 0px 20px #ff7800; color: #c70000;}

.mp_button_addcart, .mp_button_buynow, 
.mp_cart_col_updatecart input[type=submit], 
#mp_shipping_submit, #mp_payment_confirm,a.mp_link_addcart, a.mp_link_buynow,a.mp_cart_direct_checkout_link:hover,a.mp_cart_direct_checkout_link

{
text-transform: uppercase!important; 
font-family:  Ammy, "Century Gothic", arial, sans-serif !important;	
font-weight: bold;
font-size: 1.5em;
opacity:1;
}

.mp_cart_col_updatecart input[type=submit]{
	font-size: 1em;
}

table {background: whitesmoke;padding:1em;line-height: 1.3em;}
table textarea,table input {opacity: 1;	}
tfoot{padding: 1em}
tr{padding: .5em;}

footer {
	text-align: center;
	background: url('images/footer.png') repeat-x;
	position: top;
width: 100%;
bottom: 0;
height: 3.7em;
clear: both;
}


.footer-link {
	float: right;
	margin: 4em 1em 0em 0;
}

.footer-link img{
	height:2em;
}

/*Animations
**********/

/* Typography
************/
@font-face { font-family: Minion; src:url('fonts/MinionPro-Regular.otf');}
@font-face { font-family: Ammy; src:url('fonts/AmmysHandwriting.ttf');}

body { font-family: "Minion", "book antiqua", "times new roman", serif; }

a { color:grey; text-decoration: none;transition: all .1s;}
a:visited {color: black;}
a:hover, a:active{text-shadow:  0px 0px 20px #ffbe86; color: #e7b500;}

.content a {
	color:#c70000;
}

h1,h2, h3, h4, #dungeonmenu li a, .comment-author a{
text-transform: uppercase; 
font-family:  Ammy, "Century Gothic", arial, sans-serif;	
}

h1{font-size: 2em; clear: both;}
h2{font-size: 1.75em; clear: both;}
h3 {font-size: 1.75em; clear: both;}
h3 {font-size: 1.5em; clear: both;}
h4 {font-size: 1.25em;margin: 1em 0 0 0; color:#c70000; clear: both; }

	small, code {color:#4d4d4d; font-size: .9em;}
.form-allowed-tags {display: none;}
#reply-title {font-size: 1em;}
p {margin: 1em 0; text-indent: 1em;}

/*Images
********/

.aligncenter, .alignleft, .alignright {
	display: block;
	margin: 1em auto;
}
img.aligncenter{clear: both !important;}
.content img,
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; 
	}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Images */

.entry-content img,
img.header-image,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius: 3px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 1);
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	color: #757575;
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content dl.gallery-item {
	margin: 0;
}
.gallery-item a,
.gallery-caption {
	width: 90%;
}
.gallery-item a {
	display: block;
}
.gallery-caption a {
	display: inline;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
}
.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}



@media screen and (min-width: 480px) {
html {
	background-position: left -2em, center center;
}

header {padding: 1em 0 0 5em;}

.alignleft {
	float: left;
	margin: 1em 1em 1em 0;
}
.alignright {
	float: right;
	margin: 1em 0 1em 1em;
}
}

@media screen and (min-width: 600px) {

header {padding: 2em 0 2.5em 5em;}

.content img {margin: 1em;}
.alignleft {float:left;}
.alignright {float:right;}
.attachment-post-thumbnail {width:15em;}

#wrapper{
	width:80%;
}



}

@media screen and (min-width: 960px) {
.menu{
	font-size: 2em;
	padding: .5em 0 0 0;
	}
	
	header {
border-bottom: 7px solid black;
}
	#main, footer{
	width:70%;
}
@media screen and (min-width:1400px) {

}