* { margin:0; padding:0; }

html, body {
	width:100%;
	height:100%;
}

body {
	background:#040500 url(images/bodyBg.jpg) left top no-repeat;
	color:white;
	font:normal 11px Georgia, "Times New Roman", serif;
}

/*--------------------------------------------*/
.dn { display:none!important; }
.nmRight { margin-right:0!important; }
.nmLeft { margin-left:0!important; }
.tcenter { text-align:center!important; }

a {
	color:black;
	text-decoration:underline;
}

/*--------------------------------------------*/

#wrap {
	width:964px;
	height:auto!important;
}


#header {
	float:left;
	width:315px;
	padding:64px 35px 0 0;
}


h1#logo {
	margin-bottom:30px;
}

h1#logo,
h1#logo a {
	display:block;
	width:315px;
	height:63px;
	
}

h1#logo a {
	text-indent:-10000px;
	overflow:hidden;
	background:url(images/skupinaX_logo.png) right top no-repeat;
}

#econtact {
	display:block;
	position:absolute;
	bottom:11px;
	right:24px;
	color:white;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}


ul.nav {
	list-style:none;
	text-align:right;
}
ul.nav li {
	text-align:right;
}
ul.nav li a {
	display:block;
	height:28px;
	line-height:28px;
	font-size:17px;
	color:white;
	text-decoration:none;
}

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

ul.nav li.last a {
	border:none;
}

ul.nav ul {
	
}

ul.nav ul li {
	height:20px;
	line-height:20px;
}
ul.nav ul li a {
	font-size:14px;
	font-style:italic;
}


#main {
	position:relative;
	float:left;
	width:600px;
	background:#f3f0ee;
	border:solid 7px #FFF;
	color:black;
	margin-top:40px;
	height:auto!important;
	min-height:700px;
	height:700px;
}


#content {
	margin:0 auto;
	text-align:left;
	color:#808080;
	font-size:12px;
	padding:20px;
}

.post {
	position:relative;
	border-bottom:solid 1px #FFF;
	padding:0 0 10px 0;
	margin-bottom:20px;
}
.single {
	border-bottom:none;
}
.page,
.gallery {
	margin-bottom:0;
}

.entry-meta {
	margin-bottom:15px;
	color:#900;
}
.entry-meta a {
	color:#900;
	text-decoration:underline;
}

.single .entry-meta {
	font-size:16px;
	margin-bottom:15px;
	color:#900;
	font-style:italic;
}

p.posttags {
	margin:15px 0 0 0;
	line-height:100%;
}

.bigImg {
	display:block;
	width:100%;
	height:200px;
	overflow:hidden;
	background:#D4C9C2;
	border:solid 1px white;
	margin-bottom:20px;
}

span.cat {
	/*display:block;
		position:absolute;
		right:0;
		top:5px;*/
}

ul.post-categories {
	list-style:none;
}
ul.post-categories li {
	display:inline;
}

span.cat a {
	display:inline-block;
	background:#D4C9C2;
	color:white;
	text-decoration:none;
	padding:3px 5px;
	text-transform:uppercase;
	font-size:10px;
	margin:0 0 13px 0;
	font-weight:bold;
}
span.cat a:hover {
	background:#6C584C;
}

.entry-author {
	font-weight:normal;
}

.entry-excerpt {
	color:#6C584C;
	margin:0 0 10px 0;
}

.entry-excerpt p,
.entry-excerpt ul,
.entry-excerpt ol {
	font-size:12px;
	line-height:150%;
}
.entry-excerpt ul,
.entry-excerpt ol {
	margin-left:30px;
}

.entry-excerpt a {
	color:#990000;
}

.single p,
.single ul,
.single ol {
	text-align:left;
	margin-bottom:15px;
	font-size:13px;
}

.hasImg p {
	margin-left:170px;
}

span.tags {
	margin-top:10px;
	display:inline-block;
	/*background:#E2DBD6;*/
	/*padding:5px 7px;*/
	color:#000;
}
span.tags a {
	color:#900;
	text-decoration:none;
}

