/*
Theme Name: Starter
Author: Brad Langdon
*/

/* -------------- GLOBAL -------------- */

*{ outline:0; margin: 0; padding: 0; } 

html, body{
	background: url('http://www.bradlangdon.co.uk/wp-content/themes/Starter/images/layout/BGTile.jpg') top center repeat; 
	min-height:100%;
	height:100%;
	width:100%;
	
	font-family: Veranda, Arial, Helvetica,
	sans-serif;
	font-style: normal; 
	font-size: 86%;
	color: #b1b0b0;
	line-height: 135%;
	font-weight: normal;
	text-decoration: none;
	text-transform:none;
	text-align: center;
        overflow:auto;
}

body{ background: url('http://www.bradlangdon.co.uk/wp-content/themes/Starter/images/layout/BG.jpg') top center no-repeat; padding: 0; }

img { 	border:0; text-align:left; float:left; }
a, a:hover, a:active, a:after, a:focus { text-decoration: none; color:#883d33; }
a:hover { color: #a44f50; }
ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; }
li { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position:relative; }
h1, h2, h3, h4, h5, p{ margin:0 0 .3em 0; padding:0; text-align:left; color: #eaeaea; font-weight: normal; }

h1{ font-size: 1.6em; line-height: 1.6em; margin:0 0 .8em 0; }
h2{ font-size: 1.3em; line-height: 1.3em; margin:0 0 .8em 0; color: #989595; }

p{ font-size:1em; margin:0 0 1em 0; }
.italic      { font-style: italic; }
.small      { font-size: .8em; line-height: 1.875em; color: #989595; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hidden       { display: none; }
.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }
.firstH      { margin-left:0; padding-left:0; }
.lastH      { margin-right:0; padding-right:0; }
.firstV        { margin-top:0; padding-top:0; }
.lastV     { margin-bottom:0; padding-bottom:0; }

.squarelink{ background: url('http://www.bradlangdon.co.uk/wp-content/themes/Starter/images/layout/DarkBG.png') repeat; display: block; line-height: 44px; height: 44px; font-size: 1.1em; padding: 0 28px; } 
.squarelinkdominant{ background: url('http://www.bradlangdon.co.uk/wp-content/themes/Starter/images/layout/DarkBG.png') repeat; display: block; line-height: 80px; height: 80px; font-size: 1.6em; padding: 0 28px; }
a.squarelinkdominant:hover{ background: url('http://www.bradlangdon.co.uk/wp-content/themes/Starter/images/layout/DarkerBG.png') repeat; }
a.squarelink:hover{ background: url('http://www.bradlangdon.co.uk/wp-content/themes/Starter/images/layout/DarkerBG.png') repeat; }
#alert{ position: absoulte; z-index: 999; margin: 0 auto; width: 800px; padding: 10px; font-weight:bold; background: green; color: white; height: 20px; float: none; }



/* -------------- BASE LEVEL STRUCTURE -------------- */

#wrap{	
	min-height: 100%;
	height: auto;
	width:908px;
	margin: 0 auto;
	padding: 0;
    text-align: center;
	z-index: 998;
	overflow: hidden;
	
}



#content-noscroll{ height:330px; width: 900px; margin: 0; overflow: hidden; }
#content-article{ height: 430px; width: 900px; margin: 0; overflow: hidden; }
#content{ height:335px; width: 900px; margin: 0; overflow: hidden; }
#content-scroller{ width: 4215px; height:350px; float: left; overflow: visible; }
#smallprint{ width: 900px; float: left; height: 37px; margin-top: 12px; background: url('http://www.bradlangdon.co.uk/wp-content/themes/Starter/images/layout/StripBG.png') no-repeat;
/* border-top:1px solid #585858; */ }


#finisher{  /*    A div conatining -- <br style="clear:both" /> &nbsp; -- to force #wrap to stretch over inner divs... div #content is floating left */
	    /*    so the div #wrap wont stretch over it completely in ie7, adding a non floating div forceds it to stretch down and contain it. */
	width:900px;
	height:1px;
	float: left;
	overflow: hidden;
}


      #footer {
	/* background: url('http://www.bradlangdon.co.uk/wp-content/themes/Starter/images/layout/FootBG.png') top left repeat-x; */
        float:left;
	width:100%;
        padding: 12px 0 12px 0;
	height: 69px;
	margin: -93px 0 0 0;
	vertical-align: bottom;
	position: relative;
}
         
#logotag{ position: absolute; top: 0; left: 50px; z-index: 999; }
         
         


/* -------------- NAV -------------- */

ul.nav{ width: auto; height: 60px; float: left; display: block; margin: 0 0 0 20px; text-align: left; }

