* {outline: none;}
html, body {min-height: 101%;}
body {background: #fff; color: #555; font-family: Arial, Helvetica, sans-serif; font-size: 80%; line-height: 1.6;}

a {text-decoration: none; color: #666;}
a:hover {text-decoration: none; color: #000;}
strong {font-weight: bold;}
em {font-style: italic;}
img {border: none;}

#content a {border-bottom: 1px dotted;}
#content a:hover {border-bottom: 1px solid;}

h1 {font-size: 18px; font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;}
h2 {font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-size: 150%; line-height: 1.1em; color: #666; font-weight: normal;text-align: left; margin: 0 0 1em 0;}
h3 {font-size: 125%; font-weight: bold; color: #555; font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif; margin: 1em 0 .5em 0;text-align: left;}

p {margin: .8em 0 0 0;}


#wrapper {width: 960px; margin: auto;}
#left {width: 220px; padding: 20px 0 0 10px; float: left;}
#main {width: 500px; min-height: 470px; float: left; background: url(../img/main_bg.png) no-repeat;}
#right {width: 230px; padding: 30px 0 0 0; float: left;}

#mh_logo h1 a span {display: none;}
#mh_logo h1 a {display: block; width: 220px; height: 162px; background: url(../img/muveszi_hordok_logo.png) no-repeat;}

#nav {margin: 20px 0 0 0;}
#nav ul li a {display: block; padding: 5px 0; text-align: center; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 14px; color: #404040;}
#nav ul li a:hover {color: #000;}

#introduction {padding: 12px 25px; text-align: justify;}
#content {padding: 30px 35px; text-align: justify;}

.artist {margin: 0 0 20px 0; overflow: hidden;}
.artist img {float: left; margin: 0 15px 5px 0; border: 1px solid #aaa;}

.barrel_pic {text-align: center; margin: 0 0 20px 0; font-size: .85em;}
.barrel_pic img {border: 1px solid #aaa;}

.barrel_descr {clear: both; margin: 0 0 20px 0;}
.barrel_descr h2 {text-align: left;  margin: 0 0 0 0;}

#video_matrioska {width: 280px; height: 226px; margin: auto; padding: 10px; background: #aaa;}

/* HORDÓ MENÜ */
#hordo_menu { margin: 0 0 120px 0; position: absolute; z-index: 1000;}
#hordo_menu h2 {text-align: center;font-size: 130%; margin: 0 0 15px 0;}
#artists_2008, #artists_2009 {clear: both;}
div#artists_2008_list, div#artists_2009_list {display: none; width: 200px; margin: auto; padding: 10px 10px 10px 10px; background: #fff; /*border: 1px solid #000;*/ overflow: hidden; text-align: center; border-bottom: 1px solid #ccc;}

/*#artists_2008, #artists_2009 {position: relative;}
div#artists_2008_list, div#artists_2009_list {display: none; position: absolute; right: 165px; top: 14px; width: 560px; padding: 10px 10px 10px 15px; background: #fff; border: 1px solid #000; overflow: hidden;}*/

div#artists_2008_list {z-index: 1000;}
div#artists_2009_list {z-index: 1001;}

a#artists_2008_button span, a#artists_2009_button span {display: none;}

a#artists_2008_button,  a#artists_2009_button {display: block; width: 220px; height: 40px;}
a#artists_2008_button {background: url(../img/hordo_menu_bg.gif) 0 0 no-repeat;}
a#artists_2008_button:hover {background: url(../img/hordo_menu_bg.gif) 0 -40px no-repeat;}
a.open#artists_2008_button {background: url(../img/hordo_menu_bg.gif) 0 -80px no-repeat;}
a#artists_2009_button {background: url(../img/hordo_menu_bg.gif) 0 -120px no-repeat;}
a#artists_2009_button:hover {background: url(../img/hordo_menu_bg.gif) 0 -160px no-repeat;}
a.open#artists_2009_button {background: url(../img/hordo_menu_bg.gif) 0 -200px no-repeat;}

#hordo_menu ul li a {display: block; padding: 0 0; text-align: center; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 13px; color: #404040;}
#hordo_menu ul li a:hover {color: #000;}


/* LOGÓK */
#logos {position: absolute; z-index: 999; top: 175px;}
#logos a span {display: none;}

a#vylyan {display: block; width: 220px; height: 60px; background: url(../img/vylyan_logo.gif) no-repeat; margin: 0 0 10px 0;}

a#pecs2010 {display: block; width: 83px; height: 80px; background: url(../img/pecs2010_logo.gif) no-repeat; float: left; margin: 0 0 0 35px;}
#logos a .logo_caption {display: block; font-size: 10px; margin: 80px 0 0 0; line-height: 1.2em; text-align: center;}
a#ordogkatlan {display: block; width: 83px; height: 80px; background: url(../img/ordogkatlan_logo.gif) no-repeat; float: left;}

/* HÍREK */
#content .news_list a {border: none;}
.news_list li {margin: 0 0 1em 1em; list-style: disc;}
.news_list .news_title {font-weight: bold;}
.news_date {font-size: .9em; text-align: right; font-style: italic; margin: 2px 0 0 0;}
a.all_news_button {display: block; width: 80px; float: right; font-size: 11px; text-align: right; border-bottom: none !important;}

.video {margin: 0 0 2em 0;}
.video p {text-align: center;}

/* MISC CLASSES*/
.img_left img {float: left; margin: 0 10px 5px 0; border: 1px solid #aaa;}
.img_center {text-align: center;}
.img_center img {border: 1px solid #aaa;}