/* Screen style */


/* Basic styles
-------------------------------- */
body {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 13px;
	line-height: 19px;
	color: #191919;
	background: #dfdecd url('/static/img/sidebar_background.png') repeat-y;
	background-position: left top;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'PT Serif', serif;
	color: #a7142c;
	font-weight: 400;
}

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

.clear {
	clear: both;
}


div.site-wrapper {
	position: relative;
	clear: both;
	float: left;
	overflow: hidden;
	width: 100%;
	min-width: 1270px;
}

div.content-wrapper {
	float: left;
	width: 200%;
	position: relative;
	left: 250px;
	min-width: 1000px;
}

	div.content-wrapper2 {
		float: right;
		width: 50%;
		position: relative;
		right: 250px;
	}

	div.content-wrapper3 {
		margin: 0px 0px 0px 250px;
		position: relative;
		right: 100%;
		overflow: hidden;
		padding: 20px 0px;
		background-color: #dfdecd;
		background-image: url('/static/img/bg.jpg');
		background-position: center top;
		background-repeat: no-repeat;
		min-height: 940px;
	}

	div.content-wrapper4 {
		background: white;
		width: 980px;
		margin: auto;
		box-shadow: 0 3px 5px rgba(0,0,1,.21);
	}


/* Sidebar, menu
-------------------------------- */
div.sidebar-wrapper {
	float: left;
	width: 250px;
	position: relative;
	right: 250px;
	background: #a7142c url('/static/img/sidebar_background.png') repeat-y;
	color: white;
}

	div.sidebar-wrapper a.sidebar-logo {
		display: block;
		width: 250px;
		height: 250px;
		background: url('/static/img/logo.png') center no-repeat;
	}

	div.sidebar-wrapper ul.menu {
		margin: 0;
		padding: 0;
		list-style: none;
	}

		div.sidebar-wrapper ul.menu li {
			margin: 0;
			border-top: 1px solid #9b1329;
		}
		
			div.sidebar-wrapper ul.menu li:hover,
			div.sidebar-wrapper ul.menu li.active {
				background: black;
			}
		
			div.sidebar-wrapper ul.menu a {
				text-decoration: none;
				color: #ffffff;
				padding: 0px 20px;
				display: block;
				font-size: 15px;
				line-height: 32px;
			}
			
				div.sidebar-wrapper ul.menu a:hover,
				div.sidebar-wrapper ul.menu li.active a {
					background: black;
				}

			div.sidebar-wrapper div.menu-level-0 {
				margin-top: 20px;
			}



			.content-separator {
				background: url('/static/img/content_separator.png') repeat-y;
				background-position: center bottom;
			}

				.content-left-wrapper {
					float: left;
					width: 50%;
				}

					.content-left {
						padding: 20px;
					}

				.content-right-wrapper {
					float: right;
					width: 50%;
				}

					.content-right {
						padding: 20px;
					}

			h1.box-title {
				font-size: 20px;
				line-height: 20px;
				font-weight: 400;
				margin: 0 0 25px 0;
			}

			div#content {
				min-height: 540px;
			}

			div#content div.page-content {
				padding: 0px 20px 20px 20px;
			}

			div#content div.page-content h1 {
				font-size: 30px;
				line-height: 30px;
				font-weight: 400;
				margin: 0 0 35px 0;
			}
			
			h1.page-title-center {
				text-align: center;
			}
			
			.content-meta {
				border-top: 1px solid #d7d7d7;
			}
			
				h3.content-meta-box-title {
					font-size: 18px;
				}
			
				.content-meta-box {
					float: left;
					width: 33%;
				}
				
				
					.content-meta-box ul {
						margin: 0;
						padding: 0;
						list-style: none;
					}
					
					.content-history {
						font-size: 11px;
					}
					
						.content-history ul li {
							color: #747474;
						}
						
						.content-history a {
							padding: 0 0 0 14px;
							background: url('/static/img/history_more.png') no-repeat;
							background-position: left center;
						}


/* Box Items
-------------------------------- */
.box-items {
	width: 100%;
}

	.box-item {
		margin-bottom: 20px;
	}
	
		h2.box-item-title {
			margin: 0 0 15px 0;
			font-size: 16px;
			line-height: 16px;
			font-weight: 400;
			font-family: 'Open Sans', Arial, sans-serif;
			color: #212121;
		}
		
		p.box-item-excerpt {
			margin: 0 0 10px 0;
		}
		
		.box-item-meta {
			width: 100%;
		}
		
			span.box-item-date {
				float: left;
				color: #747474;
				font-size: 12px;
			}
			
			a.box-item-more {
				float: right;
				font-weight: 600;
			}

	a.box-items-more {
		display: block;
		text-align: center;
		margin: 0px auto;
		width: 178px;
		height: 34px;
		line-height: 34px;
		font-weight: 600;
		background: #a7142c;
		color: white;
	}

	
/* Breadcrumb
-------------------------------- */
#breadcrumb {
	font-size: 11px;
	margin-bottom: 20px;
}


.footer {
	text-align: center;
	font-size: 11px;
	background: #f7f7f7;
	color: #888888;
	padding: 10px;
	border-top: 1px solid #a7142c;
}


/* Header
-------------------------------- */
.content-wrapper div.header {
	background: #F7F7F7;
	border-bottom: 1px solid #A7142C;
}

	#facebook-likebox {
		float: left;
		width: 400px;
		height: 40px;
		overflow: hidden;
		padding-left: 20px;
	}

		#facebook-likebox img.facebook-page-image {
			float: left;
			width: 40px;
			height: 40px;
			display: block;
		}

		#facebook-likebox span.facebook-page-name a {
			font-family: 'Open Sans', Arial, sans-serif;
			font-size: 14px;
			float: left;
			color: #212121;
			line-height: 40px;
			display: block;
			height: 40px;
			padding: 0 15px 0 15px;
		}

		#facebook-likebox div.fb-like {
			padding: 10px 0 0 0;
		}

	#language-selection {
		float: right;
		margin: 10px 20px 0 0;
	}

		#language-selection a.lang-a {
			float: left;
			display: block;
			width: 28px;
			height: 17px;
			margin-right: 10px;
		}

			#language-selection a#lang-a-hu {
				background: url('/static/img/flags/hu.jpg') no-repeat;
			}

			#language-selection a#lang-a-en {
				background: url('/static/img/flags/en.jpg') no-repeat;
			}

			#language-selection a#lang-a-it {
				background: url('/static/img/flags/it.jpg') no-repeat;
				margin-right: 0px;
			}

p.details {
	margin: 8px 30px;
}

div#content div.actions {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	border-top: 1px solid #e0e0e0;
	padding-top: 4px;
	margin-top: 10px;
}


/* Slider
-------------------------------------------------- */

div#slider div.slider-image img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0;
	padding: 0;
}

	.slider-item {
		position: relative;
	}

	.slider-content {
		bottom: 0px;
		width: 650px;
		position: absolute;
		color: #ffffff;
	}

		h2.slider-title {
			background: #a7142c;
			padding: 20px 30px;
			margin: 0;
			font-size: 32px;
			font-weight: normal;
			float: left;
		}

			h2.slider-title a {
				color: #ffffff;
			}

		div.text {
			padding: 20px 30px;
			background: black;
		}

		.slider-date {
			font-size: 12px;
			margin: 4px 0;
			display: block;
		}

		.slider-excerpt {
			font-size: 14px;
			margin: 0;
		}