/**************************************************
	RESET
**************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn,  font, img, ins, kbd, q, s, samp,
small, strike,  tt, var,
dl, dt, dd,  ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
}

 ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote, q {
	quotes: "" "";
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

/**************************************************
	CLEARFIX
**************************************************/

.clearfix:after {
	height: 0;
	line-height: 0;
	display: block;
	visibility: hidden;
	clear: both;
	content: ".";
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/**************************************************
	GENERAL
**************************************************/

/*
html, body {
	overflow-x: hidden;
}*/

body {
	font: 12px  "Helvetica Neue","Helvetica","Lucida Grande","Lucida Sans Unicode",Arial,Verdana, sans-serif;
	color: #555;
	background: #FFFFFF url('images/001/body-bg.gif') repeat-x;
	padding-top: 5px;
}

h1, h2, h3 {
	font-weight: normal;
	letter-spacing: -0.5px;
	color: #303030;
	margin-bottom: 15px;
}

h1 { font-size: 36px; margin-bottom: 30px; }
h2 {	font-size: 24px; }
h3 {	font-size: 17px; letter-spacing: 0px; }

	h1 a, h2 a, h3 a {
		color: #303030;
	}

p { line-height: 18px; margin-bottom: 10px; }
a { color: #000000; text-decoration: none; font-weight: bold; }
	a:hover { text-decoration: underline; }

/**************************************************
	HEADER
**************************************************/

.header {
	padding: 20px 0px 30px 0px;
	background: url('images/001/content-bg.gif') center bottom no-repeat;
	position: relative;
}

/**************************************************
	LOGO
**************************************************/
	
.header h1,
.header h1 a {
	width: 215px;
	height: 51px;
}

.header h1 {
	margin-bottom: 0px;
	float: left;
}
	
	.header h1 a {
		background: url('images/001/logo.png') no-repeat;
		display: block;
	}
		
		.header h1 a span {
			display: none;
		}

/**************************************************
	NAVIGATION
**************************************************/

.nav {
	padding-right: 10px;
	text-transform: uppercase;
	background: transparent url('images/001/nav-right-bg.png') right no-repeat;
/*	position: absolute; */
	float: right;
	top: 20px;
	right: 0px;
	z-index: 1000;
}
	
	.nav ul {
		padding-left: 10px;
		background:transparent url('images/001/nav-left-bg.png') left no-repeat;	
		float: left;
		position: relative;
	}
		
		.nav ul li {
			background:transparent url('images/001/nav-bg.png') repeat-x;	
			float: left;
			position: relative;
		}
			
			.nav ul li:hover ul ul,
			.nav ul li:hover ul ul ul,
			.nav ul li:hover ul ul ul ul{
				display:none;
			}
			
			.nav ul li:hover ul,
			.nav ul li li:hover ul,
			.nav ul li li li:hover ul,
			.nav ul li li li li:hover ul{
				display:block;
			}
		
			.nav ul li a {
				padding: 0px 10px;
				font-size: 11px;
				line-height: 40px;
				color: #FFFFFF;
				display: block;
			}
			
				.nav ul li a:hover {
					text-decoration: none;
				}
			
			.nav ul li ul {
				width: 160px;
				background: none;
				position:absolute;
				top: 40px;
				left: -10px;
				display: none;
			}
			
				.nav ul li ul li {
					background: #303030;
				}
					
					.nav ul li ul li a{
						width: 160px;
						height:auto;
						float:left;
						border-top: 1px solid #888888;
					}
					
					.nav ul li ul li ul {
						top: 0px;
						left: -190px;
					}
					
/**************************************************
	CONTENT
**************************************************/
ol li{
	margin-left: 40px;
}


.container {
	width: 980px;
	margin: auto;
}

.content {
	padding-top: 20px;
}

.content.single {
	padding-top: 94px;
}

	.content .widget {
		margin-bottom: 35px;
	}
	
		.content .widget ul li {
			padding: 4px 0px 4px 14px;
			background: url('images/001/ico-arrow.gif') 0px 10px no-repeat;
		}
			
			.content .widget ul li ul {
				margin: 4px 0px 0px 20px;
			}
			
		.content .widget ul.sublist li {
			width: 140px;
			float: left;
		}
	
	.content  a.more-link {
		padding-right: 8px;
		margin: 20px 0px;
		font-size: 10px;
		text-align: right;
		background: url('images/001/ico-arrow.gif') right no-repeat;
		display: block;
	}
	.content a.back-link 
	{
		padding-left: 8px;
		margin: 20px 0px;
		font-size: 10px;
		text-align: left; 
		display: block;
		background: url('images/001/ico-arrow-2.gif') left no-repeat;
	}
/**************************************************
	POSTS
**************************************************/

.posts {
	width: 620px;
	float: left;
}

.posts.full-width {
	width: auto;
}

	.posts .post {
		margin-bottom: 35px;
		text-align: justify;
		border-bottom: 1px solid #EEEEEE;
	}
	.posts .lastPost {
		margin-bottom: 0px !important;
		text-align: justify;
		border-bottom: none !important;
	}
		
		.posts .post .head {
			margin-bottom: 20px;
		}
		
			.posts .post .head h2 {
				margin-bottom: 0px;
				float: left;
			}
			.posts .post .head a:hover h2
			{
				text-decoration: underline;
			}
			
			.posts .post .head .info {
				text-align: right;
				float: right;
				position:relative;
				text-align:right;
				top:-10px;
			}
			
				.posts .post .head .info p {
					margin-bottom: 2px;
					font-size: 10px;
					text-transform: uppercase;
				}
					
					.posts .post .head .info p a {
						color: #909090;
					}
		
		.posts .post img {
			border: 5px solid #EEEEEE;
		}
		
		.posts .post img.wp-smiley {
			border: none;
		}
		
		.posts .post img.alignleft {
			margin: 0px 20px 20px 0px;
			float: left;
		}
		
		.posts .post img.alignright {
			margin: 0px 0px 20px 20px;
			float: right;
		}
		
		.posts .post ul {
			margin: 20px;
		}
		
			.posts .post ul li {
				background:url("images/001/ico-arrow.gif") no-repeat scroll 0 8px transparent;
				padding:2px 0 2px 14px;
			}
			
				.posts .post ul li ul {
					margin: 4px 0px 0px 20px;
				}
		
		.posts .post .tags {
			margin-top: 20px;
			font: 10px 'Tahoma';
			text-transform: uppercase;
		}
	
	.posts .paging {
		font: 10px 'Tahoma';
	}
	
		.posts .paging .previous {
			float: left;
		}
		
			.posts .paging .previous a {
				padding-left: 8px;
				background: url('images/001/ico-arrow-2.gif') left no-repeat;
			}
			
		.posts .paging .next {
			float: right;
		}
		
			.posts .paging .next a {
				padding-right: 8px;
				background: url('images/001/ico-arrow.gif') right no-repeat;
			}
			
/**************************************************
	COMMENTS
**************************************************/

h3.comments {
	margin: 30px 0px 30px 0px;
	text-align: right;
}

h3.contribute 
{
	text-align: right;
	margin-bottom: -30px;
}

ol.commentlist {
	padding-left: 0px;
	list-style: none;
}

	.commentlist .important 
	{
		background-color:#FFDDDD !important;
	}

	.commentlist li {
		margin-bottom: 30px;
		margin-left: 0px;
		background-color: #EEE;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		padding: 10px;
	}

		ol.commentlist li .comment-author {
			font: bold 10px Tahoma;
			text-transform: uppercase;
			color: #303030;
		}
		
			ol.commentlist li .comment-author img {
				border: none;
			}
		
			ol.commentlist li .comment-author cite.fn a {
				padding: 0px;
				font-style: normal;
				color: #303030;
				background: none;
			}
		
			ol.commentlist li .comment-author .avatar {
				margin-right: 10px;
				float: left;
			}

		ol.commentlist li .comment-meta {
			margin: 2px 0px 5px 0px;
			font: 10px Tahoma;
			text-transform: uppercase; 
			clear: none;
		}
		
			ol.commentlist li .comment-meta  a {
				padding: 0px;
				color: #303030;
				background: none;
				font-weight: normal;
			}

		ol.commentlist li p 
		{
			/*
			padding-left: 75px;
			margin-top: 20px;
*/
		}
	
.form {
	margin: 20px 0px;
	color: #000000;
}

	.form p {
		height: 30px;
		margin-bottom: 5px;
		background: #EEE;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	
	.form div 
	{ 
		margin-bottom: 5px;
		background: #EEE;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	
	.form .answercontainer
	{
		background-color: #EEFFEE;
	}
	
		.form div .formcontainer
		{ 
			padding: 10px;
		}
		
		.form div .answer
		{
			border-top: solid 1px #FFF;
		background-color: #EEFFEE; 
		}
		.form div .answer div 
		{
			background-color: Transparent;
		}
		
		.form div label
		{ 
			padding-right: 20px;
			width: 200px;
			text-align: right;
			line-height: 30px; 
			display: block; 
		}
		.form p.loading 
		{
			background-color:#303030;
			color:white;
			font-size:20px;
			overflow:hidden;
			padding:10px 0 0;
			text-align:center;
		}
		.form p label {
			width: 200px;
			padding-right: 20px;
			text-align: right;
			line-height: 30px;
			border-right: 1px solid #FFF;
			display: block;
			float: left;
		}
		
		
		.form p a {
			padding: 0px 0px 0px 10px;
			line-height: 30px;
			background: none;
		}
		
		
		.form p input, .form p select {
			width: 340px;
			margin: 6px 0px 0px 10px;
			font-size: 12px;
			background: none;
			border: none;
			clear: none;
		}
		
	.form p.comment-textarea {
		height: 100px;
		background: #EEEEEE;
		position: relative;
	}
	
		.form p.comment-textarea label {
			padding-bottom: 70px;
		}
		
		.form p.comment-textarea textarea {
			width: 340px;
			height: 85px;
			margin: 6px 0px 0px 10px;
			font-size: 12px;
			background: none;
			border: 0px;
			clear: none;
			overflow: auto;
		}
		
		.form p.comment-textarea .submit {
			width: 16px;
			height: 22px;
			border: none;
			background: url('images/001/comments-submit-bg.gif') no-repeat;
			position: absolute;
			top: 33px;
			right: 10px;
			cursor: pointer;
		}

/**************************************************
	PORTFOLIO
**************************************************/

.portfolio .item {
	width: 190px;
	height: 190px;
	margin: 0px 10px 10px 0px;
	float: left;
	position: relative;
	border: 5px solid #EEEEEE;
	font-size: 0px;
}

.portfolio .item.last {
	margin-right: 0px;
}

	.portfolio .item .info {
		position: absolute;
		left: 0px;
		bottom: 65px;
		z-index: 1000;
	}
	
		.portfolio .item .info h3 {
			padding: 0px 10px;
			margin-bottom: 0px;
			font-size: 15px;
			width: 170px;
			letter-spacing: 0px;
			line-height: 30px; 
			background: #303030;
			float: left;
		}
		
			.portfolio .item .info h3 a {
				color: #FFFFFF;
				text-decoration: none;
			}
			
		.portfolio .item .info p {
			padding: 0px 10px;
			margin: 0px;
			font-size: 9px;
			line-height: 30px;
			text-transform: uppercase;
			background: #FFFFFF;
			clear: both;
		}
		
	.portfolio .item .image,
	.portfolio .item .image p,
	.portfolio .item .image p img {
		width: 190px;
		height: 190px;
		margin: 0px;
		border: none !important;
	}
	
		.portfolio .item .image p.pattern {
			background: url('images/001/portfolio-item-bg.gif') repeat-y;
			position: absolute;
			top: 0px;
			left: 0px;
		}

/**************************************************
	SIDEBAR
**************************************************/

.sidebar {
	width: 320px;
	float: right;
}

	.sidebar h1,
	.sidebar h2,
	.sidebar h3 {
		padding-bottom: 10px;
		border-bottom: 1px solid #EEEEEE;
	}

/**************************************************
	SEARCH
**************************************************/

.widget .search {
	width: 320px;
	height: 40px;
	background: url('images/001/search-bg.gif') no-repeat;
}

	.widget .search .text {
		width: 260px;
		margin: 12px 0px 0px 20px;
		font-size: 10px;
		color: #909090;
		background: none;
		border: none;
		float: left;
	}
	
	.widget .search .button {
		width: 16px;
		height: 22px;
		margin: 10px 10px 0px 0px;
		background: none;
		color: transparent;
		border: none;
		cursor: pointer;
		float: right;
	}
	
/**************************************************
	WORDPRESS CALENDAR
**************************************************/

#wp-calendar {
	width: 100%;
}

	#wp-calendar caption {
		padding: 5px 0px 5px 10px;
		margin-bottom: 1px;
		text-transform: uppercase;
		color: #FFFFFF;
		background: #303030;
	}

	#wp-calendar thead {
		color: #909090;
		background: #EEEEEE;
	}
	
		#wp-calendar thead th {
			padding: 5px 0px;
			font: 10px 'Tahoma';
			text-align: center;
		}
		
	#wp-calendar tbody {
		margin-bottom: 10px;
	}
	
		#wp-calendar tbody tr td {
			text-align: center;
		}
		
	#wp-calendar tfoot tr td {
		padding: 5px 0px;
		font: 10px 'Tahoma';
	}

