/*
Theme Name: Kartais.lt 2009
Theme URI: http://kartais.lt/
Description: Oficiali Karolio Grinkaus tinklaraščio apie dizainą <a href="http://kartais.lt/">KARTAIS</a> tema.
Version: 1.0
Author: Karolis Grinkus
Author URI: http://kartais.lt/apie-autoriu/
*/



@charset "utf-8";
/* CSS Document */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
a img { border: none; }

html { background: url(images/background.jpg); width:100%; height:100%; }
body {
	line-height: 18px;
	width: 960px;
	margin: 0 auto;
	}
html, body { font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height:18px; }
img#logotype { margin-left: -10px; }
#header-background {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 200px;
	background: url(images/header-background.jpg) repeat-x;
	z-index: -1;
	}
#menu {
	margin-left: 200px;
	margin-top: -175px;
	margin-bottom: -4em;
	}
#menu li {
	list-style: none;
	margin-top: -33px;
	}
#menu li a {
	display: inline-block;
	width: 303px;
	height: 66px;
	}

a#apie-autoriu { background: url(images/menu.png) 0 417px; }
a#apie-autoriu.active { background-position:0 616px; }
a#apie-autoriu:hover { background-position:0 207px; }
a#apie-autoriu.active:hover { background-position:0 616px; }
a#archyvas { background: url(images/menu.png) 0 351px; }
a#archyvas.active { background-position:0 550px; }
a#archyvas:hover { background-position:0 141px; }
a#archyvas.active:hover { background-position:0 550px; }
a#kontaktai{ background: url(images/menu.png) 0 285px; }
a#kontaktai.active { background-position:0 484px; }
a#kontaktai:hover { background-position:0 75px; }
a#kontaktai.active:hover { background-position: 0 484px; }

h1,h2,p { width: 460px; line-height: 18px; margin-left: 240px; }
p { font-family:Georgia, "Times New Roman", Times, serif; text-align:justify; margin-bottom: 1em; }
p span.first-line { text-transform:uppercase; font-size:10px; }
p:first-letter { font-size: 14px; }
h1 { font-size: 16px; text-transform:uppercase; margin-bottom:3px; margin-top:8em; }
h1:first-letter { font-size: 24px; }
h2 { font-size: 10px; text-transform:uppercase; border-bottom:1px solid #000; padding-bottom: 15px; margin-bottom: 36px; }
h1 span, h2 span { font-size: 10px; text-transform:uppercase; float: right; margin-top: -18px; color:#666; }
h1 span:hover, h2 span:hover { color: #000; }
h1 span { margin-top: -15px; }
h1 a { color: #000; text-decoration:none; }
h1 a:hover { text-decoration:underline; }
h2 a { color: #000; text-decoration:none; }
h2 a:hover { color: #00e; text-decoration:underline; }
#footer { padding-top: 200px; height:161px; padding-bottom: 20px; display: block; }
#footer h1 { text-transform:uppercase; font-size:16px; float:left; margin-top:4em; }
#footer h1:first-letter { font-size: 16px; }
#footer h2 { text-transform:uppercase; font-size:10px; float:left; border:0; }

abbr { border-bottom:1px dotted #000; }
em { font-style:italic; }

img.content {
	padding: 9px;
	border: 1px solid #666;
	margin-left: 240px;
	background: #FFF;
	margin-bottom: 2em;
	}
ul {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-left: 240px;
	margin-bottom: 1em;
	}

p.previouspost, p.nextpost { width:160px; height:30px; display:block; position:relative; margin-bottom:-35px; top:128px; line-height:18px; font-size:10px; text-transform:uppercase; padding-top:5px; text-align:left; color:#666; }
p.previouspost:first-letter, p.nextpost:first-letter { font-size: 10px; }
p.previouspost { background:url(images/previous-post.png) no-repeat; left:-230px; padding-left:60px; }
p.nextpost { background:url(images/next-post.png) no-repeat; left:480px; padding-right:60px; }
p.previouspost:hover, p.nextpost:hover { background-position:0 -47px; }
p.previouspost a, p.nextpost a { color:#666; text-decoration:none; }
p.previouspost a:hover, p.nextpost a:hover { color:#000; text-decoration:underline; }

#maintainance { margin-left:-36px; }
h1.maintainance { margin-top:-5em; }