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

	Barrhead Heritage Trail - CSS

*************************************************************************************/
*, body { margin: 0; padding: 0;}
.clear {clear: both;}
img {border: none;}

/*	body	*/
body {background: #fff; color: #444; /*f8f1e3*/ font: normal 62.5%/1.5em "Trebuchet MS", Georgia, san-serif;
	text-align: left;
}

/*	page	*/
#page {margin: 0; width: 100%; text-align: left;}

/*	header	*/
#header{height: 100px; background: #423022; color: #e9b413;}
#header h1 {float: left; font-weight: bold; font-size: 4.3em; line-height: normal; padding: 40px 0 0 30px;font-family: georgia;}

	/*	Search area	*/
	#search {display: none;}

/*	Left Nav */
#nav {display: none;}
	
/*	breadcrumbs	*/
#breadcrumb {margin: .2em; padding: .2em .5em; border-bottom: 1px solid #888; height: 100%; line-height: normal; }	
#breadcrumb p {line-height: normal; margin: .3em .5em;}	
	
/*	content	*/
#hpcontent, #content {font-size: 1.4em; background: transparent; color: #222; }
#content {float: left; width: auto; border: 1px solid #fff;; height: 100%; padding-bottom: 2em;}
#hpcontent h2, #content h2  {font-size: 2em; padding: .5em .25em 1em;}
#hpcontent h3, #content h3 {font-size: 1.7em; padding: .5em .25em 1em; }
#content h4 {font-size: 1.4em;  padding: .5em .25em 1em}
#content h5 {font-size: 1.1em;  padding: .5em .25em 1em}
#hpcontent p, #content p {margin: 0 .5em .75em; line-height: 1.4em;}
#content ul, #content ol {margin: 0 .5em .5em 2.5em;}
#content li {margin: 0 .5em .4em;}

#content .right {float: right; width: auto; margin: 0 0 5px 10px; border: 1px solid #222;}

#content a, #content a:link, #content a:visited {background: #fff; color: #116b8f;}
#content a:hover {background: #68a1b8; color: #fff; text-decoration: underline; }
#content a:focus, #content a:active {background: #b8c8da; color: #fff;}

	/*	Home page	*/
	#hpcontent #lefthpbox {float: left; width: 30%; margin: 10px 0 0 ;text-align: center; padding: 10px 5px; }
	#hpcontent #lefthpbox img {width: 95%;}
	#hpcontent #righthpbox {float: right; width: 60%; margin: 10px 0 0 ; padding: 10px; }
	
	/*	buttons 	*/
	#hpcontent #righthpbox ul.buttons {list-style: none; display: inline; margin: 0; }
	#hpcontent #righthpbox ul.buttons li { float: left; width: auto; height: 200px; margin: 0; font-size: .9em; text-align: center;}
	#hpcontent #righthpbox ul.buttons li a {text-decoration: none;}
	
	/*	Google maps		*/
	#content iframe {margin: 0 0 20px; border: 1px solid #222;}
	
	/*	Address	*/
	#content address {font-style: normal; font-size: .95em; width: 55%; background: #fff url(vcard.jpg) top left no-repeat; height: 100%; line-height: 1.35em; margin: 5px 10px 10px 20px; padding: .5em .5em .5em 6em; border: 1px solid #ddd; border-right: 3px solid #ddd; border-bottom: 3px solid #ddd;  -moz-border-radius: 5px; -webkit-border-radius: 5px;}


	/*	Content - search results		*/
	.ajaxSearch_resultsInfo { margin: 0 10px 5px; border-bottom: 1px solid #dcdcdc; font-weight: bold; } 	/*	top results phrase	*/
	.ajaxSearch_paging {float: right; width: auto; padding: 3px 5px 5px; margin: 0 5px; } 	/*	pagination block	*/
	#ajaxSearch_resultListContainer { margin: 0 5px; border-bottom: 1px solid #dcdcdc;} 	/*	results container	*/
	.ajaxSearch_result, .ajaxSearch_resultsIntroFailure { clear: both; width: 85%; border: 1px solid #efc853; border-left: 6px solid #efc853; margin: 0 0 2px; padding: 4px 5px; margin: 0 0 10px; background: #fff; color: #414141;}
	.ajaxSearch_resultLink {padding: 3px 5px; font-weight: bold;}
	.ajaxSearch_highlight {border: 1px solid #efc853; font-size: 1em; background: #efc853; color: #111; padding: 1px 2px;}
	.ajaxSearch_resultDescription {padding: 3px 5px; font-size: 0.95em;}
	.ajaxSearch_extract {font-size: 0.9em; line-height: 0.9em; padding: 3px 0; margin: 0 0 -10px;}

/*	Sidebar	*/
#sidebar{float: right; width: 25%;  font-size: 1.2em; min-height: 400px; border: 1px dotted red;}
#sidebar ul {margin: 0 .5em .5em 2.5em}
#sidebar li {margin: 0 .5em .4em;}
#sidebar h2 {height: 2.2em; line-height: 2.1em; font-size: 2em; padding-left: .5em;}

/*	Footer	*/
#footer {clear: both;  font-size: 1.2em; height: 30px; background: transparent url(ftr-bck.jpg) top left repeat-x; color: #444; padding: 10px 0;}
#footer p {text-align: center;}


/*	URL listing for external links.	*/
#content  p a[href]:after {
   content: " {" attr(href) "} ";
   font-size: 90%;
 }

 
 /*	Lightbox css	*/



ul.thumbs li {
	list-style: 		none;
	float: 				left;
	display: 			block;
	list-style-image: 	none !important;
	margin:				5px 5px 0 5px !important;
}

ul.thumbs {
	list-style: 		none;
	margin: 			0;
	padding: 			0;
	clear: 				both;
}

ul.thumbs li img {
	border:				none;
	margin:				0 !important;
}

ul.thumbs li a {
	background:			none !important;
	text-decoration:	none;
	border: 			0;
}

ul.thumbs li p {
	overflow:			hidden;
}

.thumbs .clearboth { 
	clear: 				both; 
}

.childscontainer {
	margin-bottom:		20px;
	float:				left;
}

.thumbscontainer {
	margin-bottom:		20px;
	float:				left;

}

.pagenumbers {
	margin-bottom:		20px;
}

.picturecontainer {
	text-align:			center;
}

.picturecontainer .title {
	font-weight:		bold;
	margin-top:			20px;
}

.picturecontainer .picture img {
	border:				none;
	margin:				0 !important;
}

.picturecontainer .picture a {
	background:			none !important;
	text-decoration:	none;
	border: 			0;
}

.managecontainer {
    float: 				left;
}

.managecontainer textarea {
	width:				395px;
}

.managecontainer hr {
	width:				400px;
	text-align: 		left;
	margin: 			20px auto 20px 0;
}

.pictureform .managepicture {
	float:				left;
	clear:				left;
}

.pictureform .shortfields {
	margin-left: 		20px;
	float:				left;
}

.pictureform .clearboth {
	clear:				both;
}

.uploadcounter {
	width: 				20px;
	margin-bottom: 		10px;
	float:				left;
	clear:				left;
}

.uploadfile {
	margin-bottom: 		10px;
	float:          	none;
}

.uploadfile input {
	width:				385px;	
}

.uploadform {
	margin-top:			20px;
	margin-bottom:		-10px;
   	clear: 				both;
}

.uploadform .clearboth {
	clear:				both;
}

.slideshowwrapper {
	text-align:			center;
}

.deleteform {
	float:				left;
}

.synchform {
	float:				left;
}