/*  
Theme Name: TMC
Theme URI: http://dept29.com/
Description: Custom Wordpress theme for TMC
Version: 1
Author: Shannon
Author URI: http://webdesign.webnonsense.org/
*/

/* Reset
----------------------------------------------*/
/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
body {
	background-color: #ffffff;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/* Begin Structure
----------------------------------------------*/
html {
	background: url(images/html-bg.png) repeat-x left top;
}
body {
	text-align: center;
	margin: 0 0 120px 0;
	background: url(images/header-bg.png) no-repeat center top;
}
#wrapper, #header {
	margin: 0 auto;
	text-align: left;
	width: 768px;
	position: relative;
}
#header {
	height: 110px;
}
#header img {
	float: left;
}
#wrapper {
	clear: both;
}
#content {
	width: 480px;
	float: left;
	margin: 0 0 100px 0;
}
.post  {
	text-align: left;
}
.entry {
	padding: 0 30px 0 0;
}
.blog-entry {
	margin: 0 30px 60px 0;
	border-bottom: 2px solid #E8E8EA;
}
#sidebar {
	width: 249px;
	float: right;
	margin: 0 0 100px 0;
}
#footer {
	clear: both;
	padding: 7px 0 0 0;
	border-top: 2px solid #e8e8ea;
}



/*Nav
----------------------------------------------*/



ul#nav {
	margin: -37px 0 0 0;
	padding: 0;
	float: right;
	position: relative;
	list-style: none;
	font: 12px Arial, Helvetica, sans-serif;
}
ul#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background: white;
	font: 12px Arial, Helvetica, sans-serif;
}

ul#nav li {
	float: left;
	margin: 0 2px;
	padding: 0;
	width: 98px;
}
#greylead{
	height: 28px;
	width: 768px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	padding-top: 5px;
	padding-bottom: 0px;
	text-align: center;
	background-image: url(images/actnowbkg.png);
	background-repeat: repeat-x;
	margin-top: 5px;
	margin-right: 0px;
	
	margin-left: 0px;
}
#greylead a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	text-decoration: underline;
}

ul#nav li ul {
	position: absolute;
	width: 167px;
	left: -999em;
	height: auto;
	margin: 0;
	padding: 6px 0;
	border: 1px solid #CCCCCC;
}
ul#nav li:hover ul, ul#nav li.sfhover ul {
	left: auto;
}

#nav a {
	display: block;
}
ul#nav li a:link, ul#nav li a:visited, ul#nav li a:active {
	background: url(images/tab.gif) left top no-repeat;
	color: #fff;
	text-decoration: none;
	line-height: 35px;
	display: block;
	width: 98px;
	text-decoration: none;
	text-align: center;
	padding-top: 2px;
}


ul#nav li.blog-page a:link, 
ul#nav li.blog-page a:visited, 
ul#nav li.blog-page a:active {
	background: url(images/tab-blog.gif) left top no-repeat;

}
ul#nav li li.blog-page a:link, 
ul#nav li li.blog-page a:visited, 
ul#nav li li.blog-page a:active {
	background-image: none;

}

ul#nav li a:hover,  
ul#nav li.blog-page a:hover,
ul#nav li.current_page_parent a:link, 
ul#nav li.current_page_parent a:visited, 
ul#nav li.current_page_item a:link, 
ul#nav li.current_page_item a:visited {
	background: url(images/tab.gif) -98px top no-repeat;
	color: #5F6772;
}

ul#nav ul li a:link, 
ul#nav ul li a:visited, 
ul#nav ul li a:hover, 
ul#nav ul li a:active, 
ul#nav li.current_page_parent ul a:link, 
ul#nav li.current_page_parent ul a:visited,
ul#nav li.current_page_parent ul a:hover {
	background-image: none;
}
ul#nav ul li a:link, 
ul#nav ul li a:visited, 
ul#nav ul li a:active {
	color: #5F6772;
	text-decoration: none;
	line-height: 24px;
	width: 139px;
	margin: 0 5px;
	padding: 0 8px;
	display: block;
	text-align: left;
}

