@import 'forms.css';

body {
	background:#fff;

	padding:0;
	margin:0;

	color:#000;	
	font-family:Arial;
	font-size:70%;
}

#container {
	margin:0 auto;
	width:952px;
	position:relative;
}

#container #leaf {
	background:transparent url('img/leaf.png') 0 0 no-repeat;
	width:354px;
	height:232px;
	display:block;
	position:absolute;
	top:0;
	left:-135px;
	z-index:0;
}

h1, h2, h3 {
	line-height:normal;
	margin:0;
	padding:0;
	font-family:Georgia;
}

a, a:link, a:active, a:visited {
	text-decoration:underline;	
}

p {
	margin:0;
	padding:0;
	margin-bottom:25px;
	line-height:20px;
	text-align:justify;
}

a.big-link {
	font-size:2em;
	font-weight:bold;
	font-family:Georgia;
	text-decoration:none;
}

h2.title {
	padding:0;
	line-height:43px;
	height:43px;
	text-indent:20px;
	font-family:Georgia;
	font-size:2em;
	border-top:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	
	background:#f5f5f5 url('img/bg.png');
}

h2.top-title {
	display:block;
	padding:0;
	height:33px;
	line-height:23px;
	border-bottom:1px solid #dbdbdb;
	border-top:none;
	
	background:#f5f5f5 url('img/bg.png');
}

/*
	blocks with submenu
	headings have no border
	at their bottoms
*/



h2#submenu {
	border-bottom:none;
}

#submenu a.title{
color:black;
text-decoration:none;
}


h2 span {
	
}

h2 span.separator {
	color:#dbdbdb;
}

/* NEXT button in list */
h2 span.next {
  position: absolute;
	right: 20px;
}

h2 .next a.next, a.next:visited{  
	color:#585858;
  text-decoration:none;
}

h2 .next a.next:hover  {
	color:#000;  
	}

#logout-link {
	position:absolute;
	top:20px;
	right:20px;
}
/*   */

br.clear {
	clear:both;
}


/*
	sliding doors
	for rounded corners and scalability
*/

.left-door {
	padding:0;
	margin:0;	
	height:10px;
	width:10px;
}

.right-door {
	padding:0;
	margin:0;
	height:10px;
	width:100%;
}

.top-right-door {
	background:transparent url('img/corner_top_right.png') right top no-repeat;	
}

.top-left-door {
	background:white url('img/corner_top_left.png') left top no-repeat;
}

/*
	corner on the leaf
*/
.special-corner .top-left-door {
	background:#f6f6f6 url('img/corner_top_left.png') left top no-repeat;
}

.bottom-right-door {
	background:transparent url('img/corner_bottom_right.png') right bottom no-repeat;
	position:absolute;	
	bottom:-10px;
	right:0;
}

.bottom-left-door {
	background:transparent url('img/corner_bottom_left.png') left bottom no-repeat;
	position:absolute;	
	bottom:0;
	left:0;
}

#left-column .content,
#right-column .content,
#center-column .content{
	border-left:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	height:100%;
	background:white;
}

div {
	/*border:1px solid red;*/
}

.padding {
	padding:20px;
}
/*
	3 stulpeliu layoutas
*/
.three-cols {
	
}

.three-cols #main-wrap {
	width:674px;
	position:relative;
	float:left;
}


.three-cols #left-column {
	width:275px;
	position:relative;
	float:left;
}

.three-cols #center-column {
	width:375px;
	position:relative;
	float:right;
	margin-left:10px;
	margin-right:10px;
}

.three-cols #right-column {
	width:275px;
	position:relative;
	float:right;
}

/*
	2 stulpeliu layoutas
*/

.two-cols {
	
}

.two-cols  #left-column {
	width:665px;
	position:relative;
	float:left;	
}

.two-cols #right-column {
	width:275px;
	position:relative;
	float:right;	
}

/*
 header
*/

h1#logo {
	height:37px;
	width:179px;
	left:20px;
	top:52px;
	
	background:transparent;
	background-repeat:no-repeat;
	background-position:0;
	
	position:absolute;
	z-index:100;
}

