/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

html, body {
	margin: 0;
	padding:0;
}
.clearfix {
	clear: both;
}
#wrapper {
	padding: 0px;
}
#header .site-desc {
	font-size: 15px;
	color: #8d8a86;
}
#header {
	width:100%;
	padding-top:25px;
}
#header h1 {
	font-size: 46px;
	margin-bottom: 0px;
}
#site-nav li {
	font-size: 16px;
	color: #000;
}
#nav-main {
	font-family: 'century gothic',verdana,arial,helvetica,sans-serif;
}
#nav-main ul, #nav-main li, #nav-main ul li ul, #nav-main ul li ul li {
	margin: 0;
	padding: 0;
}
#nav-main ul {
	list-style: none;
	margin: 0;
	padding :0;
	text-align: left;
}
#nav-main ul a {
	display: block;
	text-decoration: none;
}
#nav-main ul li {
	display:inline-block;
	width: 100%;
}
#nav-main ul li a {
	text-decoration:none;
	display:block;
	font-size:1.0em;
	padding: 10px 0px 10px 25px;
	margin: 0px 0px;
	letter-spacing: 1px;
}
#nav-main ul li a:hover {}
#nav-main ul li ul li {
	padding: 0 0 0 10px;
}
#nav-main ul li ul li a, #nav-main ul li ul li a:hover {
	background: none; 
	font-size:0.7em;
}
#nav-main ul li ul {
	position: relative;
	top: -2px;
}
#nav-main ul ul li a {
	background: none;
	border: none;
	padding: 2px 0px 2px 10px;
	margin: 5px 0 0 0;
	border-left:1px solid;
}
#nav-main ul ul li ul {
	margin: 0 0 0 8px;
}
ul.sub-menu, ul.sub-menu li a, ul.sub-menu li a:hover {
	font-size: 0.8em;
	margin-left:10px;
	color:#7a7714;
}
ul.sub-menu li.current-menu-item {
	color: #0f6cb6 !important;
	font-weight: bold;
}
ul.sub-menu li.current-menu-item {
	color: #0f6cb6 !important;
	font-weight: bold;
}

.entry-content {
/*overflow: hidden;*/
	position: relative;
}

div.ci-shortcodes-default.ci-column.one_half {
	margin-left: 10px;
	width:47%;

}
div.ci-shortcodes-default.ci-column.one_half h3{ margin-left:5px;}
div.ci-shortcodes-default.ci-column.one_half span.aboutdetail {
	display:block;
	background: #f2efe5;
	border-radius: 0.5em;
	font-size:0.8em;
	padding: 10px 15px;
	min-height:190px;

}
.grunion-field-label.name div.ci-shortcodes-default.ci-column.one_half span{
display:inline;
background: none;

}

div.ci-shortcodes-default.ci-column.one_half.last {
	margin-left: 0px;

}
/* FOOTER
================================================== */
#showcase {
	padding:10px 0;
}
#showcase p {
	margin-left: 0px;
	margin-right: 0px;
	text-align: justify;
}

#footer1 .widget.one-third.column {
	border-radius:5px;
	border: 1px solid #9a978f;	
	padding:5px;
	width: 285px;
	height: 160px;
	padding:5px;
	margin-bottom: 30px;
}
.advanced_recent_posts_widget ul li { border: none;}
.advanced_recent_posts_widget { }
.advanced_recent_posts_widget .post-date {
	position: absolute;
	margin-top: -30px;
	font-size: 0.8em;
	right: 10%;
}
.bloggette {
/*	border: 1px solid #dad7ce;	*/
	font-size:12px;
	height:100%;
	color: #8d8a86;
/*	background: #f2efe5;*/
}
.bloggette h3 a {
}

.bloggette h3 {
	font-size: 18px;
}
.bloggette h2 {
	font-size: 16px;
}
.bloggette h1 {
	font-size: 16px;
}
.bloggette .read-more {
	font-size:0.9em;
	text-align: right;
	display:block;
}
.one-third.column.bloggy {
	min-height:100%;
}