ul#nav ul li a:hover, ul#nav li.current_page_parent ul a:hover {
	color: #5F6772;
	text-decoration: none;
	background-color: #E5EEF4;
}

/* Sidebar
----------------------------------------------*/


#sidebar #action-box {
	width: 249px;
	height: 350px;
	background: url(images/sidebar-gradient-box.jpg) no-repeat left top;
	margin: 0 0 15px 0;
}

#sidebar #action-box2 {
	width: 249px;
	height: auto;
	background: url(images/sidebar-gradient-box.jpg) no-repeat left bottom;
	padding:15px;
	margin: 0 0 15px 0;
}
#sidebar #action-box .container {
	padding: 19px;
}
#sidebar #try-calc {
	margin: 15px 0;
	border-bottom: 2px solid #e8e8ea;
}
/* #sidebar #try-calc {
	margin: 15px 0;
	padding: 10px 0;
	border-top: 2px solid #e8e8ea;
	border-bottom: 2px solid #e8e8ea;
}
*/


#loan-faq-box {
	width:249;
	height: 100px;
	background: url(images/faq-blue-box.gif) no-repeat top left;
	margin-bottom: 15px;
}

#loan-faq-box p {
	padding: 15px;
	line-height: 1.3em;
}


/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{ 
	background: transparent url(images/no-gradient-box.jpg) no-repeat bottom right;
} 
.gradient, .gradient h2 {
	background: transparent url(images/gradient_bg.jpg) no-repeat bottom right;
}
.cssbox { 
/* intended total box width - padding-right(next) */ 
	width:234px !important; 
/* IE Win = width - padding */ 
	width: 234px; 
/* the gap on the right edge of the image (not content padding) */ 
	padding-right:15px; 
/* use to position the box */ 
	margin: 0 0 15px 0;
} 
/* set the top-right image */ 
.cssbox_head{
	background-position:top right; 
/* pull the right image over on top of border */ 
	margin-right:-15px; 
/* right-image-gap + right-inside padding */
	padding-right:19px;
} 
/* set the top-left image */ 
.cssbox_head h2{ 
	background-position:top left; 
	margin:0; 
/* reset main site styles*/ 
	border:0; 
/* ditto */ /* padding-left = image gap + interior padding ... no padding-right */ 
	padding: 0px 0 15px 19px; 
	height: auto !important; height:1%;
	font-size: 1px;
} 
/* IE Holly Hack */ /* set the lower-left corner image */ 
.cssbox_body{ 
	background-position:bottom left; 
	margin-right:19px; 
/* interior-padding right */ 
	padding: 0px 0 19px 19px;
} 
/* mirror .cssbox_head right/left */


/* Begin Typography
----------------------------------------------*/


body, ul, td {
	color: #61686f; 
	font: 14px Arial, Helvetica, sans-serif;
}
p, ul, li, h2, h3 {
	margin: 0 0 20px 0;
}
li {
	margin-bottom: 10px;
}
#content p, #content li {
	line-height: 1.5em;
}
h1, h2, h3, h4, h5 {
	color: #005596;
	font-weight: normal;
}
h1 {
	font-size: 16px;
	border-bottom: 2px solid #e8e8ea;
	padding: 45px 0 7px 0;
	margin: 0 0 42px 0;
}
h2 {
	font-size: 20px;
	margin-top: 32px;
}
#sidebar h2 {
	margin-top: 0;
	font-size: 15px;
}
h2.post {
	margin-top: 5px;
}
h3 {
	font-size: 14px;
	margin-top: 30px;
}
h4 {
	font-size: 14px;
	margin-top: 0;
}



ol li {
	list-style: decimal outside;
}
#content li {
	background: url(images/bullet.gif) no-repeat 0px 8px;
	padding-left: 8px;
}
#content ul {
	margin-left: 0px;
}
.no-top-margin {
	margin-top: 0;
}
.no-bottom-margin {
	margin-bottom: 0;
}

td {
	vertical-align: top;
	padding: 0 5px 5px 0;
}
acronym, abbr, span.caps {
	letter-spacing: .07em;
}
strong {
	font-weight: bold;	
}
#footer p {
	font-size: 9px;
}


