/****************************

Core CSS for Bungert V5

	By Stephen Bungert
	http://www.bungert.co.uk/
	
****************************/

/*
	Colours:
	
	a4ce64	- Green
	c0cfa8	- Green: tag images
	f3f7e0	- Green: tag background
	d7e8b4	- Greem: tag background ro
	85af41	- Green: linkurl button border-bottom
	3f5f0c	- Green: linkurl button border-bottom:hover
	6f6f6f	- Grey: tag line
	ccc	- Grey: leftRight borders
*/


/* Tags */
/* ---- */

html
{
		font-size: 62.5%; /* Reduce font height to 10px */
		width: 100%;
		height: 100%;
		overflow: -moz-scrollbars-vertical !important;
}
	
	body
	{
		width: 100%;
		height: 100%;
		background: #fff;
		position: relative;
		font-size: 1.4em;
		color: #0d0d0d;
	}
		
		input,
		textarea,
		select
		{
			font-family: Arial, sans-serif;
			font-size: 1.0em;
		}
		
		a
		{
			text-decoration: none;
			color: inherit;
		}
		
		a:hover
		{
			color: #a4ce64;
			text-decoration: underline;
		}
		
		a:active
		{
		}



/* Sticky Footer */
/* ------------- */
		
html,
body
{
	height: 100%;
}

#page
{
	min-height: 100%;
}

#main
{
	overflow: auto;
	padding-bottom: 51px;
}

#footer
{
	position: relative;
	margin-top: -51px;
	height: 51px;
	clear: both;
} 

/*Opera Fix*/
body:before
{
	content: "";
	height: 100%;
	float: left;
	width: 0;
	margin-top: -32767px;
}




/* Shared Styling */
/* -------------- */

.clearer
{
	clear: both;
}

.hidden
{
	display: none;
}

#header,
#greenTop,
#homePageGreenBg,
#homePageGreen,
#greenBottom,
#main,
#footer
{
	text-align: center;
	position: relative;
	width: 100%;
}

#headerContent,
#greenTopContent,
#homePageGreenContent,
#greenBottomContent,
#mainContent,
#footerContent
{
	max-width: 940px;
	margin: 0px auto;
	position: relative;
	text-align: left;
	padding: 0px 10px;
}

/* Set font */
body,
input,
textarea,
select
{
	font-family: Arial, sans-serif;
}



/* Structure */
/* --------- */

#page
{
	background: #fff url(../images/backgrounds/fade_main_grey.png) scroll repeat-x bottom left;
}
	
	#header
	{
		background: transparent url(../images/backgrounds/fade_header_green.png) scroll repeat-x bottom left;
		border-bottom: 1px solid #fff;
		padding-bottom: 22px;
	}
	
	#main
	{
		background: transparent url(../images/backgrounds/fade_main_green.png) scroll repeat-x top left;
		border-top: 1px solid #fff;
	}
		
		#left
		{
			width: 700px;
			float: left;
			margin-right: 20px;
			margin-bottom: 2.0em;
		}
		
		#right
		{
			width: 220px;
			float: left;
			margin-top: -5px;
			margin-bottom: 2.0em;
		}

#footer
{
}



/* Header */
/* ------ */

.siteTitle
{
	font-size: 2.6em;
	margin: 0px;
	line-height: 1.0em;
	padding-top: 45px;
	letter-spacing: 0.7px;
}

.siteTagline
{
	font-size: 1.286em;
	margin: 3px 0px 0px;
	line-height: 1.0em;
	color: #6f6f6f;
}



/* Header: Nav */
/* ----------- */

.headerNav
{
	text-align: right;
	position: absolute;
	top: 84px;
	right: 0px;
}
	
	.hnItem
	{
		display: inline;
		font-size: 1.286em;
		font-weight: normal;
		padding: 10px;
		padding-bottom: 22px;
	}
		
		.hnItem.selected
		{
			background: #fff;
			color: #a4ce64;
		}
		
		.hnItem.firstItem
		{
		}
		
		.hnItem a:hover
		{
			text-decoration: none;
		}



