/*
Theme Name: Lenrock
Theme URI: http://www.lenrock.co.za/
Description: A theme developed for use with the Lenrock website.
Author: b.b.b. design studio
Author URI: http://www.blahblahblah.co.za/
Version: 1.0
*/


/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
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,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

body {
	background: url(img/background.png) center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
}

#wrapper {
	margin: 0 auto;
	width: 1024px;
}

#header {
	background: url(img/headerback.png);
	width: 1024px;
	height:214px;
	margin-top:20px;
	position: relative;
}

#logo {
	width: 390px;
	height: 119px;
	display: block;
	position: absolute;
	right: 58px;
	top: 31px;
}

#navbar {

}

#homelink {
    background: url(img/orangegrad.png);

    height: 45px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 32px;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    line-height: 45px;
    font-size: 17px;
    text-align: center;
    width: 350px;
}

#navbar ul {
    position: absolute;

    bottom: 0;
    width: 617px;
    left: 382px;
}

#navbar ul li a {
    float: left;

    display: block;
    height: 45px;
    line-height: 45px;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    border-left: 1px solid #cbcbcc;
    border-right: 1px solid #67686a;
    padding: 0 20px;
}

#navbar ul li a:hover {
   background: url(img/orangegrad.png);
   border-left: 1px solid #ffc71c;
   border-right: 1px solid #64420a;
}

#navbar ul li.current_page_item a {
   background: url(img/drkgreygrad.png);
   border-left: 1px solid #777;
    border-right: 1px solid #000;
}

#imageholder {
	height: 344px;
	position: relative;

}

.home #imageholder {
	height: 344px;
	position: relative;
	margin:0 32px;
    background: url(img/home.jpg);
	
}

.page-id-7 #imageholder {
    height: 344px;
    position: relative;
    margin:0 32px;
    background: url(img/culture.jpg);
    
}

.page-id-10 #imageholder {
    height: 344px;
    position: relative;
    margin:0 32px;
    background: url(img/recent.jpg);
    
}

.page-id-12 #imageholder {
    height: 344px;
    position: relative;
    margin:0 32px;
    background: url(img/contact.jpg);
    
}


#shadowover {
	background: url(img/shadowover.png);
	width:960px;
	height: 45px;
	position: absolute;
}

#whitegradient {
	background: url(img/whitegradient.png);
	width:960px;
	height: 344px;
	position: absolute;
}

#maincontent {
	background: url(img/mainback.png);
	width: 1024px;
    padding-bottom: 3em;
}

#underline {
	background: url(img/underimage.jpg);
	width: 960px;
	height:57px;
	margin:0 auto;
}

#footer {
	background: url(img/footerback.png);
	width: 1024px;
	height:121px;
}

.pagetitle {
    text-transform: uppercase;
font-weight: 500;
color: #EE9B17;
text-shadow: 0 0 12px white;
font-size: 34px;
position: relative;
top: -44px;
left: 30px;
margin: 0;
padding: 0;
}

#content {
    margin: 0 95px;
	
    font-size: 15px;
    padding: 0;
    overflow: auto;
}

#content p {
    line-height: 1.2em;
margin-bottom: 1.2em;
}

#content h2 {
    font-weight: 700;
font-size: 24px;
margin-bottom: 0.7em;
}

.alignleft {
float: left;
margin-right: 1em;
margin-bottom: 5px;
}


#content .ngg-gallery-thumbnail img {
background-color: white;
display: block;
border: none;
margin: 0px 0px 7px 3px;
padding: 0px;
position: relative;
}

#content a {
   text-decoration: none;
   color: #777;
}

#googlemap {
    float:right;
}

.entry {
    overflow: hidden;
}

.tabbed {
    width: 90px;
display: inline-block;
}

#content h3 {
      font-weight: 700;
font-size: 18px;
margin-bottom: 0.7em;
}

#content em {
    font-style: italic;
}

#content address {
    font-size: 0.9em;
line-height: 1.3em;
}

.section {
display: block;
height: 189px;
border-bottom: 1px dotted #555;
}

.entry .last {
    border-bottom: none;
}