@import "reset.css";

body {
	font-family: 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Tahoma, Arial, sans-serif;
	font-size: 14px;
	background: #000 url(images/page-background.jpg) repeat-x fixed;
	color: #FFF;
}

h1, h2, h3, h4 {
	font-family: 'Times New Roman', Times, serif;
}
h1 a, h2 a, h3 a, h4 a {
	color: inherit;
}
h1 {
	color: #933;
	font-size: 28px;
	line-height: 36px;
	border-bottom: 1px dotted #C8C8C8;
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-weight: normal
}
h2 {
	color: #933;
	font-size: 20px;
	line-height: 24px;
	font-weight: normal;
}
h2 a {
	color: #933;
	font-size: 20px;
	line-height: 24px;
	font-weight: normal;
}
h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 26px;
	color: #933;
	text-transform: uppercase;
}
h4 {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	border-bottom: 1px dotted #C8C8C8;
}

.clear {
	display: block;
	clear: both;
	height: 1px;
	line-height: 1px;
}
.wrapper {
	text-align: center;
}
	.wrapper .content-wrapper {
		margin: 0px auto;
		text-align: left;
		height: 100% !important;
		width: 998px;
	}
	.wrapper .content-wrapper .content {
		height: 100% !important;
	}
#header-wrapper {
	height: 520px;
	background: transparent url(images/header-shadow.png) no-repeat top center;
	position: relative;
	color: #FFF;
}
	#header {
		background: #000 url(images/header-background.jpg) no-repeat top center;
		position: relative;
	}
		#logo {
			width: 340px;
			height: 40px;
			position: absolute;
			top: 50px;
			left: 40px;
		}
			#logo a {
				background: url(images/logo-blusher.gif) no-repeat center center;
				width: 100%;
				height: 100%;
				display: block;
			}
			#logo a span {
				display: none;
			}
		#nav {
			position: absolute;
			top: 150px;
			left: 30px;
		}
			.nav-row {
				clear: both;
			}
			.nav-row ul li {
				display: block;
				float: left;
				margin-right: 10px;
				height: 50px;
			}
			.nav-row ul li a {
				display: block;
				width: 100%;
				height: 100%;
				position: relative;
			}
			.nav-row ul li a span {
				display: none;
			}
			.nav-row a img.hover {
				position: absolute;
				top: 0px;
				left: 0px;
			}
		#header a {
			color: #aaa;
			font-weight: bold;
		}
		#header a:hover {
			color: #FFF;
		}
		.header-module-wrapper {
			width: 220px;
			height: 100px;
			background: transparent url(images/header-module-background.png) no-repeat center center;
			position: absolute;
			font-family: Tahoma, Verdana, Arial, sans-serif;
			top: -10px;
		}
		.header-module {
			padding: 27px 30px;
		}
		.header-module .top, .header-module .bottom  {
			height: 22px;
			line-height: 22px;
			font-size: 11px;
			overflow: hidden;
		}
		.lang { float: left; margin-right: 5%; position: relative; width: 40%;}
		.lang img { margin-right: 5px;}
		.lang span { font-style: italic; position: absolute; top: -1px;}
		.bottom { margin-top: 3px; cursor: pointer;}
		.bottom img { margin: -2px 2px;}
		.bottom .close { display: none; float:right;}
		.bottom .close b {color: #C00;}
		.bottom .close:hover b {color: #FFF;}
		.close.visible { display: block;}
		#lang-module { right: 200px;}
		#newsletter-module { right: 0px;}
			#newsletter-module input {
				background: #ddd; border: none; color: #555; width: 96%; font-size: 11px; padding: 2px; opacity: 1}
			#newsletter-module input.default {	font-style: italic; opacity: .8;}
	#middle-wrapper {
		height: 200px;
		width: 100%;
		background: transparent url(images/middle-wrapper-background.png) repeat-x top center;
		position: absolute;
		bottom: 0px;
		left: 0px;
	}
		#middle {
			background: transparent url(images/blusher-transparent.png) no-repeat center center;
			position: relative;
		}
		#middle-image {
			width: 360px;
			height: 225px;
			background: transparent url(images/middle-image-background.png) no-repeat center center;
			top: -14px;
			position: absolute;
			left: 40px;
			text-align: center;
		}
			#middle-image .prev-nav, #middle-image .next-nav {
				float: left;
				display: block;
				position: absolute;
				width: 30px;
				height: 42px;
				top: 93px;
				overflow: hidden;
			}
			#middle-image .prev-nav {
				left: 5px;
			}
			#middle-image .next-nav {
				right: 5px;
			}
			#middle-image .prev-nav.active {background: transparent url(images/arrow-left-active.gif) center center no-repeat}
			#middle-image .prev-nav.default {background: transparent url(images/arrow-left-default.gif) center center no-repeat}
			#middle-image .next-nav.active {background: transparent url(images/arrow-right-active.gif) center center no-repeat}
			#middle-image .next-nav.default {background: transparent url(images/arrow-right-default.gif) center center no-repeat}
			#middle-image .img-content {
				width: 270px;
				height: 160px;
				overflow: hidden;
				margin: 33px auto;
			}
			#middle-image .img-content img {
				width: 100%;
				height: 100%;
				display: block;
			}
		.middle-info {
			width: 500px;
			position: absolute;
			right: 40px;
			top: 10px;
			font-family: 'Times New Roman', serif;
			font-weight: normal;
			font-size: 17px;
		}
			.middle-info .middle-title {
				color: #FFF;
				font-size: 30px;
				font-family: Georgia, serif;
				text-shadow: #333 1px 1px 1px;
			}
			.middle-info .middle-title span {
				font-size: 42px;
			}
			.middle-info .middle-content {
				line-height: 24px;
				padding: 10px 20px 0px 5px;
				color: #903;
				text-shadow: #C6A76A 1px 1px 0px;
			}
			.middle-info .middle-read {
				text-align: right;
				font-size: 14px;
			}
			.middle-info .middle-read a {
				color: #FFF;
				font-weight: bold;
			}
			.middle-info .middle-read a:hover {
				text-decoration: underline;
				
			}