/* Green: Title Bar */
/* ---------------- */

#greenTop
{
	height: 6px;
	background: #a4ce64;
	position: relative;
	color: #fff;
}

#greenTop .pageTitle
{
	margin: 0px;
	font-weight: normal;
	padding-top: 0.55em;
	height: 51px;
}

#greenTop .pageDate
{
	position: absolute;
	right: 10px;
	font-size: 0.857em;
	top: 24px;
	text-transform: uppercase;
}



/* Main: Left */
/* ---------- */

#left .first
{
	font-weight: bold;
}

#left p
{
	text-align: justify;
}
	
	#innerLeft
	{
		width: 460px;
		float: left;
		margin-right: 20px;
	}
	
	#innerRight
	{
		width: 220px;
		float: left;
		padding: 0px;
		margin-top: -5px;
	}

#left a
{
	color: #85AF41;
}



/* Main: Left Lists */
/* ---------------- */

#left ol,
#left ul
{
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

#right ol,
#right ul
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#left ol li,
#left ul li,
#right ol li,
#right ul li
{
	margin-bottom: 0.5em;
	padding-left: 20px;
	background: transparent url(../images/lists/default.png) scroll no-repeat left 6px;
	line-height: 1.5em;
}


#left ol.pageNav li.ro,
#left ul.pageNav li.ro,
#right ol.pageNav li.ro,
#right ul.pageNav li.ro
{
	background-image: url(../images/lists/default_ro.png);
}
	
	.fiItem.selected
	{
		color: #A4CE64;
		background-image: url(../images/lists/default_ro.png) !important;
	}



/* Main: Columns */
/* ------------- */

.columns
{
	float: left;
	width: 220px;
	margin-right: 20px;
	margin-bottom: 20px;
}

#column4
{
	margin-right: 0px;
}



/* Portfolio: Page Browser */
/* ----------------------- */

.pageBrowser
{
	margin: 0px;
	margin-top: -7px;
	padding-bottom: 13px;
	text-align: center;
	color: #6F6F6F;
}
	
	.pageBrowserLink
	{
		padding: 0px 10px;
	}
	
	.pageBrowserLink a,
	.pageBrowserLink a:visited
	{
		color: #fff;
	}
	
	.pageBrowserLink a:hover
	{
		color: #a4ce64;
		text-decoration: none;
	}
	
	.pageBrowserLink.selected
	{
		color: #a4ce64;
	}



/* Portfolio: Filter */
/* ----------------- */

.filter
{
	margin-top: 0px !important;
	margin-bottom: -7px !important;
	font-size: 1.286em;
	padding-top: 13px;
	clear: left;
	height: 1.5em;
}
	
	.filterKeyWord
	{
		color: #a4ce64;
		font-weight: bold;
	}



/* Portfolio: Thumbnails */
/* --------------------- */

#greenBottom
{
	background: #000;
	position: relative;
	height: 170px;
	height: auto;
	color: #fff;
	border-bottom: 6px solid #a4ce64;
}

#greenBottomContent
{
	max-width: none;
	width: 940px;
}

.portfolioPictures
{
	background: #000;
}
	
	.portGridImage
	{
		margin: 20px 0px;
		margin-right: 20px;
		width: 220px;
		height: 130px;
		float: left;
		position: relative;
	}
		
		.portGridImage.lastItem
		{
			margin-right: 0px;
		}
		
		.portGridImage.lastRow
		{
			margin-top: 0px;
		}
		
		.portGridImage a
		{
			opacity: 0.33;
			filter: alpha(opacity = 33);
			display: block;
			width: 220px;
			height: 130px;
			text-decoration: none;
			position: relative;
			z-index: 5;
		}
		
		.portGridImage a:hover,
		.portGridImage.ro a
		{
			/*opacity: 1.0;*/
			/*filter: alpha(opacity = 100);*/
			text-decoration: none;
		}
		
		.portImageTitle,
		.portImageTitleBg
		{
			margin: 0px;
			display: inline-block;
			display: none;
			width: 210px;
			height: 1.0em;
			line-height: 1.0em;
			position: absolute;
			bottom: 0px;
			left: 0px;
			padding: 5px;
			font-weight: bold;
			z-index: 3;
		}
		
		.portImageTitleBg
		{
			opacity: 0.66;
			filter: alpha(opacity = 66);
			border-bottom: 3px solid #000;
			background: #000;
			z-index: 2;

		}
		
		.portImageTitle
		{
			-moz-text-shadow: 0px 1px 1px #000;
			-webkit-text-shadow: 0px 1px 1px #000;
			text-shadow: 0px 1px 1px #000;
			color: #fff !important;
			border-bottom: 3px solid #a4ce64;
			background: #000;
			opacity: 0.66;
			filter: alpha(opacity = 66);
			background: rgba(0, 0, 0, 0.66);
		}



/* Portfolio Single: Port Sidebar */
/* ------------------------------ */

.portInfo .title
{
	font-weight: bold;
	color: #6f6f6f;
	margin: 0.0em;
}

.portInfo p.content
{
	margin-top: 0.0em;
	text-align: left !important;
	margin-bottom: 1.5em;
}



/* Portfolio Single: Port Sidebar URL */
/* ---------------------------------- */
	
.portWww .url a
{
	border: 1px solid #a4ce64;
	border-bottom: 1px solid #85af41;
	padding: 10px 9px;
	margin-bottom: 20px;
	background: #dfeec8 url(../images/portfolio/linkurl_bg.png) scroll repeat-x bottom left;
	margin-top: 2.0em;
	display: block;
	text-decoration: none;
	font-weight: bold;
	-moz-box-shadow: 0px 1px 1px #ccc;
	-webkit-box-shadow: 0px 1px 1px #ccc;
	box-shadow: 0px 1px 1px #ccc;
	color: #0d0d0d !important;
}
	
.portWww .url a:hover
{
	background-color: #a4ce64;
	background-image: url(../images/portfolio/linkurl_bg_ro.png);
	border: 1px solid #63882b;
	border-bottom: 1px solid #3f5f0c;
	color: #fff !important;
	-moz-box-shadow: 0px 1px 1px #bbb;
	-webkit-box-shadow: 0px 1px 1px #bbb;
	box-shadow: 0px 1px 1px #bbb;
}



/* Portfolio Single: Port Sidebar Lists */
/* ------------------------------------ */

.portInfo ul.content
{
	line-height: 1.5em;
	margin-top: 0.5em;
	margin-bottom: 1.5em;
}
	
	.portInfoItem
	{
		clear: left;
		margin-bottom: 0.5em;
	}



/* Portfolio Single: Related Items */
/* ------------------------------- */

.relatedItemImageLink
{
	padding: 0px !important;
}

.relatedItemImage
{
	border: 1px solid #a4ce64;
	border-bottom: 1px solid #85af41;
	display: none;
	left: -54px;
	top: 0px;
	position: absolute;
	-moz-box-shadow: 0px 1px 1px #bbb;
	-webkit-box-shadow: 0px 1px 1px #bbb;
	box-shadow: 0px 1px 1px #bbb;
}

.relatedItemImage.show
{
	display: inline;
}



/* Sidebar */
/* ------- */

.sidebarTitle
{
	font-size: 1.286em;
	font-weight: bold;
	margin-bottom: 0.857em;
	margin-bottom: 0.857em;
	line-height: 0.857em;
	font-family: "Arial Narrow", Arial, sans-serif;
}

.sidebarList
{
	margin-bottom: 0px !important;
	margin-top: 0px !important;
}
	
	.sblItem
	{
		position: relative;
		margin-bottom: 5px;
		margin-left: 0px !important;
		padding-left: 0px !important;
		background: transparent !important;
		line-height: 1.0em !important;
	}
	
	.sblItem.selected
	{
		background: #a4ce64 !important;
		border-bottom: 1px solid #85af41;
		padding: 10px;
		padding-bottom: 9px;
		padding-left: 10px !important;
		color: #fff;
		-moz-box-shadow: 0px 1px 1px #ccc;
		-webkit-box-shadow: 0px 1px 1px #ccc;
		box-shadow: 0px 1px 1px #ccc;
	}
		
		.sblItem a
		{
			display: block;
			background: #e4e4e4;
			border-bottom: 1px solid #e4e4e4;
			padding: 10px;
			padding-bottom: 9px;
			text-decoration: none;
			color: #0d0d0d !important;
		}
		
		.sblItem a:hover
		{
			background: #a4ce64;
			border-bottom: 1px solid #85af41;
			color: #fff !important;
			-moz-box-shadow: 0px 1px 1px #bbb;
			-webkit-box-shadow: 0px 1px 1px #bbb;
			box-shadow: 0px 1px 1px #bbb;
		}



/* Footer */
/* ------ */

#footer
{
	background: #fff url(../images/backgrounds/fade_footer_grey.png) scroll repeat-x top left;
}
	
	#footerContent p
	{
		font-size: 0.715em;
		margin: 0px;
		line-height: 1.0em;
		text-align: center;
		padding-top: 24px;
	}



/* News: Article List */
/* ------------------ */

.articleList li
{
	background: transparent !important;
	padding-left: 0px !important;
}
	
	.articleList h2.articleTitle,
	.infoPageArticleList .infoArticleTitle
	{
		margin-bottom: 0px;
	}
	
	.articleList h2.articleTitle
	{
		font-family: Arial,sans-serif;
	}
		
		.articleList h2.articleTitle a
		{
		}
		
		.articleList h2.articleTitle a:hover
		{
		}
	
	.articleList p.articleDate,
	.infoPageArticleList .infoArticleDate
	{
		margin-top: 0px;
		margin-bottom: 0.5em;
		text-transform: uppercase;
		font-size: 0.857em;
		color: #6f6f6f;
	}
	
	.articleContent p,
	.infoPageArticleList .infoArticleContent p
	{
		margin-top: 0px;
	}



/* News: Download List */
/* ------------------- */

.downloadList li
{
	background: transparent !important;
	padding-left: 0px !important;
	line-height: 1.0em !important;
}
	
	.downloadList li a
	{
		color: #0d0d0d !important;
	}
	
	.downloadList li a:hover
	{
		color: #fff !important;
	}



/* News: Single */
/* ------------ */

.singleArticleImage
{
	margin-top: 31px;
}



/* Portfolio Single: Testimonial */
/* ----------------------------- */

.testimonial
{
	background: #fff;
	border: 1px solid #ccc;
	margin-top: 2.0em;
	text-align: left;
	position: relative;
}
	
	.testimonial p
	{
		margin: 0px;
	}
	
	.testimonial .singleTestimonial
	{
		text-align: left !important;
		font-family: Palatino, "Palatino Linotype", Georgia, FreeSerif, serif;
		font-style: italic;
		padding: 10px;
	}
	
	.testimonial .singleTestimonialName
	{
		padding: 10px;
		padding-bottom: 0px;
		padding-top: 0px;
	}
	
	.testimonial .singleTestimonialDate
	{
		font-size: 0.857em;
		padding: 10px;
		padding-top: 0px;
		text-transform: uppercase;
	}



/* Portfolio Single: Addthis */
/* ------------------------- */

.addthis_toolbox
{
	background: #f4f4f4;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.addthis_button_tweet
{
	margin-top: -2px;
}

.addthis_button_facebook_like
{
	margin-left: 5px;
}

.addthis_button_compact
{
	margin-right: 5px;
}