/*
Theme Name: Susan Whitcomb New
Description: Custom theme designed for Susan Whitcomb
*/

* { margin: 0px; padding: 0px; }


/* Basics and Typography */

body {font-size:75%;color:#797C80;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:2.2em;line-height:1;margin-bottom:0.5em;color:#1f4d7c;}
h2 {font-size:1.8em;margin-bottom:0.75em;color:#5baab9;}
h3 {font-size:1.4em;line-height:1;margin-bottom:1em;color:#5baab9;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;color:#5baab9;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;color:#5baab9;}
h6 {font-size:1em;font-weight:bold;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:inherit;text-decoration:none;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;line-height:1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#5baab9;text-decoration:none;}
a img {border:none;}
blockquote {margin:2.5em 4em;padding:2.5em;background:#f6f6f6;color:#5baab9;font-style:italic;}
#sidebar blockquote {margin:1.5em;padding:0;color:#666;font-style:normal;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 3em;line-height:1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
label {font-style:normal;}
.small {font-size:.8em;}
.small a {color:inherit;text-decoration:none;}
.post .small {color:#5baab9;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.white {color:#fff;}
.blue {color:#5baab9;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.clear {clear:both;}

.alignleft {float:left;margin:0 15px 5px 0;}
.alignright {float:right;margin:0 0 5px 15px;}
.aligncenter {text-align:center;}

hr {background:#e2dddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}


/* Layout */

body { background: #1f4d7c; }

#wrapper
{
  width: 1024px;
  margin: 0 auto;
  background: #fff;
}

#nav_main
{
  float: right;
  margin: 18px 6px 0 0;
}

#nav_main ul
{
  list-style: none;
}

#nav_main ul li
{
  display: inline;
}

#nav_main ul li a
{
  font-size: 2em;
  color: #30618c;
  text-decoration: none;
  padding: 0 16px;  
}

#nav_main ul li a:hover, #nav_main ul li a.current
{
  color: #fff;
}

#bar
{
  width: 100%;
  min-height: 18px;
  background: #4e96ac;
  border-top: 1px solid #58a4b5;
  border-bottom: 4px solid #1f4d7c;
}

#bar h1
{
  margin: 8px 108px;
}

#footer
{
  width: 100%;
  background: #5baab9;
  border-top: 3px solid #1f4d7c;
  text-align: center;
}

#footer p
{
  float: left;
  margin: 0 108px;
  padding: 3px 0px;
}

#footer ul
{
  float: right;
  list-style: none;
  margin: 0 108px;
  padding: 3px 0;  
}

#footer ul li
{
  display: inline;
}

#footer ul li a
{
  color: #fff;
  padding: 0 3px;
}



/* Home Page */

#head_hp
{
  width: 100%;
  height: 352px;
  background: url(images/banner_hp.jpg);
}

#buttons_hp
{
  width: 500px;
  float: left;
  margin: 210px 0 0 98px;
}

#column_left_hp
{
  float: left;
  width: 559px;
  background: #f6f6f6;
}

#column_left_hp .content
{
  margin: 25px 50px 25px 108px;
}

#column_right_hp
{
  float: left;
  width: 465px;
  background: #fff;
  padding-bottom: 25px;
}

#column_right_hp .content
{
  margin: 25px 108px 25px 50px;
}

.post
{
  margin: 20px 0;
  border-bottom: 2px solid #e2dddd;
}

table#post_info
{

}

table#post_info td
{
  margin: 0;
  padding: 0;
  vertical-align: top;
}

table#post_info td.post_date
{
  width: 36px;
  height: 38px;
  background: url(images/date_bg.png) no-repeat;
  text-align: center;
  padding-top: 3px;
  color: #fff;
  font-weight: bold;
}

table#post_info td.post_title
{
  padding: 0 10px;
}

table#post_info td.post_title h1, table#post_info td.post_title h2
{
  margin: 0;
}

.post_content
{
  margin-bottom: 10px;
}



/* Sub Page */

#head_sub
{
  width: 100%;
  height: 126px;
  background: url(images/banner_sub.jpg);  
}

#column_left_sub
{
  float: left;
  width: 624px;
  background: #fff;
}

#column_left_sub .content
{
  margin: 25px 50px 25px 108px;
}

#column_right_sub
{
  float: left;
  width: 400px;
  padding-bottom: 25px;
  background: #f6f6f6;
}

#column_right_sub .content
{
  margin: 25px 50px;
}

#sidebar_image
{
  margin-top: -120px;
}

#button_submit
{
  display: block;
  margin: 5px 0 0 75px;
  width: 74px;
  height: 26px;
  text-indent: -9999px;
  font-size: 0px;
  color: #1f4d7e;
  border: none;
  background: url(images/button_join.jpg);
}

ul#social_network_icons
{
  list-style: none;
}

ul#social_network_icons li
{
  display: inline;
}

ul#social_network_icons li a
{
  padding-right: 15px;
}

#sidebar ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}

#sidebar ul ul
{
  margin: 0 1.5em 1.5em 3.5em;
  list-style: disc;
}

#sidebar ul ul li, #sidebar ul ul li a
{
  color: #666;
}

#feedbar
{
  background: #5baab9;
  padding: 25px 35px;
}

#feedbar .column
{
  float: left;
  width: 275px;
  padding: 0 20px;
}

#feedbar .post
{
  margin: 0;
  padding: 0;
  border: none;
}

#feedbar .post_content
{
  color: #fff;
}

#feedbar .post_content a
{
  color: #666;
}

#feedbar .post_content p
{
  margin: 0;
  padding: 0;
}

#feedbar table#post_info td.post_date
{
  background: url(images/date_bg_footer.jpg) no-repeat;
  color: #1f4d7c;
}



/* Blog */

#twitter_icon
{
  width: 206px;
  height: 79px;
  position: absolute;
  z-index: 100;
  margin: -68px 0 0 25px;
}

.twtr-doc
{
  margin: 100px 0 25px 0;
  padding: 15px;
  font-size: 1.5em;
}

.twtr-hd, .twtr-ft
{
  display: none;
}