/*
	[www.zeneszoveg.hu]
								*/

body { padding: 0; margin: 0; font: 0.7em Tahoma, Arial, sans-serif; line-height: 1.6em; background: #edf4fc; color: #454545;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	}

/* links */
a { color: #003B6E; background: inherit; }
a:hover { color: #9EC068; background: inherit; }

/* headings */
h2 { font: bold 1.15em Tahoma, Arial, sans-serif; margin: 0; padding: 0; color: #4888a6;}
h2 a { color: #2b2b2b; background: #fff; text-decoration: none; }
h2 a:hover { color: #2b2b2b; background: #FFF; }

h1 {
	text-indent: -9999px;
	background: url(http://kulfoldi.zeneszoveg.hu/images/songbook-lyrics-dalszoveg-logo.jpg) no-repeat center;
	width: 300px;
	height: 69px;
	margin :0;
	padding:0;
}
.title { color: #808080; background: #fff; }

/* lists and form elements */
ul { margin: 0 0 0 -33px; padding : 0; list-style : none; }
form { margin: 0; }
input.search { width: 279px; border: none; background: #fff url(images/input.gif) no-repeat; padding: 6px 10px; color: #1E67A8; font-weight: bold; }
input.button { padding: 3px; }


/* urlbar */
#urlbar { 	margin: 0px auto;
			width: 998px;
			background: url(images/zeneszoveg_oldalcsik.gif) repeat-y;

}

/* background */
#background { 	margin: 0px auto;
			width: 980px;
            background: #ffffff;
            border-left: 1px solid #c2d734;
            border-right: 1px solid #c2d734;
}

/* content holder */
#content { 	margin: 0px auto;
			width: 960px;
            background: #ffffff;
}

#send_page { 	margin: 5px auto;
			width: 500px;
           background-color: #fff;
            border: 2px solid #ccc;
}

#send_page_header { 	margin: 5px auto;
			width: 480px;
			height: 70px;
           background-color: #fff;
}

#send_page img {
	           float: left;
			}

#send_page h1 {
	            color: #4888a6;
	             float: right;
	             font: bold 2.5em Tahoma, Arial, sans-serif; margin: 0; letter-spacing: -1px;
			}

.send_field {
width : 400px;
height : auto;
border : 0px;
margin: auto;
}

.send_footer {
	border : 1px solid #ccc;
	padding: 10px;
	margin: 10px;
}

.send_none {
	border : 0px;
}
.send_button { margin : 0px; width : 80px; height : 25px;}

/* header */
#header {position :relative; width:478px; height: auto; float: left; margin-bottom: 5px;}

#logo {
		width:300px;
		height: 69px;
        top: 0px;
		padding: 5px 0 0 8px;
		}

#header_banner {
				width:478px;
				height: auto;
				margin: 5px 0 0 0;
				}

#logo p { margin: 0; padding: 0 0 0 10px; color: #808080; background: #fff; }
#top_info { float: right; width: 570px; margin: 20px 5px 0 0; text-align: right; }

/* horizontal tabbed menu */
#tabs { float: left; background: #fff url(images/bigmenu.jpg) no-repeat top left; color: #000;  width: 750px; height: 64px; text-align: center; padding: 0 0 0 210px; }
#tabs li { display: inline; height: 45px; }
#tabs li a { float: left; background: #fff url(images/barbg.gif) no-repeat; color: #808080; padding: 7px 0; width: 82px; text-align: center; font-weight: bold; text-decoration: none; }
#tabs li a:hover { background: #fff url(images/barcurrent.gif) no-repeat; color: #000; }
#tabs li a.current { background: #fff url(images/barcurrent.gif) no-repeat; color: #2C71AE; }
.key { text-decoration: underline; }

/* search form */
#search {
	float: left;
	clear: both;
	color: #000;
	background: #fff url(images/searchbox.jpg) no-repeat;
	padding: 14px 0 20px 5px;
	width: 500px;
	margin: 5px 0 0 0;
}
	#search p { padding: 0; margin: 0; }

/* magnum banner */
.magnum_advert { padding-bottom: 20px; width: 100%; text-align: center; }

