﻿@import url(color.css);
@import url(typography.css);

/* Normalizes margin, padding */
/*
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{margin: 0; Padding: 0;}
*/

p {
	margin-top: 1em;
	text-indent: 0em;}
	
/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6	{
	margin-top: 1em;
	font-size: 130%;
	}

h1 { 
	font-size: 2em;}

/* Removes list-style from lists */
ol, ul
{ list-style-type: disc; }

ul li ul li {
	margin-left: -4em;
	padding-left: 0;
	}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, strong, th, var
{ font-style: normal; font-weight: normal; }

/* Removes list-style from lists (does he mean table styles from tables?*/
table
{ border-collapse: collapse; border-spacing: 0; }

/* Removes border from fieldset and img */
fieldset, img
{ border: 0; }

/* Left-aligns text in caption and th */
caption, th
{ text-align: left; }

/* Removes quotation marks from q */
q:before, q:after
{ content :''; }

html {
	text-align: center; }
	
body {
	position: relative;
	width: 770px;
/*	margin: 0 auto; centered everything... changed to below */
	margin-left: 3em;
	text-align: left; }

#kontakt ul, #komment ul { list-style-type: none;
	}

#komment h2 {
	padding-top: 2em;
	}

img {
	float: right;
	margin: 3px;
	}

/*
div#container {
	position: relative;
	width: 100%
	}
*/

div#navigation_primary {
	background-color: #49acff;
/*
	border-color: #000;
	border-style: dotted;
	border-width: .05em;
*/
	position: absolute;
	left: 0;
	width: 27%;
	margin-left: 0;
	margin-right: 0;
	padding-top: 2em;
	padding-bottom: 3em;
	padding-left: .25em;
	padding-right: .25em; }

div#navigation_primary * {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

div#navigation_primary ul {
	margin-left: 1em; }
	
div#content_primary {
	background-color: #ff6;
/*
	border-color: #000;
	border-style: dotted;
	border-width: .05em;
*/
	position: absolute;
	left: 32%;
	width: 75%;
	padding-top: 2em;
	padding-left: 1em;
	padding-right: 2em;
	padding-bottom: 4em;}

table {
	border-collapse: collapse;
	border: 2px solid #630;
	width: 100%;
	background-color: #ff6;
	}
	
th {
	padding: 0.5em;
	text-align: left;
	}

td {
	padding: 0.25em 0.5em;
	}	
	
