@charset "utf-8";
/* alt redovi */
.alt li, .alt td, .alt {
	background-color: #F9DA7D;
}
/*
	paginator
*/
div.pages {
	float: none;
	clear: both;
	display: block;
	width: 100%;
	height: 24px;
}
div.pages ul {
	float: none;
	clear: both;
	display: block;
	width: 100%;
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 2px 0;
	height: 20px;
}
div.pages ul li {
	float: left;
	height: 20px;
	width: 20px;
	display: inline;
	margin-right: 5px;
}
div.pages ul li a, div.pages ul li span {
	float: left;
	display: block;
	padding: 3px 0;
	text-align: center;
	width: 20px;
	height: 14px;
	background-color: #F9DC84;
}
div.pages ul li a {
	color: #000000;
	font-weight: bold;
}
/* transparentnost */
/*
opacity: 0.35;
-moz-opacity: 0.35;
filter:alpha(opacity=35);
-khtml-opacity: 0.35;
*/
.naslov {
	font-weight: bold;
}
/* errors klasa */
.errors {
	background-color: #FF0000;
	padding: 10px;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	margin: 0;
	display: block;
	color: #000000;
}
input.gumb {
	border: 1px solid #6E0000;
	background-color: #FFFFFF;
	padding: 5px 15px;
	cursor: pointer;
	font-size: 14px;
	color: #6E0000;
}
/* clear element */
.clear {
	display: block;
	float: none;
	clear: both;
}
/* loader */
div.loading-div {
	background-image: url(../img/loader.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
div.loading-div span {
	margin-top: 190px;
	position: absolute;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	display: block;
	width: 100%;
}
/*
	body tag
*/
body#body_tag {
	background-color: #6E0000;
	background-image: url(../img/background/header-bg.png);
	background-position: 0px 31px;
	background-repeat: repeat-x;
}
/*
	wrap stranice
*/
div#wrap {
	width: 1000px;
	margin: 0 auto;
	display: block;
	float: none;
	clear: both;
}
/*
	info o forumu
*/
div#forum-info {
	display: block;
	float: none;
	clear: both;
	width: 964px;
	border: 3px solid #B68449;
	padding: 15px;
	margin: 15px 0 0 0;
	margin: 0 auto;
	background-color: #051C08;
	color: #FFFFFF;
}
/*
	footer stranice
*/
div#footer {
	text-align: center;
	padding: 15px 0;
	color: #9C1212;
	float: none;
	clear: both;
	display: block;
	width: 100%;
}
div#footer a {
	color: #CE1717;
	font-weight: bold;
}
div#footer p {
	padding: 2px 0;
	text-align: center;
	display: block;
	margin: 0;
	float: none;
	clear: both;
}
/*
	header
*/
div#header {
	display: block;
	float: none;
	clear: both;
	width: 1000px;
	height: 323px;
	background-image: url(../img/background/header.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
/* serversko vrijeme u headeru */
div#server-time {
	float: right;
	padding: 10px;
	color: #FFFFFF;
	background-color: transparent;
	background-image: url(../img/background/35_posto_crni_transparent.png);
	*background-image: url(../img/background/35_posto_crni_transparent.gif);
	background-position: top left;
	background-repeat: repeat;
	width: 350px;
	font-size: 16px;
	height: 18px;
	text-align: right;
}
/* user bar u headeru */
div#user-bar {
	float: right;
	padding: 10px;
	color: #FFFFFF;
	background-color: transparent;
	background-image: url(../img/background/35_posto_crni_transparent.png);
	*background-image: url(../img/background/35_posto_crni_transparent.gif);
	background-position: top left;
	background-repeat: repeat;
	margin-top: 195px;
	margin-right: -370px;
}
div#user-bar span {
	margin-left: 75px;
}
div#user-bar a {
	color: #F4A824;
}
div#user-bar br {
	display: none;
}
/*
	meni wrapper
*/
div#meni {
	float: left;
	width: 170px;
	padding: 5px 5px 210px 5px;
	margin-left: 20px;
	*margin-left: 10px;
	margin-top: -100px;
	background-color: #000000;
	border: 1px solid #373737;
	background-image: url(../img/background/meni-warrior.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}
