body
{
	font-family: "trebuchet ms", trebuchet, sans-serif;
	font-size: 13px;

	background-color: #432;

	margin: 0;
	padding: 0;

	background-image: url(../images/design/wall2.png);
}

* html,
* html body
{
    height: 100%;	
    overflow: auto;
}

.hidden
{
	display: none;
}

.pad8
{
    padding: 8px;
}

img
{
	border: 2px solid black;
	background-color: #775;
}

div
{
	margin 0;
	padding 0;
}

div.cborder
{
	margin: 30px auto;

	width: 924px;

	background-image: url(../images/design/dark1.png);
	border: 3px solid black;
}

div.container
{
	background-color: #221;
	background-image: url(../images/design/dark2.png);

	padding: 8px;
}

div.header
{
	color: #ccc;
	height: 100px;

	background-color: #443;

	background-image: url(../images/design/logo.png);
}

div.footer
{
    padding: 4px 0px;
    padding-top: 12px;
	clear: both;
	background-color: #221;
	background-image: url(../images/design/footer.png);
	color: #888;

	text-align: center;

	width: 100%;
}

/* -- splash --*/

div.splash
{
	margin: 30px auto;

	text-align: center;
}

div.splash-img
{
    margin: 0 auto;

	border: 2px solid #888;

	width: 644px;
}

div.splash-img img
{
	border: 0px solid black;
}

div.splash-txt
{
    margin: 30px auto;
    padding: 4px;

	border: 2px solid #888;
	background-color: #222;
	color: #888;

	width: 400px;
}


div.splash-txt a.enter
{
	color: #cc0;
	font-weight: bold;
	font-size: 2em;
	text-decoration: none;
}

div.splash-txt a.enter:hover
{
	color: #cc8;
	font-weight: bold;
	font-size: 2em;
	text-decoration: underline;
}


/* -- tartalom -- */

div.content
{
	float: right;
	width: 734px;

	min-height: 770px;
	_height: 792px;  /* IE fix */

	background-color: #bb9;

	padding: 8px 8px;
	padding-top: 0;

	background-image: url(../images/design/content.png);
}

div.content h1
{
	border-bottom: 2px solid #333;

	margin-top: 0px;
	margin-bottom: 0px;

	padding-left: 8px;
	background-color: #997;
	background-image: url(../images/design/page_header_.png);
	background-repeat: no-repeat;
}

div.flash
{
	text-align: center;
	padding: 8px;
	background-color: #886;
	border: 1px dotted black;
}

div.left
{
	float: left;
	display: inline;
}

div.textcontent
{
	padding: 8px;
	background-color: #886;
	color: #222;
	background-image: url(../images/design/textcontent.png);
	background-position: bottom center;
	padding-bottom: 16px;
}

/* -- oldalsáv -- */

div.sidebar
{
	width: 150px;
	float: left;
	margin-right: 8px;

	overflow: hidden;

	background-color: #221;

	color: #ccc;
	background-image: url(../images/design/dark2.png);
}

div.menu, div.box
{
    margin-bottom: 8px;

	background-image: url(../images/design/sidebar_box.png);
	background-position: bottom left;
	background-color: #332;
	color: #ccc;
}

div.menu div, div.box div
{
    padding: 8px;
}

div.sidebar div h3
{
	border-bottom: 2px solid #222;

	padding: 4px 4px 4px 12px;
	margin: 0;
	background-image: url(../images/design/sidebar_box_header.png);
	background-color: #554;
	color: #ccc;
}

div.sidebar a
{
	color: #cc0;
	font-weight: bold;
	text-decoration: none;
}

div.sidebar a:hover
{
	color: #cc8;
	text-decoration: underline;
}

div.menu ul
{
    margin: 0;
    padding: 0;
}

div.menu li
{
    margin: 2px;
    padding: 2px;
    text-align: center;
    list-style-type: none;
}

div.menu li:hover
{
    background-color: #221;
	background-image: url(../images/design/dark2.png);
	border-left: 2px solid #666;
	border-right: 2px solid #666;
}

div.menu a
{
	color: #cc0;
	text-decoration: none;
}

div.menu li:hover a
{
	color: #ccf;
	text-decoration: none;
}


div.menu li:hover a:hover
{
	color: #ccf;
	text-decoration: underline;
}


/* -- általános -- */

a
{
	color: #ccc;
	text-decoration: none;
}

a:hover
{
	color: #cc8;
	text-decoration: underline;
}

div.center
{
	text-align: center;
}

div.formbox
{
	padding: 4px 30px;
	text-align: center;
}


div.navigation
{
	margin: 0;
	margin-top: 10px;
	background-color: #775;
	padding: 4px 32px;
	text-align: right;
	height: 22px;
	background-image: url(../images/design/category_head.png);
	background-position: top center;
	border-bottom: 1px solid #444;
}

div.navigation2
{
	margin: 0;
	background-color: #775;
	padding: 4px 32px;
	text-align: right;
	height: 22px;
	background-image: url(../images/design/navi.png);
	background-position: bottom center;
	border-top: 1px solid #444;
}


div.navigation span
{
	display: block;
	margin: 2px 0;
}

form
{
	margin: 0;
	padding: 0;
}

select, input.field, textarea
{
	font-family: "trebuchet ms", trebuchet, sans-serif;
	font-size: 12px;
	border: 1px solid #000;
	background-color: #ccc;
}

button
{
	font-family: "trebuchet ms", trebuchet, sans-serif;
	font-size: 12px;
	padding: 0 20px;
}

input, textarea
{
	padding: 2px;
}

textarea
{
   height: 5em;
}

/* -- felhasználónevek -- */

span.user
{
	font-weight: bold;
	color: #250;
}

span.admin
{
	font-weight: bold;
	color: #fc0;
}

span.guest
{
	font-weight: bold;
	color: #000;
}

/* -- hírek -------------------------------------- */

table.news
{
	width: 100%;
	margin: 0; padding: 0;
	border-collapse: collapse;

}

table.news tr
{
    margin: 0;
    padding: 0;
}


table.news td.left
{
    width: 50%;
    padding: 0 8px 0 0;
    margin: 0;
}

table.news td.right
{
    width: 50%;
    padding: 0 0 0 8px;
    margin: 0;
}

div.newsitem_left
{
	background-color: #886;
	color: #222;
	background-image: url(../images/design/news_body.png);
	background-position: bottom center;

	margin: 16px 0;
	margin-bottom: 0;
	padding: 0;

	min-height: 190px;
	width: 356px;

	text-align: justify;
}

div.newsitem_left img
{
    float: right;
    margin-bottom: 8px;
}

div.newscontainer
{
    padding: 8px;
    _width: 337px;
}

div.newsitem_left h2
{
    text-align: left;
    border-bottom: 1px solid black;

    margin: 0;
    padding: 4px 8px 4px 12px;
   	background-image: url(../images/design/news_header.png);
   	background-color: #775;
}

div.newsitem_right
{
	background-color: #886;
	color: #222;
	background-image: url(../images/design/news_body.png);
	background-position: bottom center;

	margin: 16px 0;
	margin-bottom: 0;
	padding: 0;

	min-height: 190px;
	width: 356px;

	text-align: justify;
}

div.newsitem_right img
{
    float: left;
    margin-bottom: 8px;
}

div.newsitem_right h2
{
    text-align: right;
    border-bottom: 1px solid black;
    background-color: #775;


    margin: 0;
    padding: 4px 12px 4px 8px;
   	background-image: url(../images/design/news_header.png);
}

table.news img.right
{
    float: right;
    margin-left: 14px;
}
table.news img.left
{
    float: left;
    margin: 0;
    margin-right: 16px;
}

/* -- vendégköny --------------------------------- */

div.guestbook_head
{
	border: 1px solid black;
	background-color: #bb9;
	padding: 2px 10px;
}

div.postbox
{
	padding: 4px 30px;
	text-align: center;
	background-image: url(../images/design/textcontent.png);
	background-position: bottom center;
	background-color: #997;
	color: #222;
}

div.postlist
{
	padding: 0;
}

div.post
{
	border-bottom: 1px solid #444;
	border-top: 1px solid #444;
	background-color: #886;
	margin: 4px 0;
	padding: 2px 4px 2px 4px;
   	background-image: url(../images/design/light2.png);
   	color: #222;
}

div.posthead
{
	border-bottom: 1px solid black;
	padding: 0 4px;
}

div.postinfo
{
	padding: 0 0 10px 10px;
}

div.postcontent
{
	padding: 0;
	padding-left: 20px;

	overflow: visible;
}

div.postfooter
{
	padding: 0 8px;
	border-top: 1px dotted #222;
}

div.gbfooter
{
	padding: 0 80px;
	text-align: center;
}

/* -- statisztika -------------------------------- */

table.stat
{
	margin: 0 auto;
}

table.stat th
{
 	background-color: #888;
}

table.stat tr.row1
{
 	background-color: #ccc;
}

table.stat tr.row2
{
 	background-color: #aaa;
}

table.stat a
{
	color: #00f;
	text-decoration: underline;
}

/* -- hírlevél ----------------------------------- */

div.newsletter
{
	font-family: "lucida console", courier, monospace;
	font-size: 13px;
	text-align: left;
	margin: 2px;
	padding: 2px;
	border: 1px dotted #000;
	background-color: #ccf;
}

div.newsletter a
{
	color: #00f;
	text-decoration: underline;
}

/* -- képek -------------------------------------- */

table.gallery
{
    border-spacing: 0 4px;
}

