/*
Theme Name: MS City
Theme URI: http://mscity.hu
Description: MS City WordPress Theme.
Version: 1.0
Author: Profartis Design Kft.
Author URI: http://profartis.hu
*/

/*
------------------------------------------
	ÁLTALÁNOS
------------------------------------------
*/

* {
	margin: 0;
	padding: 0;
	outline: none;
	border: 0;
	text-decoration: none;	
}

a {
	color: #0099ff;
	text-decoration: underline;	
}

a:hover {
	text-decoration: none;
}

.clear {
	clear: both;
}

.left {
	float: left;	
}

.right {
	float: right;
}

.no-border {
	border: 0;
}

form input {
	background: #fff;
	border: 1px solid #3a3732;
	font: italic 12px Georgia;
	color: #3a3732;
	padding: 2px 10px;
}

form input:focus {
	border: 1px solid #0099ff;
	background: #eef8ff;
}

form input.error,
form input.error:focus {
	border: 1px solid #b93b3b;
	background: #fec8c8;
}

form textarea {
	border: 1px solid #3a3732;
	padding: 0 0 0 10px ;
	background: url('images/textarea-lines.png');
	font: italic 12px Georgia;
	line-height: 21px;
	color: #3a3732;
}

form textarea:focus {
	border: 1px solid #0099ff;
	background: url('images/textarea-lines-focus.png');
}

form textarea.error,
form textarea.error:focus {
	border: 1px solid #b93b3b;
	background: url('images/textarea-lines-error.png');
}

span.line {
	display: block;
	background: url('images/hor-sep.gif') repeat-x top left;
	height: 1px;
}

/*
------------------------------------------
	OLDAL VÁZ
------------------------------------------
*/

body {	
	font-size: 12px;
	font-family: Verdana;
	background: #e1e4e5 url('images/body.png') no-repeat top center;
}

.container {
	width: 960px;
	margin: 0 auto;
	padding: 0 10px;
	background: #fff;	
	overflow: hidden;
}


/*
------------------------------------------
	FEJLÉC
------------------------------------------
*/

