/*
Theme Name: Csibecsőr
Theme URI: http://csibecsor.hu/
Description: Csibecsőr téma.
Version: 1.0
Author: cre-art stúdió
Author URI: http://creart.hu/
Tags: csibecsor, tema
*/
@import url(reset.css);
@import url(form.css);

/*=== === === === === === === === === === */
/*=DEFAULT
=== === === === === === === === === === */
body {
	background: #534b75 url(images/header.png) repeat-x top center; 
  font: normal 10pt/17pt Tahoma, Verdana, Helvetica, Arial;
}


a {
	text-decoration: none;
	color: #fff;
}
 
p {
  font: normal 10pt/17pt Tahoma, Verdana, Helvetica, Arial;
  color: #000;
}

blockquote {
 width: 200px;
 float: right;
 margin: 0px;
 margin-left: 20px;
 padding: 10px;
 background-color: #ebe8f9;
 /*quotes: "\201C" "\201D";*/
 
 }
 blockquote:before { content: open-quote; font-weight: bold; }
 blockquote:after { content: close-quote; font-weight: bold; }

blockquote p{
 margin: 0px !important;
 padding: 0px !important;
 color: #383254 !important;
 }
 
a:link, a:visited {color: #fff; }

sup {
	vertical-align: baseline;
	font-size: 0.75em;
	position: relative;
	top: -0.4em;
	}


/*=== === === === === === === === === === */
/*=HEADER
=== === === === === === === === === === */

#header_wrapper {
  margin: 0 auto 0 auto;
  padding: 0;
  width: 960px;
  height: 351px;
  overflow: hidden;
  background: transparent url(images/header_bg.png) no-repeat bottom center; 
  }
 
#header_logo {
  position: absolute;
  width: 280px;
  height: 60px;
  background: transparent url(images/logo.png) no-repeat; 
  margin: 30px 0 0 10px;
  padding: 0; 
  }

#header_nav {
  position: absolute;
  width: 440px;
  height: 45px;
  background: transparent url(images/header_navbg.png) no-repeat; 
  margin: 0;
  margin-left: 520px;
  padding: 0; 
  }  

#header_nav ul.nav {
  padding: 0;
  margin: 0;
  margin-left: 10px;
  list-style-type: none;
  float: left;
}

#header_nav ul.nav li {
  float: left;
  font: normal 8pt/32px Tahoma, Verdana, Helvetica, Arial;
  text-transform: uppercase;
  padding-left: 20px;
  margin-left: 10px;
}

#header_nav ul.nav li.nav1 {
  background: transparent url(images/header_navli1.png) no-repeat 0px 8px; 
}

#header_nav ul.nav li.nav2 {
  background: transparent url(images/header_navli2.png) no-repeat 0px 8px; 
}

#header_nav ul.nav li.nav3 {
  background: transparent url(images/header_navli3.png) no-repeat 0px 8px; 
}

#header_nav ul.social {
  float: right;
  padding: 0;
  margin: 0;
  margin-right: 10px;
  margin-top: 5px;
  list-style-type: none;
}

#header_nav ul.social li {
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

#header_nav ul.social li a{
  width: 24px;
  height: 24px;
  display: block;
}

#header_nav ul.social li a span{
  display: none;
}

#header_nav ul.social li a.iwiw{
  background: transparent url(images/icons.png) no-repeat 0px 0px; 
}

#header_nav ul.social li a.twitter{
  background: transparent url(images/icons.png) no-repeat -24px 0px; 
}

#header_nav ul.social li a.facebook{
  background: transparent url(images/icons.png) no-repeat -48px 0px; 
}

/*=== === === === === === === === === === */
/*=CSIBECSOR
=== === === === === === === === === === */

#csibecsor {
  margin-left: 370px;
  margin-top: 75px;
  width: 580px;
  height: 276px;
  background: #efe000;
  position: absolute;
  background: transparent url(images/csibecsor.png) no-repeat 410px 0px; 
  cursor: help;
}

#infolayer {
  margin-top: 15px;
  padding: 20px 60px 20px 20px;
  width: 320px;
  height: 240px;
  background: #efe000;
  position: absolute;
  background: transparent url(images/infolayer_bg.png) no-repeat; 
  display: none;
}

#infolayer p{
  font: normal 9pt/14pt Tahoma, Verdana, Helvetica, Arial;
  color: #fff;
}

#infolayer h1{
  font: normal 15pt Tahoma, Verdana, Helvetica, Arial;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 5px;
}

/*=== === === === === === === === === === */
/*=TISZK
=== === === === === === === === === === */