.entry-img {
	display:block;
	float:left;
	width:150px;
	overflow:hidden;
	height:auto!important;
	min-height:100px;
	height:100px;
	background:#D4C9C2;
	border:solid 1px white;
}
.entry-img img {
	display:block;
	border:none;
}

a.more-link {
	display:block;
	width:100px;
	margin-top:10px;
	font-weight:bold;
	text-decoration:underline;
}

h1.theTitle {
	color:black;
	margin:10px 0 30px 0;
	font-weight:normal;
	color:#000;
}
h1.theTitle span {
	color:#990000;
	font-weight:bold;
}


h2 {
	display:block;
	/*width:420px;  !!! */
	font-weight:normal;
	font-size:24px;
	color:black;
	margin-bottom:10px;
	text-align:left;
}

.single h2 {
	width:100%;
	font-size:34px;
	margin-bottom:20px;
}

h2 a {
	text-decoration:none;
	color:black;
}
h2 a:hover {
	text-decoration:underline;
}

h3 {
	margin-bottom:15px;
	font-weight:bold;
	font-size:15px;
}


#footer {
	clear:both;
	width:574px;
	margin:0 0 0 350px;
	padding:10px 20px;
	text-align:center;
	color:#666;
	/*background:#DDD;*/
}
#footer p {
	padding:10px 0;
}
#footer a {
	color:#888;
	text-decoration:none;
}
#footer a:hover {
	color:#FFF;
	text-decoration:underline;
}


/* COMMENTS
-----------------------------------*/
#comments_box {
	padding-top:30px;
}

#respond {
	background:url("images/commentsBg.jpg") top repeat-x;
}

#comments_box label {
	font-size:13px;
}

#respond p {
	margin-bottom:10px;
}
#respond input,
#respond textarea {
	border:solid 1px #DCD5C5;
	background:#FFF url("images/fieldBg.jpg") top repeat-x;
	font:normal 13px/120% "Trebuchet MS", Arial, Tahoma;
	text-indent:5px;
	padding:3px 0;
}
#respond input {
	width:220px;
	margin-right:10px;
}
#respond textarea {
	text-indent:0;
	padding:3px 5px;
	margin-top:10px;
	width:526px;
	height:160px;
}

#respond input#submit {
	background:#f2efe9;
	border:solid 1px #ddd5c5;
	height:24px;
	line-height:24px;
	padding:0 12px;
	text-decoration:none;
	color:#2d2d2d;
	text-transform:uppercase;
	margin:5px 7px 10px 0;
	cursor:pointer;
	width:140px;
	font-weight:bold;
	font-size:12px;
}

#commentform {	
	padding: 0px;
	margin:0;
}


h3#comment-form-title,
h3#comments {
	font-size:18px;
	font-weight:normal;
	margin-bottom:30px;
	padding-bottom:20px;
	border-bottom:dotted 1px #FFF;
	color:black;
}
h3#comment-form-title {
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:dotted 1px #FFF;
}

ol.commentlist {
	list-style-type: none;
	margin: 0;
	padding: 0 0 25px 0;
}
ol.commentlist li {
	position:relative;
	margin: 0 0 30px 0;
	padding:0 0 20px 0;
	font-size:11px;
	border-bottom:dotted 1px #FFF;
}
#content ol.commentlist li a {
	text-decoration: underline;
}

ol.commentlist li p {
	color:black;
	line-height:150%;
}

.avatarWrap {
	width:auto;
	float: left;
  	margin: 0 0 10px 0;
	background:white;
	/*border:solid 5px #F0EDE6;*/
	padding:5px;
}

.avatar {
  display:block;
  border:none;
}

.comment-contents {
	margin-left:75px;
	/*padding-left:22px;*/
	/*padding-top:10px;*/
	/*background:url("images/commentBg.jpg") left top no-repeat;*/
}

.comment-author {
	display:inline-block;
	font-size:16px;
	font-weight:bold;
}
.comment-author a {
	text-decoration:none!important;
}
.comment-author a:hover {
	text-decoration:underline!important;
}
.comment-text {
	margin-top:10px;
	font-size:12px;
	line-height:130%;
}
.comment-time {
	display:inline-block;
	color:#999;
}
.comment-time a {
	color:#999;
	text-decoration:none!important;
}


