/*Theme Name: John Schuster 1
Theme URI: http://mightyagent.com
Description: Theme designd for mnforeclosureproperties.com
Version: 1.2
Author: Mark Behlen
Author URI: http://mightyagent.com
*/

hr{display:none;}
h1 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #000}
body {padding: 0;  margin:10px 0; font-family: 'Trebuchet MS', Arial, Verdana, Sans-Serif; font-size: 1em;background:#646464 url('../images/bckgnd.jpg') repeat-y center top;text-align:center;}
p {color:#000000; font-weight:normal; margin:0pt; padding:5pt 0pt; text-align:left; font-family:arial,sans-serif; font-size:1em; font-size-adjust:none; font-style:normal; font-variant:normal; line-height:normal;}


.ph4 {margin-bottom: 1px; }
#page {	margin: 10px auto;background-color:white; text-align:center; width: 800px; }
.aright {text-align: right;}
.aleft {text-align: left;}
.acenter {text-align: center;}

#flashmv{margin:0;padding:0;}
#splashpage{margin:0 auto;width:800px;background-color:#fff;text-align:center;}

#pagehead{margin-bottom:20px;font:normal 2em arial,sans-serif;color:#f90;border-bottom:1px dashed #f90;padding-bottom:5px;}
#pagehead2{margin-bottom:20px;font:normal 1.3em arial,sans-serif;color:#8fae00;border-bottom:1px solid #8fae00;padding-bottom:5px;}

#splashpage #leftcolumn{float:left;width:300px;text-align:left;padding:10px;}
#splashpage #rightcolumn{margin-left:310px;text-align:left;}

#header { background:transparent url(images/masthead.gif) no-repeat scroll center top; height:160px;margin:0 auto;padding:0;width:800px; }
#headercontent{height:115px;margin:0;padding:0;}


/* masthead */
#display_name{float:left;padding:30px 0 18px 0;margin:0;font-size:1.5em;color:#fff;display:block;}
#displayname2{float:left;padding:0 30px 0 0;margin:0;font-size:1.5em;color:#333;display:block;}
#agentimage2{padding:0 10px 0;float:left;color:#333;}
#address{float:right;font-size:18px;color:#fff;padding:30px 0 18px 0;}
#agent_image{padding:20px 10px 0;float:left;font-size:2.5em;color:#fff;}
.small{font-size:14px;}
#preffered_phone, #fax_number, #licensed_in{font-size:18px;}
#address{float:right;font-size:18px;color:#fff;}
#address2{float:left; font-size:14px;color:#333;}
.clear{clear:both;height:1px;}
a.arrowlnk:link, a.arrowlnk:visited, a.arrowlnk:hover{font:13px "Lucida Grande", "Trebuchet MS", sans-serif;color:#00f;}
a.arrowlnk:hover{color:#900;}

/*contact form css*/
.clabel {width:70px;padding-right:5px;color:#000000;font-size:1.1em;font-weight:normal;font-family:arial,sans-serif;}
.cinput {border:0;width:147px;font:normal 11px arial,sans-serif;}
.ctdtext{background-color:#fff;border:none;text-align:right;font-size:12px;}
.ctdvalue{background-color:#fff;border:1px solid #ccc;font-size:12px;}
.tdborder{background-color:#fff;border:1px solid #ccc;font-size:12px;}

/*forms css, cma*/
#cmaform  table {background-color: #FFFFFF;color: #000000; font-size:12px;margin: 0 0 0 0;}
#cmaform label {text-align:right;width:150px;padding-right:5px;}
#cmaform .select{width:150px;font:normal 11px arial,sans-serif;}
#cmaform .input {border:0;width:147px;font:normal 11px arial,sans-serif;}
#cmaform #state1 {width:55px;font:normal 11px arial,sans-serif;padding-left:5px;}
#cmaform #zip1 {width:55px;font:normal 11px arial,sans-serif;padding-left:5px;}
#cmaform .zip{width:55px;float:left;}
#cmaform #submit{float:right;}
#cmaform .tdtext{background-color:#eee;border:1px solid #ccc;font:bold 1em arial,sans-serif;color:#666;text-align:right;}
#cmaform .tdvalue{background-color:#fff;border:1px solid #ccc;font:normal .7em arial,sans-serif;}
#cmaform .tdborder{background-color:#fff;border:1px solid #ccc;font:bold .7em arial,sans-serif;}
#cmaform .cmap{padding: 0;}
#cmaform .cmalabel{font-size: 1em; text-align: right;    float: right; width: 130px;     display:block;  padding-right: .3em;}
#cmaform .cmaselect {width: 135px; }
#cmaform .cmainput {width:131px;         border: 1px solid #000000; margin: 0 0 0 5px;}
#cmaform #stateinput { width:45px; float:left; }
#cmaform #ziplabel {     width:28px;     float:left; }
#cmaform #zipinput {     width:50px;     float:left;     padding-top:0px;        padding-bottom:0em;     margin-bottom: 0px; }
#cmaform #submit{ float:right; margin-top:1em; float:right; padding-right: .1em; padding-bottom: .5em;}

/*hnav*/
#hnav{margin:2px 0;padding:0;height:40px;text-align:center;background-color:#687888;}
#hnav ul {margin:0;padding:0;display:inline;list-style-type:none;}
#hnav li a {border:solid 1px #fff;border-color:#FFFFFF #000 #000 #fff; color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:bold;line-height:40px;padding:4px 9px;text-decoration:none;background-color:#000;letter-spacing:1px;}
#hnav li {padding:0;display:inline;padding:0 4px;}  
#hnav li a:hover {background-color:#000;border-color:#000000 #fff #fff #000 ;color:#ccc;}        

/* Search Toggle Button */
.stog {margin:0;padding:0;display:inline;list-style-type:none;}
.stog li {padding:0;display:inline;}
.stog li a {border:solid 1px #aaa;border-color:#aaa #222 #222 #aaa; color:#fff;font-weight:bold;padding:2px 10px;text-decoration:none;background-color:#687888;}
.stog li a:hover {background-color:#000;border-color:#222 #aaa #aaa #222 ;color:#ccc;}

/*wrappper div*/
#wrapper {width:800px;margin:20px auto 20px; }

/*sidebar
#lsidebar{float:left;margin-top:10px;margin-left:5px;padding:0;background-color:white;text-align:right;width:160px;}
.lnav {width:158px;margin:0;padding:0;list-style-type:none;background-color:#778899;}
.lnav li {padding:0;padding:0;width:158px;}
.lnav li a {display:block;width:140px;border-color:#FFFFFF rgb(0, 0, 0) rgb(0, 0, 0) rgb(255, 255, 255);border-style:solid;border-width:1px;color:#FFFFFF;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:bold;padding:0.2em 8px;text-decoration:none;}
.lnav li a:hover {background-color:#CCCC99;border-color:#000000 rgb(255, 255, 255) rgb(255, 255, 255) rgb(0, 0, 0);color:#333333;letter-spacing:normal;}        
*/
/*sidebar*/
#lsidebar{float:left;margin-top:60px;padding:0 2px;text-align:right;width:160px;}
.lnav {width:158px;margin:0;padding:0;list-style-type:none;}
        /*.lnav ul {margin:0;padding:0;list-style-type:none;background-color:rgb(152,170,154);}*/
.lnav li {padding:1px 0;margin:0;width:158px;}
.lnav li a {display:block;width:140px;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:bold;padding:6px 8px;text-decoration:none;background-color:#687888;letter-spacing:2px;}
.lnav li a:hover {color:#ccc;background-color:#000;}        

/* landing page */ 
#landingpage {  text-align:center;}
#landingcontent {padding:0px;margin:0 auto 0;  width:605px; font:13px "Lucida Grande", "Trebuchet MS", sans-serif;color: #666; text-align:left}

/* global page layout stuff */
#middle, #content, #middleform {padding:0px;margin:0 13px 0; float:right; display: inline; width:605px; font:13px "Lucida Grande", "Trebuchet MS", sans-serif;color: #666; text-align:left}
#middlemap {padding:10px;margin:0;float:left;width:785px;font: 13px "Lucida Grande", "Trebuchet MS", sans-serif;color: #666;text-align:left}
#middlemap .title{font:normal 1.3em arial,sans-serif;color:#8fae00;border-bottom:1px solid #8fae00;margin:0;padding:6px 0 4px 0;}
#middle .title{font:normal 1.3em arial,sans-serif;color:#8fae00;border-bottom:1px solid #8fae00;margin:0;padding:6px 0 4px 0;}
#middle p{margin:0;padding:0 0 10px 0;line-height:1.8em;}
#middle ol, #middle ul,{margin:0;padding:0;margin-left:3em}
#middle a{text-decoration:none;font-weight:bold;}
#middle .row{width:480px;margin:5px 0;padding:4px;clear:both;overflow:hidden;}
#middle .collft, #middle .colrht{width:100px;float:left;text-align:right;padding:0 10px;color:#8fae00;font-weight:bold;}
#middle .colrht{width:320px;float:left;text-align:left;color:#000;}
#middle .inpt{width:250px;border:1px solid #f9c;}
#middle .sbmt{width:100px;border:3px double #8fae00;color:#030; font:bold 11px verdana,arial,sans-serif;padding:3px 0;background-color:#ff9;}

/*blog css*/
.post {clear:left;}
.post h2 {color: #666;}
.post h2 a, .postmetadata a {text-decoration: none; color: #666;}
.post h2 a:hover, .postmetadata a:hover { color: #000;}

.singlepost {margin-top:15px;}
.entry {clear:left;}
.postmetadata {float:left;}
p img { padding: 0;     max-width: 100%;        }
/*      Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using         align="center", being much more futureproof (and valid) */
img.centered {  display: block; margin-left: auto;      margin-right: auto;     }
img.alignright {        padding: 4px;   margin: 0 0 2px 7px;    display: inline;        }
img.alignleft {         padding: 4px; margin: 0 7px 2px 0;      display: inline; }
.alignright {   float: right; } 
.alignleft {    float: left; }

/* Blog Form Elements */
#searchform {   margin: 10px auto;      padding: 5px 3px;       text-align: center;     }
#sidebar #searchform #s {       width: 108px;   padding: 2px;   }
#sidebar #searchsubmit {        padding: 1px;   }
.entry form { /* This is mainly for password protected posts, makes them look better. */  text-align:center; }
select {        width: 130px;   }
#commentform input {    width: 170px;   padding: 2px;   margin: 5px 5px 1px 0;  }
#commentform textarea { width: 570px;   padding: 2px;   }
#commentform #submit {  margin: 0;      float: right;   }

/* Comments */
.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify;}
.commentlist a { text-decoration: none; color: #666;}
.commentlist a:hover { color: #000;}
.commentlist li { margin: 15px 0 3px;padding: 5px 10px 3px; list-style: none; }
.commentlist p { margin: 10px 5px 10px 0; }
#commentform p { margin: 5px 0; }
.nocomments {text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }

/*pages with links*/
ol.links, ul.links {padding-left:40px;margin-top:13px;margin-bottom:13px;}
h4.links {margin-top:17px;margin-bottom:17px;}

/* links page */
.linkspage h2 {color:#000; font-size:1.2em; margin: 12px 0 0 ;}
.linkspage .linklist {margin:13px 0; padding: 0 0 0 40px;}
.linkspage li.linkcat {list-style-type:none;}
.linkspage li.linkcat ul {padding:0; margin: 0 0 0 15px;}
.linkspage li.linkcat ul li {list-style-type:none;}
.linkspage li.linkcat ul li a {color: #555; text-decoration: none;}
.linkspage li.linkcat ul li a:hover {color: #000; }
        
/*footer css*/  
#footer{ width: 800px;margin:auto; height: 34px;}
#footer a {text-decoration: none; color: #000;}
#footer a:hover {font-weight: bold;}
#footer .reltorlogo {float:left; padding:2px;} 
#footer .eqhousinglogo {float:left; padding:2px;} 
#footer .logout{float:left;margin-left:5px;}
#footer .copyright{float:right;margin-right:5px;}

/*rss main feed css*/
.feeddescription  {font:normal 1em arial,sans-serif;color:#000;margin-top:1.5em;margin-bottom:1.5em;}
.feeddate {font:bold 1.3em arial,sans-serif;color:#666;border-top:1px solid #666;padding-top:.5em;}
.feedtitle {font:bold 1.1em arial,sans-serif;color:#000;margin-top:.2em;}

/* rss news */
.timestamp{font:bold 1.3em arial,sans-serif;color:#666;border-top:1px solid #666;padding-top:.5em;}
.weblogTitle{font:bold 1.1em arial,sans-serif;color:#000;margin-top:.2em;}
.weblogTitle a {text-decoration: none; color: #000;}
.weblogEntry, .entry {font:normal 1em arial,sans-serif;color:#000;margin-top:.2em;margin-bottom:1.5em;}
.weblogCurrent, .post {background-color:transparent;}


.searchinquire {margin: auto; width:250px; background-color: #B5C2CF; border: solid 1px #000; text-align: center; font-weight: bold; }

.subfoot {background-color: #646464; font-size: .8em;}
.subfoot p { color: #444}

