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

html, body {
	margin:0;
	padding:0;
	height:100%;
}

body {
	background-color: #362b23;
	color: #a1865c;

	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}

a {
	color: #caa873;
}

a img {
	border: none;
}

p {
	padding: 0 0 20px 0;
	line-height: 18px;
	margin: 0;
}

h1, h2, h3 {
	margin: 0;
	text-shadow: #32261e 1px 1px 2px;
}

h1 {
	padding: 1px 0 20px 0;
	font-size: 24px;
	color: #fff;
}

h2 {
	padding: 7px 0 20px 0;
	font-size: 18px;
	color: #caa873;
}

h3 {
	color: #caa873;
}

#col1 h1, #col1 h2 {
	color: #fff;
}

h3 {
	font-size: 14px;
}

h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	color: #caa873;
	padding: 0 0 0px 0;
	margin: 0;
}

h6 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #a1865c;
	padding: 0;
	margin: 0;
}

input[type=text], input[type=password], textarea {
	background-color: #221913;
	margin: 0;
	color: #a1865c;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	border: none;
	min-height: 25px;
	padding: 0px 5px 0px 5px;
	border-radius: 5px;
}

.autosize {
	width: auto !important;
}

textarea {
	resize: vertical;
}

input[type=submit], input[type=button] {
	float: right;
	background-color: #221913;
	color: #caa873;
	border: none;
	border-radius: 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 5px;
	margin: 0 0 0 10px;
	cursor:pointer;
}



input[type=button]:hover, input[type=submit]:hover {
	background-color: #caa873;
	color: white;
}

input[type=submit]:active {
	/*border: 1px inset #816a4b;*/
}

input[type=radio] {
	padding: 0;
	margin: 0 5px 0 0;
	float: left;
}

select {
	background-color: #221913;
	color: #a1865c;
	border: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 5px;
	margin: 0;
	border-radius: 5px;
}

ul {
	margin: 0;
	width: auto;
	height: auto;
	display: inline-block;
}

/* ------------------- CONTAINERS */

#wrap_sub {
	background: url(/img/bg_top.png) top left repeat-x;
	display: block;
	width: 100%;
	height:100%;
}

#wrap_naslovka {
	background: url(/img/bg_naslovka.png) top left repeat-x;
	display: block;
	width: 100%;
	height:100%;
}

#wrap_profile {
	background: url(/img/bg_naslovka.png) top left repeat-x;
	display: block;
	width: 100%;
	height:100%;
}

#container {
	background: url(/img/bg_main.png) top left repeat-y;
	position: relative;
	width: 950px;
	left: 50%;
	margin-left: -525px;
	padding: 0 50px 0 50px;
	min-height:100%;
}

#top, #subnav, #footer {
	width: 850px;
	padding-left: 50px;
	padding-right: 50px;
}

#top {
	height: 75px;
	padding-top: 25px;
	background: url(/img/bg_top.png) top left repeat-x;
}

#top #logo {
	float: left;
	width: 260px;
}

#top #logo #logopic {
	display: inline-block;
	float: left;
	width: 210px;
	height: 50px;
	background: url(/img/logo_top.png) top left no-repeat;
	text-indent: -8000px;
}

#top #logo #logobeta {
	display: inline-block;
	float: left;
	width: 30px;
	height: 50px;
	background: url(/img/logo_beta.png) top left no-repeat;
	text-indent: -8000px;	
}

#top #menu {
	float: right;
}

#menu .active {
	color: white;
	text-decoration: none;
}

#submenu {
	height: 24px;
	background-color: #221913;
	padding: 13px 50px 13px 50px;
	text-shadow: #32261e 1px 1px 0px;
}

#main {
	background: url(/img/bg_content.png) top left repeat-x;

	background-color: #362b23;
	min-height: 450px;
	padding-bottom: 100px;
}

#browser {
	height: 450px;
	width: 100%;
}

#list {
}

#content {
	display: inline-block;
	width: 900px;
	padding-bottom: 50px;
}

#flash_naslovka {
	height: 450px;
}

/* ------------------- NAV */

#nav {
	list-style: none;
	padding: 0;
	margin: 0 0 0 0;
}

#nav li {
	display: inline-block;
	float: left;
	padding-right: 4px;
}

#nav li a {
	display: block;
	font-size: 12px;
	cursor: pointer;
	text-shadow: #271D17 1px 1px 0px;
	width: 100%;
	height: 100%;
}