#content-wrapper {
	color: #333;
	margin-top: 1px;
}
	#content {
		background: #FFF url(images/content-background.jpg) repeat-x top center;
		border: 1px solid #FFF;
		padding: 40px 30px 20px 40px;
		font-family: Arial, Verdana, Tahoma, sans-serif;
	}
	#main-side {
		width: 600px;
		font-size: 14px;
		line-height: 20px;
		float: left;
		display: inline;
	}
		.images {
			float:left;
			width:160px;
			margin-right:10px;
			margin-top:5px;
		}
		.images a img{
			border:4px solid #993333;
		}
		.images100 {
			float:left;
			width:105px;
			margin-right:10px;
			margin-top:5px;
		}
		.images100 a img{
			border:2px solid #993333;
			margin-top:5px;
			width:100px;
		}
		.readmore {
			color: #C00;
			font-weight: bold;
			float:right;
			font-size:75%;
		}
		#main-side p {
			line-height: 18px;
			margin-bottom: 5px;
			margin-top: 5px;
			text-align:justify;
		}
		#main-side ul, #main-side li {
			text-align:justify;
		}
		#main-side p a, #main-side div a, #main-side span a {
			color: #933;
			font-weight: bold;
		}
		#main-side a:hover {
			color: #000;
			text-decoration: none;
		}
		#main-side h4 {
			border: none;
		}
		#main-side p.listing {
			margin-top: 0px;
			font-size: 11px;
			line-height: 16px;
			padding-bottom: 10px;
			border-bottom: 1px dotted #eee;
		}
		#main-side p.listing a.read {
			font-size: 100%;
			color: #BF933B;
		}
		#main-side p.listing a.read:hover {
			color: #000;
		}
	#sidebar {
		width: 275px;
		float: right;
		margin-left: 10px;
	}
		.side-module {
			border: 1px solid #EEE;
			margin-bottom: 40px;
			background: #FAFAFA;
			
		}
			.side-title {
				padding: 10px 15px 15px 40px;
			}
			.side-content {
				padding: 10px 15px;
			}
		#events-module .side-title {
			background: transparent url(images/events.gif) no-repeat 10px center;
		}
			.calendar {
				cursor: default;
				width: 95%;
				padding-left: 10px;
				font-family: Tahoma, Verdana, Arial, sans-serif;
				font-size: 11px;
			}
			.calendar a {
				color: #C00;
				font-weight: bold;
			}
			.calendar th {
				font-size: 10px;
				padding-bottom: 10px;
				text-align:center;
			}
			.calendar .current-month {
				font-weight: bold;
				color: #C00;
				padding-left:5px;
			}
			.calendar a.next-month {
				padding-left:5px;
			}
			.calendar a.prev-month, .calendar a.next-month {
				color: #aaa;
				font-weight: normal;
			}
			.calendar a.prev-month:hover, .calendar a.next-month:hover {
				color: #C00;
			}
			.calendar td {
				text-align: center;
				width: 14.2%;
				padding: 4px;
			}
			.calendar td a {
				display: block;
			}
			.calendar .past-event a{
				color: #000;
			}
			.calendar .future-event {
				
			}
			.calendar .today {
				background: #eee;
			}
		#articles-videos-module .side-title {
			background: transparent url(images/articles.gif) no-repeat 10px center;
		}
		#comments-module .side-title {
			background: transparent url(images/comments.gif) no-repeat 10px center;
		}

		ul.listing {
			font-size: 11px;
		}
		
			.listing li {
				margin-bottom: 20px;
			}
			.listing .list-type  {
				color: #bf933b;
				font-weight: bold;
			}
			
			a.article, a.comment-article, b.comment-who {
				color: #333;
				line-height: 14px;
				text-align:justify;
			}
			b.comment-who {
				color: #C00;
			}
			a.article .article-date {
				font-size: 85%;
			}
			a.article .article-content {
				display: block;
				text-align:justify;
			}
			a.article:hover .article-title  {
				color: #bf933b;
			}
			a:hover .article-content, a:hover .comment-content {
				text-decoration: underline;
			}
			