/* BLOCKQUOTES
----------------------------------*/
blockquote {
	background: url(images/blockquote1.gif) left top no-repeat;
	margin-right:30px;
	padding: 0 0 0 35px;
}
blockquote p {
	display:inline-block;
	width:auto;
	text-align:justify;
	background: url(images/blockquote2.gif) right bottom no-repeat;
	padding: 0 35px 0 0px;
	font-size:14px!important;
	font-style:italic;
	color:#000;
}


/* TOPNAV // OPEN / CLOSE LIST */
#topNav,
#topSearch {
	display:none;
}


.topStuff {
	display:none;
	background:#E5DCD7;
	padding:15px 0 20px 0;
	border-bottom:10px solid white;
}

.topStuff h4 {
	font-size:14px;
	font-weight:bold;
	border-bottom:solid 1px #F3EFED;
	padding:0 0 10px 0;
	margin:0 20px 10px 20px;
	color:#990000;
}
#topSearch h4 {
	margin-bottom:15px;
}

.topStuff ul {
	list-style:none;
	margin:0;
	padding:0;
}
.topStuff ul li {
	float:left;
	margin-left:23px;
	margin-bottom:5px;
	width:170px;
	font-size:12px;
}
.topStuff ul li a {
	display:block;
	float:left;
	border-bottom:dotted 1px #F3EFED;
	text-decoration:none;
	width:170px;
	padding:0 0 5px 0;
}
.topStuff ul li a:hover {
	color:#990000;
}

.openers {
	position:absolute;
	right:20px;
	top:0;
	width:300px;
	text-align:right;
}

#open,
#openSearch {
	/*position:absolute;
	right:20px;
	top:0;*/
	display:inline-block;
	background:white;
	padding:0 10px 5px 23px;
	text-decoration:none;
	outline:none;
	text-align:center;
	font-weight:bold;
}
#open {
	background:white url(images/arrow_down.gif) 8px 6px no-repeat;
	padding-left:21px;
}
#openSearch {
	background:white url(images/lupa.gif) 8px 3px no-repeat;
}

#close,
#closeSearch {
	/*display:none;*/
	display:inline-block;
	margin-left:23px;
	margin-top:10px;
	outline:none;
	color:#990000;
	text-decoration:none;
	font-size:11px;
}

#topSearch form {
	padding-left:20px;
}
#topSearch form input {
	clear:both;
	width:250px;
	border:solid 1px #B9B9B9;
	background:#FFF url(images/fieldBg.jpg) top repeat-x;
	margin-bottom:10px;
	padding:3px;
	font:normal 12px Georgia, "Times New Roman", serif;
}
#topSearch form input#searchsubmit {
	width:100px;
	text-align:left;
	background:none;
	border:none;
	color:#000;
	cursor:pointer;
	font-weight:bold;
}


#content table {
	border:dotted #C3B5AB;
	border-width:1px 0px 0px 1px;
	margin-bottom:20px;
}
#content table tr {
	border:none;
}
#content table td {
	padding:5px;
	vertical-align:top;
	border:dotted #C3B5AB;
	border-width:0 1px 1px 0;
}



/* FORM 
**********************************/
#content form.cf {
	margin-top:30px;
	position:relative;
	color:black;
}

#content form.cf h4 {
	border-bottom:solid 1px #FFF;
	padding-bottom:10px;
	margin-bottom:20px;
	font-size:14px;
	font-weight:bold;
	color:black;
}

#content form.cf label {
	clear:both;
	display:block;
	height:26px;
	line-height:26px;
	float:left;
	width:140px;
	color:black;
}

#content form.cf label.error {
	float:left;
	display:inline-block;
	color:#C10;
	width:100%;
	margin-left:140px;
	margin-top:-13px;
	margin-bottom:7px;
}