#nav li a:hover {
	color: #fff;
}

/*.nav_login, .nav_signup, .nav_settings, .nav_about */

#nav_browse, #nav_settings, #nav_about, #nav_signup, #nav_login, #nav_logout {
	display: block;
	background: url(/img/menu.png) top left no-repeat;
	padding: 0;
	height: 65px;
	text-indent: -8000px;
}

#nav_browse:hover, #nav_settings:hover, #nav_about:hover, #nav_signup:hover, #nav_login:hover, #nav_logout:hover {
	background: url(/img/nav_hover.png);
}

#nav_browse.active, #nav_settings.active, #nav_about.active, #nav_signup.active, #nav_login.active, #nav_logout.active {
	background: url(/img/nav_active.png);
}

#nav_browse, #nav_browse.active, #nav_browse:hover { background-position: -37px 0px; width: 75px; }
#nav_settings, #nav_settings.active, #nav_settings:hover { background-position: -112px 0px; width: 80px; }
#nav_about, #nav_about.active, #nav_about:hover { background-position: -192px 0px; width: 63px; }
#nav_signup, #nav_signup.active, #nav_signup:hover { background-position: -254px 0px; width: 72px; }
#nav_login, #nav_login.active, #nav_login:hover { background-position: -326px 0px; width: 62px; }
#nav_logout, #nav_logout.active, #nav_logout:hover { background-position: -444px 0px; width: 75px; }

#submenu_title {
	float: left;
	height: 20px;
	padding: 3px 10px 0px 0px;
	color: #CAA873;
}

#subnav {
	list-style: none;
	padding: 0;
	margin: 0;
	width: auto;
	height: 24px;
}

#subnav li {
	display: inline-block;
	float: left;
	height: 24px;
	padding-right: 8px;
}

#subnav li a {
	display: block;
	padding-right: 12px;
	text-decoration: none;
	height: 24px;
}

#subnav li a span {
	padding-left: 12px;
	display: block;
	height: 100%;
	padding-top: 6px;
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana, Georgia, "Times New Roman", Times, serif;
}

#subnav li.active a, #subnav li a:hover {
	color: #fff;
	background: url(/img/subnav_active_right.png) top right no-repeat;
}

#subnav li.active a span, #subnav li a:hover span {
	background: url(/img/subnav_active_left.png) top left no-repeat;
}


/* ------------------- CONTENT */

#col1 {
	width: 450px;
	float: left;
	padding: 25px 50px 25px 50px;
}

#col2 {
	padding-left: 50px;
	padding-top: 25px;
	width: 300px;
	background: url(/img/bg_colsep.png) top left no-repeat;
	min-height: 500px;
	height: 100%;
	float: right;

}

#browse {
	width: 850px;
	padding: 25px 50px 25px 50px;
}

#browse h2 {
	color: #fff !important;
}

.aboutus {
	color: #a1865c;
}

.aboutus b, .blog b {
	color: #caa873;
}

.aboutus ul li {
	color: #caa873;
}


h2.blog_title {

}

ul.border {
	list-style: none;
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
	border-top: 1px solid #2d221a;
	border-bottom: 1px solid #4a3b30;
}

.border li {
	border-bottom: 1px solid #2d221a;
	border-top: 1px solid #4a3b30;
	font-size: 14px;
	color: #a1865c;
	padding: 15px 0 15px 0;
}

.blog_date {
	display: inline-block;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	color: #a1865c;
	padding: 0 0 0 0;
	width: 100%;
	text-align: right;
}

.blog_author {
	color: #a1865c;
}

/* ------------------- BROWSE */

form {
	padding: 0;
}

.browseul {
	list-style: none;
	padding: 0;
	min-height: 45px;
	width: 100%;
	margin: 0 0 25px 0;
	border-bottom: 1px solid #4a3b30;

}

.browseul li {
	float: left;
	display: inline;
	padding: 0 15px 10px 0px;;
}

.browseul li.title {
	/*padding-top: 12px;*/
	text-shadow: #271D17 1px 1px 0px;
}

.browseul label {
	padding-right: 5px !important;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #caa873;
	text-shadow: #271d17 1px 1px 0px;
}

.browseul li select {
	padding: 2px 6px 2px 2px !important;
	min-height: 15px !important;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	color: #caa873;
	background-color: #4a3b30;
	border: none;
	border-radius: 5px;
	max-width: 200px;
}

