/*  

Theme Name: John Rich Architects

Description: Custom designed theme for John Rich Architects

Version: 1.0

Author: Daniel O'Prey

Author URI: http://dan.oprey.co.uk

Tags: 



*/

* {margin: 0; padding: 0;}

/* Page nav slider */

#sliderIndex {
  margin-left: 0px;
}

#slideshow #slidesContainer {
  margin-left: 10px;
  width:577px;
  height:198px;
  overflow:auto; /* allow scrollbar */
  position:relative;
  text-align: left;
}

#slideshow #slidesContainer .slide {
  margin-top:0;
  min-width: 577px; /* reduce by 20 pixels to avoid horizontal scroll */
  height:198px;
}

#slideshow #slidesContainer .slideBox {
  margin:0;
  width: 129px;
  height: 198px;
  background-color: #b7db6c;
  margin-right: 20px;
  float: left;
}
#slideshow #slidesContainer .slideBox img {
	margin-top: 8px;
	border: none;
}
#slideshow #slidesContainer .slideBox h4 {
	margin-top: 8px;
	margin-left: 4px;
	color: #FFF;
	font-style: strong;
	font-size: 12px;
}
#slideshow #slidesContainer .slideBox:hover h4 {
	margin-top: 8px;
	margin-left: 4px;
	color: #759b26;
	font-style: strong;
	font-size: 12px;
}

.control {
  display:block;
  width:39px;
  height:195px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  margin-left:10px;
  height: 15px;
  background:transparent url(img/control_left.jpg) no-repeat 0 0;
  position:relative;
  float: left;
}
#rightControl {
  top:0;
  margin-right:10px;
  height: 15px;
  background:transparent url(img/control_right.jpg) no-repeat 0 0;
  position:relative;
  float: right;
}



/* End page nav slider */

body { background-color: #fff; font-family: Verdana, serif; font-size: 90%; color: #666; margin: 0; padding: 0 }

#center { position:absolute; height: 100%; width: 100%; text-align: center; }

#wrap { width: 1020px; height: 535px; position:relative; top:50%; margin:-268px auto; padding: 0; color: #666; text-align: justify; text-justify: auto; }

<!--[if IE]>
#wrap { margin-left: -510px; }
<!--[endif]-->



#head { height: 150px; margin: 0; padding: 0; color: #5D2816 }

#catImg { width: 142px; float: left; }

#catDesc { font-family: Verdana, serif; width: 596px; padding: 10px 10px 0px 10px; color:#759b26; background-color: #ffffff; height: 487px; margin-left: 154px; margin-bottom: 10px; border: 1px solid #759b26; }

#catDescHold { height: 250px; padding: 19px 19px 0px 19px; }

#thumbTitle { padding-left: 5px; }

#thumbImg { padding-top: 8px; }
#thumbImg:hover { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;  }

#left { font-family: Verdana, serif; float: left; width: 200px; margin: 0px 8px 0 0px; padding: 0px 0px 0 0; background: transparent; color: #666; }

#left h2 { height: 45px; margin: 0px 0px 0px 10px; padding: 5px 0px 0px 52px; font-size: 1.2em; color: #86b12c }

#left a:link, #left a:visited { color: #86b12c; background-color: transparent; font-size: 0.85em; }

#left a:hover { color: #E90119; background-color: transparent; }


#content { font-family: Verdana, serif; float: right; width: 790px; height: 491px; margin: 10px 0 0 0; padding: 10px 0px 0px 0px;  }

#content p { font-size: 0.9em; margin-bottom: 0.3em; }

#content .post { width: 129px; height: 157px; margin: 7px; padding: 0px; line-height: 1em; background-color: #b7db6c; float:left; border: 0px; }

#content .post h1 { color: #FFF; padding: 0 0 15px 0 }

#content .post p { color: #FFF; padding: 0 0 15px 0 }


#pageContent { font-family: Verdana, serif; float: right; width: 723px; margin: 20px 56px 0 0; padding: 10px 0px 0px 10px; background-color: #dcebb1; height: 491px; }

#pageContent p { font-size: 0.75em; margin-bottom: 1.5em; }


#postContent { font-family: Verdana, serif; float: left; width: 596px; margin-right: 10px; padding: 10px; background-color: #ffffff; height: 480px; border: 1px solid #759b26; text-align: left; margin-left: 12px; }

#postContent .post { width: 129px; height: 157px; margin-top: 0px; margin-bottom: 15px; line-height: 1em; background-color: #b7db6c; float:left; border: 0px; text-align: left; }

#postContent p { padding: 0 0 0 4px }

#post { color: #FFF; width: 129px; height: 157px; margin-top: 0px; margin-bottom: 15px; padding-top: 0px; line-height: 1em; background-color: #b7db6c; float:left; border: 0px; }


.clearFix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearFix { display: inline-block; }
.clearFix { display: block; }


#pad20 { padding: 10px 20px 20px 10px; }


#foot { font-family: Verdana, serif; clear: both; height: 139px; color:#5D2816 }


.moreTab { margin-top: 330px; margin-left: 715px; }


.meta { margin: -2px 0px 0px 0px; padding: 0; font-size: 0.75em; font-weight: bold; }


.postmetadata { font-size: 0.75em; font-weight: bold; text-align: center; }


#sideMenu { text-align: right; width: 200px; }

#sideMenuItem { text-align: right; width: 200px; height: 25px; }

#sideMenu a:link, #sideMenu a:visited { color: #86b12c; background-color: transparent; font-weight: bold; text-decoration: none; text-align: right; font-size: 1.05em; }

#sideMenu a:hover { color: #445a16; text-align: right; font-size: 1.05em; font-weight: bold; }


a:link, a:visited { color: #86b12c; background-color: transparent; font-weight: bold; text-decoration: none; }

a:hover { color: #445a16; }



blockquote { background-color: transparent; color: #666; margin-left: 10px; margin-right: 15px; padding: 10px 20px 10px 30px; }



h1 { margin: 0; background-color: transparent; color:#759b26; font-family: Verdana, serif;  font-size: 0.9em; padding-bottom: 5px; padding-top: 5px; }

h1 a { text-decoration: none; }

h1 a:link, h1 a:visited { color: #86b12c; background-color: transparent; padding-bottom: 5px; padding-top: 5px; text-align: center; }

h1 a:hover { color: #445a16; background-color: transparent; }

h2 { background-color: transparent; color:#86b12c; font-family: Verdana, serif; font-size: 1.3em; } 

h3 { background-color: transparent; color:#86b12c; font-family: Verdana, serif; font-size: 1.2em; } 

h4 { background-color: transparent; color:#86b12c; font-family: Verdana, serif;font-size: 1.0em; } 



form { margin: 0px; padding: 0px; }

form input, form textarea, form submit { border: 1px solid #86b12c; background-color:#F5B0B7; }


#thumb {margin: 10px 0 0 0; border:0; padding:0; }


img.centered {display:block; margin: 10px 0 0 0; border:0; padding:0; }

img.alignright { display: inline; border:0; margin:10px 0 0 0; padding:0; vertical-align: middle; }

img.alignleft { display: inline; border:0; margin:10px 0 0 0; padding:0; vertical-align: middle; }

img.border { border:0; padding:0; margin:10px 0 0 0; }


.alignleft { float:left; text-align:left; }

.alignright { float:right; text-align:right; }

.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

#floatBottom {
	
	position: relative;
	top: 204px;
	left: 0px;
	
}

/* 

filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; 

*/