#footer-wrapper {
	height: 45px;
	overflow: hidden;
	margin-bottom: 40px;
	margin-top: 1px;
	clear:both;
}
	#footer {
		background: #fff url(images/footer-background.jpg) no-repeat top center;
		line-height: 45px;
		height: 45px;
		color: #333;
		font-family: Georgia, 'Times New Roman', sans-serif;
		font-style: italic;
		cursor: default;
		clear:both;
	}
		.copyright {
			padding-left: 20px;
			float: left;
			font-size: 11px;
		}
		#prologue {
			display: block;
			width: 48px;
			height: 45px;
			margin-top: 1px;
			float: left;
			margin-right: 20px;
		}
		#prologue span {
			display: none;
		}
		.footer-nav {
			display: inline;
			float: right;
			margin-right: 20px;
		}
		#footer a {
			color: #777;
		}
		#footer a:hover {
			color: #C00;
		}
		.footer-nav ul li {
			display: inline;
			padding-left: 20px;
		}

.contact_left {
	float:left;
	width:300px;
}

.contact_right{
	float:right;
	text-align:right;
}

.comm_form {
	float:left;
	text-align:left;	
}

.contact_right .input {
	border:2px solid #933; 
	width:200px;
	padding:2px 4px;
}

.contact_right .textarea {
	border:2px solid #933; 
	width:200px;
	height:100px;
	padding:2px 4px;
}

.comm_form .input {
	border:2px solid #933; 
	width:275px;
	padding:2px 4px;
}

.comm_form .textarea {
	border:2px solid #933; 
	width:275px;
	height:61px;
	padding:2px 4px;
}
.contact_right .submit, .comm_form .submit {
	border: 1px solid #EEE;
	display:block;
	padding:5px;
	background-color:#fafafa;
	color:#933;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
	float:right;
}

.error {
	color:#f00;
	font-weight:bold;
}

.download {
	float:right;
	clear:both;
	margin:15px 20px 0 0;
	border: 1px solid #EEE;
	display:block;
	width:105px;
	height:40px;
	padding:20px 0 0 50px;
	font-size:18px;
	font-weight:bold;
	color:#933;
	background: #FAFAFA url(images/pdf.jpg) no-repeat 5px center;
}

.paypal {
	float:right;
	clear:both;
	margin:20px 0px 0 0;
	border: 1px solid #EEE;
	display:block;
	width:300px;
	height:35px;
	padding:0 60px 0 0;
	font-size:16px;
	font-weight:bold;
	color:#933;
	background: #FAFAFA url(images/paypal.jpg) no-repeat 210px center;
	cursor:pointer;
}

.small_info {
	float:right; 
	color:#933; 
	font-size:14px;
	margin-bottom:5px;
	text-align:right;
}

.navigator, .navigator a {
	color: #933;
	text-decoration: none;
	text-align: center;
	cursor:pointer;
	font-weight:bold;
	font-size:12px;
}

.navigator_current, .navigator_current a {
	color:#fff;
	text-decoration: none;
	background:#933;
	text-align: center;
	font-weight:bold;
	font-size:12px;
}

.navigator_more, .navigator_more a {
	color: #933;
	text-decoration: none;
	text-align: center;
	cursor:pointer;
	font-weight:bold;
	font-size:12px;
}