/*   
Theme Name: ApartmentGuideWP
Theme URI: http://www.firstapartmentguide.com
Description: CMS for First Apartment Guide
Author: Bob Kazak
Author URI: http://www.zavtv.com
Version: 1.0
*/

body {

  background: url(images/background_header.png) repeat-x ; 
  margin: 0; padding: 0; 
  font-size: 75%;
  font-family: Gill Sans, Georgia, sans-serif;
  color: #353535;
}


fieldset { width: 390px; border: 1px; border-color: #f3ce52;  }

a  { color: #0c799e; }

a:hover { text-decoration: underline; }

h1, h2, h3, h4, h5 {
  font-family: Gill Sans, Georgia, sans-serif;
  font-weight: normal;
  margin-bottom: 0em;
  line-height: 1.6em; 
  color: #f3ce52;
}

h1 { font-size: 2.5em; color: #353535; }

h3 { font-size: 2em; color: #353535; }

h4 { font-size: 1.3em; color: #353535; }

h5 { font-size: 1.9em; color: #5a3618; }

p { margin: .25em 0 1em 0;  line-height: 1.4em; }

table { border: 0px; }

.swatch2 { color: #353535; }

input.query { width:320px; }

input { font-size:16px; padding:2px; }

label {
  font-family: Arial, Helvetica, sans-serif;     
  color: #333;      
  font-size: .95em;

}

fieldset { border: 1px solid #ccc; }

legend {
        
      color: #af6629;      
      font-size: 1.5em;           
      font-weight: bold;
      
    }

#Wrapper { width: 810px; position: relative; margin: 0 auto; overflow: hidden; background: url(images/bg-middle.png) repeat-y; }

#Tupperware {  float: left;  width: 420px;  height: 198px; }
#Tupperware2 {  float: left;  width: 495px; position: relative; }

#Header  {background: url(images/header_background.png) repeat-x ; height: 198px; width:810px; }

#Tinytown {
  display: block;
  height: 198px;
  width: 370px;
  margin-top: 0px;
  float: right;
  background: url(images/tinytown.png) no-repeat;
}

#Logo {
  display: block;
  width: 400px;
  height: 62px;
  float: left;
  margin-top: 15px;
  padding: 4px 0 4px 0px;
}

#Nav {
  display: block;
  width: 400px;	
  height: 48px;
  float: left;
  margin-top: 10px;
  position: relative;
}

#Nav a { margin-right:4px; }

#Meat {
  display: block;
  width: 495px;
  margin-top: 16px;
  float: left;
}
#Meat li { font-size: 1em; font-color: #353535; list-style-image:url("http://i230.photobucket.com/albums/ee73/kuuzak/bullet.jpg"); list-style-type:square;}
#Meat p { margin: 0 10px 10px 0; font-size: 1.35em; color: #353535; }
#Meat h4 { font-size: 1.5em; line-height: 20px; color: #af6629; text-decoration: none; }

#Steak {
  display: block;
  width: 485px;
  margin-top: 16px;
  float: left;
}

#Steak p { margin: 10px 20px 10px 20px; font-size: 1.35em; color: #353535; }
textarea#Steak { width: 300px; }

#Sidebar {
  display: block;
  width: 300px;
  float: right;
  margin-top: -20px;
}
#Sidebar p { margin-left: 15px; font-size: 0.85em; color: #0c799e; }
#Sidebar h2 { margin-left: 10px; font-size: 1.75em; color: #353535; }
#Sidebar h3 p { margin-left: 10px; font-size: 1.75em; color: #353535; }
#Sidebar li a { margin-left: 20px; font-size: 0.85em; color: #0c799e; }

#Title {
  display: block;
  height: 20px;
  width: 495px;
  float: left;
  
}

#Title h2 a { font-size: 1.75em; line-height: 5px; color: #cf695c; text-decoration: none; }

#Footer { display: block; height: 223px; width: 810px; margin-top: 25px; background: url(images/footerbg.png) no-repeat; }

#FooterNav {
 width: 230px;
 height: 100px;
 float: left;
 margin-left: 200px;
 margin-top: 110px;
}