.header {
	width: 960px;
	padding-top: 9px;
	overflow: hidden;
}

	/* FELSŐ MENÜSOR
	-----------------------------------------*/
		
	.header .header-top {
		overflow: hidden;
		height: 42px;
		font: 10px Verdana;
		color: #bfbfb5;
		padding: 0 0px 0 20px;	
		margin-bottom: 12px;
		background: url('images/header-top.png') repeat-x bottom left;			
	}
			
		.header .header-top .date {
			float: left;
			width: 333px;
			margin-top: 15px;
			text-transform: uppercase;
		}
				
		.header .header-top ul {
			float: left;
			list-style-type: none;		
			margin: 15px 0 0 0;
			overflow: hidden;
		}
		
			.header .header-top ul li {
				float: left;
				background: url('images/header-top-sep.png') no-repeat right 2px;
				padding-right: 10px;
				margin-left: 9px;
			}		
			
			.header .header-top ul li.last {
				background: none;
			}
			
				.header .header-top ul li img {
					margin-top: 1px;
				}
			

		/*	KERESÉS
		-----------------------------------------*/
		
		form.search-form {
			float: left;
			width: 295px;
			overflow: hidden;
		}
			
			form.search-form input {
				width: 210px;
				margin: 10px 3px 0 0;
				float: left;
			}
		
			form.search-form button {
				width: 60px;
				height: 31px;
				float: left;
				margin-top: 4px;
				background: url('images/search-button.png') no-repeat top left;
				cursor: pointer;
			}
	
			
	/* LOGÓ 
	-----------------------------------------*/
	
	.header .logo {
		float: left;
		width: 330px;		
	}
	
		.header .logo img {
			margin: 65px 0 0 31px;
		}
	
			
	/* MENÜ 
	-----------------------------------------*/
	
	.header .menu {
		float: left;
		width: 610px;
	}
	
		.header .menu p {
			font: 21px Georgia;
			color: #e0dbce;	
		}
		
		.header .menu ul {
			margin-top: 27px;
			list-style-type: none;
			height: 77px;			
		}
		
		.header .menu ul li {
			float: left;
			width: 147px;
			height: 77px;
			font: 10px Georgia;
			overflow: hidden;		
		}
		
		.header .menu ul li.sep {
			height: 77px;
			width: 3px;
			padding: 0px;
			background: url('images/menu-sep.gif') repeat-y top center;
		}
					
			.header .menu li a {
				width: 135px;
				height: 77px;
				padding-left: 13px;
				text-decoration: none;
				color: #bfbfb5;
				float: left;
			}
			
			.header .menu li a:hover,
			.header .menu li.active a {
				background: url('images/menu-hover.png') repeat-x bottom left;
			}
		
		
				.header .menu ul li a span {
					display: block;
					margin: 16px 0 10px 0;
					font: 15px Georgia;
				}
				
				.header .menu ul li a span.m1 { color: #0099ff;	 }	
				.header .menu ul li a span.m2 { color: #f84b00;	 }	
				.header .menu ul li a span.m3 { color: #7ace3a;	 }	
				.header .menu ul li a span.m4 { color: #ed008c;	 }				


/*
------------------------------------------
	OLDALSÁV
------------------------------------------
*/

.sidebar {
	width: 280px;
	float: left;
	padding: 0 10px 0 20px;
	margin-right: 10px;
}

	/* MS CITY-RŐL
	-----------------------------------------*/
	
	.sidebar .ms-city {
		overflow: hidden;
	}
		
		.sidebar .ms-city h2 {
			font: 24px Georgia;
			color: #0099ff;
			padding-left: 16px;
			background: url('images/title-arrow.gif') no-repeat 0 11px;			
		}
		
			.sidebar .ms-city h2 a {
				text-decoration: none;	
			}
			
			.sidebar .ms-city h2 a:hover {
				text-decoration: underline;	
			}
		
		.sidebar .ms-city img {
			padding: 1px;
			border: 1px solid #0099ff;
			margin: 20px 0 10px 0;	
		}
		
		.sidebar .ms-city a.more-link {
			font: italic 13px Georgia;
			text-decoration: none;
			float: right;
			margin-top: 10px;
		}
		
			.sidebar .ms-city a.more-link:hover {
				text-decoration: underline;
			}
	
	
	/* VÉLEMÉNYEK
	-----------------------------------------*/
	
	.testimonial {
		background: url('images/hor-sep.gif') repeat-x top left;
		margin-top: 20px;
		padding-top: 20px;
		overflow: hidden;
	}
	
		.testimonial div {
			background: url('images/testimonial-bg.png') no-repeat 10px 0px;
			padding: 13px 0 20px 0;
			font: italic 13px Georgia;
		}
		
		.testimonial img {
			margin-left: 20px;	
			display: block;
		}
		
		.testimonial span {
			display: block;
			float: right;
			margin-right: 20px;
			text-align: right;
			font-weight: bold;
		}
		
			.testimonial span a {
				font-weight: normal;	
			}
	

/*
------------------------------------------
	TARTALOM
------------------------------------------
*/			

.content {
	width: 920px;
	margin: 0 auto;
	overflow: hidden;
}

.content .inner-content {
	overflow: hidden;
	background: url('images/subpage-bg.png') repeat-y;
	padding: 8px 0;
}

.content .inner-content .right-content {
	float: left;
	width: 590px;	
}


	/* ALOLDAL FEJLÉC
	-----------------------------------------*/
	
	.page-header {
		width: 880px;
		margin: 10px auto 11px auto;
		padding-left: 40px;
		color: #fff;
		font: 15px Georgia;
	}
	
		.page-header h2 {
			font: 40px Georgia;
		}
	
		.ph-main {
			height: 150px;
			padding-top: 30px;
			background: url('images/header-image-main.jpg') no-repeat;			
		}
		
		.ph-experience {
			height: 150px;
			padding-top: 30px;
			background: url('images/header-image-experience.jpg') no-repeat;			
		}
		
		.ph-solution {
			height: 150px;
			padding-top: 30px;
			background: url('images/header-image-solution.jpg') no-repeat;			
		}
		
		.ph-about {
			height: 150px;
			padding-top: 30px;
			background: url('images/header-image-about.jpg') no-repeat;			
		}
		
		.ph-contact {
			height: 150px;
			padding-top: 30px;
			background: url('images/header-image-contact.jpg') no-repeat;			
		}
		
		.ph-blog {
			height: 150px;
			padding-top: 30px;
			background: url('images/header-image-blog.jpg') no-repeat;			
		}
		
		.ph-registration {
			height: 150px;
			padding-top: 30px;
			background: url('images/header-image-registration.jpg') no-repeat;			
		}


	/* HÍRLEVÉL FELIRATKOZÓ BLOKK
	-----------------------------------------*/

	.newsletter-block {
		width: 928px;
		background: url('images/newsletter-block.png') no-repeat bottom left;
		font: 16px Georgia;
		color: #3a3732;
		overflow: hidden;
		height: 100px;
		margin: 12px auto;
	}
	
		.newsletter-block p {
			text-align: center;
			padding-bottom: 25px;
		}
			
			.newsletter-block p span {
				font-style: italic;
				color: #0099ff;	
			}
		
		.newsletter-block span.text {
			display: block; 
			float: left;
			margin-left: 375px;	
			width: 340px;
			padding-top: 6px;
			text-align: center;
		}
		
		.newsletter-block img {
			float: left;
			margin-left: 20px;
		}
	
	
	/* KIEMELT BEJEGYZÉSEK
	-----------------------------------------*/
	
	.main-posts {
		margin: 10px 0 15px 10px;
		overflow: hidden;
	}
	
	.main-posts .main-entry {
		width: 280px;
		background: url('images/menu-sep.gif') repeat-y top right;
		padding: 7px 10px 10px 0;
		margin-left: 10px;
		float: left;
	}
	
		.main-posts .main-entry h2 {
			font: 24px Georgia;
			color: #0099ff;
			padding-left: 16px;
			background: url('images/title-arrow.gif') no-repeat 0 11px;			
		}
		
			.main-posts .main-entry h2 a {
				text-decoration: none;	
			}
			
			.main-posts .main-entry h2 a:hover {
				text-decoration: underline;	
			}
		
		.main-posts .main-entry img {
			padding: 1px;
			border: 1px solid #0099ff;
			margin: 20px 0 10px 0;	
			float: none;
		}
		
		.main-posts .main-entry a.more-link {
			font: italic 13px Georgia;
			text-decoration: none;
			float: right;
			margin-top: 10px;
		}
		
			.main-posts .main-entry a.more-link:hover {
				text-decoration: underline;
			}
	
	
	/* KIEMELT BEJEGYZÉSEK
	-----------------------------------------*/
	
	.blog-container {
		float: left;
		width: 590px;
		margin-right: 20px;		
		margin-top: 10px;		
	}
	
		.blog-container .container-title {
			background: url('images/main-blog-top.png') no-repeat bottom left;
			padding: 0 0 20px 20px;
			font: bold 12px Georgia;
			color: #3a3732;
			text-transform: uppercase;
		}
	
		.blog-container .inner {
			width: 570px;
			padding: 0px 10px;
			overflow: hidden;
			background: #f1f9ff url('images/main-blog-bottom.png') no-repeat bottom left;
		}
		
		.blog-container .inner .left {
			width: 370px;
		}
				
		.blog-container .inner .blog-entry img {
			width: 89px;
			height: 67px;
			padding: 1px;
			border: 1px solid #0099ff;
			float: left;
			margin-right: 10px;
		}			
	
		.blog-container .inner .blog-entry h2 {
			font: 24px Georgia;
			color: #0099ff;
			padding-left: 16px;
			margin-bottom: 16px;
			background: url('images/title-arrow.gif') no-repeat 0 11px;			
		}
		
			.blog-container .inner .blog-entry h2 a {
				text-decoration: none;	
			}
			
			.blog-container .inner .blog-entry h2 a:hover {
				text-decoration: underline;	
			}
			
		.blog-container .inner .blog-entry .info {
			clear: left;
			margin: 10px 0 12px 0;
			color: #98d1f6;
			padding-bottom: 15px;
			background: url('images/hor-sep.gif') repeat-x bottom left;
		}
		
		.blog-container .inner .blog-entry .info-2 {
			padding-bottom: 5px;
			background: none;	
			margin-bottom: 10px;
		}
			
			.blog-container .inner .blog-entry .info span {
				font: italic 10px Georgia;	
			}
			
			.blog-container .inner .blog-entry .info a {
				text-decoration: none;	
			}
			
			.blog-container .inner .blog-entry .info a:hover {
				text-decoration: underline;	
			}
		
		
		.blog-container .inner .right {
			width: 180px;
		}
		
			.blog-container .inner .right .more-articles {
				color: #3a3732;
				font: bold 12px Georgia;
				margin: 10px 0 12px 0;
				display: block;				
			}
		
			.blog-container .inner .right ul {
				list-style-type: none;
			}
			
				.blog-container .inner .right ul li {
					background: url('images/hor-sep.gif') repeat-x bottom left;
					padding-bottom: 7px;
					margin-bottom: 5px;
					overflow: hidden;					
				}
				
					.blog-container .inner .right ul li span.dot {
						float: left;							
						width: 12px;
					}
					
					.blog-container .inner .right ul li span.title {
						float: left;	
						width: 168px;
					}
				
					.blog-container .inner .right ul li a {
						font: 12px Georgia;				
						text-decoration: none;		
					}
					
					.blog-container .inner .right ul li a:hover {
						text-decoration: underline;	
					}
					
		
	/* I LOVE BUDAPEST 
	-----------------------------------------*/
	
	.i-love-budapest {
		float: left;
		width: 310px; 
		margin-top: 10px;
	}
	
		.i-love-budapest .container-title {
			background: url('images/lb-top.png') no-repeat bottom left;
			padding: 0 0 20px 20px;
			font: bold 12px Georgia;
			color: #3a3732;
			text-transform: uppercase;
		}
	
		.i-love-budapest .inner {
			width: 290px;
			padding: 0px 10px 15px 10px ;
			background: #f1f9ff url('images/lb-bottom.png') no-repeat bottom left;
		}
		
			.i-love-budapest ul {
				list-style-type: none;
			}
			
				.i-love-budapest ul li {
					width: 273px;
					display: block;
					overflow: hidden;
					padding: 4px 7px 5px 7px;	
					background: url('images/hor-sep.gif') repeat-x bottom left;					
				}
				
					.i-love-budapest ul li span.left {
						width: 156px;
						padding-top: 0px;	
					}
						
						.i-love-budapest ul li span.left span {
							display: block;
							font: 11px Georgia;
							color: #c8c8bf;
							line-height: 15px;
						}
						
						.i-love-budapest ul li a {
							font: 14px Georgia;
							text-decoration: none;							
						}
						
						.i-love-budapest ul li a:hover {
							text-decoration: underline;	
						}
											
					.i-love-budapest ul li img {
						border: 1px solid #0099ff;
						padding: 1px;
						float: left;
						margin-right: 10px;
					}
										
	
	/* BEJEGYZÉS
	-----------------------------------------*/
	
	.post {
		overflow: hidden;	
		margin-bottom: 25px;
	}
			
		.post h2 {
			font: 24px Georgia;
			color: #0099ff;
			padding-left: 16px;
			margin-bottom: 16px;	
			background: url('images/title-arrow.gif') no-repeat 0 11px;				
		}
		
			.post h2 a {
				text-decoration: none;	
			}
			
			.post h2 a:hover {
				text-decoration: underline;	
			}
			
		.post .info {
			background: url('images/hor-sep.gif') repeat-x top left;
			padding-top: 9px;
			margin-bottom: 8px;
			font: 11px Georgia;
			color: #bfbfb5;
		}
		
			.post .info a,
			.post .tags a {
				text-decoration: none;
				font-style: italic;				
			}
			
			.post .info a:hover,
			.post .tags a:hover {
				text-decoration: underline;	
			}
			
		.post .entry {
			background: url('images/hor-sep.gif') repeat-x top left;
			padding: 25px 30px 20px 30px;	
		}
				
			.post .entry img {				
				padding: 1px;
				border: 1px solid #0099ff;
				margin-right: 10px;
			}			
		
			.post .entry a.more-link {
				font: italic 13px Georgia;
				text-decoration: none;
				float: right;
				margin-top: 25px;
			}
		
			.post .entry a.more-link:hover {
				text-decoration: underline;
			}
			
			.post .entry ol,
			.post .entry ul {
				margin: 8px 0 8px 40px;
			}
			
			.post .entry ol li,
			.post .entry ul li {
				margin: 12px 0;	
			}
			
		.post .tags {
			padding: 9px 0;
			font: 11px Georgia;
			color: #bfbfb5;			
		}
	
	.single .post {
		margin-bottom: 30px;
	}
	
		.single .post .entry {
			margin-bottom: 15px;
		}
	
	.navigation {
		text-align: center;
		background: url('images/hor-sep.gif') repeat-x top left;
	}
	
		.navigation .inner {
			background: url('images/hor-sep.gif') repeat-x bottom left;
			padding: 10px 0;
		}
	
		.navigation ul {
			list-style-type:none;			
		}	
		
			.navigation ul li {
				display: inline;
				overflow: hidden;
				padding: 2px 5px;
				color: #BFBFB5;
			}
			
			.navigation ul li.active {
				background: #0099FF;
				color: #fff;
			}
		
		
	/* KAPCSOLÓDÓ TARTALMUNK
	-----------------------------------------*/
	
	.related-posts {
		margin-left: 15px;
	}
	
		.related-posts h5 {
			font: 18px Georgia;
			color: #3a3732;	
		}
		
			.related-posts ul {
				list-style-type: none;
				margin: 11px 0 0 50px;
			}
			
				.related-posts ul li {
					color: #615f5b;
					margin: 13px 0;
					overflow: hidden;
					width: 475px;
				}
				
					.related-posts ul li span.dot {
						float: left;
						width: 15px;
					}
					
					.related-posts ul li span.link {
						float: left;
						width: 450px;
					}
			
					.related-posts ul li a {
						font: 16px Georgia;
						text-decoration: none;
					}
					
					.related-posts ul li a:hover {
						text-decoration: underline;
					}
	
	
	/* KAPCSOLATI ŰRLAP
	-----------------------------------------*/
	
	.contact-form {
		border: 1px solid #bfbfb5;
		background: #fafafa;
		padding: 18px 15px;
	}
		
		.contact-form h3 {
			font: 24px Georgia;
			color: #0099ff;
		} 
		
		.contact-form form {
			margin: 18px 15px;
		}
		
		.contact-form form p {
			margin-bottom: 20px;	
		}
		
		.contact-form form .line-1 {
			margin: 0 0 5px 0;
		}
		
		.contact-form form .line-2 {
			margin: 15px 0;
		}
		
		.contact-form form label {
			margin: 0 0 6px 11px;
			display: block;
			font: italic 12px Georgia;
			color: #3a3732;
		}
		
		.contact-form form input {
			margin-top: 10px;
			width: 235px;
			height: 21px;
			padding: 7px 10px 0 10px;
		}
		
		.contact-form form textarea {
			width: 518px;	
			height: 146px;
			margin-bottom: 20px;
		}
		
		.contact-form form .box {
			background: #faf9f5;
			border: 1px solid #e0dbce;
			padding: 10px;
			margin: 15px 0 15px 0;			
		}
		
			.contact-form form .captchaBox {
				overflow: hidden;
			}
		
				.contact-form form .captchaBox .captcha {
					border: 1px solid #e0dbce;
					width: 247px;
					height: 28px;
					text-align: center;
					float: left;
				}
				
				.contact-form form .captchaBox input {
					float: left;
					width: 225px;
					margin-left: 10px;
					margin-top: 0px;	
				}
			
			.contact-form form .box .copy {
				overflow: hidden;
				margin-top: 10px;
			}
			
				.contact-form form .box .copy input {
					margin: 0 5px 0 130px;
					float: left;
					width: auto;	
					background: none;
					border: 0;
					
				}
				
				.contact-form form .box .copy span {					
					font: italic 12px Georgia;
					color: #3a3732;
					line-height: 20px;
				}
				
		.contact-form form .submit {
			width: 244px;
			height: 46px;
			margin: 15px auto 0 auto;
			display: block;
			cursor: pointer;
		}
		
			.contact-form form .submit-lng-hu {
				background: url('images/button-send-hu.png') no-repeat;	
			}
			
			.contact-form form .submit-lng-en {
				background: url('images/button-send-en.png') no-repeat;	
			}
			
			.contact-form form .submit-lng-de {
				background: url('images/button-send-de.png') no-repeat;	
			}
		
		
/*
------------------------------------------
	LÁBLÉC
------------------------------------------
*/		

.call-us {
	color: #0099ff;
	font: 20px Georgia;
	background: url('images/call-bg.png') no-repeat top left;
	height: 43px;
	text-align: center;
	line-height: 43px;
	margin-bottom: 20px;
	clear: left;
	margin-top: 20px;
}

.footer {
	background: url('images/footer.png') no-repeat top left;
	font: 10px Verdana;
	color: #bfbfb5;
	padding: 20px 20px 0px 20px;
	height: 130px;
}
	
	.footer .right {
		text-align: right;
		overflow: hidden;
	}
	
	.footer .right ul {
		float: right;
	}

	.footer p {
		padding: 5px 0;
	}
	
	.footer ul {
		float: left;
		list-style-type: none;				
		overflow: hidden;
		margin-bottom: 5px;
	}
	
		.footer ul li {
			float: left;
			background: url('images/header-top-sep.png') no-repeat right 7px;
			margin-left: 6px;
			padding: 5px 7px 0px 0px;	
		}		
		
		.footer ul li.last {
			background: none;
			padding-right: 0px;
		}
		
		.footer ul li.first {
			margin-left: 0px;
			padding-left: 0px;
		}