/*
Theme Name: Jimmy Franks Homes
Theme URI: -
Description: Custom Theme developed for Jimmy Franks Homes
Version: 0
Author: Thomas Russell
Author URI: http://phyneas.com/
Tags: custom
*/

/* Begin Structure */
html, body
{
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  text-align: center;
}
body
{
  background: #1d1916 url(images/bg2-brown.jpg) repeat-x scroll center top;
}

#page
{
  width: 960px;
  margin: auto;
  text-align: left;
}
#page {
    position: relative;
    min-height: 100%;
    padding-bottom: 121px;
	}

html>body #page {
    height: auto;
	}
h1, h2, h3, h4, h5, h6, ul, li,p
{
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#header
{
  float: left;
  display: inline;
}
#header h1
{
  float: left;
  display: inline;
  width: 480px;
}
#header p
{
  float: right;
  display: inline;
  text-align: right;
  width: 480px;
}
#navigation
{
  float: left;
  display: inline;
  width: 960px;
  height: 50px;
  background: url(images/nav-bg.gif) no-repeat scroll left top;
  position: relative;
  z-index: 10;
}

#navigation.special
{
  background: url(images/nav-bg.png) no-repeat scroll left top;
}

#navigation ul li
{
  float: left;
  display: inline;
}

#navigation li.page_item
{
  display: none;
  visibility: collapse;
}
#navigation li a.top
{
  margin-right: 1px;
}
#navigation ul li ul
{
  width: 149px;
}
#navigation ul li li
{
  background-color: #989519;
  font-size: 10px;
  text-align: center;
  font-family: Lucida Sans;
}

#navigation li li a
{
  color: white;
  text-decoration: none;
  float: left;
  display: inline;
  width: 149px;
  padding: 5px 0px;
}

#content
{
  float: left;
  display: inline;
  background-color: white;
  width: 960px;
  padding-bottom: 10px;
}
.oneThird
{
  float: left;
  display: inline;
  width: 320px;
}
.oneThird .padder
{
  padding: 20px;
}
.twoThirds
{
  float: left;
  display: inline;
  width: 640px;
}
.threeThirds
{
  float: left;
  display: inline;
  width: 960px;
}
#featuredSlideshow
{
  background: url(images/slideshow-bk.png) no-repeat scroll left top;
}
#slideshowInner1
{
  float: left;
  display: inline;
  padding: 10px;
}
#slideshowInner2
{
  float: left;
  display: inline;
  width: 620px;
  height: 300px;
  overflow: hidden;
  position: relative;
  z-index: 6;
}

.slide
{
  position: absolute;
  left: -620px;
  top: 0px;
  z-index: 1;
}

#slideshowBadge
{
  position: absolute;
  left: 20px;
  top: 100%;
  z-index: 5;
  margin-top: -67px;
}
#lowerContent
{
  background: url(images/lower-content-bk.png) repeat-x scroll left top;
  padding-bottom: 10px;
}
#lowerContentBars
{
  float: left;
  display: inline;
  background: url(images/lower-content-bar-bk.gif) repeat-y scroll left top;
}
#lowerContent #newsMod, #lowerContent #aboutMod, #lowerContent #galleryMod
{
  padding-top: 5px;
}
#newsMod h2, #aboutMod h2, #galleryMod h2, #mainNewsMod h2, #projMod h2, #customMod h2, #mainAboutMod h2
{
  background: url(images/mod-heading-bk.png) repeat-x scroll 0px 25px;
}
#mainNewsMod h2
{
  height: 27px;
  overflow: hidden;
}

#mainAboutMod .padder
{
  background: url(images/portfolio-mod-row-bk.png) repeat-x scroll left bottom;
}

#mainAboutMod h2
{
  margin-bottom: 20px;
  float: left;
  display: inline;
  width: 600px;
}
#mainAboutMod .innerWidth img
{
  float: left;
  display: inline;
  margin-right: 10px;
  margin-bottom: 10px;
}

#mainAboutMod .innerWidth p
{
  margin-bottom: 20px;
}

#newsMod .innerWidth, #aboutMod .innerWidth, #galleryMod .innerWidth
{
  width: 280px;
  /*
  height: 250px;
  overflow: auto;
  */
}
#jimmyFranksThumbnail
{
  float: left;
  display: inline;
  border: 1px solid #a1a1a1;
  margin: 0px 10px 5px 0px;
}

.galleryThumb
{
  float: left;
  display: inline;
  margin-right: 10px;
  margin-top: 10px;
  border: 1px solid #979797;
}
.galleryThumb a, .galleryThumb a img
{
  float: left;
  display: inline;
}
#footer
{
  float: left;
  display: inline;
  width: 960px;
  height: 121px;
  background: #a19687 url(images/footer-bk.png) repeat-x scroll left top;
}
#footer .left
{
  float: left;
  display: inline;
}
#footer .right
{
  float: right;
  display: inline;
  margin-top: 50px;
}
#footer .left .sans
{
  margin: 10px 0px 0px 20px;
}
#footer .right .sans
{
  margin: 10px 20px 0px 0px;
}
#footer .middle
{
  font-family: lucida sans;
}
#footer .middle p
{
  margin-left: 15px;
}
#lowerContent #aboutMod p
{
  margin-top: 0px;
}
#portfolioMod
{
  background: url(images/port-det-bk.png) no-repeat scroll left top;
  
}
#portDet
{
  width: 590px;
  height: 440px;
  /*background-color: #463f38;*/
  background-color: white;
  margin-left: 30px;
  margin-top: 30px;
  text-align: center;
}
#thumbnailRowOuter
{
  float: left;
  display: inline;
  width: 640px;
  text-align: center;
  margin-top: 30px;
}
#thumbnailRowOuter div.innerWidth
{
  width: 590px;
  float: left;
  display: inline;
  position: relative;
  left: 30px;
}
#thumbnailRowOuter #thumbnailRowInner
{
  width: 550px;
  float: left;
  display: inline;
  height: 82px;
  overflow: hidden;
  position: relative;
  background: url(images/portfolio-mod-row-bk.png) repeat-x scroll bottom;
}
#thumbnailRowOuter img
{
  float: left;
  display: inline;
}
#thumbnailRowInner img
{
  margin-right: 10px;
  border: 1px solid #a1a1a1;
}
#thumbnailSlide
{
  position: relative;
  overflow: hidden;
  height: 60px;
}
/* End Stucture */

/* Begin Typography */
.sans
{
  font-family: Lucida Sans;
}

#content
{
  color: #464646;
}
#newsMod h3, #mainNewsMod h3
{
  margin-top: 10px;
  color: #005aff;
  font-size: 10px;
  font-weight: bold;
}

#mainNewsMod h3
{
  margin-top: 0px;
}

#newsMod h4, #mainNewsMod h4, #projMod h4, #customMod h4
{
  margin-top: 5px;
  font-size: 20px;
  font-weight: normal;
}

#projMod h4, #customMod h4
{
  font-size: 17px;
}

.project
{
  margin-bottom: 10px;
}

#projMod p, #customMod p
{
  color: #bbbb27;
  font-size: 14px;
}

#projMod p.meta, #customMod p.meta
{
  color: #9f9f9f;
  font-family: Lucida Sans;
}

#newsMod h4 a
{
  text-decoration: none;
  color: #464646;
}

#newsMod p, #mainNewsMod p
{
  margin-top: 10px;
}

#aboutMod h2
{
  margin-bottom: 10px;
}

#footer h2
{
  margin: 15px 0px 0px 20px;
  color: #e9e734;
  font-weight: normal;
}

#footer
{
  color: white;
}
#otherPropsMod h2
{
  font-weight: normal;
}
#footer .left .sans, #footer .right .sans
{
  font-size: 12px;
}
#footer .right
{
  text-align: right;
}
address
{
  font-style: normal;
}
#webBy
{
  color: #ebe939;
}
#footer .middle a
{
  color: #ebe939;
  text-decoration: none;
}
#footer .middle a:hover
{
  text-decoration: underline;
}
/* End Typography */

/* Begin Link Style */
a img
{
  border: 0px;
}
#newsMod .more-link a, #aboutMod .more-link a
{
  padding-top: 10px;
  text-decoration: none;
  color: #a3a3a3;
  font-family: verdana;
  font-size: 10px;
  display: block;
}

#newsMod .more-link a:hover, #aboutMod .more-link a:hover
{
  text-decoration: underline;
}

#footer .left .sans a
{
  text-decoration: none;
  color: white;
}

#footer .left .sans a:hover
{
  text-decoration: underline;
}
#webBy a
{
  text-decoration: none;
  color: #ebe939;
}

#webBy a:hover
{
  text-decoration: underline;
}
/* End Link Style */

/* getting lazy */

#propDetMod h3
{
  font-size: 21px;
  font-weight: normal;
  margin-top: 5px;
}
#mainAboutMod .padder
{
  margin: 20px;
  margin-bottom: 0px;
  padding-bottom: 10px;
}
#mainAboutMod #contact address, #mainAboutMod #contact p
{
  margin-bottom: 10px;
}
#mainAboutMod #contact p.label, p label
{
  color: #9f9f9f;
  font-family: Lucida Sans;
  font-size: 12px;
  margin-bottom: 0px;
}
p label
{
  float: left;
  display: inline;
  width: 125px;
  text-align: right;
  margin-right: 1em;
}
#mainAboutMod #contact p.main
{
  font-size: 20px;
  margin-bottom: 0px;
}

#theForm p
{
  margin-bottom: 30px;
}

#theForm p input, #theForm p select, #theForm p textarea
{
  width: 350px;
}
#theForm #sendIt input
{
  width: 75px;
  margin-left: 420px;
}

#otherPropsMod .padder
{
  padding: 10px 50px;
}

.otherPropMed
{
  margin-top: 10px;
  margin-right: 20px;
  margin-bottom: 10px;
  width: 164px;
  float: left;
  display: inline;
  background: url(images/other-prop-bk.png) no-repeat scroll left top;
}

#otherPropsMod .last
{
  margin-right: 0px;
}

.otherPropMed p
{
  text-align: center;
  font-size: 12px;
}
.backdrop
{

  width: 144px;
  height: 114px;
  /*background-color: #463f38;*/
  margin: 10px;
  text-align: center;
}
.post-meta li
{
  margin-bottom: 5px;
  font-size: 13px;
}
.post-meta span
{
  color: #0058f7;
  font-family: Lucida Sans;
  margin-right: .5em;
  font-size: 10px;
}
#sideBar
{
  float: right;
  display: inline;
}
#sideBar #newsMod, #sideBar #aboutMod, #sideBar #galleryMod, #sideBar #projMod, #sideBar #customMod
{
  border-left: 1px solid #c0c0c0;
  width: 319px;
  background: url(images/lower-content-bk.png) repeat-x scroll left top;
}
#mainNewsMod .padder
{
  padding: 20px;
}
#galleryMod
{
  padding-bottom: 20px;
}
.newsArticle
{
  background: url(images/portfolio-mod-row-bk.png) repeat-x scroll left bottom;
  padding: 20px 0px;
}
#previous
{
  float: left;
  display: inline;
}
#next
{
  float: right;
  display: inline;
}
.postsLink
{
  margin-top: 20px;
}
.postsLink a
{
  text-decoration: none;
  color: #9f9f9f;
  font-size: 12px;
}
#navigation li.hidden
{
  visibility: collapse;
  display: none;
}
#footer .middle
{
  float: left;
  display: inline;
  border-left: 1px solid #95b5a8;
  position: relative;
  top: 16px;
  left: 20px;
  height: 92px;
  font-size: 12px;
}