/**********************************************/

/* CSS Document for www.imaxbudapest.hu       */

/**********************************************/

/*                                            */

/* Written by anaiz studio, Budapest, Hungary */

/* (c) 2007 anaiz															*/

/* web: http://www.anaiz.hu/                  */

/* email: info@anaiz.hu                       */

/* phone/fax: +36 (1) 266.98.38               */

/**********************************************/







/*********************/

/* Basic definitions */

/*********************/



body {

  background-color: #134749;

  padding: 0px;

  margin: 0px;

  font-family: Verdana;

  background-image: url(/images/design/background_right.png);

  background-repeat: repeat-x;

  color:#6adbdb;

}



img {

  padding: 0px;

  margin: 0px;

  border: 0px;

}



div, ul {

  padding: 0px;

  margin: 0px;

}



.center {

	width: 100%;

	text-align: center;

}



/***************************/

/* Page Layout: background */

/***************************/



#superbackground {

	width: 100%;

	height: 600px;

	background-image: url(/images/design/background.png);

	background-position: 999px 0px;

	background-repeat: no-repeat;

}



#content_superbackground {

	width: 100%;

	height: 600px;

	background-image: url(/images/design/background_c.jpg);

	background-position: 999px 0px;

	background-repeat: no-repeat;

}



#container {

	width: 100%;

	height: 600px;

	background-image: url(/images/design/background_left.jpg);

	background-position: -6px 0px;

	background-repeat: no-repeat;

}



/***********************/

/* Page Layout: header */

/***********************/



#headerlogo {

	position: absolute;

	left: 32px;

	top: 0px;

}



#headerwords {

	position: absolute;

	left: 452px;

	top: 0px;

	width: 392px;

	height: 98px;

	background-color: #000000;

	background-image: url(/images/design/header_words.jpg);

}



#headerthinkbig {

	background-image: url(/images/design/header_thinkbig.jpg);

	position: absolute;

	left: 844px;

	top: 0px;

	height: 169px;

	width: 155px;

}



#headersquares {

	background-image: url(/images/design/header_wo_squares.jpg);

	background-position: top left;

	background-repeat: no-repeat;

	position: absolute;

	left: 32px;

	top: 98px;

	height: 20px;

	width: 812px;

}



#mainmenu {

	background-color: #000000;

	background-image: url(/images/design/menu.jpg);

	background-position: top left;

	background-repeat: no-repeat;

	position: absolute;

	left: 32px;

	top: 118px;

	width: 812px;

	height: 51px;

}





/*****************************/

/* Page Layout: content area */

/*****************************/



#content {

	position: absolute;

	left: 32px;

	top: 169px;

	width: 967px;

}



#content2 {

	width: 825px;

	background-color: #000000;

}



#minSize {

	min-height: 500px;

}



/* Content boxes are wrapped into 3 DIV containers each, because of the background */

/* First content box on welcome page uses wrappers .news_box1, .news_box2, .news_ box3 */

/* Second content box on welcome page uses wrappers .news_box1, .news_box2b, .news_ box3 */

/* All content boxes on other pages use wrappers .content_box1, .content_box2, .content_box3 */



.news_box1 {

	margin-top: 6px;

	margin-left: 40px;

	width: 439px;

	background-image: url(/images/design/news_box_background.jpg);

	background-position: 0px 0px;

	background-repeat: repeat-y;

}



.news_box2 {

	background-image: url(/images/design/news_box_footer.jpg);

	background-position: bottom left;

	background-repeat: no-repeat;

}



.news_box2b {

	background-image: url(/images/design/news_box_footer2.jpg);

	background-position: bottom left;

	background-repeat: no-repeat;

}



.news_box3 {

	background-image: url(/images/design/news_box_header.jpg);

	background-position: top left;

	background-repeat: no-repeat;

	padding: 20px;

	padding-bottom: 60px;

	}



.content_box1 {

	margin-top: 0px;

	margin-left: 40px;

	width: 601px;

	background-image: url(/images/design/content_box_background.jpg);

	background-position: 0px 0px;

	background-repeat: repeat-y;

}



.content_box2 {

	background-image: url(/images/design/content_box_footer.jpg);

	background-position: bottom left;

	background-repeat: no-repeat;

}



.content_box3 {

	background-image: url(/images/design/content_box_header.jpg);

	background-position: top left;

	background-repeat: no-repeat;

	padding: 20px;

	padding-bottom: 60px;

}



/* inside content_box3: */



.content_area_wide {

	margin-top: 10px;

}



.content_area_condensed {

	margin-left: 112px;

	margin-top: 10px;

}



/***********************/

/* Page layout: splash */

/***********************/



/* splash: animated/static graphics on right side */

/* these are alsw wrapped into multiple containers */

/* #splash is for welcome page, with big animation */

/* #content_splash is for all other pages */



#splash {

	position: absolute;

	left: 522px;

	top: 169px;

	width: 477px;

	background-image: url(/images/design/below_splash_footer.jpg);

	background-repeat: repeat-y;

}



