/*
THEME NAME: Chicago Morgage Finance
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Based on "Generic 960 Theme", Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: <a href="http://cg.cg/">Chicago Graphics &amp; Computing Group, Inc.</a>
AUTHOR URI:  http://cg.cg
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/


/* reset css, from 960.gs */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,acronym,address,big,cite,abbr,code,del,dfn,em,font,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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*text.css from 960.gs */

body{font:13px/1.5 Helvetica,Arial,sans-serif}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}


/* --- MAIN STYLES --- */


body {
  font-family:Helvetica, Arial, sans-serif;
  background-color:#f8f0e6;
  font-size:12px;
  color:#666;
  margin:0;
  padding:0;
}

h1{
  color:#000;
  font-size:22px;
  font-weight:normal;
  margin-top:10px;
  margin-bottom:10px;
  text-transform:uppercase;
}

h2 {
  color:#303030;
  font-size:16px;
  text-decoration:none;
  font-weight:normal;
}

h3 {
  color:#303030;
  font-weight:normal;
  font-size:14px;
}

h4 {
  color:#303030;
  font-weight:bold;
  font-size:11px;
  padding:0;
}

h5 {
  color:#303030;
  font-weight:normal;
  font-size:11px;
  padding:0;
}

ul, ol {
  font-size:12px;
  color:#666;
  list-style-position:outside;
  position:relative;
}

li {
margin-left:2px;
}

li ul,li ul li {
margin-left:0;
margin-bottom:0;
list-style:circle;
}

label {
font-size:12px;
color:#303030;
}


input {
border:1px solid #999;
font-size:14px;
margin-top:5px;
}

input,form {
padding-left:5px;
padding-right:5px;
padding-top:2px;
padding-bottom:2px;
}

.textinput {
padding-left:5px;
width:125px;
}

.textinput:focus {
background-color:#f8f0e6;
}

.radioinput,.checkinput {
border:0;
}

a:link, a:visited {
color:#CC6600;
text-decoration:none;
}

/* CONTAINER */
#outer_wrapper{
  min-height:600px;
  max-height:100%;
  width:760px;
  width:960px;
  margin-left:auto;
  margin-right:auto;
  margin-top:16px;
  background-color:#fff;
  padding:10px 10px 0;
}

/* CENTER */

div#main_col {
  width:540px;
  width:740px;
  padding:0;
  margin:0 10px 14px 0;
  float:left;
  background-color:#fffefe;
}

.content{
  margin-top: 20px;
}

.content ul{
  margin-left:20px;
}

#main_col .mainImgContainer {
  position:relative;
  bottom:-100px;
}

#main_col #frontpageContent {
  width:540px;
  margin-right:0;
  padding-right:0;
}

.pageSubHeading {
  font-size:14px;
  margin-left:20px;
  margin-top:0;
}

#aboutpara1,#financePara1 {
  font-size:12px;
  margin-left:50px;
  margin-right:50px;
  color:#666;
}

#flash-banner{
  height:240px;
  margin-bottom:10px;
}

#quotesBanner {
  width:540px;
}

#contactMeBox {
  float:left;
  padding-top:70px;
}

#contactMeImg {
  float:right;
  margin-left:0;
}

#contactMeInfo {
  float:left;
  background-color:#f8f0e6;
  padding-top:10px;
  padding-bottom:10px;
  margin-top:172px;
}

#divContactForms {
margin-top:20px;
padding-left:10px;
float:left;
padding-bottom:25px;
width:510px;
}

#divContactForms input[type=text]{
  width:130px;
}


#tableContactForms {
  margin-bottom:5px;
  float:right;
}

#tableTitle {
text-align:center;
}

#divContactFields td {
padding-bottom:5px;
padding-top:0;
padding-left:5px;
}

#divContactFields {
font-size:8px;
}

divContactForms {
float:left;
}

#extraHotLinks {
margin-left:40px;
}

#main_col #PDFLinks {
margin:0px 20px;
padding:0;
}