.browseul li input[type=submit] {
	padding: 1px !important;
	margin-top: 3px;
	height: 20px;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
}

#petlist {
	list-style: none;
	padding: 0;
	margin: 0;
	height: auto;
	min-height: 450px;
}

#petlist li.item {
	list-style-type: none;
	display: inline-block;
	float: left;
	width: 120px;
	height: 275px;
}

#petlist li.item:hover {
}

#petlist .pet_thumb {
	display: block;
	width: 100px;
	height: 100px;
	margin: 0 15px 15px 0;
	background-color: #4a3b30;
	border: 5px solid #4a3b30;
	border-radius: 5px;
}

#pet_thumb .pet_thumb a {
	display: block;
	width: 100px;
	height: 100px;
}

#petlist .pet_thumb:hover {
	background-color: #fff;
	border: 5px solid #fff;
}


#pet_thumb .pet_thumb a span {
}

#petlist .pet_info {
	display: inline-block;
}

#petlist .pet_info a.pet_name {
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	line-height: 13px;
	text-decoration: none;
	display: block;
	height: 30px;
	width: 100%;
	text-shadow: #271d17 1px 1px 0px;
}

#petlist .pet_info a.pet_name:hover {
	text-decoration: underline;
}


#petlist ul.info {
	display: inline-block;
	width: 100px;
	padding: 0 0 0 0;
	margin: 0;
	list-style-type: none;
}

#petlist ul.info li {
	color: #a1865c;
	padding: 0;
	margin: 0;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
}

#pagination {
	display: inline-block;
	float: right;
	color: #fff;
}

#pagelist {
	list-style: none;
	padding: 0;
	margin: 0;
	height: 20px;
}

#pagelist li {
	display: inline;
	float: left;
	padding: 5px;
	border-radius: 5px;
}

#pagelist li.active {
	background-color: #4a3b30;
}

#pagelist li a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
}

#pagelist li a:hover {
	background-color: #4a3b30;
}

/* PROFILE */


.pet_pic_big {
	padding: 0 0 10px 0;
	min-height: 200px;
}

.pet_pic_big img {
	width: 450px;
	border: 2px solid #4a3b30;
	margin: -2px;
}

ul.pet_pics {
	margin: 0;
	padding: 0 0 25px 0;
}

.pet_pics li {
	display: block;
	float: left;
	padding-right: 6px;
}

.pet_pics li.last {
	padding-right: 0px !important;
}

.pet_pics li a {
	display: block;
}

.pet_pics li a img {
	border: 2px solid #4a3b30;
	border-radius: 5px;
}

.pet_pics li a img:hover {
	border: 2px solid #caa873;
	border-radius: 5px;
}

.pet_pics li a img.imgselected {
	border: 2px solid #fff !important;
	border-radius: 5px;
}

.pet_pics li a img {
	width: 80px;
	height: 80px;
}

.pet_biography {
	padding: 25px 0 0 0;
}

.pet_eulogy {
	padding: 25px 0 0 0;
}

.comments {
	margin: 0;
	padding: 25px 0 25px 0;
}

.comments li {
	display: inline-block;
	width: 100%;
}

.comments li.comment .comment_text {
	padding: 25px;
	width: 400px;
	background-color: #4a3b30;
	color: #caa873;
}

.comments li.comment .comment_info {
	width: 450px;
	padding: 10px 0 10px 0;
	display: inline-block;
	border-bottom: 1px solid #2d221a;
	border-top: 1px solid #816a4b;
}

.comments li.unapproved .comment_text {
	background-color: #4a3b30;
}

.comments li.unapproved .comment_info {
	background-color: #2d221a;
}

#comments {
	padding: 25px 0 0 0;
}

#comment_msg {
	padding: 20px 0 0 0;
}

.unapproved_msg {
	padding-left: 20px;
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
	color: #caa873;
}

.comments .comment_author {
	width: auto;
	padding: 0 0 0 25px;
	display: inline-block;
	float: left;
}

.comments .comment_admin {
	width: auto;
	display: inline-block;
	float: right;
}

.comment_admin ul {
	margin: 0;
	padding: 0;
	width: auto;
	float: right;
}

.comment_admin li {
	list-style-type: none;
	display: inline !important;
	width: auto;
	float: left !important;
}

.comments .profile_actions {
	width: auto;
	display: inline-block;
	float: left;
}

.profile_actions ul {
	margin: 0;
	padding: 0;
	width: auto;
}