#splash2 {

	background-image: url(/images/design/below_splash.jpg);

	background-position: 0px 430px;

	background-repeat: no-repeat;

}



#splash3 {

	height: 692px;

	background-image: url(/images/design/splash.jpg);

	background-repeat: no-repeat;

}



#splash4 {

	/*padding-left: 309px;

	padding-top: 146px;*/

	padding-left: 180px;

	padding-top: 415px;

}



#content_splash {

	position: absolute;

	left: 686px;

	top: 169px;

	width: 313px;

	background-image: url(/images/design/content_splash_footer.jpg);

	background-repeat: repeat-y;

}



#content_splash2 {

	height: 430px;

	background-image: url(/images/design/content_splash.jpg);

	background-repeat: no-repeat;

}



#splash_anim {

	position: absolute;

	left: 522px;

	top: 238px;

	width: 476px;

}







/***********************/

/* Page layout: Footer */

/***********************/



#footer {

	clear: both;

  background-color: #134749;

	background-image: url(/images/design/footer.jpg);

	background-repeat: no-repeat;

	width: 825px;

	height: 140px;

}



/**********************/

/* Content formatting */

/**********************/



/* paragraph */

p, td, th {

	font-size: 12px;

	text-align: justify;

	line-height:150%;

	margin: 0px;

	padding-left: 0px;

	padding-right: 0px;

	padding-top: 6px;

	padding-bottom: 6px;}

	

/* forms */

label {

	font-size: 11px;

	text-align: justify;

	line-height:150%;

	margin: 0px;

	padding-left: 0px;

	padding-right: 0px;

	padding-top: 2px;

	padding-bottom: 2px;

}



form div {

	font-size: 11px;

	text-align: justify;

	line-height:150%;

	margin: 0px;

	padding-left: 0px;

	padding-right: 0px;

	padding-top: 2px;

	padding-bottom: 8px;}

	

form .textfield {

	font-size: 10px;

	color:#064e4a;

	background-color:#ffffff;

	border:1px solid #dda002;

	height:16px;

	padding-left:2px;}

	

form .error {

	font-size: 9px;

	margin: 0px;

	padding-left: 0px;

	padding-right: 0px;

	padding-top: 2px;

	padding-bottom: 2px;

	color:#e392fd;}



/* lists */

.content_area_wide li, .content_area_condensed li, .content_area_movies li {

	list-style-image: url('/images/design/list_img.jpg');

  list-style-type: square;

  margin-left: 22px;

  font-size: 12px;

}



.content_box3 li {

	margin-bottom: 5px;

}





/* quoted text */

q {

  font-style: normal;

  letter-spacing: 1px;

}



/* emphasized text */

em {

	font-size: 12px;

  font-weight: normal;

	color: #00b19c;

  font-style: normal;

}







/* superscript, for trade marks */

sup {

  font-size:85%;

}







/* headers */

h1, h2, h3, h4, h5, h6 {

  letter-spacing: 1px;

  text-align: left;

}



h1 {

  color: #03badb;

	font-size: 18px;

	text-transform: uppercase;

	margin-top: 0px;

	font-weight:bold;

}



h2 {

	font-size: 12px;

	font-weight: bold;

	text-transform: uppercase;

	color: #efb10b;

	margin: 0px;

	padding: 0px;

  margin-top: 12px;

	padding-bottom: 2px;

}



h3 {

	font-size: 12px;

	letter-spacing: 0px;

	color: #03badb;

  margin-bottom: 0px;

}



/* first paragraph in a news_box */

.news_box3 .headline {

	color: #00b19c;

	font-size:12px;

	font-weight:bold;

	line-height:160%;

	margin-top:-10px;

	margin-bottom:10px;

}



/* first paragraph in a content_box */

.content_box3 .headline {

	font-size:12px;

	font-weight:bold;

	line-height:160%;

	margin-top:-10px;

	margin-bottom:10px;

}



/* table in news_box, used to display 3 images in a row */

.news_box3 table {

	width: 100%;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 10px;

}



/* images in news_box */

.news_box3 img {

	border: 1px solid #5bcfcd;

	margin-top:5px;

	margin-right:10px;

	margin-bottom:5px;

	margin-left:10px;

}



/* smaller font, for comments */

.comment {

	font-size: 11px;

}



.content_area_wide img, .content_area_condensed img {

	border: 1px solid #66ffff;

	margin-left: 15px;

	margin-bottom: 5px;

	margin-top: 10px;

}



/* links */

a {

  color: #03b7fa;

  text-decoration: none;

 }



a:hover {

  text-decoration: none;

 	color: #04feb4;

}



.content_area_wide a, .content_area_condensed a 

{ font-weight:bold;}





/* mews_box links */

.news_box3 a {

  color: #f4c111;

  text-decoration: none;

}



.news_box3 a:hover {

  text-decoration: none;

  background: #00332a;

  color: #81fcfa;

}





/* forms */

textarea {

	width: 550px;

  height: 200px;

}



label {

	font-weight: bold;

}





/*******************/

/* Menu formatting */

/*******************/



/* Submenu: shows up in content_box, below content title; optional. */

.submenu {

	width: 601px;

	background-image: url(/images/design/submenu_background.jpg);

	background-position: 0px 0px;

	background-repeat: repeat-y;

	margin-left: -20px;

}



.submenu ul {

	padding-left: 20px;

	padding-top: 2px;

	padding-bottom: 2px;

	text-transform: uppercase;

	margin-top: 3px;

	margin-bottom: 3px;

	font-size:12px;

}



.submenu li {

	display: inline;

	padding-right: 27px;

}



.submenu a {

	color: #03a98c;

}



.submenu a:hover {

	text-decoration: none;

  color: #ffffff;

}



.submenu strong {

	color: #efb10b;

}



/* Szolgamenu, a submenu of submenu; shows up on left-side of content_box; optional. */

.szolgamenu {

	float: left;

	margin-top:5px;

	margin-right: 10px;

	text-transform: uppercase;

}



.szolgamenu li {

	list-style-type: none;

  margin-left: 1px;

	font-size: 10px;

}



.szolgamenu a {

  color: #03a98c;

}	



.szolgamenu a:hover {

	text-decoration: none;

	color: #ffffff;

}



.szolgamenu strong {

	color: #d8ad03;

}



/* Main menu, should be replaced by a Flash Menu! */

.temp_menu {

	padding-left: 40px;

	padding-top: 16px;

	padding-bottom: 10px;

	text-transform: uppercase;

	margin-bottom: 8px;

	font-size: 12px;

}



.temp_menu li {

	display: inline;

	padding-right: 10px;

}



.temp_menu a {

	color: #ffffff;

}



.temp_menu a:hover {

	text-decoration: none;

}



/* Footer menu */

#bottom_menu {

	padding-top: 99px;

	padding-left: 350px;

	text-transform: uppercase;

	color: #ffffff;

	letter-spacing: 1px;

	font-size: 10px;

}