#main_col .pdf a:link,
#main_col .hotLinks a:link,
#main_col .emailMe a:link,
#main_col .pdf a:visited,
#main_col .hotLinks a:visited,
#main_col .emailMe a:visited {
font-size:12px;
color:#CC6600;
font-weight:normal;
text-decoration:none;
}

#main_col .pdf a:hover,
#main_col .hotLinks a:hover,
#main_col .emailMe a:hover,
#main_col .pdf a:active,
#main_col .hotLinks a:active,
#main_col .emailMe a:active {
  color:#000;
  font-weight:normal;
  text-decoration:none;
}

#left_contact {
  background-color:#f8f0e6;
  width:204px;
  float:left;
  min-height:600px;
  padding-top:20px;
  padding-left:10px;
}

#main_col #frontpageContent p.firstPara {
margin-top:50px;
color:#000;
font-size:16px;
margin:30px 0 0 48px;
line-height:1.5em;
letter-spacing:.175em;
}


#main_col h1 {
color:#000;
font-size:16px;
margin-left:0px;
}

#main_col h2.contactH2 {
color:#303030;
font-size:18px;
text-decoration:none;
margin:0;
margin-top:55px;
margin-top:94px;
}

#main_col .word1 {
color:#cc6600;
text-transform:uppercase;
}

#main_col .word2 {
text-transform:uppercase;
}



#checklist-bottom{
   width:100%;
   margin-top:40px;
   margin-left:40px;
   font-size:11px;
}

#checklist-bottom td{
  border-top:2px solid #ccc;
  padding-bottom:30px; 
}

/* Contact page radio button fix */
#divContactForms table table{
  margin-left:-3px;
  margin-bottom:0px;
}

#contactFields{
  margin-top:10px;
}

/* WP styles */

.alignright{
  float:right;
  margin-bottom:10px;
  margin-left:20px;
}


.alignleft{
  float:left;
  margin-bottom:10px;
  margin-right:20px;
}

.border-1{
  border: 4px solid #000;
}





/* Main */

#main_col h2 a,
.entry-title{
  color:#000;
  font-size:18px;
  font-weight:normal;
  margin-top:10px;
  margin-bottom:10px;
  text-transform:uppercase;
}

#main_col h2 a:hover{
  color:#666;
}



.page-title{
  text-transform:uppercase;
  font-size:14px;
}

.entry-title{
  font-size:18px;
}

.post{
  margin-bottom:10px;
  border-bottom:1px solid #ddd;
  padding-bottom:10px;
}




/* RIGHT */
#side_col ul {

}

#side_col li#text-3{
  padding-left:0px; 
}


#side_col ul li {
list-style:none;
padding-bottom:14px;

}

#side_col li{
list-style:none;
padding-left:10px;
padding-right:10px;
}

#side_col a{
  color:#CC6600;
  font-size:12px;
}



div#side_col{
height:100%;
min-height:730px;
float:left;
background-color:#ebebec;
width:210px;
margin:0 0 10px;
padding:0;
}



#side_col .sideHeadings,
.widgettitle {
  margin:0;
  padding:0;
  font-size:14px;
  margin-bottom:0px;
  text-transform: uppercase;
}

.textwidget{
  font-size:11px;
}


#side_col ul {
  margin-left:0px;
}

#side_col ul {
  margin-left:0px;
}



/* FOOTER */


#footer{
  border:0 solid #990066;
  padding:5px;
  background-color:#f8f0e6;
  width:960px;
  margin-top:4px;
  margin-bottom:-50px;
  font-size:9px;
  float:right;
  text-align:center;
  color:#666;
  text-transform: uppercase;
}



#footer #footer-content{
  float:left;
  width:300px;
  text-align:left;
}

#footer .copyright {
  font-size:10px;
  color:#999;
  float:right;
}


#footer .legal {
  margin-left:0;
  vertical-align:top;
  text-align:top;
}

#footer a:link, #footer a:visited {
  font-size:10px;
  color:#999;
}

#footer a:hover, a:active {
font-size:10px;
color:#666;
}