#footer {
	width:100%;
	bottom:0px;
	margin-bottom: 0px;
	padding-top:30px;
}
.body-content {
	margin-top:-100px;
	padding-top:130px;
	padding-bottom:30px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dad7ce;
}
#project-body .body-content{

}
.blogpost, .bodytext {
	margin: 10px 15px;
	position: relative;
}
#footer .one-third.column .left,
#footer .one-third.column .middle,
#footer .one-third.column .right {
	padding-left:30px;
}
#footer .one-third.column .left {
	margin-top: -23px;
}
#footer .one-third.column .middle{
	padding-left: 50px;
}
#footer .one-third.column .middle p {
	padding-left: 0px;
}
#footer .one-third.column .right img {
	width:65px; 
	height: auto;
}
#footer .widget_twitter_timeline { height: 150px; overflow: scroll; overflow-x:hidden; overflow-y: hidden; }
#footer .inline-media img{ height: 0px !important; }

#footer2 {
	background: url('http://www.holdenharper.co.uk/wp-content/themes/HoldenHarper2013/images/footer2-bg.png') repeat-x top; 
	padding-top:10px;
	font-size: 0.85em;
}

.jetpack-image-container  a { display: block;}
.jetpack-image-container  a:hover { background: #949189; }

#addressblock  div{
	text-align: right;
	/*padding-right: 5px;*/
}

#memberof { height: 50px; margin-top: 28px;}

#memberof ul { position: relative;
 		float:right;}

ul.inline li {
	display: inline;
	padding-left:20px;
}
ul.projectList li {
	margin-left: 40px;
	list-style: circle;
}

#CRPthumbgal {
	margin-left:20px;
	text-align: center;
}
.single {
	border: none;
}
#site-body p, .breadcrumb {
	text-align: justify;
}
#site-body h1 a,
#site-body div.entry-content{
	margin-left:10px;
}
#front-body div.entry-content {
	margin:0px;
}
.breadcrumb {
	padding: 0 10px;
	font-size: 0.9em;
	background; #f2efe5;
}
.breadcrumb a {
	color: #7a7714;

}

#socnet { 
		height: 25px;
		margin: 0 0px 20px 0; 
		padding: 0;
		margin-top: 7px;
		width: 145px;
}
a time.dt-updated {margin-left: -50px;}
#socnet ul {
		position: relative;
 		float:right;
		height: 20px;
		width: 91px; 
		background: url('http://holdenharper.co.uk/wp-content/themes/HoldenHarper2013/images/socnet-sprite.png') no-repeat; 
}

#socnet li {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		top: 0;
		text-indent:-1000em;
}
#socnet li, #socnet li  a {
	display: block; 
	height: 40px;
}

#socnet #fb {
	left: 0px; 
	width: 22px;
	}
#socnet #fb a:hover {	
	background: transparent url('http://holdenharper.co.uk/wp-content/themes/HoldenHarper2013/images/socnet-sprite.png') 0 -21px no-repeat; 	
	}
#socnet #lin {
	left: 24px; 
	width: 22px;
	}
#socnet #lin a:hover {	
	background: transparent url('http://holdenharper.co.uk/wp-content/themes/HoldenHarper2013/images/socnet-sprite.png') -24px -21px no-repeat; 	
	}

#socnet #tw {
	left: 47px; 
	width: 22px;
	}
#socnet #tw a:hover {	
	background: transparent url('http://holdenharper.co.uk/wp-content/themes/HoldenHarper2013/images/socnet-sprite.png') -47px -21px no-repeat; 	
	}
#socnet #gp { 
	left: 67px; 
	width: 24px;}
#socnet #gp a:hover {	
	background: transparent url('http://holdenharper.co.uk/wp-content/themes/HoldenHarper2013/images/socnet-sprite.png') -68px -21px no-repeat; 	
	}
.pagination {  text-align: center; padding:10px; font-size:1.2em; font-weight: bold;}
.pagination a { margin:10px 20px;}

a:hover, a:focus {}
a, a:visited { outline: 0; }

/* #Page Styles
================================================== */
#front-body {
	margin: 0px;
}
#front-text {
	padding: 0 10px;
}
#project-text {
	padding: 0;
}
#project-text  p,
#project-text  h1, 
#project-text  h2, 
#project-text  h3 {
	padding:0 10px;
	text-align: justify;
}
.CRPthumbgal{
	padding-left:10px;
}
.blogpost, .page {padding: 10px;}
.blogpost h1 { font-size: 22px;}
.blogpost h2 { font-size: 18px;}
.blogpost h3 { font-size: 16px;}
.postdate {  
	color: #8d8a86;
	float: right; 
	margin: 10px; 
	padding: 0 0 10px 10px; 
	text-align: center; 
	width: 80px;
	
	}