div#meni p {
	display: block;
	float: none;
	clear: both;
	padding: 5px 0;
	margin: 0;
	color: #FFFFFF;
}
div#meni h2.glavni {
	display: block;
	margin: 0;
	padding: 0;
	height: 40px;
	background-image: url(../img/title/menu.png);
	background-position: 10px 5px;
	background-repeat: no-repeat;
}
div#meni h2 span {
	font-family: hyborian;
	font-size: 26px;
	color: #F5AF37;
	text-indent: 15px;
	display: block;
	letter-spacing: 4px;
}
div#meni h2.glavni span {
	display: none;
}
div#meni ul {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
	display: block;
	width: 170px;
}
div#meni ul li {
	margin: 0;
	padding: 0;
	width: 170px;
	display: block;
	border-bottom: 1px solid #191919;
}
div#meni ul li a {
	display: block;
	float: none;
	clear: both;
	width: 160px;
	padding: 5px;
	color: #848484;
	font-size: 12px;
}
div#meni ul li a:hover {
	color: #F5AF37;
}
div#meni p.links {
	margin: 0;
	text-align: right;
	padding: 3px 0;
	display: block;
	float: none;
	clear: both;
}
div#meni p.links a {
	color: #CCCCCC;
	text-decoration: underline;
	font-size: 16px;
	padding: 1px 2px;
}
div#meni p.links a:hover {
	text-decoration: none;
	color: #000000;
	background-color: #CCCCCC;
}
/*
	za raidove
*/
div#meni p.raid img {
	margin-right: 5px;
	float: left;
	vertical-align: top;
}
div#meni p.raid span {
	float: none;
}
div#meni p.raid a {
	color: #848484;
	font-size: 12px;
	text-decoration: none;
	display: block;
	float: none;
	clear: both;
}
/* content */
div#content {
	float: left;
	width: 780px;
	margin-left: 10px;
	margin-top: -93px;
}
div.content-595 a, div.content-780 a {
	color: #000000;
	text-decoration: underline;
}
/* content papir od 595px */
div.content-595 {
	display: block;
	float: left;
	width: 595px;
	background-color: #FBE8AF;
	/*border: 1px solid #F8D774;*/
}
div.content-595 div.top {
	width: 595px;
	display: block;
	float: none;
	clear: both;
	background-image: url(../img/background/content-595-top.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 220px;
	position: relative;
	z-index: 6;
}
div.content-595 div.center {
	width: 595px;
	display: block;
	float: none;
	clear: both;
	background-image: url(../img/background/content-595-center.jpg);
	background-position: top left;
	background-repeat: repeat-y;
}
div.content-595 div.center div.content {
	width: 555px;
	display: block;
	float: none;
	clear: both;
	padding: 5px;
	background-color: #FBE8AF;
	margin: -200px auto 0 auto;
	position: relative;
	z-index: 6;
}
div.content-595 div.bottom {
	width: 595px;
	display: block;
	float: none;
	clear: both;
	margin-top: -120px;
	background-image: url(../img/background/content-595-bottom.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 145px;
	position: relative;
	z-index: 5;
}
/* content od 790 px */
div.content-780 {
	display: block;
	float: left;
	width: 780px;
	background-color: #FBE8AF;
}
div.content-780 div.top {
	width: 780px;
	display: block;
	float: none;
	clear: both;
	/*
	background-image: url(../img/background/content-780-top.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 220px;
	position: relative;
	z-index: 6;
	*/
}
div.content-780 div.center {
	width: 780px;
	display: block;
	float: none;
	clear: both;
}
div.content-780 div.center div.content {
	width: 760px;
	display: block;
	float: none;
	clear: both;
	padding: 10px;
}
div.content-780 div.bottom {
	width: 780px;
	display: block;
	float: none;
	clear: both;
}
/*
	slijedeci raid
*/
div#content-595 div.next-raid, div#content-780 div.next-raid {
	display: block;
	float: none;
	clear: both;
	margin: 0 auto;
	padding: 10px;
	background-color: #6E0000;
	margin-bottom: 10px;
}
div#content-595 div.next-raid {
	width: 535px;
}
div#content-780 div.next-raid {
	width: 740px;
}
div.next-raid span#next-raid-toggler {
	position: absolute;
	display: block;
	height: 18px;
	width: 18px;
	cursor: pointer;
	background-image: url(../img/icon/hide-next-raid.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #6E0000;
	padding: 0;
	border: 1px solid #FFFFFF;
	/* content 595 */
	margin-left: 515px;
}
/* content 780 */
div#content-780 span#next-raid-toggler {
		margin-left: 720px;
}
div.next-raid span#next-raid-toggler b {
	display: block;
	width: 14px;
	border-top: 2px solid #FFFFFF;
	margin: 2px auto 0 auto;
	color: 6E0000;
}
div.next-raid a {
	color: #FFF;
	font-weight: bold;
}
div.next-raid h6 {
	color: #FFFFFF;
	font-size: 18px;
	margin: 0;
	padding: 0;
	display: block;
	float: none;
	clear: both;
	width: 97%;
}
div.next-raid p {
	color: #FFFFFF;
	padding: 5px 0;
	margin: 0;
	display: block;
	font-size: 12px;
}
/*
	recruitment sa desne strane
*/
div#recruitment {
	width: 175px;
	margin-top: 50px;
	margin-left: 10px;
	*margin-left: 5px;
	float: left;
	background-color: #FBE8AF;
	padding: 10px 0;
}
div#recruitment p {
	width: 165px;
	padding: 5px;
}
div#recruitment p a {
	color: #6E0000;
	font-weight: normal;
	text-decoration: underline;
}
div#recruitment h2 {
	float: none;
	clear: both;
	margin: 0;
	padding: 5px;
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #6E0000;
}
div#recruitment table {
	width: 175px;
}
div#recruitment table td {
	padding: 1px 0;
}
div#recruitment table td.slika {
	width: 40px;
	text-align: right;
	padding-right: 5px;
}
div#recruitment table td.tekst {
	width: 130px;
}
div#recruitment table td.tekst span {
	display: block;
}
/*
	recruitment index
*/
/*
	vijesti
	595px content
*/
h1.news {
	background-image: url(../img/title/news.png);
}
div.news-holder {
	display: block;
	float: none;
	clear: both;
	padding: 5px 5px 20px 5px;
	width: 545px;
}
div.news-holder a {
	color: #000000;
	text-decoration: underline;
}
div.news-holder a:hover {
	text-decoration: none;
}
div.news-alt {
	background-image: url(../img/background/news-alt-bg.png);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #F7E2A4;
	width: 545px;
}
div.news-info {
	display: block;
	float: none;
	clear: both;
	padding: 5px 0;
}
div.news-details {
	display: block;
	float: none;
	clear: both;
}
div.news-details p {
	margin: 0;
	padding: 5px 0;
}