#tiszk {
  margin-left: 180px;
  margin-top: 249px;
  width: 120px;
  height: 70px;
  position: absolute;
}

#tiszk a{
  width: 120px;
  height: 70px;
  display: block;
}

#tiszk a span{
  display: none;
}


#tiszk a:hover{
  background: transparent url(images/header_tiszk.png) no-repeat; 
}

/*=== === === === === === === === === === */
/*=CONTENT
=== === === === === === === === === === */
#content_wrapper {
  width: 100%;
  overflow: hidden;
  background: transparent url(images/content_wbg.png) repeat-x top center; 
  }

#content_center {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
  background: transparent url(images/content_bg.png) no-repeat center 185px; 
  }
 
#content {
  margin: 0 auto 0 auto;
  padding: 0;
  width: 940px;
  overflow: hidden;
  background: transparent url(images/content_cbg.png) repeat-y; 
  }

#content_nav {
  margin: 0;
  padding: 0;
  width: 940px;
  height: 71px;
  background: transparent url(images/content_navbg.png) no-repeat; 
  }

#content_nav ul {
  padding: 0;
  margin: 0;
  padding-top: 22px;
  list-style-type: none;
  text-align: center;
}

#content_nav ul li {
  display:inline-block;
  padding: 5px 10px 5px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  height: 32px;
  background-color: white;
  margin-left: 5px;
  margin-right: 5px;
  background: transparent url(images/nav_bg.png) repeat-x; 
  font: normal 12pt/30px Tahoma, Verdana, Helvetica, Arial;
  text-transform: uppercase;
}

#content_panel {
  margin: 0;
  padding: 0;
  width: 940px;
  height: 268px;
  background: transparent url(images/panel_bg2.png) repeat-x; 
  position: relative;
  }

#content_panel_overlay {
  margin: 0;
  padding: 0;
  width: 940px;
  height: 268px;
  background: transparent url(images/panel_bg.png) repeat-x; 
  position: relative;
  }


#content_panel .wrapper {
	width: 940px;
	overflow: auto;
	height: 268px;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
}
/* Width below is max for Opera */
#content_panel .wrapper ul {
	width: 32700px;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}
#content_panel ul li {
	display: block;
	float: left;
	padding: 0;
	height: 268px;
	width: 540px; /* 940 */
  padding-left: 360px;
  padding-right: 40px;
	margin: 0;
}

#content_panel ul li.panel1 {
	background: transparent url(images/panel_1.jpg) no-repeat; 
}

#content_panel ul li.panel2 {
	background: transparent url(images/panel_2.jpg) no-repeat; 
}

#content_panel ul li.panel3 {
	background: transparent url(images/panel_3.jpg) no-repeat; 
}

#content_panel ul li.panel4 {
	background: transparent url(images/panel_4.jpg) no-repeat; 
}

#content_panel ul li.panel5 {
	background: transparent url(images/panel_5.jpg) no-repeat; 
}

#content_panel ul li.panel6 {
	background: transparent url(images/panel_6.jpg) no-repeat; 
}

#content_panel ul li.panel7 {
	background: transparent url(images/panel_7.jpg) no-repeat; 
}

#content_panel ul li.panel8 {
	background: transparent url(images/panel_8.jpg) no-repeat; 
}

#content_panel ul li.panel9 {
	background: transparent url(images/panel_9.jpg) no-repeat; 
}

#content_panel ul li h1{
  font: small-caps normal 19pt Tahoma, Verdana, Helvetica, Arial;
  color: #7c73a6;
  margin-top: 20px;
  margin-bottom: 10px;
}

#content_panel ul li p{
  font: normal 12pt/18pt Tahoma, Verdana, Helvetica, Arial;
  color: #7c73a6;
}

#content_panel .arrow {
	display: none;
}

#thumbNav {
	position: absolute;
	text-align: center;
  z-index: 999;
  left: 360px;
  top: 222px;
}

#thumbNav a {
	color: #fff;
	font: bold 11pt/29px Tahoma, Verdana, Helvetica, Arial;
	display: inline-block;
	padding: 0;
	height: 29px;
  width: 29px;
	margin: 0;
	background: transparent url(images/panel_libg.png) no-repeat;
	text-align: center;
  margin-right: 10px;
}
#thumbNav a:hover {
	background: transparent url(images/panel_lihoverbg.png) no-repeat;
}

#thumbNav a.cur {
	background: transparent url(images/panel_licurbg.png) no-repeat;
}

.plink {
position: absolute;
  z-index: 2000;
}

