/*
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{ width:445px; margin-left:28px; margin-bottom:10px; }
	.nav a{ color:#E7DCB5; background:#000; padding:2px 3px; font:bold 11px Arial, Helvetica, sans-serif; }
	.nav a:hover{ color:#fff; }
	.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_tenyfeltaro.jpg) left top no-repeat; }
	
	#content{  overflow:auto; background:url(images/contentbg_tenyfeltaro.gif) left 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_tenyfeltaro.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:10px; font:normal 14px Arial, Helvetica, sans-serif; font-variant:small-caps; background:url(images/vmenubg_tenyfeltaro.gif) left top no-repeat; }
				.vmenu ul li a{ display:block; height:22px; padding-top:2px; padding-left:10px; font:normal 14px Arial, Helvetica, sans-serif; font-variant:small-caps; background:url(images/vmenubg_tenyfeltaro.gif) left top no-repeat; color:#fff; }
				.vmenu ul li a:hover{ background:url(images/vmenubg_tenyfeltaro.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_tenyfeltaro.gif) left -20px no-repeat;  }
						.vmenu ul li ul li a:hover{ background:url(images/vsubmenubg_tenyfeltaro.gif) left top no-repeat; color:#fff; }
		
		* html #center{ height:520px; }
		#center{ float:left; width:757px; 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; }
			#center h2{ font:bold 14px Arial, Helvetica, sans-serif; margin-bottom:5px; }
			#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{ color:#f60; text-decoration:none; }
				#center .post p a:hover{ color:#000; 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:35px; }
			
	* 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; }