.postdate span { display: block; font-weight:bold;text-align: center;}
.postdate .day { font-size: 1.2em;}
.postdate .month { font-size: 0.8em;}
.postdate .year{ font-size: 0.9em;}
.slider { position: relative; }
.slider .flex-direction-nav  li a { height: 98%; background: #f2efe5 url('../images/bg_direction_nav.png') no-repeat left center; margin-top:-34%; }
.slider .flex-direction-nav  a.flex-next { background-position: 100% 50%; }
.slider .flex-direction-nav  a.flex-prev { background-position: 0% 50%; }

.entry-content li { margin-left: 50px; list-style: circle; }
.person { position: relative; display: block; }
.entry-content .one_half h2,
.entry-content .one_half form {padding-left:10px; }

.entry-content .last  h2 {padding-left:0px; }

/* Contact Page Styles
================================================== */
#map-canvas { height: 300px; width:100%;}
#contact-form-comment-g27-comment {width: 300px; }


/*Blog Pages 
================================================== */
	/*Blockquotes  */

.blogpost blockquote { font-size: 13px; font-style: italic; margin: 0.25em 0px; padding: 20px 20px 0.25em 50px; line-height: 1.45; position: relative; color: #8d8a86; border: none; }	
.blogpost blockquote:before { display: block; content: "\201C"; font-family: Georgia, serif; font-size: 60px; position: absolute; left: 15px; top: -5px; color: #7a7714; z-index: 1000; }
.blogpost blockquote cite {  color: #7a7714;  font-size: 14px; display: block; margin-top: 15px; text-align: right; }
	
/*	.blogpost blockquote:before { display: block; content: "\201C"; font-size: 60px; position: absolute; left: -5px; top: 15px; color: rgba(122, 122, 122, 0.30); font-family: fantasy; }*/
/*	.blogpost blockquote, .blogpost blockquote p { position: relative; font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	.blogpost blockquote { margin: 0 0 20px; padding: 9px 20px 0 40px; border-left: 1px solid #ddd; }
/*	.blogpost blockquote cite { display: block; font-size: 12px; color: #555; text-align: right;}*/
	.blogpost blockquote cite:before { content: "\2014 \0020"; }
	.blogpost blockquote cite a, .blogpost blockquote cite a:visited, .blogpost blockquote cite a:visited { color: #555; }

	.wp-caption  {
		border: 1px solid #dad7ce;
		position: relative;
		padding: 30px;
		border-radius: 5px;
		margin-bottom: 30px;
		/*width: 100% !important;*/
		background-color:#ece8da;
	}
	.wp-caption   img {
		padding: 6px;
		width:100% !important;
		height: auto;
	}
	img.alignright {float:right; margin:0 0 1em 1em}
	img.alignleft {float:left; margin:0 1em 1em 0}
	img.aligncenter {display: block; margin-left: auto; margin-right: auto}
	.alignright {float:right; }
	.alignleft {float:left; }
	.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* Awards Page Styles
================================================== */
.awards { width: 100%; display: block;  }
.awards .wp-caption { padding: 5px; margin:5px; background: white;}
.awards .wp-caption  strong{ display: block;}


/* Testimonials Page Styles
================================================== */
.tpage blockquote { font-size: 13px; font-style: italic; margin: 0.25em 0px; padding: 0.25em 0px 0.25em 10px; line-height: 1.45; position: relative; color: #8d8a86; border: none; }
.tpage blockquote:before { display: block; content: "\201C"; font-family: Georgia, serif; font-size: 60px; position: absolute; left: 15px; top: -5px; color: #7a7714; z-index: 1000; }
.tpage blockquote cite {  color: #7a7714;  font-size: 14px; display: block; margin-top: 15px; text-align: right; }
 
.tpage blockquote cite:before {}

.tpage p { position:relative; padding:15px 15px 15px 45px; color:#8d8a86; background:#f2efe5; border: 1px solid #b5b27b; /* css3 */ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.tpage p:after { content: ""; background: transparent url('../images/speech-corner-gr.png') no-repeat; width: 20px;  height: 20px; display: block; position: absolute; bottom: -20px; }

/* people page 
================================================== */
.person  h3, .person .title, .person .bio { margin-left: 175px; margin-bottom:10px;}
.person { padding:20px;}

.bnwimg { 
	position:relative;
	display:block;
	float: left; 
}
/* author page */
.bio .photo { float: left; padding: 10px;}
/* project page */

.beingsold{ float:right; display:inline-block; margin:50px 0 20px 0; min-width:250px; text-align: right;}
.beingsold span { display: block; text-align: center; color: #7a7714}
.beingsold img{ margin: 20px 0 0 20px; height: 60px; width:auto !important; text-align:center;}

/* #widgets
================================================== */
/*hack to stop pages jumping*/
.widget,
.menu { position: relative;} 
.widget_twitter{
	font-size:0.85em;
	font-family: 'century gothic',verdana,arial,helvetica,sans-serif;
}
.widget_twitter li{
	border-top: none;
}
/*  slideshow stuff
===========================================================
*/
.slideshow_description.slideshow_transparent h2,
.slideshow_description.slideshow_transparent h2 a {
 color: #ece8da;
}
.fdesk {
	text-align: justify;
 }
.pagination.twelve.columns .current {
	margin: 10px 20px;
}






	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	 #header h1 {
	 font-size: 40px;
	 line-height:15px;
	 margin-bottom:00px;
	}
}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	 #header h1 {
	 font-size: 30px;
	 line-height:15px;
	 margin-bottom:0px;
	}
	h1.entry-title {
		font-size:22px;
	}
}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	 #nav-main ul {
	 margin: 0;
	 padding: 0;
	 list-style-type: none;
	 display: inline-block;
	}
	 #nav-main ul li {
	width: auto;
	float: left;
	}
	 #nav-main ul li, #nav-main a {
	 display: inline;
	}
	 #nav-main ul ul, #nav-main ul ul li, #nav-main ul ul li a {
	padding: 0;
	margin: 0;
	border: none;
	}
	 .bloggette {
	 border: none;
/*	 border-top: 1px solid #dad7ce;*/
	 padding:3px;
	 height:auto;
/*	 color: #8d8a86;*/
	}
	 .bloggy:nth-child(even) {
	}
	 .bloggy:nth-child(odd) {
	 background: #f2efe5;
	}
	 #nav-main li.selected, .current_page_item {
	 border: 0px none;
	color: #7a7714;
	}
	.entry-content  .wp-caption { /*background:none; border: none;*/ position: relative; width:95% !important;  padding: 2%; margin: 5px 1% 10px;}
	.entry-content img { padding:0; height: auto; margin: 2% auto; width: 100% !important; }
	#addressblock  div{
	text-align: center;
	/*padding-right: 5px;*/
}
		/* people page 
		================================================== */
		.person  h3, .person .title, .person .bio { margin-left: auto; margin-bottom:10px;}
		.person { padding:20px;}

		.bnwimg { 
			float: none; 
		}
	#footer1 .widget.one-third.column {
		width: 100%;
	}
	div.ci-shortcodes-default.ci-column.one_half {
		margin: 0px;
		width: 100%;
	}	
	div.ci-shortcodes-default.ci-column.one_half p {
		margin-bottom: 5px;
	}
	div.ci-shortcodes-default.ci-column.one_half span.aboutdetail {
		display: inline;
		background: none;
		font-size: 1em;
		padding: 0px;
	}
	.body-content {
		margin-top:0;
		padding-top:0;
		padding-bottom:0;
		border: none;
	}	
	#project-body .slideshow_container.slideshow_container_style-light, 
	#front-page .slideshow_container.slideshow_container_style-light{
		height: 250px !important;	
		width: 100% !important;
	}
	#project-body .slideshow_container .slideshow_button,
	#front-page .slideshow_container .slideshow_button {
		top: 50%;
	}

	#project-body .slideshow_view.slideshow_currentView,
	#front-page .slideshow_view.slideshow_currentView {
		display: block !important;
		z-index: 1;
	}
	#project-body .slideshow_view ,
	#front-page .slideshow_view {
		display: none !important;
		top: 500px; height: auto !important;
		z-index:-500;
		width: 100% !important;
	}
	.slideshow_view img{
		width: 100% !important;
		height: auto !important;
		margin: 0 auto !important;
	}
	
	.bloggette .slideshow_container {
		margin: 0 auto;
	}
	.beingsold img {
		width: auto !important; height:  float: left;
		height: 50px;
		padding: 2px
	}
	h1.entry-title {
		font-size:16px;
		line-height: 20px;
		margin-top:15px;
		white-space: nowrap;
	}
	.postdate {
		font-size:0.7em;
		width: 45px;
		padding:1px;
		border: 1px solid #bdb9b4;
		border-radius: 4px;
		margin:35px 0px 3px 5px;
	}
	#site-body h1 a,
	#site-body div.entry-content{
		margin-left:0px;
	}	
}	

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
}