.profile_actions li {
	list-style-type: none;
	display: inline !important;
	width: auto;
	float: left !important;
}

.commentform span {
	display: inline-block;
	width: 450px;
	height: auto;
	padding: 0 0 10px 0;
}

.commentform textarea {
	width: 437px;
	height: 100px;
}

.button {
	display: block;
	width: 20px;
	height: 20px;
	border: none;
	text-indent: -8000px;
	font-size: 0px;
	background: url(/img/icons.png) no-repeat;
}

.b_go {
	display: block;
	width: 50px;
	height: 25px;
	text-indent: -8000px;
	background: url(/img/b_go.png) top left no-repeat;
}

.b_go:hover {
	background-position: 0px -25px;
}

.b_link {
	background-color: #4a3b30;
	padding: 5px;
	font-size: 10px;
	color: #fff;
	border-radius: 5px;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
}

.b_link:hover {
	background-color: #caa873;
}

.b_edit { background-position: 0px 0px; }
.b_edit:hover { background-position: 0px -40px; }

.b_delete { background-position: -20px 0px; }
.b_delete:hover { background-position: -20px -40px; }

.b_report { background-position: -160px 0px; }
.b_report:hover { background-position: -160px -40px; }
.b_favourites.disabled { background-position: -160px -60px; }
.b_favourites.disabled:hover { background-position: -160px -60px; }

.b_approve { background-position: -280px 0px; }
.b_approve:hover { background-position: -280px -40px; }

.b_zoom { background-position: -40px 0px; }
.b_zoom:hover { background-position: -40px -40px; }

.b_publish { background-position: -280px 0px; }
.b_publish:hover { background-position: -280px -40px; }

.b_comment { background-position: -60px 0px; }
.b_comment:hover { background-position: -60px -40px; }

.b_favourites { background-position: -120px 0px; }
.b_favourites:hover { background-position: -120px -40px; }
.b_favourites.disabled { background-position: -120px -60px; }
.b_favourites.disabled:hover { background-position: -120px -60px; }

.b_candle { background-position: -300px 0px; }
.b_candle:hover { background-position: -300px -40px; }
.b_candle.disabled { background-position: -300px -60px; }
.b_candle.disabled:hover { background-position: -300px -60px; }

.b_facebook { background-position: -320px 0px; }
.b_facebook:hover { background-position: -320px -40px; }




/* ------------------- FORMS */

.formul {
	width: 450px;
	list-style: none;
	padding: 0;
	margin: 0 0 25px 0;
	border-top: 1px solid #2d221a;
	border-bottom: 1px solid #4a3b30;
	color: #a1865c;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.formul li {
	list-style: none;
	display: inline-block;
	border-bottom: 1px solid #2d221a;
	border-top: 1px solid #4a3b30;
	padding: 10px 0px 10px 0px;
	min-height: 30px;
	width: 450px;
}

.formul li label, .notifications .label {
	display: inline-block;
	width: 220px;
	font-family: Verdana, Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #caa873;
	text-shadow: #271d17 1px 1px 0px;
	float: left;
	margin-right: 15px !important;
}

.formul li label em {
	clear: right;
}

.formul li label span {
	display: block;
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #a1865c;
	text-shadow: none;
	padding-top: 2px;
}

.formul input[type=text], .formul input[type=password], .formul input[type=file] {
	width: 200px;
}

.formul li textarea {
	width: 200px;
	height: 150px;
}

.formul li select {
	width: 210px;
}

.notifications li {
	padding: 10px 0 10px 0;
	min-height: 15px;
}

.notifications div.label {
	display: inline-block;
	float: left;
	width: 150px !important;
}

.notifications div.msg {
	display: inline-block;
	float: left;
	width: 275px;
}


span.userinput, span.userselect {
	width: 210px;
	float: right;
}

span.select_date {
	width: 210px;
	float: right;
}

select.date_day, select.date_month, select.date_year {
	float: left !important;
	width: auto !important;
	padding: 1px !important;
	font-size: 12px;
}



.formul li.explanation {
	background: url(/img/error_arrow.png) top left no-repeat;
	padding-top: 15px;
}

.formul .explanation label {
	width: 430px;
	background-color: #4a3b30;
	padding: 10px;
	display: inline-block;
	font-family: Verdana, Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	text-shadow: #271d17 1px 1px 0px;
	float: none;
	margin-right: 15px !important;
}