/**************************************************
	HOME
**************************************************/

body.home .header {
	width: 980px;
	background: none;
	position: absolute;
	z-index: 1000;
}

body.home .content {
	padding-top: 451px;
	background: url('images/001/content-bg.gif') center 451px no-repeat;
	position: relative;
}

.slider { 
	height: 450px;
	position: absolute;
	top: 1px; 
}
	
	.slider ul li { 
		height: 450px;
		text-align: center;
		overflow: hidden;
		display: none;
	}

.columns {
	padding-top: 40px;
}

	.columns .column-1,
	.columns .column-2,
	.columns .column-3 {
		min-height: 250px;
		height: auto !important;
		height: 250px;
		float: left;
	}
		
		.columns .column-1 {
			width: 310px;
			padding-right: 25px;
			background: url('images/001/column-bg.gif') top right no-repeat;
		}
		
		.columns .column-2 {
			width: 270px;
			padding: 0px 15px;
		}
		
		.columns .column-3 {
			width: 320px;
			padding-left: 25px;
			background: url('images/001/column-bg.gif') top left no-repeat;
		}
			
			.columns .column-1 ul li {
				padding-left: 70px;
				position: relative;
			}
				
				.columns .column-1 ul li h3 {
					margin-bottom: 5px;
				}
				
				.columns .column-1 ul li p.info {
					width: 50px;
					font-size: 10px;
					line-height: 18px;
					text-align: right;
					position: absolute;
					top: 5px;
					left: 0px;
				}
					
					.columns .column-1 ul li p.info span.comments {
						padding-left: 13px;
						background: url('images/001/ico-comment.gif') left no-repeat;
					}

/**************************************************
	FOOTER
**************************************************/

.container .footer {
	padding: 95px 0px 20px 185px;
	background: url('images/001/logo-footer.gif') 0px 100px no-repeat;
}

.container .footer p {
	margin-bottom: 0px;
}

/**************************************************
	PRETTY PHOTO
**************************************************/

a.pp_close {
	display: none !important;
}