/* Pages
----------------------------------------------*/


/*We can remove any mention of #welcome and #prequalify*/


#contact, #home {
	width: 768px;
}
#home {
	padding: 18px 0 100px 0;
}


/*----------- Four Panel Box */

#four-panel-box {
	width: 509px;
	height: 249px;
	float: left;
	background: url(images/four-panel-box.png) no-repeat left top;
	margin-top: 5px;
}

#four-panel-box .container div {
	width: 252px;
	height: 112px;
	float: left;

}
#four-panel-box h2 {
	padding: 0;
	font-size: 23px;
	font-weight: normal;
}
#four-panel-box p {
	padding: 0;
	line-height: 18px;
	margin: 3px 0 0 19px;
}

#four-panel-box .top h2 {
	margin: 12px 0 0 19px;
}
#four-panel-box .bottom h2 {
	margin: 18px 0 0 19px;
}


/*----------- Grouped rules that pertain to all 3 boxes. */


#interest-rate, #welcome, #prequalify {
	width: 249px;
	height: 248px;
	float: left;
	margin-top: 5px;
}
#interest-rate, #welcome {
	margin-right: 10px;
}
#interest-rate, #prequalify {
	background: url(images/gradient-box.png) no-repeat left top;
}
#interest-rate .container, #prequalify .container {
	padding: 14px 18px;
}

/*----------- Interest Rate / Newsletter sign up box  */


#rate {
	display: block;
	font-size: 40px;
	color: #005596;
	padding-bottom: 10px;
}
#effective-date {
	display: block;
	font-size: 11px;
	padding-bottom: 7px;
}

#interest-rate #rate-flyer, #interest-rate #loan-calc {
	font-size: 15px;
}
#interest-rate #rate-flyer {
	margin-right: 15px;
}

#interest-rate #news {
	margin-top: 20px;
}
#interest-rate form span, form#news span {
	display: block;
	padding: 10px 0;
	color: #005596;
}

/*-----------  Prequalify box on right*/

#prequalify p {
	margin: 0;
	padding: 0;
	font-size: 15px;
}
#prequalify .top, #prequalify .bottom {
	font-size: 24px;
	color: #005596;
}
#prequalify .top {
	margin: 10px 0 50px 0;
}
#prequalify .bottom {
	margin-bottom: 5px;
}



#home-footer {
	clear: both;
	font: 17px Arial, Helvetica, sans-serif;
	color: #005596;
	padding: 15px 0 0 3px;
}
#left-list li, #right-list li {
	font-size: 12px;
	margin-bottom: 5px;
}
#left-list {
	width: 40%;
	float: left;
}
#right-list {
	width: 40%;
	float: right;
}
p.quote {
	color: #006699;
}
p.owner {
	margin: 0;
}
p.company {
	font-weight: bold;
	margin-bottom: 80px;
}
ul#press li, ul#downloads li {
	margin: 0 0 20px 30px;
	list-style: url(images/acrobat_logo.gif) none outside;
	padding-left: 10px;
	background-image: none;	
}


#countylist {
	margin: 40px 0 0 265px;
}
#countylist li {
	margin-bottom: 5px;
}


/*----------- Blog */

#subscribe {
	background: url(images/feed-icon.jpg) no-repeat left top;
	padding-left: 34px;
	line-height: 24px;
	margin-bottom: 15px;
}

#subscribe a:link, #subscribe a:visited, #subscribe a:hover, #subscribe a:active {
	text-decoration: none;
	color: #f37826;
}

.comments .comment-text {
	margin-bottom: 60px;
}
.author cite {
	font-weight: bold;
}


h2.pagetitle {
	margin-top: 0;
	
}/*for archive*/





/*Contact Page
----------------------------------------------*/