h1#logo a {
	height:37px;
	width:179px;
	display:block;
}

p.phrase {
	left:65px;
	text-align:left;
	position:absolute;
	top:95px;
	line-height:12px;
}

h1#logo span {
	display:none;
}

#header {
	padding-top:15px;
	height:110px;
	position:relative;
}

#content {
}

#header #left-side {
	z-index:100;
	float:left;
	width:275px;
	padding:0;
	overflow:visible;
}

#header #right-side {
	float:right;
	width:660px;
}

#header #main-menu {
	position:absolute;
	right:0px;
	top:40px; /* 46px */
	width:100%;
}
#header #main-menu ul {
	float:right;
	margin:0;
	margin-right:20px;
	padding:0;
	list-style:none;
	margin-top:15px;
}

#header #main-menu ul li {
	margin:0;
	padding:0;
	float:left;
	font-size:2em;
	font-family:Georgia;
	font-weight:bold;
	padding:0 49px;
	background:transparent url('img/skirtukas.png') 100% 50% no-repeat;
}

#header #main-menu ul li a {
	line-height:2.5em;
	height:50px;
	display:block;
	background:transparent;
	background-repeat:no-repeat;
	background-position:0 0;
}

#header #main-menu ul li a span {
	display:none;
}

#header #main-menu ul li.first {
	padding-left:0;
}

#header #main-menu ul li.last {
	padding-right:0;
	background:none;
}

#header .links {
	float:right;
	margin-top:5px;
}

#header #search {
	float:left;
}

#header #search .text-input {
	margin-right:5px;
	width:130px;
	color:#7d7d7d;
	float:left;
	margin-top:0;
}

#header #search .text-input:focus {
	color:black;
}


#search-button {
	float:left;
  width: 24px;
  height: 24px;
  margin: 0;
  margin-left:3px;
  margin-top:1px;
  display:inline;
  padding: 0;
  border: 0;
  font-size:0.1em;
  background: transparent url('img/search_button.png') no-repeat center bottom;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
}

/*
 footer
*/

#footer {
	margin-top:20px;
	height:30px;
}

#footer #copyright {
	float:left;
	padding-left:20px;
	color:#929292;
}

#footer .links {
	float:right;
}



.links ul {
	margin:0;
	padding:0;
}

.links ul li {
	margin:0 20px;
	padding:0;
	display:inline;
	list-style:none;
}

.links ul li.first {
	margin-left:0;
}

.submenu {
	margin:0;
	padding:0;
	list-style:none;
	background:#f5f5f5;
	width:100%;
	height:26px;
	background:transparent url('img/submenu_back.gif') 0 0 repeat-x;
}

.submenu li {
	list-style:none;
	float:left;
	height:26px;
	background:transparent url('img/submenu_back.gif') 0 0 repeat-x;
}

.submenu li.active {
	background:transparent url('img/cibukas.png') 50% 100% no-repeat;
}

.submenu li a,
.submenu li a:visited {
	color:#585858;
	padding:0 15px;
	height:26px;
	display:block;
	text-decoration:none;
}

.submenu li a:hover {
	color:black;
}

.submenu li.first a {
	padding-left:25px;
}


ul.standalone-submenu {
	margin:0;
	padding:0;
	list-style:none;
	background:#f5f5f5;
	width:100%;
	height:46px;
	position:relative;
	border-top:1px solid #DBDBDB;
	background:#F5F5F5 url('img/submenu_back.png') 100% 100% repeat-x;
}

.standalone-submenu li {
	list-style:none;
	float:left;
	height:46px;
	background:#F5F5F5 url('img/submenu_back.png') 0 100% repeat-x;
}

.standalone-submenu li.active {
	background:transparent url('img/cibukas.png') 50% 100% no-repeat;
}

.standalone-submenu li.first a {
	padding-left:25px;
}

.standalone-submenu li a {
	color:#585858;
	padding:0 15px;
	line-height:46px;
	display:block;
	text-decoration:none;
}
.standalone-submenu li a,
.standalone-submenu li a:visited {
	text-decoration:none;
	color:#585858;
}

.standalone-submenu li a:hover {
	color:black;	
}

