/* Projekts: FANEKS * Developer: SIA X IT, GRENO * Coding: X IT * * Location: system/application/views/css * Stylesheet: Lapas izkārtojuma stili * Versija: 0.5 * Datums: 06.11.2009. * * * * Fails definē lapas pamatizkārtojuma blokus un galvenos vizuālos stilus * */
/* ================================================================================ */
/* 1 - vispārīgie elementu stili */
body {
	margin: 0;
	padding: 0;
	background: #FFF;
	font: normal 62.7% / 1.4em sans-serif;
	color: #444;
}
a {
	color: #BF1035;
	text-decoration: underline;
}
a:hover, a:active {
	text-decoration: underline;
}
div.clearer {
	clear: both;
}
table {
}
table td {
	vertical-align: top;
}
/* ================================================================================ */
/* 2 - Lapas bloku izkārtojums */
/* lapas ārējais konteiners --------------------------------------------- */
#cont {
	padding: 0 0 0 0;
	margin: 0 auto;
	border: 0px dotted red;
}
.wrapper {
	width: 980px;
	margin: 0 auto;
	border: 0px dotted blue;
	position: relative;
}
/* Logo josla ---------------------------------------------------------- */
#header {
	position: relative;
}
#top {
	margin: 0;
	height: 60px;
	background: #BA1034 url(../img/top.png) 50% 0 no-repeat;
	position: relative;
}
#logo {
	position: absolute;
	top: 10px;
	left: 30px;
	width: 415px;
	height: 73px;
	border: 0px solid #ccc;
}
/* Valodu izvēlne ------------------------------------------------ */
#langs {
	position: absolute;
	top: -40px;
	right: 0;
	padding: 0;
	margin: 0;
	width: 100px;
	height: 20px;
	border: 0px dotted red;
}
#langs li {
	float: left;
	padding: 2px 4px;
	margin: 0 0.5em 0 0;
	list-style: none;
	font: normal 10px sans-serif;
	text-transform: uppercase;
}
#langs a {
	color: #666;
	padding: 0;
	text-decoration: none;
}
#langs a:hover {
	text-decoration: underline;
}
#langs .current {
	font-weight: bolder;
	padding: 2px 5px;
}
#langs a.current {
	color: #BA1034;
}
/* Izvēlnes josla ------------------------------------------------------ */
#menu {
	margin: 50px 0 0 380px;
	padding: 0 0 0 0;
	height: 30px;
	color: #666;
	font: normal 13px/1.2em sans-serif;
	border: 0px dotted red;
}
#menu li {
	float: left;
	list-style: none;
	height: 1em;
	padding: 0 2.4em 0 0;
	border: 0px dotted green;
}
#menu a {
	color: #666;
	text-decoration: none;
}
#menu a:hover {
	text-decoration: underline;
}
#menu li.current a {
	color: #BA1034;
}
/* Kolonnu karkass ----------------------------------------------------------------------- */
#kol_karkass {
	font: normal 13px/1.8em sans-serif;
	margin: 0 auto;
	padding: 40px 0 0 0;
	border: 0px dotted lime;
}
/**/
#submenu {
	float: left;
	border: none;
	width: 380px;
	min-height: 20px;
}
#submenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font: normal 13px/1.4em sans-serif;
	border: 0px dotted red;
}
#submenu li {
	padding: 0 0 0 50px;
	margin: 0 50px 1em 40px;
	border: 0px dotted green;
}
#submenu li.current {
	background: url(../img/menu_bullet.png) no-repeat;
}
#submenu a, #submenu li.current li a {
	text-decoration: none;
	color: #666;
}
#submenu a:hover {
	text-decoration: underline;
}
#submenu .current a, #submenu .current .current a {
	color: #BA1034;
}
#submenu li ul {
	display: none;
	margin: 10px 0 0 0;
}
#submenu li.current ul {
	display: block;
}
#submenu li li {
	padding: 0 0 0 40px;
	margin: 0 0 1em 0;
	border: 0px dotted green;
}
/* Satura kolonna ------------------------------------------------------------------------ */
#saturs {
	float: left;
	width: 590px;
	margin: 0;
	padding: 0;
	font: normal 14px/1.6em sans-serif;
	border: 0px dotted lime;
}
/* Content ilustration images */
img.ilustration {
	float: right;
	margin: 0 0 10px 20px;
}
/* Apakšējā josla ------------------------------------------------------------------------- */
#apaksa {
	width: 920px;
	margin: 30px auto 0 auto;
	padding: 20px 0 0 0;
	font: normal 11px/1.6em sans-serif;
	clear: both;
	color: #666;
	border-top: 1px solid #ccc;
}
#apaksa a, #apaksa a:hover {
	text-decoration: underline;
}
#apaksa div.terms {
	padding: 0 0 40px 10px;
	border-top: 0px solid #B1A49B;
}
/* ================================================================================ */
/* 3 - Typography */
h1, h2 {
	margin: 0 0 0.6em 0;
	padding: 0;
	font: normal 21px/1.5em serif;
	text-transform: uppercase;
	color: #BA1034;
	border-bottom: 1px solid #BA1034;
}
h3 {
	margin: 2em 0 0.2em 0;
	padding: 0;
	font: bold 14px / 1.5em serif;
	text-transform: uppercase;
	color: #BA1034;
}
#sani h3 {
	width: 195px;
	background: url(../img/sani.png) no-repeat;
	padding: 12px 0 15px 16px;
	font: normal 16px/1em serif;
	color: #3D1C05;
	position: relative;
	left: 10px;
}
/* paragraph */
#saturs p {
	margin: 0 0 1em 0;
}
#xit {
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 36px;
	height: 14px;
	overflow: hidden;
}
#xit span {
	font: normal 0.7em sans-serif;
	padding: 14px 0 0 0;
}
