@charset "UTF-8";
/* CSS Document */
@import url("css-reset.css");
@import url("typography.css");

body{ background:#eeeeee; color:#181818; font-size:13px;}
body{ background:#1D1D1D url(img/bg.jpg) center 50px no-repeat; color:#333333; }
h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:60px; letter-spacing:-2px;}
h2{font-family:Georgia, "Times New Roman", Times, serif; font-size:40px;}
a{ color:#000000; text-decoration:none; cursor:pointer;2}
a:hover{ text-decoration:underline;}
a > img{ text-decoration:none;}
p{ line-height:1.1;}

.cb{ clear:both;}

.page-part{ width:980px; margin:auto; padding:20px; margin-bottom:20px;}
.page-part#header{ width:1000px; padding:0; height:50px;}

.left{ float:left;}
.right{ float:right;}

.alignleft{ float: left;}
.alignright{ float: right;}




ul#menu{ display:block; list-style:none; margin:0; padding:0; display:block; position:absolute; margin-left:550px;}
ul#menu li{ float:left; display:block; margin:0px 5px;}
ul#menu li a{ display:block; padding:19px 25px 18px 25px;  color:#ffffff;  text-decoration:none; font-weight:bold; height:50px;}
ul#menu li a:hover{  background:url(img/menu-hover-bg.jpg) top center no-repeat; color:#FFFFFF; display:block; }
ul#menu li a.selected{ background:url(img/menu-hover-bg.jpg) top center no-repeat; color:#FFFFFF; display:block; }


#top{ background:#bcdbf4 url(img/menu-bg.png) repeat-x;}

#logo{ float:left; height:50px; line-height:47px; font-size:30px; font-weight:bold; color:#FFFFFF; width:230px; overflow:hidden;text-indent:-9999em;}
#logo a{ color:#FFFFFF; display:block; height:50px; background:url(img/logo.png) no-repeat; width:230px;}
#logo a:hover{ text-decoration:none;}





#contact{ position:fixed; bottom:0; background:#04295a url(img/contact-bg.png) repeat-x; width:100%; color:#FFFFFF;  border-top:1px solid #1576C1;}
#contact .field { margin-top:15px;}
#contact .field label{ display:block; font-weight:bold;color:#FFFFFF; margin-bottom:1px; font-size:16px;}
#contact .field .imp{ width:290px; height:30px; font-size:24px; line-height:30px; font-weight:bold;}
#contact .field .ta{ width:340px; height:110px; font-size:12px; border:0;}
#contact .left{ margin-right:40px; display:block;}
#contact h2{ color:#FFFFFF;}
#contact #contact-send{ width:200px; height:60px; border:0; background:#BCDBF4; font-weight:bold; font-size:30px; cursor:pointer;}
#contact #contact-cancel{ width:200px; height:40px; border:0; background:#1d1d1d; color:#FFFFFF; font-weight:bold; font-size:20px; margin-top:10px; cursor:pointer;}

#rssLink{ height:45px; margin-left: 10px;}
#rssLink a{ display: block; height: 45px; width: 196px; background: url(img/subscribeLink.png) left top no-repeat;}
#rssLink a:hover{ background-position: left -50px; }

#container{ margin-top:40px;}

#container #content{ float:left; width:760px;}

#sidebar .spacer{height:50px;}
#leftbar .spacer{ height:100px;}


#container h1{ margin-bottom:5px; margin-left:120px; width:350px; color: #FFFFFF;}
#container h1 span{ font-size:18px; font-family:Gill Sans, Verdana, sans-serif; margin-left:16px; font-weight:bold; letter-spacing:1.1px;}
#container h1 span.hl{ color:#1576c1; margin:0;}
#container h1 a{color: #FFFFFF;}
#container h1 a:hover{text-decoration: none;}
#container h2{ font-size:36px; letter-spacing:6.5px; color:#666666; font-family:Gill Sans, Verdana, sans-serif; }
#container h2.special{ background:#FFFFFF none repeat scroll 0 0;font-size:20px;margin:5px 0 14px 120px;padding:10px;}
#container h3{ font-size:24px; color: #1576C1;}
#container h3 a{color: #1576C1;}


#content  div.other{  background:#FFFFFF; padding:10px 0px;  width:120px; float:left; margin-top:30px;}
#content  div.other ul{ margin:0 0 0 10px; padding:0; list-style:none;}
#content  div.other ul li{}
#content div.other li { padding-left: 24px; height: 22px; line-height: 22px; border-bottom: 1px solid #e6e6d8; background: url("img/post_details.gif") no-repeat; color: #999999; overflow: hidden; font-size: 0.9em;  }
#content div.other li.time { background-position: 0 -23px; }
#content div.other li.author { border-bottom: 0; background-position: 0 -45px; }



#content .post{ width:640px; float:left;background:#FFFFFF;}
#content .post .inner{ padding:20px;  border-bottom:1px solid #CCCCCC;  background:url(img/post_bg.jpg) repeat-y;}
#content .post .inner .text{ line-height:1.6;}
#content .post .inner .text p{ line-height:1.6;}
#content .post .inner div.date{ float:right;}
#content .post ul, #content .post ol{ margin: 10px 0px 10px 20px;}
#content .post ul li, #content .post ol li{ margin: 3px 0px;}
#content .post a{color:#1576C1;}

ul.nav { font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; color: #d8d8c7; letter-spacing: -.5px; font-size: 1.15em; height: 1em; padding:20px 20px 20px 140px; list-style: none; display: block; clear: both;}
ul.nav .prev { float: left; }
ul.nav .next { float: right; }
ul.nav a { color: #89897c; }


div.post div.headline span, div.post div.date span { text-align: center; text-transform: uppercase; background: url("img/date.png"); width: 44px; height: 42px; display:block;color: #FFFFFF; font-size: 1.4em; padding-top: 5px; line-height: 1em; font-family:Georgia,Arial,Helvetica,sans-serif;}
div.post div.headline span big, div.post div.date span big { font-size: 1.7em; display: block; ?margin-top: -.2em; }

#container #sidebar{ float:right; width:220px;}

#search{ float:right; padding:55px 220px 0px 0px;}
#search #searchsubmit{ font-size:100%; font-weight:bold; background:#1576C1; border:0; color:#FFFFFF; padding:1px 7px 4px 7px;}
#search #s{ border:3px #FFFFFF solid; height:15px;}
#search label{ display:block;}


#sidebar ul{ list-style:none; margin:0; padding:0;}
#sidebar ul li h2{ font-size:22px; margin-left:20px;}
#sidebar ul li { margin:10px 0 30px 0; background:#f5f5f5; }
#sidebar ul li.widget{ padding:20px 0px;}
#sidebar ul li ul{ margin-left:30px;}
#sidebar ul li ul li{ margin:3px 0px;}


.social { width: 120px; margin-right: -16px; margin-left: 12px; _margin-right: -14px; float:right; }
.social h2 { font-size: 1.8em; color: #89897c; padding: 10px; margin: 0; margin-right: -10px; }
div.social ul { font-size: .85em; margin: 0; }
div.social ul li { height: 21px; line-height: 22px; border-bottom: 1px solid #ccccbc; list-style: none; padding: 0; }
div.social ul li a { color: #89897c; display: block; padding-left: 22px; height: 22px; background: url("img/social_list.png") no-repeat; }

.social li.digg a { background-position: 0 3px; }
.social li.mixx a { background-position: 0 -21px; }
.social li.technorati a { background-position: 0 -45px; }
.social li.delicious a { background-position: 0 -69px; }
.social li.facebook a { background-position: 0 -93px; }
.social li.stumbleupon a { background-position: 0 -117px; }
.social li.reddit a { background-position: 0 -141px; }

.social li.digg a:hover { background-position: 0 -163px; }
.social li.mixx a:hover { background-position: 0 -187px; }
.social li.technorati a:hover { background-position: 0 -211px; }
.social li.delicious a:hover { background-position: 0 -235px; }
.social li.facebook a:hover { background-position: 0 -259px; }
.social li.stumbleupon a:hover { background-position: 0 -283px; }
.social li.reddit a:hover { background-position: 0 -307px; }

#comments label{ margin: 10px 0px 3px 0px; display: block;}
#comments .comment-author{font-weight: bold; font-size: 14px;}
#comments  .comment-meta{ font-style: oblique; font-size: 11px; color: #333333; margin-bottom: 5px; padding-bottom: 2px; border-bottom: 1px solid #333333; width: 400px;}
#comments .comment-author .says{ display: none;}
#comments p{ line-height: 1.2;}
#comments .commentlist .comment{ margin: 0px 0px 15px 0px;}