@import url("style.main.css");

/***************************/
/** ALAPVETŐ STÍLUSELEMEK **/
/***************************/
body { background: #000 ; margin: 0; padding: 0; font-family: Tahoma,Helvetica,sans-serif; color: #FFF; font-size: 13px;  }
h1,h2,h3,h4,h5,h6 {  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: normal; line-height: normal; }

a { color: #FFF; text-decoration: none; }
a:hover { color: #FFF; text-decoration: none; }
a:active { -moz-outline-style: none; outline: none; }
a:focus { -moz-outline-style: none; outline: none; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */ 

#container { margin: 0 auto; width: 770px; background: #3C3C3C; }
#content { }
#content-start { background: #3C3C3C; width: 520px; height: 420px; margin: 30px 0 0 0; padding: 50px 60px 10px 60px; }

#header { width: 770px; height: 39px; }
#header h1 { font-size: 15px; padding: 10px 30px; }
#header-logo a { font-family: DinCEBol; }	
#menu { width: 770px; height: 46px; background: url("../images/menu-bg.png") repeat-x 0 0; }
#menu ul { padding: 0; margin: 0 10px; }
#menu ul li { list-style: none; display: block; height: 46px; float: left;  }
#menu ul li a { display: block; float: left; height: 46px; background: url("../images/menusor_uj.png") no-repeat 0 0; }
#menu ul li a span {display: none; }

#menu ul li a.blog { background-position: -11px -138px; width: 50px;  }
#menu ul li a.blog:hover {background-position: -11px -92px; }
#menu ul li a.blog-selected {background-position: -11px -46px;  width: 50px;}
#menu ul li a.blog-selected:hover  {background-position: -11px 0; }

#menu ul li a.irasok { background-position: -62px -138px; width: 66px;  }
#menu ul li a.irasok:hover {background-position: -62px -92px; }
#menu ul li a.irasok-selected {background-position: -62px -46px;  width: 66px;}
#menu ul li a.irasok-selected:hover {background-position: -62px 0;  }

#menu ul li a.eletrajz { background-position: -133px -138px; width: 75px; }
#menu ul li a.eletrajz:hover { background-position: -133px -92px; }
#menu ul li a.eletrajz-selected { background-position: -133px -46px;  width: 75px;}
#menu ul li a.eletrajz-selected:hover { background-position: -133px 0;}

#menu ul li a.fotok { background-position: -208px -138px; width: 64px; }
#menu ul li a.fotok:hover { background-position: -208px -92px; }
#menu ul li a.fotok-selected {background-position: -208px -46px; width: 64px }
#menu ul li a.fotok-selected:hover {background-position: -208px 0; }

#menu ul li a.gyujtemeny { background-position: -272px -138px; width: 110px; }
#menu ul li a.gyujtemeny:hover { background-position: -272px -92px; }
#menu ul li a.gyujtemeny-selected {background-position: -272px -46px;  width: 110px;  }
#menu ul li a.gyujtemeny-selected:hover {background-position: -272px 0;  }

#menu ul li a.kapcsolat { background-position: -382px -138px; width: 94px; }
#menu ul li a.kapcsolat:hover { background-position: -382px -92px; }
#menu ul li a.kapcsolat-selected {background-position: -382px -46px; width: 94px; }
#menu ul li a.kapcsolat-selected:hover {background-position: -382px 0; }

#menu ul li a.linkek { background-position: -476px -138px; width: 80px; }
#menu ul li a.linkek:hover { background-position: -476px -92px; }
#menu ul li a.linkek-selected {background-position: -476px -46px;  width: 80px; }
#menu ul li a.linkek-selected:hover {background-position: -476px 0; }

#content-text { padding: 30px 20px; } 
#content-text h1 { font-size: 22px; }
#content-text div.lead { color: #CAC1BD; font-size: 14px; line-height: 21px; }
#content-text div.more { color: #CAC1BD; font-size: 14px; line-height: 21px; }
#content-text div.entry-lead { color: #CAC1BD; font-size: 14px; line-height: 21px; }
#content-text ul { margin: 5px 0 0 25px; padding: 0; }

#news-selector { margin: 0 0 15px; }
#news-selector select { font-size: 11px; }

/* gallery */
h1.albumtitle { background: #2D2D2D; color: #706D6B; font-size: 22px;  padding: 8px 16px; font-family: Tahoma,Helvetica,sans-serif; }
.img-box { float: left; height: 110px; margin: 3px 10px;  }
.img-list  { background: #2D2D2D; padding: 10px; margin: 30px 0; }
.dark-bg  { background: #343434; padding: 10px 20px; }
#gallery-pic { width: 100%; float: left; }
a.selected img { border:2px solid #91827D; padding:2px; }
a.sima { text-decoration: none; border: 0; }
a.sima:hover { text-decoration: none; border: 0; }

div.elozokep { cursor: pointer; background: url("../images/prev_pic.png") no-repeat top left; width: 38px; height: 229px; margin: 0; padding: 0; }
div.kovetkezokep { cursor: pointer; background: url("../images/next_pic.png") no-repeat top left; width: 38px; height: 229px; margin: 0; padding: 0; } 

form.normalform label.error { margin: 0 0 0 5px; padding: 0 0 0 20px;  width: 150px; height: 20px; font-size: 9px; background: url('../images/failed.png') no-repeat 0 0; }
form.normalform label.checked { background: url('../images/success.png') no-repeat 0 0;   } 
form#contactform fieldset { border: none; }
form#contactform fieldset legend { font-size: 20px; font-weight: bold; color: #CCC; margin: 0 0 10px 0; }
form#contactform div.row { width: 100%; padding: 0 0 10px 0; }
form#contactform label { float: left; display: block; width: 80px; }
form#contactform label label span { display: block; text-align: right; }
form#contactform input.text { float: left; display: block; width: 180px;  padding: 2px 4px; background: #8F8F8F; border: 1px solid #A3A3A3; color: #CCC }
form#contactform textarea { font-size: 12px; font-family: Tahoma,Helvetica,sans-serif; width: 180px;  padding: 2px 4px; background: #8F8F8F; border: 1px solid #A3A3A3; color: #CCC; float: left; }

div#contact-form { width: 400px; float: left; }
div#contact-image  { width: 300px; float: right; text-align: center; }
div#contact-form div.success { border: 2px solid #030; background:#C0E4C6; padding: 10px 5px; color: #779C40; font-size: 15px; font-weight: bold; }
div#contact-form div.success span { background: url("../images/success.png") no-repeat left center; padding: 0 0 0 20px }
div#contact-form div.failed { border: 2px solid #C00; background: #FFD5D5; padding: 10px 5px; color: #804040; font-size: 15px; font-weight: bold; }
div#contact-form div.failed span { background: url("../images/failed.png") no-repeat left center; padding: 0 0 0 20px }

div.search-results h1 { }
div.search-results h2 { font-size: 16px; }
div.search-results h2 a {  color: #CCC  }
div.search-results p { font-size: 12px; margin: 0 0 20px; 	 }
div.search-results div.query { margin: 10px 0; padding: 5px 10px; background:#333; color:#999; border: 1px dotted #666; }

#pager { margin: 10px 0 10px 0; padding: 10px; float: left; width: 700px; text-align: center; border: 1px dotted #666;  background:#333;  }
#pager a { text-decoration: none; font-size: 10px; font-weight: bold; padding: 4px 8px; background: #999; color: #444; margin-right: 1px; }
#pager a:hover { background: #222; color: #FFF; }
#pager a.current { background: #666; color: #FFF ; }
#pager a.current:hover { background: #666 ; color: #FFF; }

#footer { margin: 30px auto 0 auto; width: 700px; background: #000; color: #5B5B5B; font-size: 11px; padding: 0 0 30px 0; }
#footer div.search { height	: 30px; width: 600px; }

form#search input.text { width: 200px; background: #000; border: 1px solid #666; color: #666; float: left; }
form#search input.button { margin: 0 0 0 10px; background: #666; color:#CCC;    }
form#search label { width: 60px; float: left; font-size: 14px; }

div#intro-title { width: 250px; margin: 0 auto; }
div#intro-title h5 {  color: #FFF; font-size: 30px; font-family: DinCEBol; }
div#intro-title h6 { font-size: 12px; color: #000; margin: 0px; font-family: DinCEBol;}
div#content-start p { font-family: DinCEBol;  }
div#content-start p a:hover { color: #000; }
div#last-refresh { color: #919191; font-size: 10px; margin: 15px 0 0 15px; width: 200px; float: left;}
div#last-refresh span { font-weight: bold; }
div#global-hits { color: #919191; font-size: 10px; margin: 15px 15px 0 0; width: 250px; float: right; text-align: right;}
div#global-hits  span { font-weight: bold; }

div.media { margin: 0 auto; }
div.media div { display: none; }