.formul .explanation span {
	color: white;
	width: 100%;
	text-align: center;
}

.formul .explanation ul {
	padding: 5px;
}

.formul .explanation ul li {
	border: 0;
	padding: 5px;
	margin: 0;
	width: 100%;
	float: none;
	clear: both;
	min-height: 11px;
}

.formul li.pic {

}

.formul .form_photo_caption {
	padding: 10px 0 0 0 !important;
}

.formul .form_photo_thumb {
	display: inline-block;
	float: left;
	width: 120px;
}

.formul .form_photo_thumb img {
	border: 3px solid #4a3b30;
}


.formul .form_photo_admin{
	list-style-type: none;
	display: inline-block;
	float: left;
}

.form_photo_admin ul {
	padding: 0 !important;
	margin: 0 !important;
}

.form_photo_admin li {
	list-style-type: none;
	display: inline !important;
	width: auto;
	float: left !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none;
}


.options {
	display: inline-block;
	width: 200px;
	float: left;
	border: none;
	padding: 0;
	margin: 0;
}

.options li {
	border: none;
	padding: 0;
	margin: 0;
	width: auto;
}

.options li img {
	/*width: 170px;*/
	border: 3px solid #4a3b30;
}

ul.steps {
	list-style: none;
}

.steps {
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
	width: 300px;
	border-top: 1px solid #2d221a;
	border-bottom: 1px solid #4a3b30;
}

.steps li {
	border-bottom: 1px solid #2d221a;
	border-top: 1px solid #4a3b30;
	font-size: 14px;
	color: #a1865c;
	padding: 15px 0 15px 0;
}

ol.steps li {
	list-style-position: inside;
}

.steps li a {
	text-decoration: none;
	color: #a1865c;
}

.steps li a:hover {
	text-decoration: underline;
}

.steps li.active, .steps li.active a {
	color: #caa873 !important;
	text-shadow: #271d17 1px 1px 0px;
}

/* ------------------- SETTINGS */

.mymem_info {
	display: inline-block;
	float: left;
	width: 210px;
}

.my_memorials .info {
	list-style-type: none;
	display: inline-block;
	width: auto;
	padding: 10px 0 0 0;
	margin: 0;
}

.my_memorials .info li {
	display: list-item;
	border: 0;
	padding: 0 0 0 0 !important;
	min-height: 15px;
	width: auto;
	font-size: 10px;
	font-weight: normal;
	color: #a1865c;
}

/* ------------------- FOOTER */

#footer {
	position:absolute;
	bottom:0;
	height:36px;
	background-color: #221913;
	padding-top: 25px;
	text-align: right;
	font-size: 12px;
	border-top: 1px solid #6f5a41;
	color: #6f5a41;
}

#footer a {
	color: #a1865c;
}



/* popup */
#PopUpCont {
	z-index: 7;
	width: 100%;
	left:0%;
	position: absolute;
	display:none;
}

.PopUp {
	width: 400px;
	height: 450px;
    color: #000;
	padding: 5px 5px 5px 5px;
	
	background-color: #362b23;
	color: #a1865c;

	z-index: 12;
 	margin: 0 auto;
	position: relative;
 	margin-top:150px;

	color: black !important;
	text-align: center;
}

.PopUp iframe {
	width: 380px;
	height: 400px;
	color: #a1865c;
	border: 1px solid 362b23;
}
	.popup_besedilo {
		float: left;
		width: 420px;
		font-size: 12px
	}
		.popup_besedilo h1 {
			font-size: 16px;
			padding-bottom: 6px;
		}
		.popup_besedilo a{
			text-decoration: none
		}
		.popup_besedilo a:hover  {
			text-decoration: undeline
		}
	.popup_znak a {
		display: inline-block;
		background: url(/img/b_delete.png) top left no-repeat;
		float: right;
		width: 20px;
		height: 20px;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
		text-indent: -8000px;
	}
	.nolink {
		text-decoration: none !important;
		color: #878787 !important;
	}

#ozadje {
	z-index: 5;
	width: 100%;
	position: absolute;
	top: 0;
	background-image: url(/img/background.png);
	background-repeat: repeat;
	left: 0px;
}

#errors {
	padding-bottom: 20px
}

#browse_empty {
	margin-top: 50px;
	height: 100px;
}


*:active {
  outline: none;
}
a {
  outline: none;
}
:focus {
  -moz-outline-style: none;
}

.profileowner {
	font-weight:bold;
}