#bottom_menu a {

	color: #ffffff;

}



#bottom_menu a:hover {

	text-decoration: none;

}



/* Menu on the right side*/

.side_menu {

	padding-left: 23px;

	padding-top: 32px;

  	margin: 0px;

	text-transform: uppercase;

	color: #04feb4;

	letter-spacing: 1px;

	font-size: 10px;

}





.side_menu li {

	list-style-type: none;

  margin-top: 4px;

  margin-bottom: 5px;

  line-height: 100%;

  padding: 0px;

}



.side_menu a {

	color: #04feb4;

}



.side_menu a:hover {

	text-decoration: none;

	color:#ffffff;

}



/*************/

/* User box  */

/*************/



#user {

	float: right;

  font-size: 10px;

  text-align:right;

  padding-bottom:12px;

}



#user .textfield {

		width: 75px;

		height:16px;}

		

#user div {text-align:right;

font-size:10px;}



#user .img_button {position:relative;

top:7px;}



#user .login_head {text-align:left;

font-size:10px;

font-weight:bold;

text-transform:uppercase;}



/**********/

/* Forum  */

/**********/





table.forum {

  width: 555px;

  padding: 0;

  background-color:#01090a;

	

}



table.forum td, table.forum th {

	margin: 0;

	padding-left: 4px;

	padding-right: 4px;

	vertical-align: top;

	text-align: left;

}



th.forum_topic_header {

	background-color: #000000;

	color:#efb10b;

}



td.forum_topic_title {

	background-color: #01090a;

}



td.forum_topic_date {

	background-color: #01090a;
	
	font-size: 10px;

}



th.forum_post_title {

	background-color: #01090a;

}



th.forum_post_title h2 {

	margin-top: 0px;	

}



th.forum_post_date {

	background-color: #041a1b;

  text-align: right;

  font-size: 10px;

  font-weight: normal;

}



td.forum_post_author {

	background-color: #041a1b;

}



td.forum_post_body {

	background-color: #000000;

	padding-bottom: 30px;
	
}

div.forum_post_content {

	width: 530px;
	overflow: hidden;
	
}

.staticGallery td {
	width: 170px;
	height: 170px;
	text-align: center;
	vertical-align: middle;
}



/******************/

/* System windows */

/******************/



#debug {

  position: absolute;

  top: 5px;

  right: 5px;

  width: 400px;

  border: 1px solid rgb(216,14,19);

  background-color: #ffffff;

  font-family: Courier New;

  font-size: 10px;

  color:#000000;

}



#debug p {

  margin-top: 1px;

  margin-bottom: 1px;

  color:#000000;

	text-align: left;

	font-size: 11px;

}



#debug_header {

  background-color: rgb(216,14,19);

  color: #ffffff;

	font-size: 11px;

}