form {
	margin:0;
	padding:0;
}

button {
	border:0;
	border:none;
	background:transparent;
	overflow:visible;
	white-space:nowrap;
	padding:0;
	cursor:pointer;
}

.rounded {
	height: 24px;
	line-height:24px;
	font-size:11px;
	margin: 0;
	padding: 0;
	border: 0;
	background:url('img/button.png') no-repeat right 0px;
	display:block; /*opera*/

	padding-right:5px;
}

.rounded span {
	background:url('img/button.png') no-repeat left 0px;	
	height:24px;
	line-height:24px;
	padding:0;
	margin:0;
	display:block;
	color:#777777;
	font-size:10px;
	font-weight:bold;
	border:0;
}


/*
	rounded button sizes
*/

#user-login-submit .rounded {
	width:77px;
	text-indent:20px;
}


.text-input {
	border-top:1px solid #808080;
	border-left:1px solid #808080;
	border-bottom:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
	padding:5px;
	color:black;
	font-size:11px;
	background:#fafafa;
}

.text-input:focus {
	color:black;
}

.input-wrap .input-row {
	margin-bottom:15px;
	width:100%;
}

.input-wrap span {
  /*	width:60px;
	 line-height:25px; removed becouse of fb conect @revise*/
	float:left;
}

.input-wrap-login label {
	width:60px;
	line-height:25px;
	float:left;
}

.input-wrap input.text-input {
	float:right;
	width:140px;
}

.input-wrap .button-row {
	margin-top:-5px;
}


.row {
	position:relative;
	margin-bottom:10px;
}
.two-col-row .row-column-left {
	float:left;
	width:50%;
}

.two-col-row .row-column-righ {
	float:right;
	width:50%;
}

#userslogin-links {
	margin-left:74px;
}
#userslogin-links ul li {
	display:block;
	margin:0;
	margin-bottom:10px;
}

#user-login-submit {
	float:left;
	margin-left:73px;
}

.sleeper-list {
	
}

.sleeper-list-item {
	border-bottom:1px solid #dbdbdb;
	width:100%;
}

.sleeper-list div.last {
	border-bottom:none;
}

.sleeper-list-item .thumb {
	float:left;
  width:106px;	
}

.sleeper-list-item .thumb img {
	border:9px solid #f3f3f3;   
}

.sleeper-list-item .info {
	float:right;
	width:210px;
	margin:0;
	margin-left:15px;
	padding:0;
}

.list-row {
	position:relative;
}


table.grave-list {
	border-collapse:collapse;
	margin:0;
	padding:0;
	border:none;
	width:100%;
	z-index:100;
	margin-top:20px;
}

.grave-list-submenu {
	position:absolute;
	width:663px;
}

table.grave-list tr td {
	padding:0;
	margin:0;
	width:220px;
	vertical-align:bottom;
	background:transparent;
}

table.grave-list tr td .padding {
	height:100%;
}

table.grave-list tr td.left {
	border-right:1px solid #dbdbdb;
}

table.grave-list tr td.middle {
	border-right:1px solid #dbdbdb;
}

table.grave-list tr td.right {
}

table.grave-list tr td.empty {
	border:none;
	height:190px;
}


.grave-list .sleeper-list-item .info {
	width:100%;
	margin:0;
	width:100%;
}

.grave-list .sleeper-list-item p {
	text-align:center;
}

.grave-list .sleeper-list-item .thumb {
	width:100%;
	text-align:center;
}

.sleeper-list-item p {
	margin-bottom:5px;
}

.sleeper-list-item p.title {
	font-family:Georgia;
	font-size:1.1em;
	font-weight:bold;
}

.sleeper-list-item a.title {
color:black;
}

.grave-list .sleeper-list-item p.title {
	font-family:Tahoma;
	font-size:1em;
	line-height:1.2em;
	font-weight:bold;
}

.sleeper-list-item p.date  {
	font-family:Georgia;
	font-size:1.1em;
	font-weight:bold;
	color:#a0a0a0;
}

.pages {
	height:24px;
	margin-top:20px;
	margin-bottom:10px;
	margin-left:55px;
}