ul.nav li.page-item-54{ list-style-image:none; display: block; height:60px; padding: 3px 0; overflow: visible; z-index: 999; line-height: 60px; float: left; } 
ul.nav li.page-item-54 a { background: url(http://www.bradlangdon.co.uk/wp-content/themes/Starter/images/nav/Portfolio.png) top center no-repeat; width: 66px; height: 60px; line-height: 60px; padding: 0 30px; display: block; text-indent: -2000px; overflow: hidden; }
ul.nav li.page-item-54 a:hover, ul.nav li.page-item-54.current_page_item a, ul.nav li.page-item-54.current_page_ancestor a { background: url(http://www.bradlangdon.co.uk/wp-content/themes/Starter/images/nav/PortfolioOver.png) top center no-repeat; width: 66px; }

ul.nav li.page-item-4{ list-style-image:none; display: block; height:60px; padding: 3px 0; overflow: visible; z-index: 999; line-height: 60px; float: left; } 
ul.nav li.page-item-4 a { background: url(http://www.bradlangdon.co.uk/wp-content/themes/Starter/images/nav/Blog.png) top center no-repeat; width: 33px; height: 60px; line-height: 60px; padding: 0 30px; display: block; text-indent: -2000px; overflow: hidden; }
ul.nav li.page-item-4 a:hover, ul.nav li.page-item-4.current_page_item a, ul.nav li.page-item-4.current_page_parent a  { background: url(http://www.bradlangdon.co.uk/wp-content/themes/Starter/images/nav/BlogOver.png) top center no-repeat; width: 33px; }

ul.nav li.page-item-2{ list-style-image:none; display: block; height:60px; padding: 3px 0; overflow: visible; z-index: 999; line-height: 60px; float: left; } 
ul.nav li.page-item-2 a { background: url(http://www.bradlangdon.co.uk/wp-content/themes/Starter/images/nav/About.png) top center no-repeat; width: 87px; height: 60px; line-height: 60px; padding: 0 30px; display: block; text-indent: -2000px; overflow: hidden; }
ul.nav li.page-item-2 a:hover, ul.nav li.page-item-2.current_page_item a, ul.nav li.page-item-2.current_page_ancestor a  { background: url(http://www.bradlangdon.co.uk/wp-content/themes/Starter/images/nav/AboutOver.png) top center no-repeat; width: 87px; }

ul.nav li.page-item-181{ list-style-image:none; display: block; height:60px; padding: 3px 0; overflow: visible; z-index: 999; line-height: 60px; float: left; } 
ul.nav li.page-item-181 a { background: url(http://www.bradlangdon.co.uk/wp-content/themes/Starter/images/nav/Tools.png) top center no-repeat; width: 39px; height: 60px; line-height: 60px; padding: 0 30px; display: block; text-indent: -2000px; overflow: hidden; }
ul.nav li.page-item-181 a:hover, ul.nav li.page-item-181.current_page_item a, ul.nav li.page-item-181.current_page_ancestor a  { background: url(http://www.bradlangdon.co.uk/wp-content/themes/Starter/images/nav/ToolsOver.png) top center no-repeat; width: 39px; }


ul.nav li.page-item-55{ list-style-image:none; display: block; height:60px; padding: 3px 0; overflow: visible; z-index: 999; line-height: 60px; float: left; } 
ul.nav li.page-item-55 a { background: url(http://www.bradlangdon.co.uk/wp-content/themes/Starter/images/nav/Touch.png) top center no-repeat; width: 84px; height: 60px; line-height: 60px; padding: 0 30px; display: block; text-indent: -2000px; overflow: hidden; }
ul.nav li.page-item-55 a:hover, ul.nav li.page-item-55.current_page_item a, ul.nav li.page-item-55.current_page_ancestor a  { background: url(http://www.bradlangdon.co.uk/wp-content/themes/Starter/images/nav/TouchOver.png) top center no-repeat; width: 84px; }

a.quote{ width: 89px; height : 57px; display: block; background: url(images/layout/FootQuote.png) top left no-repeat; float: right; margin: 13px 50px 0 0; cursor: pointer; }
a.quote:hover{ background: url(images/layout/FootQuoteOver.png) top left no-repeat; }



/* -------------- GALLERY -------------- */

ul.portfolio-items{ width: auto; height: 350px; float: left; display: block; margin: 0; text-align: left; }
ul.portfolio-items li{ background: url('http://www.bradlangdon.co.uk/wp-content/themes/Starter/images/layout/PortfolioBG.png') top left no-repeat; width: 288px; height: 330px; margin: 10px 18px 0 0; float: left; display: block; text-align: left; overflow: visible; }
ul.portfolio-items li:hover{ filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5; }
	
	#previewlinkcon{  display: block; height: 25px; top: 0; left: 0; position: absolute;  margin: 0; }
	div.previewlink{  width: 306px; height: 25px; top: 0; padding: 0; position: relative; margin: 0; float: left; }
	a.viewwebsite{ background: url(images/layout/ViewWebsite.png) top left no-repeat; display: block; width: 288px; height: 25px; }
	a.viewwebsite:hover{ background: url(images/layout/ViewWebsiteOver.png) top left no-repeat;}
	
	
/* -------------- BLOG -------------- */

ul.blog-items{ width: auto; height: 330px; float: left; display: block; margin: 0; text-align: left; }
ul.blog-items li{ background: url('http://www.bradlangdon.co.uk/wp-content/themes/Starter/images/layout/PortfolioBG.png') top left no-repeat; width: 288px; height: 330px; 
margin: 0 18px 0 0; float: left; display: block; text-align: left; overflow: hidden; cursor: pointer; }
ul.blog-items li:hover{ filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5; }
	
ul.blog-items li a{ width: 264px; padding: 12px; height: 296px; position: absolute; cursor: pointer; top: 0; left: 0; overflow: hidden; display: block; }
ul.blog-items li a div.imagepreview{ width: 240px; height: 272px; padding: 12px; position: relative; cursor: pointer; top: 0; left: 0; float: left; overflow: hidden; }
ul.blog-items li a div.imagepreview h1{ display: block; background: #242424; padding: 12px 12px 5px 12px; color: #f7f7f7; font-size: 2.2em; line-height: 1.25; width: 218px; position: relative; margin-bottom: 5px; font-weight: bold; text-transform: uppercase;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8; }
	


/* -------------- BLOG - SINGLE ARTICLE PAGE -------------- */

#content-article{ overflow: auto; }
#content-article .blog{ width: 800px; float: left; }
#content-article p{ text-align: justify; }
.jScrollPaneContainer #content-article .blog p img{ text-align: left; margin-top: 4px; }
.jScrollPaneContainer #content-article .blog p img.alignright{ float: right; margin: 0 0 30px 45px; }
.wp-caption{ margin-top: 30px; }

div.date{ /* background: url('http://www.bradlangdon.co.uk/wp-content/themes/Starter/images/layout/DateBG.png') top left repeat; */ /* border-top: 1px dashed #5B5B5B; */  display: block; color: #FFFFF9; height: 23px; line-height: 23px; font-size: 1em; font-style: italic; position: relative; padding: 8px 8px 6px 8px; margin-bottom: 32px; text-align: left; }
.jScrollPaneContainer #content-article .blog h1{ font-size: 4.6em; line-height: 1.15em; color: #f7f7f7; margin-bottom: 0.5em; width: 604px; display: block; border-bottom: 1px solid #424141; padding-bottom: 10px; padding-right: 196px; text-transform: uppercase; font-weight: bold; } 
.jScrollPaneContainer #content-article .blog h2{ font-size: 1.75em; color: #f7f7f7; margin-bottom: .55em; margin-top: 85px; text-transform: uppercase; }
.jScrollPaneContainer #content-article .blog h4{ font-size: 1.6em; line-height: 1.15em; color: #f7f7f7; margin-bottom: 0.5em; width: 604px; display: block; padding-bottom: 10px; padding-right: 196px; text-transform: uppercase; font-weight: bold; } 

.jScrollPaneContainer #content-article .blog p{ float: none; color: #b3b3b3; font-size: 1.1em; line-height: 1.4em; margin-bottom: 1.87em; }
#info{ display: block; padding: 12px; background: #151515; overflow: hidden; } 
#infowhite{ display: block; padding: 12px; background: #f7f7f7; overflow: hidden; color: #151515; } 
.jScrollPaneContainer #content-article .blog h5{ float: none; color: #627a1e; font-size: 1.05em; line-height: 1.4em; margin:0.4em 0 1.2em 0; text-align: justify; }
.jScrollPaneContainer #content-article .blog h6{ float: none; color: #b3b3b3; font-size: 0.95em; line-height: 1.4em; margin-bottom: 1.87em; text-align: justify; }



.jScrollPaneContainer #content-article .blog ul{ list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 0 20px 0; padding:0; text-align: left; }
.jScrollPaneContainer #content-article .blog ul li{ list-style-image:none; list-style-position:outside; list-style-type:none; margin:7px 0 0 10px; padding:0; position:relative; text-align: left; }


.jScrollPaneContainer #content-article .blog a img.size-thumbnail{ padding: 7px;  }
.jScrollPaneContainer #content-article .blog a img.size-thumbnail:hover{ padding: 7px; filter:alpha(opacity=70); -moz-opacity:0.7;	-khtml-opacity: 0.7; opacity:.7; }


/* -------------- BLOG - SINGLE ARTICLE PAGE- IMAGES -------------- */

.blog img{ margin: 0 16px 16px 0; }




/* -------------- APPLICATIONS PAGE -------------- */

#post-181 img{ width: 55px; height: 55px; padding: 9px; margin: 10px 10px 0 0; float: left; }
#post-181 p{ line-height: 1.15em; color: #B3B3B3; }