#content form.cf input.txt,
#content form.cf textarea,
#content form.cf select {
	/*clear:both;*/
	float:left;
	width:250px;
	border:solid 1px #B9B9B9;
	background:#FFF url(images/fieldBg.jpg) top repeat-x;
	margin-bottom:10px;
	padding:3px;
	font:normal 12px Georgia, "Times New Roman", serif;
}
#content form.cf select {
	width:258px;
}
#content form.cf input.small {
	width:180px;
}
#content form.cf input.smallest {
	width:60px;
}

#content form.cf textarea {
	width:350px;
	height:200px;
}
#content form.cf textarea.small {
	height:100px!important;
}

#content form.cf input#submit {
	margin-top:10px;
	margin-left:140px;
	background:#D6CBC4;
	border:solid 1px #B09B8E;
	color:#000;
	width:120px;
	height:25px;
	line-height:25px;
	text-align:center;
	cursor:pointer;
}


/* POST FUNCTIONS
---------------------------------*/
#postFuncs {
	padding-top:50px;
	background:url(images/delimiter.jpg) center top no-repeat;
	margin:30px 0 20px 0;
	text-align:center;
}
#postFuncs a {
	display:inline-block;
	text-decoration:underline;
	color:black;
	margin:0 5px;
}



/* MEMBERS */
ul#memb {
	list-style:none;
	margin-top:-10px;
}
ul#memb li {
	position:relative;
	border-bottom:solid 1px #FFF;
	padding:0 0 20px 0;
	margin-bottom:20px;
}
ul#memb li span.mPhoto {
	display:block;
	float:left;
	width:100px;
	height:100px;
	overflow:hidden;
	background:#E2DBD6;
}
ul#memb li span.mPhoto img {
	border:none;
}

body.GalleryList ul#memb li span.mPhoto {
	width:150px;
	height:150px;
}

ul#memb li h4,
ul#memb li p {
	display:block;
	margin-left:120px;
}

body.GalleryList ul#memb li h4 {
	font-size:16px;
}

body.GalleryList ul#memb li h4,
body.GalleryList ul#memb li p {
	margin-left:170px;
}

ul#memb li.noMembImg h4,
ul#memb li.noMembImg p {
	margin-left:0;
}

ul#memb li p {
	font-size:11px;
}

ul#memb li h4 {
	font-size:14px;
	margin-bottom:5px;
}
ul#memb li h4,
ul#memb li h4 a {
	color:#990000;
	text-decoration:none;
}
ul#memb li p.more {
	font-size:11px;
	margin-top:5px;
}
ul#memb li p.more a {
	text-decoration:none;
}

/* ------------- */

.alignleft {
	float:left;
	margin:0 20px 10px 0;
}
.alignright {
	float:right;
	margin:0 0 10px 20px;
}

.single img {
	border:none;
	margin-top:6px;
}

/* ------------- */


/* NEXTGEN GALLERY
--------------------------------*/
.piclenselink {
	display:none;
}

.ngg-galleryoverview {
	margin-left:-0px;
}

.ngg-gallery-thumbnail-box a {
	margin:0!important;
	padding:0!important;
}


.ngg-gallery-thumbnail-box {
	margin:0 0 10px 5px!important;
	padding:0!important;
	border:none;
}

.ngg-galleryoverview img {
	display:block;
	/*width:98px!important;
		height:98px!important;*/
	margin:0!important;
	padding:0!important;
	border:none;
}

.ngg-navigation {
	clear:both;
	padding:20px 0 0 0!important;
}

.ngg-navigation span,
.ngg-navigation a {
	display:inline-block!important;
	margin:0 2px 0 0!important;
	width:20px!important;
	height:18px!important;
	line-height:18px!important;
	padding:0!important;
	text-decoration:none!important;
	border:solid 1px #6C584C!important;
	font-size:12px;
	color:#000!important;
}
.ngg-navigation a:hover,
.ngg-navigation span {
	background:#6C584C!important;
	color:white!important;
}


/* CLEAR FLOATS
Add class "clear" to elements that contain floated
elements and they will hold the height correctly
*******************************************************/
.clear { display: inline-block; }
.clear:after, .container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clear { display: block; }
/*******************************************************/