.pages ul {
	padding:0;
	margin:0;
	list-style:none;
}

.pages ul li {
	float:left;
	margin:0;
	margin-right:5px;
}

.pages ul li a span  {
	color:black;
	text-decoration:none;
	cursor:pointer;
}

.pages ul li a.active span {
	color:#b21496;
}

.pages ul li a.rounded {
	padding-right:10px;
	text-decoration:none;
}

.pages ul li a.rounded span {
	padding-left:10px;
	text-decoration:none;
}

.pages ul li.multitashk {
	line-height:32px;
	margin-left:5px;
	margin-right:10px;
}

#vertical-separator1 {
	position:absolute;
	top:64px;
	left:221px;
	width:1px;
	background:#dbdbdb;
	margin:0 auto;
	z-index:100;
	height:100%;
}
#vertical-separator2 {
	position:absolute;
	top:64px;
	right:221px;
	width:1px;
	background:#dbdbdb;
	margin:0 auto;
	z-index:100;
	height:100%;
}

#block-user-zone .links {
	margin-bottom:15px;
	
}

#block-user-zone p.greeting {
	margin-bottom:10px;	
}


.single-sleeper .column-left {
	width:295px;
	float:left;
}

.single-sleeper .column-right {
	width:315px;
	float:right;
}

.single-sleeper h3 {
	font-size:2em;
	margin-bottom:10px;
}

.single-sleeper p.date {
	font-family:Georgia;
	font-size:1.5em;
	color:#a0a0a0;
	margin-bottom:10px;
}

.single-sleeper p.burier {
	margin-bottom:10px;
	margin-top:5px;
}

.single-sleeper .row {
	font-size:1.2em;
}

.single-sleeper .row-title {
	color:#7f7f7f;
}

.single-sleeper .last-row {
	margin-bottom:20px;
}

.single-sleeper .large-thumb {
	background:#f3f3f3;
	padding:0;
	margin:0;
}
  /* test for img flower css */
 /*
 .large-thumb h2{
   position: absolute;
   top: 257px;
   left: 525px;
   width: 100%;
}   
 
.large-thumb h2{
   position: absolute;
   top: 370px;
   left: 9px;
   width: 100%;
} */ 
/* END test for img flower css */

.single-sleeper .large-thumb img {
	margin:9px;
	padding:0;
	border:0;
}

.single-sleeper .thumb-footer {
	border-top:1px solid white;
	padding:0;

	background:#f8f8f8;
	position:relative;
}

.single-sleeper .thumb-footer ul {
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
}

.single-sleeper .thumb-footer ul li {
	list-style:none;
	float:left;
}

.single-sleeper .thumb-footer ul li a {
	height:30px;
	width:30px;
	background:#f8f8f8;
	display:block;
	line-height:30px;
	text-align:center;
	border-right:1px solid white;
}	

.single-sleeper .thumb-footer ul li.active a {
	color:#000;
	text-decoration:none;
}

.single-sleeper .thumb-footer .galery-link{
	line-height:30px;
	position:absolute;
	top:0;
	right:20px;
}


.comment {
	border-bottom:1px solid #dbdbdb;
}

.comments div.last {
	border-bottom:0px;
}

.comment .thumb {
	float:left;
	width:100px;
	margin-bottom:20px;
}
.comment .info  {
	float:right;
	width:500px;
}

.comment .meta-info {
	margin-bottom:10px;
}

.comment .info .username {
	color:#a0a0a0;
	float:left;
}


.comment .info .date{
	color:#a0a0a0;
	float:right
}

hr {
	margin:0;
	padding:0;
	height:1px;
	border:1px solid #dbdbdb;
	border:none;
	background:#dbdbdb;
	margin-bottom:10px;
}

.block-bottom {
	margin-left:140px;
}

.block-bottom .links ul {
	margin:0;
	padding:0;
	margin-top:20px;
	margin-bottom:10px;
	margin-left:3px;
}

.block-bottom .links ul li {
	margin:0;
	padding:0;
}

#header #search  .focused {
	color:black;
}

/*
	awesome clearfix works
	and that's awesome
*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */