body {
    margin: 0;
    padding: 0;
    font-family: verdana,arial,sans-serif;
    font-size: 12px;
    color: #1b1b1b;
    background: #c6c6c6 url("http://static.imgsrv.blogger.hu/common/background.jpg") repeat-x;
}
ul,li,form,h1,h2,h3,h4,h5,table,tr,td,tbody {
    margin: 0px;
    padding: 0px;
}
p { margin: 10px 0; padding: 0; }
a { outline: 0; text-decoration: none;}
h2,h3 { font-size: 14px; color: #4b1c5c; font-weight: bold;}

.layout_main { width:948px; margin: 0px auto;}

.layout_header {
    height: 216px;
    background: url("http://www.djlist.hu/template/images/header.png") no-repeat;
    position: relative;
    margin-top: 10px;
}
.layout_header a.logo{
    display: block;
    position: absolute;
    top: 9px;
    left: 10px;
    width: 165px;
    height: 160px;
}
.layout_header .logobeta {
    position: absolute;
    font-size: 9px;
    top: 109px;
    left: 149px;
    color: white;
}
.layout_header .box {
    position: absolute;
    top: 9px;
    right: 15px;
    width: 363px;
    height: 150px;
    color: #e1e1e1;
}
.layout_header .box form{
    width: 100%;

}


.layout_content {
    color: #1b1b1b;
    margin-top: 5px;
}
.layout_content .header {
    height: 5px;
    background: url("http://static.imgsrv.blogger.hu/common/content_header.gif") no-repeat;
    font-size: 1px;
}
.layout_content .content {
    padding: 3px 8px;
    background: #FFFFFF url("http://static.imgsrv.blogger.hu/common/content_background.gif") repeat-y;
}
.layout_content .footer {
    height: 6px;
    background: url("http://static.imgsrv.blogger.hu/common/content_footer.gif") no-repeat;
    font-size: 1px;
}

.layout_footer {
    margin: 5px 0;
    font-size: 12px;
    padding: 14px 10px 0 10px;
    height: 28px;
    background: url("http://static.imgsrv.blogger.hu/common/footer.gif") no-repeat;
    color: #e1e1e1;
}
.layout_footer .left {
    font-weight: bold;
}
.layout_footer a{
    color: #e1e1e1;
}

.login_title {
    font-size: 16px;
    font-weight: bold;
    color: #e1e1e1;
    margin-top: 5px;
}










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


/* Button */
a.button, span.button, del.button{
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:0;
    line-height:0;
	background-position:0 0;
	background-repeat:no-repeat;
	height:78px;
	text-decoration:none;
	color:#FFFFFF;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;
	vertical-align:middle;

    padding-top:-2px;
	_position:relative;
	_width:10px;
	_overflow-y:hidden;
}

a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span{
    background-image:url("http://static.imgsrv.blogger.hu/common/button.png");
    _background-image:url("http://static.imgsrv.blogger.hu/common/button.gif");
}
a.button span, span.button button, span.button input, del.button span{
	white-space:nowrap;
	cursor:pointer;
    color:#ffffff;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    letter-spacing:0 !important;
    font-family:"Arial" !important;
    font-size:24px !important;
    font-style:normal;
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:54px;
	padding:23px 26px 0 10px;
	margin:0 -16px 0 16px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
        _padding-top:23px;
        _padding-left:0px;
	_padding-right:18px;
	_margin-right:-10px;
	_display:block;
	_top:0;
	_right:-5px;
}
span.button button{
   line-height:2.5;/*Opera need this*/
}
html.safari a.button span,
html.safari del.button span{
  line-height:1.3;
}
html.safari span.button button{
  line-height:2.6;
}
html.safari a.button:focus,
html.safari span.button button:focus{
    outline:none;
}
del.button{
	background-position:0 -120px;
}
del.button span{
	cursor:default;
    color:#aaa !important;
	background-position:100% -120px;
}
span.button button, span.button input{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}
/** optional **/
/*
a.button:visited{
	color:#aaa;
}
*/

/*Hover Style*/
a.button:hover,
span.button:hover,
a.button:focus,
a.dom-button-focus,
span.button-behavior-hover{
	background-position:0 -90px;
	color:#FFFFFF;
	text-decoration:none;
}
a.button:hover span,
span.button:hover button,
a.button:focus span,
span.button-behavior-hover button,
span.button-behavior-hover input{
	background-position:100% -90px;
}

a.button:active, a.button:focus span{
	color:#FFFFFF;
}

del.button-behavior-hover, del.button:hover{
	background-position:0 -180px;
}


del.button-behavior-hover span, del.button:hover span{
	background-position:100% -180px;
}






/* Button2 */
a.button2, span.button2, del.button2{
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
        font-size:0;
        line-height:0;
	background-position:0 -296px;
	background-repeat:no-repeat;
	height:32px;
	text-decoration:none;
	color:#FFFFFF;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;
	vertical-align:middle;

    padding-top:-2px;
	_position:relative;
	_width:10px;
	_overflow-y:hidden;
}

a.button2, span.button2, del.button2,
a.button2 span, span.button2 button, span.button2 input, del.button2 span{
    background-image:url("http://static.imgsrv.blogger.hu/common/button.png");
    _background-image:url("http://static.imgsrv.blogger.hu/common/button.gif");
}
a.button2 span, span.button2 button, span.button2 input, del.button2 span{
	white-space:nowrap;
	cursor:pointer;
    color:#ffffff;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    letter-spacing:0 !important;
    font-family:"Arial" !important;
    font-size:14px !important;
    font-style:normal;
    background-color:transparent;
	background-position:100% -296px;
	background-repeat:no-repeat;
	height:22px;
	padding:10px 26px 0 10px;
	margin:0 -16px 0 16px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
        _padding-top:11px;
        _padding-left:0px;
	_padding-right:18px;
	_margin-right:-10px;
	_display:block;
	_top:0;
	_right:-5px;
}
span.button2 button{
   line-height:2.5;/*Opera need this*/
}
html.safari a.button2 span,
html.safari del.button2 span{
  line-height:1.3;
}
html.safari span.button2 button{
  line-height:2.6;
}
html.safari a.button2:focus,
html.safari span.button2 button:focus{
    outline:none;
}
del.button2{
	background-position:0 -296px;
}
del.button2 span{
	cursor:default;
    color:#aaa !important;
	background-position:100% -296px;
}
span.button2 button, span.button2 input{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}
/** optional **/
/*
a.button2:visited{
	color:#aaa;
}
*/

/*Hover Style*/
a.button2:hover,
span.button2:hover,
a.button2:focus,
a.dom-button2-focus,
span.button2-behavior-hover{
	background-position:0 -336px;
	color:#FFFFFF;
	text-decoration:none;
}
a.button2:hover span,
span.button2:hover button,
a.button2:focus span,
span.button2-behavior-hover button,
span.button2-behavior-hover input{
	background-position:100% -336px;
}

a.button2:active, a.button2:focus span{
	color:#FFFFFF;
}

del.button2-behavior-hover, del.button2:hover{
	background-position:0 -336px;
}


del.button2-behavior-hover span, del.button2:hover span{
	background-position:100% -336px;
}

/* Firefox bugfix  */
.cf:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cf{display: inline-block;}
* html .cf{	height: 1%;}
.cf{display: block;}
/* Firefox bugfix vége */



.contentbox {
    margin-top: 10px;
}
.contentbox .title {
    position: relative;
    padding: 4px 0px;
}
.contentbox .title span{
    font-size: 12px;
    background: #000000 url("http://djlist.hu/template/images/boxtitle_background.jpg") no-repeat -4px 0;
    color: #FFFFFF;
    padding: 4px;
}
.contentbox .title:after {
    content: "";
    display: block;
    height: 45px;
    width: 4px;
    position: absolute;
    top: 0px;
    left: -4px;
    background: #000000 url("http://djlist.hu/template/images/boxtitle_background.jpg") no-repeat -4px 0;
}
.contentbox .content {
    background: #F6F6F6;
    border: 1px solid #000000;
    padding: 10px;
}


/* -------------------- Index ----------------------- */
.error {
    background: #CF3348;
    color: #ffffff;
    text-align: center;
}
input.input {
    background: url("http://static.imgsrv.blogger.hu/index/input_background.gif") no-repeat;
    height: 22px;
    width: 343px;
    display: block;
    border: none;
    margin-top: 5px;
    font-size: 15px;
    padding: 5px 10px;
    font-weight: bold;
}
input.submit {
    background: url("http://static.imgsrv.blogger.hu/index/enter.gif") no-repeat;
    display: block;
    width: 150px;
    height: 43px;
    border: none;
    cursor: pointer;
}
table.misc {
    margin-top: 5px;
    font-size: 14px;
    line-height: 20px;
}
table.misc a{
    color: #e1e1e1;
}
table.misc a:hover{
    text-decoration: underline;
}


table.maintable {
    width: 100%;
}
table.maintable td.column{ width: 300px; padding: 5px; vertical-align: top;}
table.maintable p {text-align: justify; font-size: 11px;}

table.featurelist td{
    height: 65px;
    vertical-align: middle;
}

/* Kiajánlók */
.box {
    color: #ff005a;
}
.box ul{
    list-style: none;
    height: 260px;
    overflow: hidden;
}
.box li {
    margin: 10px 0;
    line-height: 15px;
}
.featurebox { height: 320px;}

/*
lila: #4b1c5c
háttérszürke: #ececec
szöveg-fekete: 1b1b1b

*/