/* grey subheader */
.gboxtop { clear: both; height: 8px; background: #dedede url(images/gboxtop.gif) no-repeat; color: #000; }
.gbox { background: #dedede url(images/gbox.gif) no-repeat bottom left; color: #444; padding: 1px 13px 7px 13px; margin: 0 0 10px 0; }
.gbox p { padding: 7px 0; margin: 0;}

/* login_box */
.loginboxtop { clear: both; height: 8px; background: #ffffff url(images/login_box_top.gif) no-repeat; color: #000; }
.loginbox { background: #ffffff url(images/login_box_tail.gif) no-repeat bottom left; color: #444; padding: 1px 13px 7px 13px; margin: 0 0 10px 0; }
.loginbox p { padding: 7px 0; margin: 0; }

/* 10px 13px 7px 13px;  */
.lyrics_selector {float: left; width: 960px; height: 40px;  padding: 0 0 0 0; margin: 35px 0 0 0; text-align: center; }



/* left side */
.left { float: left; width: 650px; margin: 0 0 10px 0; }
	.left_articles {



		margin: 0 20px 15px 10px;
		padding: 10px 0 0 0;
		text-align: justify;
		border-bottom: 1px dotted #ccc;
		color: #000;
		background: #fff;
		font: 1.1em Tahoma, Arial, sans-serif;
		line-height: 140%;

	}
	.left_articles_without_border {
		margin: 0 20px 15px 10px;
		padding: 10px 0 0 0;
		text-align: justify;
		color: #000;
		background: #fff;
		font: 1.1em Tahoma, Arial, sans-serif;
		line-height: 140%;
	}

.left_performer_bar{
			position:relative;
			float:left;
			top:0px;
			left:0px;
			width:300px;
			margin:0;
			padding:0;
			background: #fff;
			}

.right_performer_bar{
			position:relative;
			float:left;
			top:0px;
			left:0px;
			width:300px;
			margin-left:10px;

			background: #fff;
			}

	.calendar { height: 50px; float: left; background: #fff url(images/calendar.gif) no-repeat; width: 50px; padding: 5px 0 0 9px;  color: #808080;}
	.calendar p { padding: 0; margin: 0;}
	.description { font: 1.01em Tahoma, Arial, sans-serif; padding: 0 0 2px 0; margin: 0 10px 5px 0; border-bottom: 1px dotted #ccc; }
	.thumbnail { float: left; margin: 0 18px 8px 0; border: 1px solid #dedede; }


/* bottom thirds */
.thirds { float: left; width: 203px; background: #eee; margin: 0 12px 0 0; color: #5d5d5d; }
	.smallboxtop { height: 14px; background: #fff url(images/smallboxtop.gif) no-repeat; color: #000; }
	.smallbox { background: #fff url(images/smallbox.gif) no-repeat bottom left; color: #444; padding: 1px 10px 10px 10px;  }
	.smallbox p { padding: 0; margin: 0; }

.thirds { float: left; width: 304px; background: #eee; margin: 0 12px 0 0; color: #5d5d5d; }
	.middleboxtop { height: 14px; background: #fff url(images/middleboxtop.gif) no-repeat; color: #000; }
	.middlebox { background: #fff url(images/middlebox.gif) no-repeat bottom left; color: #444; padding: 0 10px 15px 10px;  }
	.middlebox p { padding: 0; margin: 0; }

.comments { float: left; width: 620px; background: #ffffff; margin: 12px 12px 0 0; color: #5d5d5d; }

.lexicon { float: left; width: 620px; background: #ffffff; margin: 12px 12px 0 0; color: #5d5d5d; }
	.lexicon_header{ font-family:Georgia, 'Times New Roman', Times, serif;
              						 font-weight:normal;
              						 font-style:italic;
              						 letter-spacing:.3em;
              						 background: #fff url(images/lexicon_header.gif) no-repeat;
              						 color : #FFFFFF;
									 text-align : center;
          							 margin : 1 0;
									 padding : 2px;
									 top: 50px;
									 }
	.lexicon_body 			{ margin : 2px 0 0 0;
									 padding : 5px 45px;
									 color : #666666;
									 text-align : justify;
									 border  :1px solid #ccc;
									 background :  #E8E8E8; }

.stat_footer { float: left; width: 635px; background: #fff; margin: 0 0 0 0;}

/* right side */
#right {
    float:right;
	width: 295px;
	margin: 25px 0 10px 0;
}
	.boxtop { height: 19px; background: #fff url(images/boxtop.gif) no-repeat; text-align: center; text-transform: uppercase; font-size: 10px; color: #000; width: 295px; }
	.box { background: #fff url(images/box.gif) no-repeat bottom left; color: #5b5b5b; padding: 0 10px 15px 10px; margin: 0 0 10px 0; }
	.boxvideo { background: #fff url(images/box.gif) no-repeat bottom left; color: #5b5b5b; padding: 0 4px 5px 0;  margin: 0 0 0 0; text-align: center}
	.box p { padding: 0; margin: 0;}
	.image { float: left; margin: 0 9px 3px 0; }
	.duma { float: left; margin: 0 9px 3px 0; z-index: -1;}
	.user_link { background: transparent; }
	.user_link:hover { background: transparent; }

	.external_link { background: transparent;
					 text-decoration: none;
                     vertical-align: sub;
                     padding-left: 5px;
					}
	.external_link:hover { background: transparent; }

	.external_link_pic { background: transparent;
					 text-decoration: none;
					 vertical-align: bottom;}

	.external_link_pic:hover { background: transparent;
								border: solid 1px; }

/* normal box */
#title_boxes {
	float: left;
	width: 308px;
}

.simple_box {
	float: left;
	width: 610px;
	background: #fff;
}


#sheet_publish_text {
	float: left;
	width: 610px;
	background: #fff;
}



.normal_boxtop {height: 19px; background: #fff url(images/boxtop.gif) no-repeat; text-align: center; text-transform: uppercase; font-size: 10px; color: #000; width: 295px;}
	.normal_box { background: #fff url(images/box.gif) no-repeat bottom left; color: #5b5b5b; padding: 0 10px 10px 10px; margin: 0 0 15px 0;  width: 275px;
	line-height: 18px;
    font-size: 12px}
	.normal_box p { padding: 0; margin: 0;}
	.normal_box_news { padding: 0; margin: 0; font-size: 10px}
	.normal_box_news_image { float: left; margin: 0 9px 3px 0; }
	.normal_link { background: #fff;text-decoration: none;}
	.normal_link:hover { background: #fff; text-decoration: underline; }

/* double box */
.double_boxtop {height: 19px; background: #fff url(images/doubleboxtop.gif) no-repeat; text-align: center; text-transform: uppercase; font-size: 10px; color: #000; margin: 0 0 0 0; width: 600px;}
	.double_box { background: #fff url(images/doublebox.gif) no-repeat bottom left; color: #5b5b5b; padding: 10px 10px 10px 10px; margin: 0 0 15px 0;  width: 580px;}
	.double_box p { padding: 0; margin: 10px 35px 10px 10px;}

	.double_image { float: left; margin: 0 9px 3px 0; }
	.double_duma { float: left; margin: 0 9px 3px 0; z-index: -1;}
	.double_link { background: #fff;}
	.double_link:hover { background: #fff;}

.double_boxtop_info {height: 19px; background: #fff url(images/doubleboxtop_info.gif) no-repeat; text-align: center; text-transform: uppercase; font-size: 10px; color: #000; margin: 0 0 0 0; width: 610px;}
	.double_box_info { background: #fff url(images/doublebox_info.gif) no-repeat bottom left; color: #5b5b5b; padding: 10px 10px 10px 10px; margin: 0 0 0 0;  width: 590px;}
	.double_box_info p { padding: 0; margin: 10px 35px 10px 10px;}
	.double_box_info ul { margin-left: 30px; list-style-type: square; }

	.double_image_info { float: left; margin: 0 9px 3px 0; }
	.double_duma_info { float: left; margin: 0 9px 3px 0; z-index: -1;}
	.double_link_info { background: #fff;}
	.double_link_info:hover { background: #fff;}

#middle_boxes {
	float: left;
	width: 600px;
}

/* Marquard hirdetesi doboz */
#doboz {
	margin-left: -10px;
}


/* login aera */
.login
        {
         	font-family: Tahoma, Verdana, Arial, sans-serif;
        	text-align: left;
        	letter-spacing:.1.5em;
        	font-size: 12px
        }

fieldset input { float : left; width : 150px; margin : 0 20px; border : 1px solid #c2d734; }
fieldset input:hover { border-color : #000; }
fieldset input:active, input:focus { border-color : #900; }
fieldset input#submit { margin : 0 130px; width : 151px;}

label, label span { display : block; padding-bottom : .25em; }
label { float : left; width : 100%;}
label span { float : left; width : 110px; text-align : right; letter-spacing:.1em; }
form div { margin-bottom : 20px; padding : 10px 20px; border : 1px solid #a23668; text-align : center; }

fieldset {
float : left;
width : 400px;
height : 70px;

margin : 0 20px 10px 0;
padding : 20px;
background : url(images/login_icon.jpg) no-repeat; background-position: top right;
border : 1px solid #ffffff;
overflow : hidden; }

fieldset:hover { border : 1px dotted #c2d734; }



/* sent text */
.double_send_text_box {
float : left;
width : 540px;


margin : 0;
padding : 1px;
border : 0px;
overflow : hidden; }

.sent_textbox {
font-family:Verdana,Arial,Helvetica,san-serif;
font-size:10px;
color:#000;
background-color:#e1e1e1;
}

.sent_textbox_translate {
font-family:Verdana,Arial,Helvetica,san-serif;
font-size:10px;
color:#000;
background-color:#fff;
}




/* misc */
.buttons { text-align: right; padding: 4px 3px 0 0;}
.left_articles .buttons { float: right; height: 25px; }
.bluebtn  { background: #488EB2 url(images/bluebtn.gif ) no-repeat; width: 100px; padding: 4px 13px 3px 9px; color: #fff; font-size: 9px; text-decoration: none; }
.greenbtn { background: #488EB2 url(images/greenbtn.gif) no-repeat; width: 100px; padding: 4px 13px 3px 9px; color: #fff; font-size: 9px; text-decoration: none; }
.bluebtn:hover, .greenbtn:hover { background: #488EB2 url(images/hoverbtn.gif) no-repeat; color: #fff; }

/* footer  */
.footer { 	clear: both;
			text-align: center;
			line-height: 1.8em;
			padding: 10px 0 10px 0;
			border-top: 1px solid #ccc;
			}

.footer img {
	        vertical-align: bottom;
			}


/*lyrics selector */
#minidb
        {   font-family:Georgia, Verdana , Times, serif;
        	text-align: center;
         	text-decoration: none;
        }

.minidb a, .minidb a:visited {
	color: #333;
	padding:  2px 4px 2px 4px;
	border: 1px solid #f7f7ef;
	text-decoration: none;
}

.minidb a:hover {
	color: #FFFFFF;
	padding:  2px 4px 2px 4px;
	border: 1px solid #efefe7;
	background-color: #CCCCCC;
	text-decoration: bold;
}

.char_selected
        {
        	color: #000000;
        	text-transform: capitalize;
        	padding:  2px 4px 2px 4px;
        	border: 1px solid #efefe7;
			background-color: #f7f7ef;
        }

#error
        {
        	margin: 10px 10px 10px 10px;
			width: 980px;
			font-family:Georgia, Verdana , Times, serif;
        	text-align: center;
         	text-decoration: none;
         	border: 3px solid #CCCCCC;
         	background-color: #f7f7ef;
        }

.locked {
			font: italic Tahoma, Arial, sans-serif;
			font-style: italic;
			color: #A2C6D5;
			font-size: 11px;
		}

.login_warning
		{
		color: #4888a6;
	    text-align: center;
	    font: bold 0.9em Verdana , Times, serif; padding: 10px;
	    background-color: #E9E9E9;
	    border: 1px solid #CCCCCC;
		}

.alien_title
	{
	font: small-caps bold 0.9em Verdana , Times, serif;
	}

.site_infobox{
				width: 575px;
                background-color: #fff9d7;
                border: 1px solid #e2c822;
                color: #333333;
                padding: 10px;
                font-size: 13px;
                font-weight: bold;
            }

.comment_photo{
				width		: 110px;
				float 		: left;
				margin		: 0px auto;
				font-size	: 9px;
				text-align	: center;
}

.comment_photo img{
				display		: block;
    			margin-left	: auto;
   				margin-right: auto
}

.user_comment{
				margin-left: 115px;
				width: 470px;
}