#contact .left {
	float: left;
	width: 287px;
}
#contact .right {
	float: right;
	width: 410px;
	margin-right: 35px;
}
#contact .representitives {
	width: 136px;
	float: left;
}
#contact .middle {
	width: 154px;
	float: left;
}
#contact .nevada {
	width: 118px;
	float: left;
}
#contact ul {
	margin: 0 0 24px 0px;;
	padding: 0;
}
#contact li, ul#counties li {
	margin: 0;
	padding: 0 0 0 8px;
}
#contact h3 {
	margin-top: 0;
}
#contact h4 {
	margin-bottom: 5px;
}


/*----------- We don't need one of these FTS sections */


#contact #fts-box {
	width: 446px;
	height: 65px;
	background: url(images/fts-link.jpg) no-repeat left top;
	clear: both;
}
#contact #fts-box p {
	margin: 0 0 0 20px;
	padding: 0;
	font-size: 12px;
}
#contact p#fts-link {
	margin: 0 0 0 20px;
	padding-top: 10px;
	font-size: 18px;
}


/*----------- TEMPORARY */
#contact #fts-box-sm {
	width: 410px;
	height: 60px;
	background: url(images/fts-link-sm.jpg) no-repeat left top;
	clear: both;
}
#contact #fts-box-sm p {
	margin: 0 0 0 20px;
	padding: 0;
	font-size: 11px;
}
#contact p#fts-link-sm {
	margin: 0 0 0 20px;
	padding-top: 8px;
	font-size: 16px;
}





/*----------- We can change the names to left and right and remove the ones above. I think. */

#contact .rightbeta {
	float: right;
/*	width: 287px;*/
	width: 315px;
/*	margin-right: 35px;*/
	padding-left: 20px;
	border-left: 2px solid #E8E8EA;
}
#contact .leftbeta {
	float: left;
	width: 410px;
	padding-right: 20px;

}


/* Calculator
----------------------------------------------*/

#calculator .right {
	text-align:right;
}
#calculator td {
	padding: 0pt 5px 10px 0pt;
}


/* Links
----------------------------------------------*/

a:link {
	text-decoration: underline;
	color: #015595;	
}
a:visited {
	text-decoration: underline;
	color: #015595;
}
a:hover {
	color: #3399ff;
}
a:active {
	text-decoration: none;
}

#sidebar #loan-info-box a:link, #prequalify a:link, #four-panel-box a:link {
	text-decoration: none;
	color: #015595;	
}
#sidebar #loan-info-box a:visited, #prequalify a:visited, #four-panel-box a:visited {
	text-decoration: none;
	color: #015595;
}
#sidebar #loan-info-box a:hover, #prequalify a:hover, #four-panel-box a:hover {
	color: #3399ff;
}
#sidebar #loan-info-box a:active, #prequalify a:active, #four-panel-box a:active {
	text-decoration: none;
}

h2.post a:link, h2.post a:visited, h2.post a:hover, h2.post a:active {
	text-decoration: none;
}

/* Misc
----------------------------------------------*/


a img {
	border: none;
}
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.last-p {
	margin-bottom: 0;
}
img.alignleft {
	margin: 0 10px 10px 0;
	float: left;
}







/*----------- Move this up to the Contact Page?????? */

/*----------- Contact Form */

form#contact-form {
	margin: 0px;
	padding: 0px;	
}
#contact-form td {
	white-space: nowrap;
	padding: 10px 0;
	vertical-align: middle;
}
#contact-form em {
	color: #3976a2;
}

#contact-form  input[type=text], #contact-form textarea {
/*	width: 100%;*/

}
#contact-form  #submit {
	margin-bottom: 10px;

}
#contact-form select {
	margin: 3px 0;
	width: 100%;
}



/* Validation */

input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}
input.required {

}
input.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}
.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}






/* Old Validation / Delete when nothing goes wrong :)
----------------------------------------------*/

/*#news input.disabled, #calculator input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}
#news input.required, #calculator input.required {

}
#news input.validation-failed, #calculator input.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}

#news .validation-advice, #calculator .validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}
#news .custom-advice, #calculator .custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}*/




#blog-entry p{
	margin:0 0 20px;
}


.blogroll a, .blogroll strong, .cat-item a {
	font-weight: normal;
}

.cssbox_body li {
	list-style: none;
}