/* Shared Styles between Christopher's Custom and Wordpress Blog */

/*************************************************   LAYOUT   *************************************************/
html, body {background:#333 url(/images/bg_body.jpg); padding:0; margin:0}
#container{width:984px; margin:0 auto; overflow:hidden; margin-bottom:40px}
#header{overflow:hidden; height:90px; position:relative}
#content-blog{background:#fff url(/images/bg_right_blue.gif) repeat-y top right; overflow:hidden; min-height:500px; padding-top:0px;}
#main{background:url(/images/black_border.png); padding:0 20px; overflow:hidden; margin-bottom:10px}
#footer{overflow:hidden}

/*************************************************   HEADER  *************************************************/
#logo{color:#fff; font-size:18px; position:absolute; bottom:20px; padding:0; margin:0}
#logo a{height:32px; width:262px; overflow:hidden; background:url(/images/logo.gif) no-repeat; display:block; text-indent:-999px; color:#fff}
#call{color:#999; position:absolute; bottom:20px; right:0; font-size:12px}
#call b{color:#fff; font-style:italic}
#nav{overflow:hidden; margin:0px; padding:4px 0}
#nav li{float:left; list-style:none; color:#fff; padding:0 7px 0 9px; background:url(/images/bullet_nav.gif) no-repeat center left;}
#nav li.first{padding-left:0; background:none}
#nav li.social{float:right; list-style:none; color:#fff; padding:7px 0 0 0; background:none; margin-left:20px}
#nav a{color:#7c7c7c; text-transform:uppercase; display:block; height:32px; line-height:32px; padding:0 7px; font-weight:bold; text-decoration:none; font-size:12px}
#nav a:hover, #nav a.active{color:#fff; background:#000; text-decoration:none}
#nav a.facebook{height:18px; width:18px; display:block; text-indent:-9999px; overflow:hidden; background:url(/images/icon_facebook.gif) no-repeat; padding:0}
#nav a.twitter{height:18px; width:14px; display:block; text-indent:-9999px; overflow:hidden; background:url(/images/icon_twitter.gif) no-repeat; padding:0}
#nav a.linkedin{height:18px; width:18px; display:block; text-indent:-9999px; overflow:hidden; background:url(/images/icon_linkedin2.gif) no-repeat; padding:0}
#nav a.rss{height:18px; width:18px; display:block; text-indent:-9999px; overflow:hidden; background:url(/images/icon_rss2.png) no-repeat; padding:0}

/*************************************************   FOOTER   *************************************************/
#copyright{color:#666; font-size:10px; line-height:24px; text-align:left}
#nav-footer{margin-bottom:40px;}
#nav-footer li{float:right; list-style:none; color:#fff; margin-left:20px}
#nav-footer a{color:#fff; text-transform:uppercase; font-size:10px; text-decoration:none; line-height:18px}
#nav-footer a:hover{text-decoration:underline}
#nav-footer .rss{height:18px; width:18px; display:block; text-indent:-9999px; overflow:hidden; background:url(/images/icon_rss2.png)}
#nav-footer .facebook{height:18px; width:18px; display:block; text-indent:-9999px; overflow:hidden; background:url(/images/icon_facebook.gif)}
#nav-footer .linkedin{height:18px; width:18px; display:block; text-indent:-9999px; overflow:hidden; background:url(/images/icon_linkedin2.gif)}
#nav-footer .twitter{height:18px; width:14px; display:block; text-indent:-9999px; overflow:hidden; background:url(/images/icon_twitter.gif) no-repeat;}
.footnote{color:#666; font-size:10px; text-align:left}
#call-bottom{color:#999; float:left; font-size:12px; line-height:18px}
#call-bottom b{color:#fff; font-style:italic}