.validation-advice {
color:#FF0000;
font-size:10px;
}



.word2,a:hover,a:active {
color:#000;
}

#bottomFrontpageContainer .mainImgContainer,#quotesBanner,#quotesBanner2 {
padding:0;
margin:0;
}

p,#main_col p {
margin-bottom:5px;
margin-top:10px;
font-size:12px;
color:#666;

}



.center {
text-align:center;
}

.vspace_1 {
margin-top:10px;
}

.vspace_2 {
margin-top:20px;
}

.vspace_3 {
margin-top:30px;
}

.vspace_4 {
margin-top:40px;
}

.padding_1{
  padding:10px;
}

.padding_2{
  padding:20px;
}


td {
vertical-align:top;
padding:4px;
}

.comment-author{
  font-size:14px;
  font-weight:bold;
}

.comment-body{
  padding-left:20px;
  padding-top:5px;
  padding-bottom:5px;
  border-left:4px solid #ddd;
  margin-bottom:10px;
}

.comment-meta{
  font-size:10px;

}

.comment{
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
  padding:10px;
  margin-bottom:20px;
}



/* SF Menus */

#suckerfishnav {
  font-size:12px;
  width:100%;
  background-color:#EBEBEC;
}

#suckerfishnav,#suckerfishnav ul {
  float:left;
  list-style:none;
  width:100%;
  margin:0;
  margin-bottom: 5px;
}

#suckerfishnav a {
  display:block;
  color:#666666;
  text-decoration:none;
  padding:5px 10px;
  font-size:12px;
  text-transform:uppercase;
}

#suckerfishnav a:hover {
  color:#333;
}


#suckerfishnav li {
  float:left;
  padding:0;
}

#suckerfishnav ul {
  position:absolute;
  left:-999em;
  height:auto;
  width:140px;
  font-weight:normal;
  border:0;
  margin:0;
}

#suckerfishnav li li {
  display:block;
  background-color:#fff;
  list-style:none;
  float:left;
  width:200px;
}


#suckerfishnav li ul {
  border:solid 1px #ddd;
  background-color:#fff;
  margin-top:0px;
  width:200px;
  box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2)
}

#suckerfishnav li li a:link,
#suckerfishnav li li a:visited{
  font-size:10px;
  padding:4px 8px;
  display: block;
}

#suckerfishnav li li:hover a:link{
  color:#333;
}

/*
#suckerfishnav li ul ul {
  margin:-21px 0 0 140px;
  border:solid 1px red;
}
*/


#suckerfishnav li li:hover {
  color:#666;
  color:#333;
}


#suckerfishnav li:hover ul ul,
#suckerfishnav li:hover ul ul ul,
#suckerfishnav li:hover ul ul ul ul,
#suckerfishnav li.sfhover ul ul,
#suckerfishnav li.sfhover ul ul ul,
#suckerfishnav li.sfhover ul ul ul ul {
  left:-999em;
}

#suckerfishnav li:hover ul,
#suckerfishnav li li:hover ul,
#suckerfishnav li li li:hover ul,
#suckerfishnav li li li li:hover ul,
#suckerfishnav li.sfhover ul,
#suckerfishnav li li.sfhover ul,
#suckerfishnav li li li.sfhover ul,
#suckerfishnav li li li li.sfhover ul {
  left:auto;
  color:#888;
}

#suckerfishnav li:hover,
#suckerfishnav li.sfhover {
  color:#888;
}

#suckerfishnav li ul li:hover a,
#suckerfishnav li ul li li:hover a,
#suckerfishnav li ul li li li:hover a,
#suckerfishnav li:hover a,
#suckerfishnav li.sfhover a,
#suckerfishnav li:hover li a,
#suckerfishnav li li:hover li a,
#suckerfishnav li li li:hover li a,
#suckerfishnav li li li li:hover li a {
  color:#888;
}


#suckerfishnav .children a:hover {
  color:#333;
}

.page-item-10,
.page-item-112,
.page-item-110{
  display:none;
}

