/*
Theme Name: Arcana Chronicles
Theme URI: http://atomiccherry.com/
Description: Custom theme framework
Author: Atomic Cherry Design
Author URI: http://atomiccherry.com/
Version: 1.0
Tags: html5, two-columns, fixed-width, threaded-comments, sticky-post, microformats, editor-style, custom-menu (optional), html5 boilerplate
*/

@import url('assets/css/styles.css');


/* Mobile styles 
--------------------------------------------- */

@media handheld {

	* { float: none; }
	
	html, body {
		font: 12px/15px sans-serif;
		padding: 3px;
		margin: 0;
		background: #fff;
		color: #000;
		}
		
	h1, h2, h3, h4, h5, h6 { 
		font-weight: normal; 
		}

	img { 
		max-width: 250px; 
		}
		
	div {
  		clear:both!important;
  		display:block!important;
  		width:100%!important;
  		float:none!important;
  		margin:0!important;
  		padding:0!important;
		}
		
	#menu,#menu li {
		float:none!important;
		clear:both!important;
		margin:0 0 20px 0!important;
		display:block;
		padding:0;
		text-align:left!important;
		width:100%;
		}
	#menu {
		border:1px solid #ccc;
		padding:5px;
		-webkit-border-radius:5px;
		}
	#menu li {
		margin:0!important;
		}
	#menu li a {
		display:block;
		}
		
	a:link, a:visited {
		text-decoration: underline;
		color: #0000CC;
		}

	a:hover, a:active {
		text-decoration: underline;
		color: #660066;
		}
	
	#footer { 
		display: none; 
		}

} /* end media handheld */



/* Print styles 
-------------------------------------------------------- */
@media print {
 	* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
	body, html { background: none; position: static; }
	body {
		width:100% !important;
		margin:0 !important;
		padding:0 !important;
		line-height: 1.4;
		word-spacing:1.1pt;
		letter-spacing:0.2pt; 
		font-family: Garamond,"Times New Roman", serif; 
		color: #000; 
		background: none; 
		font-size: 12pt;
		}
	h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif; }
	h1{ font-size:19pt; }
	h2{ font-size:17pt; }
	h3{ font-size:15pt; }
	h4, h5, h6{ font-size:12pt; }	
	p, h2, h3 { orphans: 3; widows: 3; }
  	h2, h3{ page-break-after: avoid; }
	a { text-decoration: underline; color: #000; }
	a img { border: none; }
	img { display: block; float: left; margin: 1em 1.5em 1.5em 0; max-width: 100%; }
	code { font: 10pt Courier, monospace; } 
	blockquote { margin: 1.3em; padding: 1em;  font-size: 10pt; }
	hr { background-color: #ccc; }

	a:link, a:visited { background: transparent; font-weight: 700; text-decoration: underline;color:#333; }
	a:link[href^="http://"]:after, a[href^="http://"]:visited:after { content: " (" attr(href) ") "; font-size: 90%; }
	a[href^="http://"] { color:#000; }
	
	table { margin: 1px; text-align:left; }
	th { border-bottom: 1px solid #333;  font-weight: bold; }
	td { border-bottom: 1px solid #333; }
	th,td { padding: 4px 10px 4px 0; }
	tfoot { font-style: italic; }
	caption { background: #fff; margin-bottom:2em; text-align:left; }
	thead {display: table-header-group;}
	tr {page-break-inside: avoid;}

	#header-container, #featured-container, #menu-container, #footer-container,
	#breadcrumbs, #sidebar, #copyright,
	#header, #menu, #footer, #nav,
	header, nav, footer { display: none; }
		
	.share { display: none; }
	.top { display: none; }	
	#meta { display: none; }

} /* end print */