/*
	galerija
*/
ul.galerija-list {
	float: none;
	clear: both;
	padding: 0;
	margin: 0;
	display: block;
}
ul.galerija-list li {
	float: left;
	height: 120px;
	width: 120px;
	padding: 5px 2px;
	display: block;
	margin: 0;
	text-align: center;
	background-color: #FFFFFF;
	margin-right: 2px;
	margin-bottom: 2px;
	position: relative;
	vertical-align: middle;
}
ul.galerija-list li a {
	position: relative;
}
ul.galerija-list li a img {
	vertical-align: middle;
}
/*
	za članke
*/
h1.article {
	
}
div.article {
	display: block;
	float: none;
	clear: both;
	width: 750px;
	padding: 0 5px;
	background-image: url(../img/background/news-alt-bg.png);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #F7E2A4;
	margin-bottom: 10px;
}
div.article h3 {

}
div.article div.info {
	display: block;
	float: none;
	clear: both;
	font-size: 11px;
	width: 100%;
	padding: 0 0 5px 0;
}
div.article div.tekst {
	display: block;
	float: none;
	clear: both;
	padding: 10px;
	width: 95%;
	margin: 0 auto;
	background-color: #FBE8AF;
}
div.article div.tekst p {
	margin: 0;
	padding: 3px 0;
}
div.article div.read-more {
	display: block;
	float: none;
	clear: both;
	text-align: right;
	width: 100%;
}
div.article div.border-bottom {
	/*border-bottom: 2px solid #6E0000;*/
	margin-bottom: 10px;
}
/* admin dio */
div.article h3 input {
	border: 0px none;
	background-color: #FFF;
	width: 96%;
	padding: 3px 5px;
	font-size: 16px;
	height: 16px;
	line-height: 16px;
	font-weight: normal;
	color: #6E0000;
}
div.article b.naslov {
	display: block;
	float: none;
	clear: both;
	font-size: 16px;
	font-weight: normal;
}
div.article div.tekst textarea {
	width: 100%;
	margin: 0 auto;
	height: 250px;
}
/*
	lista raidova i u kojima je bio lik
*/
table#my-raids {
	width: 760px;
	margin: 0 auto;
}
table#my-raids td {
	padding: 5px 4px;
	text-align: center;
}
table#my-raids tr.raids td {
	font-weight: bold;
	font-size: 10px;
}
table#my-raids td.raid-field {
	cursor: pointer;
}
table#my-raids td.raid-field-hover {
	background-color: #F8D365;
	cursor: pointer;
}
table#my-raids td.raid-did {
	background-color: #F8D365;
}
/*
	who is online list
*/
div#whoisonline {
	width: 155px;
	margin-top: 15px;
	margin-left: 10px;
	*margin-left: 5px;
	float: left;
	background-color: #FBE8AF;
	padding: 10px;
}
div#whoisonline h2 {
	float: none;
	clear: both;
	margin: 0;
	padding: 5px 0;
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #6E0000;
	width: 155px;
}
div#whoisonline h6 {
	float: none;
	clear: both;
	margin: 0;
	padding: 2px 0 0 0;
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #6E0000;
	width: 155px;
}
div#whoisonline span {
	display: block;
	float: none;
	clear: both;
	padding: 2px 0;
}
/*
	HEADER MENI
*/
div#header-meni {
	display: block;
	float: none;
	clear: both;
	width: 100%;
	background-color:#000;
	height: 30px;
	border-bottom: 1px solid #373737;
}
div#header-meni ul {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
	float: none;
	clear: both;
	width: 1000px;
	height: 30px;
	background-color:#000;
}
div#header-meni ul.meni {
	margin: 0 auto;
}
div#header-meni ul li {
	float: left;
	height: 30px;
	width: 200px;
	background-color:#000;
}
div#header-meni ul li a {
	display: block;
	float: none;
	clear: both;
	padding: 8px 10px;
	font-size: 12px;
	height: 14px;
	color: #BBB;
	width: 180px;
}
div#header-meni ul li a:hover {
	color: #FFF;
	background-color:#414141;
}
/* submeni */
div#header-meni ul li ul {
	width: 198px;
	position: absolute;
	left: -2000px;
	background-color:#000;
	border: 1px solid #373737;
	height: auto;
}
div#header-meni ul li.show-ul ul {
	left: auto;
	z-index: 100;
}
div#header-meni ul li ul li {
	width: 198px;
}
div#header-meni ul li ul li a {
	width: 178px;
}