/*
Theme Name: Blue Ecstacy
Theme URI: http://bloggingbits.com/blue-ecstasy-wordpress-theme/
Description: Blue Ecstasy theme from <a href="http://bloggingbits.com">Blogging Bits</a>.
Author: Mohsin
Author URI: http://bloggingbits.com
Version: 1.0
*/

body{
  background-color: #ebebeb;
  color: #303030;
  margin: 0;
  padding: 0;
  font: 12px/22px verdana, arial, sans-serif;
}

/* General */

h1, h2, h3, h4, h5, h6{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
  font-weight: normal;
  padding: 0;
  margin: 0;
}
h1{
  font-size: 24px;
}

h2{
  padding-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 5px;
}
a{
  color: #0064b1;
  text-decoration: none;
}
a:visited{
  color: #66b4f1;
  text-decoration: none;
}
a:hover{
  color: #000;
  text-decoration: underline;
}
img{
  border: 0 none;
}
.clear{
  clear: both;
  height: 1px;
  overflow:hidden;
}
hr{
  background: #ebebeb;
  color: #ebebeb;
  border: 0 none;
  height: 1px;
}
blockquote{
  background: #f2f4f8;
  padding: 7px;
  font-size: 11px;
  border-left: 2px solid #001B59;
}
blockquote p{
  margin: 0;
  margin-bottom: 1em;
}
.imgright {
  float: right;
  margin: 0 0 7px 7px;
}
.imgleft {
  float: left;
  margin: 0 7px 7px 0;
}
.alignright {
  float: right;
}
.alignleft {
  float: left
}
#container{
  width: 890px;
  margin: 0 auto;
  padding: 0;
}

/* Header */

.header{
  background: #17357a url(images/header-top.jpg) center top no-repeat;
  color: #fff;
  margin-top: 15px;
}
.header h1{
  padding: 15px;
  padding-top: 30px;
  padding-bottom: 5px;
}
.header h1 a{
  color: #fff;
  text-decoration: none;
}
.header h1 a:hover{
  color: #fff;
  text-decoration: underline;
}
.description{
  color: #78d1ff;
  padding-left: 20px;
  padding-bottom: 20px;
}

/* Top Navigation */

.nav{
 background: #001b59 url(images/header-bottom.jpg) bottom right no-repeat; ;
  float: left;
  width: 100%;
}
.nav ul{
  margin: 0; padding: 0;
  list-style: none;
  padding-left: 6px;
}
.nav ul li{
  margin: 0; padding: 0;
  display: inline;
}
.nav ul li a{
  padding: 7px 10px;
  color: #cbd9f7;
  float: left;
}
.nav ul li a:hover{
  background-color: #17357a;
  color: #cbd9f7;
  text-decoration: underline;
}
.nav ul li a#feed{
  float: right;
  background: url(images/atom.png) left center no-repeat;
  padding-left: 21px;
}

/* Content */

.content{
  background: #fff url(images/content-top.jpg) center top no-repeat;
  margin-top: 15px;
}
.entry{
  margin: 20px;
  width: 560px;
  padding-right: 19px;
  border-right: 1px solid #ebebeb;
  float: left;
  display: inline;
}
.entry h3{
  clear: both;
  font-size: 22px;
}
/* Firefox doesn't want to inherit the color when left undeclared, so it's
  declared THREE times instead in each of the three places it matters. Yay.
  Sort of same for the other repetitions. */
.entry h3.heading{
  padding-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
  color: #0a39a8;
  text-decoration: none;
}
.entry h3 a{
  color: #0a39a8;
  display: block;
  text-decoration: none;
  padding-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
}
.entry h3 a:visited{
  color: #8869e8;
  border-bottom: 1px solid #8869e8;
  text-decoration: none;
  padding-bottom: 10px;
}
.entry h3 a:hover{
  color: #0a39a8;
  border-bottom: 1px solid #0a39a8;
  text-decoration: none;
  padding-bottom: 10px;
}

.postmeta{
  font-size: smaller;
  color: #999;
  margin-bottom: 10px;
}
.postmeta a{
  color: #9c9c9c;
  text-decoration: underline;
}
.postmeta a:visited{
  color: #ff9c9c;
}
.postmeta a:hover{
  color: #000;
}

/* Sidebar */

.sidebar{
  width: 250px;
  margin: 20px;
  margin-left: 0;
  float: right;
  font-size: 11px;
}
.sidebar h3{
  font-size: 15px;
  border-bottom: 1px solid #ebebeb;
}
.sidebar ul{
  margin: 0; padding: 0;
  margin-bottom: 10px;
  list-style: none;
}
.sidebar ul li{
  background: url(images/bullet.gif) 0% 8px no-repeat;
  padding-left: 13px;
}

.sidebar ul li ul{
  margin-left: 7px;
}
.search{
  margin-top: 7px;
}

/* Footer */

.footer{
  clear: both;
  background: #fff url(images/content-bottom.jpg) center bottom no-repeat;
  padding-bottom: 5px;
  margin-bottom: 15px;
  text-align: center;
  color: #999;
}

.footer div {
  font-size: 0.8em;
  height: 1em;
  margin: 1px; padding: 1px;
}

/* Comments */

.avatar-48 {
  float: left;
  margin-top: 5px;
  margin-right: 5px;
}

ol.commentlist{
  margin: 0; padding: 0;
  list-style: none;
}
.commentlist li{
  border: 1px solid #ebebeb;
  margin-bottom: 10px;;
}
.comments{
  background: #FCFCFC;
  padding: 10px;
  border: 2px solid #fff;
}
.comments cite{
  font-style: normal;
  color: #999;
}
.count{
  margin: 5px 0;
}
.text_area, .text_inpput{
  font-family: verdana, arial, sans-serif;
  padding: 3px;
}
#comment_form .text_area{
  border: 1px solid #c8c8c8;
  width: 500px;
  height: 125px;
  float: left;
}
#comment_form .text_input{
  border: 1px solid #c8c8c8;
  height: 20px;
  width: 235px;
  margin-right: 5px;
}
.userinput label{
  color: #999;
}
#comment_form p{
  margin: 7px 0;
}
#comment_form .form_submit {
  margin-top: 7px;
  margin-bottom: 7px;
}

/* Search */

#s, #searchsubmit, #submit{
  border: 1px solid #c8c8c8;
}
#searchsubmit, #submit{
  background-color: #f8f8f8;
}

.navigation {
  clear:both;
}