@import url("reset.css");


/* ---------- General styles ---------- */
body { font-family:Arial; font-size:12px; color:#404040; background:#ccc}
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear floated columns */
a {text-decoration:none; color:#ff6600;}
a:hover {color:#415f72;}
p { line-height:1.4em; padding:5px 0;}
h1 { font-size:20px; font-family:"Times New Roman", Times, serif;}

#wrapper { width:958px; height:auto; margin:auto;}
#header { width:100%; margin:auto;; padding:20px 0 2px 0;font-size:13px;}
#center { width:100%; height:auto; margin:auto; padding:0 0 20px 0; background:url(../images/center.png) repeat-y; clear:both}
#footer { width:950px; margin:auto; background:#333333; height:110px;}
/* ---------- Header ( Top Navigarion & Search ) ---------- */
.top-menu { float:left}
.top-menu ul li { float:left; color:#fff; font-weight:bold; padding:0 2px; }
.top-menu ul li a { color:#fff;}
.top-menu ul li a:hover { color:#415f72;}
.search-area { float:right; color:#000; font-weight:bold; padding:0 8px 3px 0 ;}
.search-area p { float:left; padding:0 3px 0 0;}
.search-area p.go { padding:2px 0 0 0 ;}
.search-area .inp { width:165px; height:14px; padding:1px; font-size:10px; }
.search-area #go { background:url(../images/go.jpg) no-repeat; width:16px; height:16px; border:none; cursor:pointer}
.navigation {float:left;width:480px; margin-bottom:10px}
.navigation .alignleft {float:left}
.navigation .alignright {float:right}

/* ---------- Logo & RSS ---------- */
.logo { padding:30px 0 0 40px; float:left;}
.rss { width:250px; float:right; text-align:right; padding:55px 20px 0 0;}
.rss p { float:left; line-height:1.2em}
.rss p.rss_ico { padding:5px;}
.rss a { color:#ff6600;}

.main { width:950px; margin:auto; clear:both; border-top:solid 1px #999; }
.content { width:480px; min-height:400px; float:left; border-right:dotted 1px #999; padding:10px 4px 0 15px; }
.post_spacer {width:480px; float:left; height:30px;  padding:10px 2px 0 2px; }
.content h1 { border-bottom:dotted 1px #999; padding:3px 0;}

.options { clear:both}
.options p.det { border-bottom:dotted 1px #999; color:#a8a8a8;  }
.options p a { color:#404040}
.options p a.share_this { background:url(../images/share_this.jpg) no-repeat; padding:0 0 0 20px}
.options p a.facebook { background:url(../images/facebook.jpg) no-repeat; padding:0 0 0 20px}

/* ---------- Sidebar 1---------- */
.sidebar1 { width:192px; float:left;; padding:10px 0 0 10px;}
.sidebar1 h2 { font-size:16px; border-bottom:solid 1px #999}

/* ---------- Sections Block ---------- */
.sections { padding:10px 0;}
.sections li { padding:2px 0;}
.sections li a { color:#404040}
.sections li a:hover { color:#ff6600}

/* ---------- Recent Coimments Block ---------- */
.recent-comments { padding:10px 0;}
.recent-comments p { padding:2px 0;}
.recent-comments a { background:#eeeeee; line-height:1em; color:#404040}

/* ---------- Sidebar 2---------- */
.sidebar2 { width:208px; float:left;; padding:0 0 0 25px;}
.sidebar2 h2 { font-size:16px; border-bottom:solid 1px #999}
.sidebar2 .gray { width:184px; background:#999; padding:0 10px 10px 10px;}
.sidebar2 .gray h4 { color:#fff; font-size:15px; border-bottom:dotted 1px #fff; padding:15px 0 3px 0;}
.sidebar2 .gray .subscribe p { float:left; padding:5px 3px 0 0;}
.sidebar2 .gray .subscribe .inp { width:155px; height:14px; padding:1px; font-size:10px; font-style:italic }
.sidebar2 .gray .subscribe p.go { padding:7px 0 0 0 ;}
.sidebar2 .gray .subscribe #go{background:url(../images/go.jpg) no-repeat; width:16px; height:16px; border:none; cursor:pointer}
.sidebar2 .gray a { color:#fff;}
.sidebar2 .gray li { padding:2px}
.sidebar2 .twitt-box { width:212px;}
.sidebar2 .twitt-box .twitt-top { width:212px; height:58px; background:url(../images/twitter-top.jpg) no-repeat;}
.sidebar2 .twitt-box .twitt-center { width:212px;background:url(../images/twitter-center.jpg) repeat-y; }
.sidebar2 .twitt-box .twitt-bottom { width:212px; height:46px; background:url(../images/twitter-bottom.jpg) no-repeat;}
.sidebar2 .twitt-box .twitt { border-bottom:dotted 1px #999; width:208px; margin:1px 0 0 0;}
.sidebar2 .twitt-box .last { border-bottom:none}
.sidebar2 .twitt-box .twitt p.img { float:left; padding:10px }
.sidebar2 .twitt-box .twitt p.text { padding:10px }

/* ---------- Footer ---------- */
#footer .links { padding:40px 0 0 15px; float:left}
#footer p { padding:1px; color:#fff }
#footer p a { color:#fff;}
#footer p span { color:#ff6600;}
#footer p.footer-rss { float:right; padding:15px;}
.copyright { padding:3px 0 10px 10px; color:#000;}


/* ------------------Contact Form -------------------------- */
form dl, dl.labels {
  margin:0em;
  font-size:100%;
  margin-top:0.5em
}
form dt, dl.labels dt {
  float:left;
  
  width:10em;
  margin-bottom:0.8em;
  color:#555;
  text-align:right;
  font-weight:normal;
  position:relative /*IEWin hack*/
}
form dd, dl.labels dd {
  margin-left:10.5em;
  margin-bottom:0.8em;
  font-size:100%;
  font-style:normal;
  padding-left:0.5em
}
form dd.submit, dl.labels dd.submit  {
  margin-top:2em
}