#start-stop {
	display: none;
}


/*#content_left {
  float: left;
  margin: 40px 60px 40px 40px;
  padding: 0;
  width: 560px;
  overflow: hidden;
  }*/

#content_left {
  float: left;
  margin: 40px 40px 40px 40px;
  padding: 0;
  width: 580px;
  overflow: hidden;
  }

#content_left p {
  font: normal 10pt/17pt Tahoma, Verdana, Helvetica, Arial;
  color: #000;
  margin-bottom: 10px;
}

#content_left ul {
  color: #000;
  padding: 0 20px 10px 20px;
  letter-spacing: 0;
  margin-left: 20px;
  list-style-type: disc;
  }

#content_left ol {
  color: #000;
  padding: 0 20px 10px 20px;
  letter-spacing: 0;
  margin-left: 20px;
  list-style-type: decimal;
  }

#content_left ul li, #content_left ol li {
  font: normal 10pt/17pt Tahoma, Verdana, Helvetica, Arial;
  }

#content_left a{
 color: #197a96;
}

#content_left h3{
  font: normal 14pt Tahoma, Verdana, Helvetica, Arial;
  color: #198aab;
  margin-bottom: 15px;
  }

#content_left h4{
  font: normal 12pt Tahoma, Verdana, Helvetica, Arial;
  color: #198aab;
  margin-bottom: 5px;
  }

#content_left ul.comments {
  padding: 0;
  list-style-type: none;
  margin: 0;
  margin-top: 15px;
}

#content_left ul.comments li{
  padding: 10px;
  margin: 0;
  margin-bottom: 15px;
  background: #f2f1f8;
}

#content_left ul.comments li .comment-header{
  margin-bottom: 15px;
}

#content_left ul.comments li .avatar{
  float: right;
}

.says, .fn{
font: normal 8pt/12pt Tahoma, Verdana, Helvetica, Arial;
color: #000;
}

.comment-meta {
font: normal 8pt/12pt Tahoma, Verdana, Helvetica, Arial;
color: #000;
margin-bottom: 10px;
}

.comment-meta a, .fn a {
  color: #534b75 !important;
}


.ngg-galleryoverview {
 
}

.ngg-gallery-thumbnail-box {
  width: 120px;
  float: left; 
  margin-right: 20px;
  margin-bottom: 20px;
  padding-left: 5px;
  padding-top: 5px;
  display: block;
  background: transparent url(images/gallery125bg.png) no-repeat;
  }

#content_right {
  float: right;
  margin: 0;
  padding: 0;
  width: 280px;
  overflow: hidden;
  }

#content_right p{
  font: normal 9pt/14pt Tahoma, Verdana, Helvetica, Arial;
  color: #fff;
}

#content_right h3{
  font: normal 13pt Tahoma, Verdana, Helvetica, Arial;
  text-transform: uppercase;
  color: #fff;
  padding-left: 22px;
  margin-top: 20px;
  margin-bottom: 5px;
}

#content_right h3.otletlada {
  background: transparent url(images/icon_otletlada.png) no-repeat 0px 3px; 
}

#content_right h3.game {
  background: transparent url(images/icon_game.png) no-repeat 0px 3px; 
}


#content_right h3{
  background: transparent url(images/icon_gallery.png) no-repeat 0px 3px; 
}

#content_right_nav  {
	padding: 20px 30px 40px 30px;
  background: #1ea7cf url(images/content_rightnav.png) no-repeat bottom center;
}

#content_right_nav ul {
	padding: 0;
}

#content_right_nav ul li ul{
	padding-left: 20px;
}

#content_right_nav ul li {
	font: normal 13pt/30px Tahoma,Verdana, Helvetica, Arial;
}

#content_right_nav ul li a {
	color: #fff;
}

#content_right_nav ul li.current_page_item a {
	color: #7c73a6;
}

#content_right_nav ul li.current_page_item ul li a {
	color: #fff;
}

#content_right_content {
  margin: 0;
  padding: 0 10px 30px 30px;
  overflow: hidden;
  }

.ngg-sidebar-widget a{
 width: 90px;
 height: 90px;
 margin-right: 20px;
 margin-bottom: 20px;
 padding: 0;
 padding-left: 10px;
 padding-top: 10px;
 display: block;
 float: left;
 background: transparent url(images/gallery100bg.png) no-repeat;
 
}
/*=== === === === === === === === === === */
/*=POSTS
=== === === === === === === === === === */

.post {
 margin-bottom: 40px;
}

.post a{
 color: #197a96;
}