#FooterNav2 {
 width: 140px;
 height: 100px;
 float: left;
 margin-top: 110px;
}

#FollowUs{
 width: 240px;
 height: 100px;
 float: right;
 margin-top: 110px;
}

#FindItems { width:485px; }
#FindItems input.text { width:320px; }

#SearchResults { width:485px; }

#result { margin: 0 10px 10px 0; font-size: 1.35em; color: #353535; width:485px; text-align:center; }
#result li { font-size: 1em;list-style-image:url(images/arrow.png); list-style-type:square; list-style-position:inside; padding: 5px 0 5px 0; }
#rentcalc label { margin: 0 10px 10px 0; font-size: 1.35em; color: #353535; }
#rentcalc { background: url(images/rentcalcbg.png) no-repeat 0 0; height: 300px; margin-top:33px;}
.paycheck { margin-left: 80px; margin-top: 76px; }
.bigcity { margin-left: 55px; margin-top: 50px; }
.payments { display: block; }
#submit_button { margin-left: 52px; margin-top: 13px; }

#Clearer {
  clear: both;
}

img { border: 0px; margin: 5px 10px 0px 0px; }
img a { border: 0px; margin: 5px 10px 0px 0px; }
/******************************************************************
 +Lists
******************************************************************/

li {  
  margin-right: 10px; 
  list-style-type: none; 
  font-family: Georgia;
  font-size: 1.5em;
}

li a { 
  color: #7c522e;
  font-weight: 300; 
  text-decoration: none; 
}

li a:hover {  
  color: #7c522e;
}

li.active a { 
  color: #7c522e;
}


/******************************************************************
 +Logo
******************************************************************/

#Logo h2 a {
  font-size: 2.15em;
  color: #353535;
  font-weight: 300;
  line-height: 50%;
  margin-top: 40px;
  text-decoration: underline;
}

/******************************************************************
 +Navigation
******************************************************************/

#Nav li { 
  float:left; 
  margin-right: 3px; 
  list-style-type: none; 
  font-family: Georgia;
  font-size: 1.3em;
}

#Nav li a { 
  display: block; 
  background-color: #80a358;
  color: #ffffff; 
  padding: 8px 10px 8px 10px; 
  text-decoration: none; 
}

#Nav li a:hover { 
  background-color:#688744; 
  color: #ffffff;
}

#Nav  li.active a { 
  background-color: #688744 !important; 
  color: #ffffff;
}

#Nav ul.left { 
    position:absolute; 
    left:0px; 
    bottom:0; 
  }

#Nav ul.right { 
    position:absolute; 
    right:0; 
    bottom:0; 
}

/******************************************************************
 +FollowUs
******************************************************************/
#FollowUs h2 {
  font-size: 3.25em;
  color: #5a3618;
  font-weight: 300;
  line-height: 50%;
  margin-top: 4px;
  margin-right: 10px;
  margin-bottom: 4px;
  margin-left: 20px;
}

#FollowUs li { 
  float: left; 
  margin-left: 15px; 
  list-style-type: none; 
  font-family: Georgia;
  font-size: 1.5em;
  padding: 2px 5px 1px 5px; 
}

#FollowUs li a { 
  color: #f3e0a0;
  font-weight: 300; 
  text-decoration: none; 
}

#FollowUs li a:hover {  
  color: #f3e0a0;
  text-decoration: underline;
}

#FollowUs li.active a { 
  color: #f3e0a0;
}

/******************************************************************
 +Reusable Classes
******************************************************************/
.pad { padding: 12px; }
.border1 { border: 3px solid #d0baab; }
.faint_bg { background: #eae0da; }
tr.zebra { background: #f3e0a0; }