table.gallery td
{
	border-bottom: 1px solid #444;
	border-top: 1px solid #444;
	background-color: #886;
	background-image: url(../images/design/light2.png);

}

/* -- rólunk ------------------------------------- */

img.left
{
	float: left;
	margin-right: 16px;
}

img.right
{
	float: right;
	margin-left: 16px;
}

/* -- linkek ------------------------------------- */

table.links
{
	width: 100%;
}

table.links td
{
	text-align: right;
	width: 48%;
}

table.links th
{
	text-align: left;
	font-weight: normal;
	width: 52%;
}

/* -- linkek ------------------------------------- */

div.categorybox
{
    padding-bottom: 4px;
	margin-top: 8px;
	background-color: #886;
	background-image: url(../images/design/textcontent.png);
	background-position: bottom center;
	color: #222;
}


div.categorybox h2
{
	margin: 0;
	padding: 4px 16px;
	border-bottom: 1px solid black;
	background-image: url(../images/design/category_head.png);
	background-position: top center;
	color: #222;
}

/* -- csapat ------------------------------------- */

div.members
{
	padding: 8px;
	background-color: #775;
	background-image: url(../images/design/light3.png);
	text-align: center;
	border-bottom: 2px solid #444;
}

div.members ul
{
    margin: 0;
    padding: 0;
    border-bottom: 1px solid black;
}

div.members ul li
{
    margin: 2px;
    padding: 2px 20px;
    text-align: center;
    list-style-type: none;
    display: inline;
}

div.members ul li:hover
{
	background-color: #554;
	background-image: url(../images/design/dark.png);
	background-position: bottom center;
	padding: 2px 18px;
	border-left: 2px solid #222;
	border-right: 2px solid #222;
}

div.pics
{
	padding: 4px;
	background-color: #886;
	background-image: url(../images/design/bio_pics.png);
	background-position: bottom left;
	width: 208px;
	float: left;
	border-right: 2px solid #444;
}

div.pics img
{
    margin: 2px;
}

div.bio
{
	padding: 8px;
	background-color: #886;
	background-image: url(../images/design/bio_bio.png);
	background-position: bottom center;
	width: 500px;
	float: right;
	color: #222;
}

div.bio h2
{
	margin: 8px 0;
	padding: 8px;
	border-bottom: 1px solid black;
}

div.bio h3
{
	margin: 0;
	margin-top: 30px;
	margin-bottom: 8px;
	padding: 0 8px;
	border-bottom: 1px solid black;
}

/* -- diszkográfia ---------------------------------- */

div.release
{
	min-height: 280px;
	_height: 282px;  /* IE fix */

	margin-top: 8px;
	background-color: #886;
   	background-image: url(../images/design/textcontent.png);
   	background-position: bottom center;
   	color: #222;
}

div.release div.info
{
    margin-left: 216px;
    padding-left: 12px;
    border-left: 1px dotted black;
	text-align: justify;
}

div.release h2
{
	margin: 0;
	padding: 4px 16px;
   	background-image: url(../images/design/category_head.png);
   	background-position: top center;
	border-bottom: 1px solid black;
	background-color: #775;
}

div.release small
{
    display: block;
	margin: 0;
	margin-bottom: 8px;
	padding: 0 8px;
}


div.release img
{
	margin-right: 16px;
	float: left;
}

/* -- trackshop -- */

div.track
{
	border-bottom: 1px solid #444;
	border-top: 1px solid #444;
	margin: 4px 0;
	padding: 4px;
	background-color: #886;
	background-image: url(../images/design/light2.png);
	color: #222;
}

table.track
{
	width: 100%;
}

table.track td
{
	text-align: center;
	width: 50%;
}

/* -- window -- */

div#bseoverlay
{
    position:fixed;
    margin: 0;
    padding: 0;
    top:0;

    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;

    filter: alpha (opacity = 40);
    opacity: .4;
    z-index: 9998;
}

* html div#bseoverlay
{
    position:absolute;
}


div#bsewindow
{
    border: 1px solid #0a365b;
    background: #ddd url(../images/window/framebottom.gif) repeat-x bottom center;
    z-index: 9999;
    position: fixed;
}

* html div#bsewindow
{
    position:absolute;
}


div#bsewindowcontent
{
    overflow: auto;
}

div#bsewindow h1
{
    background: #ddd url(../images/window/caption.gif) repeat-x top center;
    border: 0;
    margin: 0;
    font-size: 11px;
    height: 16px;
    padding: 2px 2px 2px 4px;
    text-align: left;
    overflow: hidden;
    color: #fff;
}

a#bsewindowclose
{
    background: transparent url(../images/window/close.gif) no-repeat 0px 0px;
    margin-top: 1px;
    float: right;
    display: inline;
    width: 16px;
    height: 16px;
}

a#bsewindowclose:hover
{
    background-position: 0 -16px;
}

a#bsewindowclose:active
{
    background-position: 0 -32px;
}