/*

Theme Name: Független Médiaközpont | CIJ

Theme URI: http://www.cij.hu

Description: A Független Médiaközpont hivatalos honlapja

Version: 1.0

Author: (c)2008 GLASKUGEL Kft. ~ Takács Zsolt

Author URI: http://www.glaskugel.hu

Tags: fixed width, three columns



Készítette: (c)2008 GLASKUGEL Kft. ~ www.glaskugel.hu

*/



@charset "utf-8";

/* CSS Document */



body { background:#fff; text-align:center; font-weight:normal; color:#666; }

* { margin:0; padding:0; border:0; font-size:100%; line-height:100%; font-family:Arial, Helvetica, sans-serif; }

a { color:#f60; text-decoration:none; }

a:hover { color:#000; text-decoration:none; }

textarea:focus, input:focus{ background:#fff; }

p{ line-height:130%; }





.clr{ clear:both; }

.nav{ clear:both; width:540px; margin:10px; }

	.nav a{ color:#fff; background:#f90; padding:2px 3px; font:normal 11px Arial, Helvetica, sans-serif; }

	.nav a:hover{ color:#000; background:none; }

	.nav .navleft{ float:left; }

	.nav .navright{ float:right; }



.alignleft{ float:left; margin:5px 10px 5px 0; }

.alignright{ float:right; margin:5px 0 5px 10px; }



.banner{ margin:0 0 5px;}

/* -- */



#page{ width:960px; margin:0 auto; overflow:auto; background:url(images/hmenuborder.gif) center top no-repeat; }



	#hmenu{ width:958px; height:44px; margin:0 auto; border-bottom:1px solid #c5c5c5; background:url(images/hmenubg.gif) left bottom repeat-x; }

		/* horizontal menu */

		#hmenu ul{ list-style:none; }

		#hmenu ul li{ float:left; position:relative;  }

			#hmenu ul li a{ display:block; height:44px; background:transparent url(images/hmenustripe.gif) left bottom no-repeat; font:normal 16px Arial, Helvetica, sans-serif; font-variant:small-caps; line-height:44px; padding:0 29px; color:#fff; }

			#hmenu ul li a:hover{ background:#fff url(images/hmenustripe.gif) right bottom no-repeat; color:#F60; }

				/* shorizontal ubmenu */

				#hmenu ul li ul{ display:block; position:absolute; visibility:hidden; border-left:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5; border-right:1px solid #c5c5c5; background:#fff url(images/submenubg.gif) right bottom no-repeat; }

				#hmenu ul li ul li{ float:none; width:100%; }

					#hmenu ul li ul li a{ display:block; width:120px; height:30px; line-height:30px !important; background:transparent url(images/submenuborder.gif) left bottom no-repeat; font:normal 12px Arial, Helvetica, sans-serif; font-variant:small-caps; text-align:left; color:#666;  }

					#hmenu ul li ul li a:hover{ background:transparent url(images/submenuborder.gif) left bottom no-repeat; }

					#hmenu ul li ul li ul{ top: 0; }

		/* nasty IE6 hack */

		* html #hmenu ul li{ float:left; position:relative; width:1%;  }

			* html #hmenu ul li ul li{ }

				* html #hmenu ul li ul li a{ height:20px; padding-top:7px; }

				

	#header{ position:static; width:958px; height:100px; border-left:1px solid #c5c5c5; border-right:1px solid #c5c5c5; background:url(images/stripe.jpg) left top no-repeat; }

	

	#content{  overflow:auto; background:url(images/contentbg.gif) center top repeat-y; border-left:1px solid #ccc; border-right:1px solid #ccc; }

		#left{ float:left; width:200px; margin-bottom:35px; background:url(images/leftcolbg.gif) right top no-repeat; }

		/* vertical menu */

		.vmenu ul{ list-style:none; }

			.vmenu ul li{ text-align:left; overflow:hidden; }

				.vmenu ul li p{ display:block; height:22px; padding-top:2px; padding-left:15px; font:normal 14px Arial, Helvetica, sans-serif; font-variant:small-caps; background:url(images/vmenubg.gif) left top no-repeat; }

				.vmenu ul li a{ display:block; height:22px; padding-top:2px; padding-left:15px; font:normal 14px Arial, Helvetica, sans-serif; font-variant:small-caps; background:url(images/vmenubg.gif) left top no-repeat; color:#fff; }

				.vmenu ul li a:hover{ background:url(images/vmenubg.gif) left bottom no-repeat; color:#69dffb; }

		/* IE7 HACK */

		html>body .vmenu ul li a{ font-size:13px; }

		html>body .vmenu ul li p{ font-size:13px; }





		/* vertical submenu */

			.vmenu ul li ul{ display:block; }

					.vmenu ul li ul li{ overflow:hidden; margin:3px 0 0; }

						.vmenu ul li ul li a{ display:block; height:18px; font:normal 11px Arial, Helvetica, sans-serif; color:#fc0; background:url(images/vsubmenubg.gif) left -20px no-repeat;  }

						.vmenu ul li ul li a:hover{ background:url(images/vsubmenubg.gif) left top no-repeat; color:#fff; }

		

		* html #center{ height:520px; }

		#center{ float:left; width:557px; min-height:520px; padding:35px 0; margin-right:1px; margin-bottom:35px; background:url(images/centerbg.gif) left top repeat-x; text-align:justify; }

			#center #navigation{ padding:0 20px; margin:0 0 10px; font:normal 10px Arial, Helvetica, sans-serif; }

			#center h1{ margin:0 15px 15px; padding-bottom:4px; font:normal 26px Arial, Helvetica, sans-serif; font-variant:small-caps; color:#f60; background:url(images/headbg.gif) left bottom repeat-x; text-align:left; }

			#center h2{ font:bold 14px Arial, Helvetica, sans-serif; margin-bottom:5px; }
				#center h2 a{ color:#666; }
				#center h2 a:hover{ color:#f60; }

			#center .holder{ list-style:none; border-bottom:1px solid #ccc; overflow:auto; background:url(images/greydot.gif) center 15px repeat-y; }

				#center .holder li{ float:left; width:248px; padding:15px;}

				#center .post p{ font-size:12px; padding-bottom:10px;  }

				#center .post p a{ text-decoration:none; }

				#center .post p a:hover{ text-decoration:none; }

				#center .post blockquote{ margin:0; border-left:3px solid #fc9; padding:0 5px; color:#999; font:normal 11px Georgia, "Times New Roman", Times, serif; }

				#center .post object{ display:block; margin:15px 35px; border: 3px solid #fc9; }

				#center .post ul{ list-style-type:disc !important; margin:15px; overflow:visible; font:normal 12px Arial, Helvetica, sans-serif; }

					#center .post ul li{ width:90%; padding:0 5px; }

				#center .post ol{ list-style-type:decimal !important; margin:15px; overflow:visible; font:normal 12px Arial, Helvetica, sans-serif; }

					#center .post ol li{ width:90%; padding:0 5px; }

				

				#center .post .small{ font-size:9px; }

				#center .post .taglist{ font-size:9px; margin-bottom:5px; background:url(images/) left center no-repeat; }

				#center .post .edit{ float:left; overflow:auto; text-align:right; font:bold 9px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#f90; }

					#center .post .edit a{ display:block; text-decoration:none; height:14px; line-height:14px; background:url(images/edit.gif) left top no-repeat; padding:0 18px 0; color:#f60; }

				#center .post .writer{ float:right; text-align:left; font-weight:bold; padding:10px 0 0; color:#999; }



			#center .fullpost{ margin:0 15px; }

		

		#right{ float:left; width:200px; margin-bottom:35px; }

			#right h3{ height:24px; padding-left:15px; text-align:left; background:url(images/titlebg.gif) left bottom no-repeat; font:bold 15px Arial, Helvetica, sans-serif; font-variant:small-caps; }

			#right h4{ padding-left:15px; text-align:left; font:normal 9px Verdana, Geneva, sans-serif; color:#ccc; letter-spacing:.5em; }

			#right .banner_top{ height:4px; background:url(images/bannertopborder.gif) left bottom no-repeat; }

			#right .banner_bottom{ height:4px; background:url(images/bannerbottomborder.gif) left top no-repeat; }

			#right .search_field{ display:block; margin:5px auto; width:160px; height:14px; padding:2px 4px; border:1px solid #ccc; background:url(images/searchbg.gif) left bottom no-repeat; font:normal 11px Arial, Helvetica, sans-serif; }

			#right .search_button{ float:right; background:#fff; border:1px solid #ccc; padding:2px; margin:0 15px; font-variant:small-caps; }

			#right .projects{ width:180px; margin:5px 10px 0; border-collapse:collapse; }

				#right .projects img{ margin:5px; border:1px solid #ccc; }

				

			/* right vertical submenu */

			.right_vmenu ul{ list-style:none; }

				.right_vmenu ul li{ text-align:left; }

					.right_vmenu ul li p{ display:block; height:22px; padding-top:2px; padding-left:15px; font:normal 14px Arial, Helvetica, sans-serif; font-variant:small-caps; background:url(images/right_vmenubg.gif) left top no-repeat; }

					.right_vmenu ul li a{ display:block; height:22px; padding-top:2px; padding-left:15px; font:normal 14px Arial, Helvetica, sans-serif; font-variant:small-caps; background:url(images/right_vmenubg.gif) left top no-repeat; color:#666; }

					.right_vmenu ul li a:hover{ background:url(images/right_vmenubg.gif) left bottom no-repeat; color:#F60; }

					.right_vmenu .rss{  }

					.right_vmenu .pod{  }



				

	.box{ margin-top:15px; }

			

	* html #footer{ height:1%; }

	#footer{ margin:15px 15px 0; font:normal 10px Arial, Helvetica, sans-serif; background:#fff url(images/footerbg.gif) left bottom repeat-x; border:1px solid #ccc; }

		#footer p{ padding:20px; }