.post h2{
  font: normal 14pt Tahoma, Verdana, Helvetica, Arial;
  color: #198aab;
  margin-bottom: 15px;
}

.post h2 a{
  color: #198aab;
}

#respond {
clear: both;
}

.entry-meta {
 margin-top: 10px;
 margin-bottom: 10px;
 padding-top: 5px;
 padding-bottom: 5px;
 border-top: 1px #e4e2ed solid;
 border-bottom: 1px #e4e2ed solid;
}

.entry-meta span {
  font: normal 8pt/14pt Tahoma, Verdana, Helvetica, Arial;
  color: #7c73a6;
  }

.entry-meta p.tags {
  background: transparent url(images/tags.png) no-repeat 0px 4px;
  padding-left: 20px;
  }

.entry-meta p {
  font: normal 9pt/24px Tahoma, Verdana, Helvetica, Arial;
  color: #7c73a6;
  }

.entry-meta-title {
 padding-bottom: 5px;
 margin-bottom: 5px;
 border-bottom: 1px #eee solid;
}

.entry-meta-title  span {
  font: normal 11pt Tahoma, Verdana, Helvetica, Arial;
  color: #7c73a6;
  }



a.more-link {
  width: 130px;
  height: 38px; 
  display: block;
  margin-top: 5px;
  background: transparent url(images/button.png) no-repeat; 
  text-align: center;
  font: normal 13pt/38px Tahoma, Verdana, Helvetica, Arial;
  color: #fff !important;
}

/*=== === === === === === === === === === */
/*=FOOTER
=== === === === === === === === === === */
#footer {
  width: 940px;
  margin: 0 auto 0 auto;
  background: #383254 url(images/footer_bg.png) no-repeat;
  padding-top: 40px; 
  padding-bottom: 40px; 
  overflow: hidden;
  }

#footer p{
  font: normal 10pt/14pt Tahoma, Verdana, Helvetica, Arial; 
  color: #fff;
}

.footer_box {
  width: 260px;
  margin-left: 40px;
  float: left;
}

.footer_box a{
  color: #cbcad3; 
}

.footer_box h3{
  font: bold 11pt/16px Tahoma, Verdana, Helvetica, Arial;
  text-transform: uppercase;
  color: #fff;
  height: 16px;
  padding-left: 22px;
  margin-bottom: 15px;
}

.partner h3{
  background: transparent url(images/footer_icons.png) no-repeat 0px 0px; 
}

.twitter h3{
  background: transparent url(images/footer_icons.png) no-repeat 0px -16px; 
}

.twitter h3 span{
  text-transform: lowercase;
}

.twitter ul li {
   margin-top: 10px;
   margin-bottom: 5px;
   background: transparent url(images/twitter_libg.png) no-repeat 20px 0px;
   padding-top: 12px;
   }

.twitter ul li span{
   background: transparent url(images/twitter_libg.png) no-repeat 0px 0px;
   font: normal 8pt/12px Tahoma, Verdana, Helvetica, Arial; 
   margin-left: 20px;
   margin-right: 5px;
   text-align: right;
   color: #cbcad3;
}


.twitter ul li p{
  padding: 5px 10px 5px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #cbcad3;
  color: #383254 !important;
  font: normal 9pt/14pt Tahoma, Verdana, Helvetica, Arial; 
}

.twitter ul li p a{
  color: #383254 !important;
  text-decoration: underline;
}

.info h3{
  background: transparent url(images/footer_icons.png) no-repeat 0px -32px; 
}

/*=== === === === === === === === === === */
/*=PROJECT
=== === === === === === === === === === */
#project {
  width: 940px;
  margin: 0 auto 0 auto;
  background: transparent;
  padding-top: 20px; 
  padding-bottom: 20px; 
  overflow: hidden;
  }

#nfu{
  width: 240px;
  height: 45px;
  display: block;
  float: left;
  background: transparent url(images/logo_nfu.png) no-repeat; 
}

#um{
  width: 185px;
  height: 46px;
  display: block;
  float: right;
  background: transparent url(images/logo_ujmagyarorszag.png) no-repeat; 
}


#kofi{
  width: 79px;
  height: 46px;
  display: block;
  float: right;
  margin-left: 15px;
  background: transparent url(images/logo_kofi.png) no-repeat; 
}


#project span{
  display: none;
}

#project p{
  font: normal 7pt/10pt Tahoma, Verdana, Helvetica, Arial;
  letter-spacing: 1px;
  text-align: center;
  color: #ccc9dc;
  float: left;
  width: 301px;
  margin-left: 25px;
  text-transform: uppercase;
}