/*  
Theme Name: Duplex v2
Theme URI: http://duplex.net/
Description: Theme for Duplex.net
Author: Duplex.net	
Author URI: http://duplex.net/
Version: 1.0
*/



/************************************************
*          Resets          *
************************************************/
html, body, div, p, span, h1, h2, h3, h4, h5, h6, img, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, label, input, table, th, td, a
{margin:0; padding:0; border:0; vertical-align:baseline; color:#232323;}  
:focus {outline:0;}
body {line-height:1;}
ul, ol {list-style:none;}
h1, h2, h3, h4, h5, h6 {font-size:1em;}



/************************************************
*          General elements       *
************************************************/
body {background:#CDCFB7 url(images/bg.jpg) left top repeat-x; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; text-align:center;} 
h1, h2, h3, h4, h5, h6 {font-family:Rockwell, Georgia, Palatino Linotype, Palatino, "Times New Roman", Times, serif; font-weight:normal;}
a {color:#225990; text-decoration:none;}
a:hover {color:#222;}
blockquote {font-style:italic; background:#eee; padding:.4em 1em .7em 1em; margin:.7em 0; border:1px solid #dedede;}
code {font-size:1.1em; font-family:"Bitstream Vera Sans Mono", Monaco, "Lucida Console", monospace;}
hr {border:1px solid #ccc;}
pre {overflow:auto; width:500px; background:#ddd; padding:1em 1.5em; margin:1em 0; font-size:1.2em; white-space:pre-wrap; /* css3 */}
dl {}
dt {font-weight:bold;}
dd {padding-left:1em;}

table {margin:.5em 0;}
table th {color:#000;}
table td, table th {padding:.5em .7em;}
table th {background:#eaecde; text-transform:uppercase; border-bottom:1px transparent;}
table td {background:#eaecde;}
table tr.even td {background:#eaecde;}
table tr:hover td{background:#eee;}

fieldset {padding:1.2em; border:1px dashed #a8ef9d;}
legend {padding:.2em .8em; font-size:1.2em; text-transform:capitalize;}
input, textarea, select {font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; margin:.2em 0; color:#222; font-size:1em; border:1px solid #ddd;}
input, textarea {padding:.3em;}
input.radio, input.checkbox {padding:2px;}
form label{font-weight:bold; display:block;}



/************************************************
*          General       *
************************************************/
#wrapper {margin:0 auto; padding:0; text-align:left; width:960px; background:url(images/bg_top.jpg) center top no-repeat;}
.cleared {clear:both;}



/************************************************
*          Header (and some parts in the footer too)       *
************************************************/
#header {}
#top_right {float:right; text-align:right; margin:8px 0 30px 0;}
#top_right ul li {float:left; font-size:.7em; line-height:1.2em;}
#top_right ul li a {color:#444; padding-left:35px;}
#top_right ul li a:hover {color:#225990;}

#logo {float:left; width:400px; margin-bottom:12px;}

#social {float:right; width:500px; text-align:right; margin-top:38px;}
#social a {margin-left:7px;}



/************************************************
*          Content      *
************************************************/
#content {background:#fff; padding:2px; width:956px;}
#menu {background:#BEC1A6; text-align:center; padding:10px 0;}
#wide_ad {background:#E9EAD8 url(images/bg_tan.gif) left top no-repeat; text-align:center; padding:20px 0; margin-top:2px;}

#main {padding:20px;}
#main p {font-size:.9em;}

#home_welcome {float:left; width:580px;}
#home_welcome h2 {margin-bottom:15px; color:#222; font:bold .9em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
#home_welcome p {padding:0 0 1.2em 0; line-height:1.4em; font-size:.8em;}
#home_welcome p a:hover {text-decoration:underline; }

#home_plans {float:left; width:415px; padding:12px 15px; margin:25px 0; background:#384F25 url(images/bg_plans.gif) left top repeat-x; border:2px solid #ccc;}
#home_inv {float:right; width:415px; padding:12px 15px; margin:25px 0; background:#24414F url(images/bg_inv.gif) left top repeat-x; border:2px solid #ccc;}
#home_plans h3, #home_inv h3 {margin-bottom:13px; color:#fff; font-size:1.1em;}
#home_plans p, #home_inv p {color:#fff; padding:0 0 1.2em 0; line-height:1.4em; font-size:.8em;}

#home_featured {float:left; width:580px;}
#home_featured h2 {font-size:1.1em;}
#home_featured .article {margin-top:15px; padding:15px; background:#E2E3D5 url(images/bg_articles.gif) left top repeat-x; border:1px solid #D6D8CA;}
#home_featured .article .thumb {float:left; width:102px;}
#home_featured .article .thumb img {border:1px solid #D6D8CA; margin:0 20px 0 0; width:100px;}
#home_featured .article .thumb img:hover {border:1px solid #BCBCBC;}
#home_featured .article .excerpt {float:left; width:347px; margin:0 15px;}
#home_featured .article .excerpt h3 a {color:#2a4d5d; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:.8em;}
#home_featured .article .excerpt h3 a:hover {color:#222;}
#home_featured .article .excerpt p {font-size:.75em; color:#333; margin-top:8px; line-height:1.4em;}
#home_featured .article .button_go {float:left; width:67px; margin-top:27px;}
#home_ad_300 {float:right; width:302px; text-align:right;}

#page p {color:#343434; font-size:.8em; padding:0 0 1.5em 0; line-height:1.5em;}
#page ul, #page ol {margin-bottom:15px;}
#page ul li {color:#343434; font-size:.8em; padding:0 0 .5em 0; line-height:1em; list-style-type:disc; margin-left:25px;}
h2#page_title {margin:5px 0 25px 0; padding-bottom:5px; color:#376586; font-weight:bold; font-size:1.3em; border-bottom:1px solid #d2d4be;}
h2#page_title span {color:#333;}
#page h2.posttitle {margin-bottom:10px;}
#page h2.posttitle a {color:#588cb1; font:bold 1em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px;}
#page h2.posttitle a:hover {color:#222;}

#the_fullcopy {margin:0 0 10px 20px;}
#the_fullcopy h3 {color:#588cb1; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:1em; margin-bottom:15px;}

.the_copy {float:left; width:570px; margin-left:20px;}
.the_copy2 {float:left; width:710px; margin-left:20px;}
.the_copy h3, .the_copy2 h3 {color:#588cb1; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:1em; margin-bottom:15px;}
.the_copy p.the_copy_call, .the_copy2 p.the_copy_call {font-weight:bold; color:#376586; padding:0 0 .5em 0;}
.the_copy ul, .the_copy2 ul {margin-bottom:15px;}

.tags {font-size:.8em; text-align:center; font-style:italic; color:#343434;}

#bottom_ad {text-align:center; margin:25px 0 0 0;}


/************************************************
*          Navigation      *
************************************************/
#navigation {line-height:1.8em; margin-bottom:10px;}
#navigation a {padding:5px 7px; font-size:.8em; background:#fff; color:#333; border:1px solid #d1d1d1;}
#navigation a:hover {color:#222; border:1px solid #aaa;}

#navigation .wp-pagenavi a {padding:5px 7px; font-size:.8em; background:#fff; color:#333; border:1px solid #d1d1d1;}
#navigation .wp-pagenavi a:hover {color:#225990; border:1px solid #aaa;}
#navigation .wp-pagenavi span.pages, #navigation .wp-pagenavi span.current, #navigation .wp-pagenavi span.extend {padding:5px 7px; font-size:.8em; background:#fff; color:#222; border:1px solid #d1d1d1; margin:0 5px 0 0;}
#navigation .wp-pagenavi span.current {margin:0 2px;}



/************************************************
*          Sidebar       *
************************************************/
#loan_form {float:right; width:301px; height:218px; background:url(images/bg_duplexloan.jpg) left top no-repeat;}
#ins_form {float:right; width:301px; height:218px; background:url(images/bg_duplexinsurance.jpg) left top no-repeat;}
#loan_form form {margin:130px 15px 0 15px; font-size:.8em; color:#eee;}
#loan_form form p {font-size:1.05em; color:#eee; margin:0 0 10px 0; padding:0;}
#ins_form form {margin:170px 15px 0 15px; font-size:.8em; color:#eee;}
#loan_form form input, #ins_form form input {margin-right:5px;}
#loan_form input[type="submit"], #ins_form input[type="submit"] {background:#ddd; color:#111;}
#loan_form input[type="submit"]:hover, #ins_form input[type="submit"]:hover {cursor:pointer; background:#cdcdcd; color:#000;}

#sidebar {float:right; width:301px;}
#sidebar2 {float:right; width:160px;}
#sidebar h3 {color:#588cb1; font:bold .9em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; margin-bottom:7px;}
#sidebar ul {margin-top:15px;}
#sidebar ul li {margin-left:15px; margin-bottom:2px;}
#sidebar ul li a {font-size:.9em;}
#sidebar a {color:#333;}
#sidebar a:hover {color:#225990;}


/************************************************
*          Footer       *
************************************************/
#footer_nav {background:#E9EAD8 url(images/bg_tan.gif) left top no-repeat; padding:20px 20px 15px 20px; margin-top:20px;}
#footer_nav h3 {font-size:1.1em; margin-bottom:15px;}
#footer_nav .footer_columns {float:left; width:170px; margin-right:13px;}
#footer_nav .footer_columns ul li {padding:0 0 8px 0;}
#footer_nav .footer_columns ul li a {font-size:.7em; color:#444;}
#footer_nav .footer_columns ul li a:hover {color:#225990;}

#footer {background:#356384 url(images/bg_footer.gif) left top repeat-x; padding:12px 0 15px 0; margin-top:2px; text-align:center; color:#fff;}
#footer a {color:#fff; font-size:.8em; padding:0 6px;}
#footer a:hover {text-decoration:underline;}

#credits {margin:10px 0 40px 0; text-align:center; text-transform:uppercase;}
#credits p {margin-bottom:10px; font-size:.7em;}
#credits a {padding:0 8px;}



/************************************************
*          WP related          *
************************************************/
.alignleft {float:left; margin:10px 12px 7px 0;}
.alignright {float:right; margin:10px 0 5px 10px;}
.aligncenter, div.aligncenter {margin:10px auto; text-align:center; display:block;}

img.alignleft {float:left; margin:10px 10px 5px 0;}
img.alignright {float:right; margin:10px 0 5px 10px;}
img.aligncenter {margin:10px auto; text-align:center; display:block;}

.wp-caption {text-align:center; background:#eee; border:1px solid #ddd; padding-top:6px;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  }
.wp-caption img {padding:0; margin:0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;}