/* Licencing
-------------------------------------------------------------- 
	Preforma CSS Framework
	Common Page Settings
	Copyright (c) 2009, Jan Sládek (jan.sladek@clevis.cz, www.clevis.cz).
	Code licensed under MIT License
	Version: 0.1
	
	Partly based on OOCSS by Nicole Sullivan & Contributers
	Copyright (c) 2009, Nicole Sullivan. All rights reserved.
	Code licensed under the BSD License:
	version: 0.2
	
	Partly based on Bluepring by Shlomi Fish & Contributers
	Copyright (c) 2009, Slomi Fish. All rights reserved.
	
	Partly based on Baseline - a designer framework
	Copyright (C) 2009 Stephane Curzi, ProjetUrbain.com
	Creative Commons Attribution-Share Alike 3.0 License
-------------------------------------------------------------- */

body{ font: 12px/1.5 helvetica,arial,clean,sans-serif; }
select,input,button,textarea { font: 99% arial,helvetica,clean,sans-serif; }
table { font-size: inherit; font:100%; }
pre,code,kbd,samp,tt { font-family: monospace; *font-size: 108%; line-height:100%; }

/* Default spacing
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6,ul,ol,dl,p,blockquote { padding: 10px 0; }
h1,h2,h3,h4,h5,h6,img { padding-bottom: 0px; }
pre { margin: 10px; }
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl, ul h1,ul h2,ul h3, ul h4, ul h5, ul h6, ul p, ul ul, ul ol, ul dl, ol h1,ol h2,ol h3, ol h4, ol h5, ol h6, ol p, ol ul, ol ol, ol dl { padding: 0; }

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { position: relative; font-weight: normal; font-style: normal; line-height: 1.2; }
h1,h2 { line-height: 36px; margin-bottom: 18px; }
h1,h2,h3,h4 { margin-top: 18px; }
h3,h4,h5,h6 { line-height: 18px; }
h1,.h1 { font-size: 36px; top: 5px; }
h2,.h2 { font-size: 28px; top: 8px; }
h3,.h3 { font-size: 22px; top: 1px; color: #DF2B72; }
h4,.h4 { font-size: 18px; top: 2px; color: #333; }
h5,.h5 { font-size: 15px; top: 4px; font-weight: bold; color: #333; }
h6,.h6 { font-size: 13px; top: 5px; font-style: italic; color: #333; }

h1 img,h2 img,h3 img,h4 img,h5 img,h6 img { margin: 0; }

h1:first-child,h2:first-child,h3:first-child,h4:first-child { margin-top: 0; }

/* Text elements
-------------------------------------------------------------- */

b,strong,th,thead,dt,legend { font-weight: bold; }
caption,cite,dfn,em,i { font-style: italic; }
code,kbd,samp,pre,tt,var { font-family: mono-space, monospace; }

p { word-spacing: 0.125em; hyphenate: auto; hyphenate-lines: 3; }
p+p { text-indent: 1.5em; }
p+p.no-indent { text-indent: 0; }

del	{ text-decoration: line-through; }
mark { background: rgba(255, 255, 0, 0.4); padding: 0 .25em; }
ins	{ color: #f00; }
small,sup,sub { font-size: 10px; }
big { font-size: 15px; line-height: 12px; }
abbr,acronym { font-size: 12px; text-transform: uppercase; letter-spacing: .1em; }
abbr[title],acronym[title],dfn[title] { border-bottom: 1px dotted black; cursor: help; }
sup,sub	{ line-height: 0; }
sup { vertical-align: super; }
sub	{ vertical-align: sub; }
blockquote { padding: 1.5em; color: #666; font-style: italic; }

p,pre,address { font-size: 13px; line-height: 18px; position: relative; top: 5px; }
p img { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

abbr,code,kbd,samp,small,var { line-height: 15px; }
ul,ol,dl,dialog { font-size: 13px; line-height: 18px; position: relative; top: 5px; margin-top: 18px; margin-bottom: 18px; }

abbr, acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }

pre,code { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

/* HTML5
-------------------------------------------------------------- */

article,aside,header,hgroup,nav,section,footer { float: left; display: block; }
figure { display: block; }

/* Lists
-------------------------------------------------------------- */

li { margin: .4em 0; }
li ul,li ol { top: 0; margin-top: 0; margin-bottom: 0; }
li h1,li h2,li h3,li h4, li h5, li h6,li p { top: 0; }
ul { list-style: disc outside; }
ol { list-style: decimal outside; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em;}

/* Tables
-------------------------------------------------------------- */

table { font-size: 13px; line-height: 18px; margin: 18px 0; }
th,td { padding: 3px 12px; line-height: 30px; }
th { font-weight: bold; background: rgba(0, 0, 0, 0.2); }
tfoot { font-style: italic; }
caption { background: #eee; }

/* Grids
-------------------------------------------------------------- */

.line,.last-unit { overflow: hidden; _overflow: visible; _zoom: 1; }
.unit { float: left; _zoom: 1; }
.unit-ext {float: right; }
.unit-center {float: left; margin-left: 30%; }
.size1of1 { float: none; width: 100%; }
.size1of2 { width: 45%; margin-right: 5%; }
.size1of3 { width: 33.33333%; }
.size2of3 { width: 66.66666%; }
.size1of4 { width: 25%; }
.size3of4 { width: 75%; }
.size1of5 { width: 20%; }
.size2of5 { width: 40%; }
.size3of5 { width: 60%; }
.size4of5 { width: 80%; }
.last-unit { float: none; _position: relative; _left: -3px; _margin-right: -3px; width: auto; }
/* extending grids to allow a unit that takes the width of its content */
.media { width: auto; }

/* Clear, hidden
-------------------------------------------------------------- */
.clear-before { display: block; height: 1px; width: 100%; clear: both; line-height: 1px; }
.clear:after { content: "."; height: 0; display: block; clear: both; visibility: hidden; zoom: 1; }
.hidden { display: none; }

/* Lines
-------------------------------------------------------------- */

hr { position: relative; height: 4px; margin: 18px 0 14px 0; border: none; background: #ddd; width: 100%; }