@charset "utf-8";

/**
 * "framework7" - A CSS structure and development enviroment.
 *
 * this css-file contains only layout-definitions.
 *
 * TOC:
 * standard types
 * layout containers
 * content classes
 *
 * @author 			Matthias Arncnik
 * @copyright 		Copyright 2007, Matthias Arncnik
 * @date 			2008-02-11
 * @lastmodified 	2008-02-11
 *
 * @package 		framework7
 * @subpackage 		storm
 *
 * @version 		3.0.4
 *
 * @media 			all, print
 * @site 			storm
 * @style 			default
 */
 
@media all {
	/**
	 * @section standard types
	 */
	/* structure */
	body, head, html, title {}

	/* text */
	abbr, acronym, address, blockquote, br, cite, code, dfn, div, em, h1, h2, h3, h4, h5, h6, kbd, p, pre, q, samp, span, strong, var {}

	h1 {padding-bottom: 0.5em;}
	h2 {padding-bottom: 0.25em;}
	h3 {padding-bottom: 0.25em;}
	h4 {padding-bottom: 0.25em;}
	h5 {padding-bottom: 0.25em;}
	h6 {padding-bottom: 0.25em;}
	
	div.window-pane-header h1 {margin-left: 9px; padding-bottom: 0.25em;}
	div.content-pane-header h2 {padding: 0;}
	
	p {padding-bottom: 1.5em;}

	/* hypertext */
	a {}
	
	/* list */
	dl, dt, dd, ol, ul, li {}

	ul {
		padding-left: 1.75em;
		padding-bottom: 1.5em;
	}
	
	ol {
		padding-left: 2.25em;
		padding-bottom: 1.5em;
	}
	
	li {
		line-height: 1.25em;
		padding-bottom: 0.5em;
	}

	/* object */
	object, param {}
	
	/* presentation */
	b, big, hr, i, small, sub, sup, tt {}

	/* forms */
	button, fieldset, form, input, label, legend, select, optgroup, option, textarea {}
	
	/* table */
	caption, col, colgroup, table, tbody, td, tfoot, th, thead, tr {}

	/* image */
	img {}
	
	/**
	 * @section layout
	 */
	div#page {width: 920px; margin: 0 auto;}
	div#page-content {}
	
	div#page-header {
		clear: both;
		position: relative;
	}
	div#page-body {
		clear: both;
		width: auto;
	}
	div#page-footer {
		clear:both;
		display:block;
	}
	
	/**
	 * @section navigation
	 */
	div.window-pane-header dl.navigation,
	div.window-pane-footer dl.navigation {
		margin-left: 9px;
	}
	 
	/**
	 * @section content
	 */
	.info,
	.warning,
	.error {
		margin-top: 10px;
		padding: 10px 0 10px 50px;
		border-bottom-style: dashed;
		border-bottom-width: 1px;
		border-top-style: dashed;
		border-top-width: 1px;
	}
	.info ul,
	.warning ul,
	.error ul {
		padding-bottom: 0;
	}
	
	img.icon {vertical-align: middle; padding: 0 5px;}
	
}

@media print {
	/**
	 * @section standard types
	 */
	body {margin: 0; padding: 0; border-style: none;}
	h1, h2, h3, h4, h5, h6 {page-break-after: avoid;}
	
	/**
	 * @section layout
	 */
	div#page, div#page-content, div#page-body {margin: 0; padding: 0; border-style: none;}
	div#page, div#page-content {width: 100%!important; min-width: inherit; max-width: none;}
	div#page-header {height: auto;}
	div#page-footer {display: none;}
}