/**************************************************************
   Stylesheet by Arun Kale / themasterplan.in
 **************************************************************/



/**************************************************************
   #content: Sets the width of the site.  Make changes here
             to convert to a fixed width site.
 **************************************************************/

#content {  
  height: 100%;
  min-height: 100%;

  text-align: left;
}

#content,
#width {
width: 380px;
margin: 0 auto;
}

#content[id],
#width[id] {
height: auto;
}



/**************************************************************
   #header: Holds the site title and header images
 **************************************************************/

#header {
  position: relative;
  height: 110px;
  padding: 0;
  width: 380px;
}

#header #flash {
  padding: 0;
  margin: 0;
  width: 380px;
  height: 110px;
  float: left;
}


/**************************************************************
   #mainCol: The Main Column
 **************************************************************/

#mainCol {
  width: 380px;
  padding: 0;
  margin: 0;
}

#mainCol .post, #mainCol .post-c {
  width: 380px;
  padding: 0 0 5px 0;
  margin: 0;
}

#mainCol .media {
  width: 380px;
  padding: 0;
  margin: 0;
}

#mainCol .post_cont {
  width: 380px;
  padding: 5px 0 0 0;
  margin: 0;
}

#mainCol .post_cont .t_post { width: 380px; float: left; }

#mainCol .post_cont .title {
  width: 355px;
  margin: 0 0 7px 0;
  padding: 0;
  font: 400 9px arial, sans-serif;
  color: #fff;
  float: left;
}

#mainCol .post_cont .title a,
#mainCol .post_cont .title a:hover {
  font: 400 9px arial, sans-serif;
  color: #fff;
}

#mainCol .post_cont .title .date {
 font: 400 9px arial, sans-serif;
 color: #9a9a9a;
}

#mainCol .post_cont .comnum {
  width: 21px;
  margin: 0;  
  font: 400 9px arial, sans-serif;
  color: #d2b39e;
  float: right;
  text-align: right;
  background: url(images/bg/commnum.jpg) no-repeat 0 2px;
}

#mainCol .post_cont .comnum a {
  color: #d2b39e;
  background: url(images/bg/commnum.jpg) no-repeat 0 2px;
  padding: 0 0 0 7px;
  width: 14px;
  height: 10px;
  display: block;
}

#mainCol .post_cont .pcontent {
  font: 400 9px arial, sans-serif;
  color: #9a9a9a;
}

#mainCol .post_cont .pcontent p {
  padding: 10px 0 0 0;
  margin: 0;
}

#mainCol .postmeta {
  width: 380px;
  height: 22px;
  padding: 3px 0 0 0;
  margin: 10px 0 0 0;
  border-top: 6px solid #746b64;
}

#mainCol .postmeta .comm_share {
  width: 250px;
  padding: 0;
  margin: 0;
  float: left;
  /*background: #333;*/
}

#mainCol .postmeta .comm_share a.comm {
  padding: 0;
  margin: -1px 12px 0 0;
  float: left;
  display: block;
}

#mainCol .postmeta .comm_share a.send {
  padding: 0;
  margin: 5px 12px 0 0;
  display: block;
  background: url(images/bg/a_send.jpg) no-repeat top left;
  width: 24px;
  height: 9px;
  float: left;
}

#mainCol .postmeta .comm_share a.del {
  padding: 0;
  margin: 3px 0 0 5px;
  display: block;
  background: url(images/bg/a_del.jpg) no-repeat top left;
  width: 11px;
  height: 12px;
  float: left;
}

#mainCol .postmeta .comm_share a.furl {
  padding: 0;
  margin: 3px 0 0 5px;
  display: block;
  background: url(images/bg/a_furl.jpg) no-repeat top left;
  width: 12px;
  height: 12px;
  float: left;
}

#mainCol .postmeta .comm_share a.digg {
  padding: 0;
  margin: 1px 0 0 5px;
  display: block;
  background: url(images/bg/a_digg.jpg) no-repeat top left;
  width: 16px;
  height: 14px;
  float: left;
}

#mainCol .postmeta .comm_share a.face {
  padding: 0;
  margin: 2px 0 0 5px;
  display: block;
  background: url(images/bg/a_face.jpg) no-repeat top left;
  width: 13px;
  height: 13px;
  float: left;
}

#mainCol .postmeta .comm_share a.reddit {
  padding: 0;
  margin: 2px 0 0 5px;
  display: block;
  background: url(images/bg/a_reddit.jpg) no-repeat top left;
  width: 15px;
  height: 13px;
  float: left;
}

#mainCol .postmeta .nav_posts {
  width: 380px;
  padding: 0;
  margin: 0;
  float: right;
}

#mainCol .postmeta .nav_posts a {
  display: block;
  float: left;
  padding: 0;
  margin: 0;
}

#mainCol .google {
  width: 380px;
  height: 60px;
  padding: 16px 0;
  border-top: 1px dotted #474747;
  border-bottom: 1px dotted #474747;
  text-align: center;
}

#mainCol .google .ad {
  margin: 0 auto;
  padding: 0;
}

.navv { width: 37px; height: 9px; float: right; margin: 5px 0 0 0; padding: 0; }

.move_left { width: 17px; height: 9px; float: left; margin: 0 3px 0 0; /*background: url(images/bg/cap_left.jpg) no-repeat;*/ }
.move_left a { display: block; width: 17px; height: 9px; padding: 0; background: url(images/bg/cap_left.jpg) no-repeat top left; }
.move_left a:hover { display: block; width: 17px; height: 9px; margin: 0; background: url(images/bg/cap_left1.jpg) no-repeat; }
.move_right { width: 17px; height: 9px; float: left; /*background: url(images/bg/cap_right.jpg) no-repeat;*/ }
.move_right a { display: block; width: 17px; height: 9px; margin: 0; background: url(images/bg/cap_right.jpg) no-repeat; }
.move_right a:hover { display: block; width: 17px; height: 9px; margin: 0; background: url(images/bg/cap_right1.jpg) no-repeat; }


/**************************************************************
   #page: Holds the main page content.
 **************************************************************/

#page {
  float: left;
  width: 100%;
  clear: both;
  
  padding-bottom: 4em;
}




/**************************************************************
   #footer: The page footer - will stick to the bottom if not
            enough content.
 **************************************************************/

#footer {
  float: left;
  width: 100%;
  clear: both;
  
  margin-top: -3.8em;
  background: #000;
  border-top: 1px dotted #474747;
}

/* Sets the width of the footer content */
#footer #width {
  position: relative;
  z-index: 3;
  font-size: 10px;
  padding-top: 10px;
  height: 12px;
  color: #343434;
}

#footer #width a, #footer #width a:hover {
  color: #343434;
}

#footer #width a.rss, #footer #width a.rss:hover {
  display: block;
  float: left;
  padding: 0;
  margin: 2px 7px 0 0;
  background: url(images/bg/rss-feed1.jpg) no-repeat;
  width: 14px;
  height: 14px;
}


/**************************************************************
   Alignment classes
 **************************************************************/

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}



/**************************************************************
   Generic display classes
 **************************************************************/

.clear {
  clear: both;
}

.block {
  display: block;
}

.small {
  font-size: 0.8em;
}

.green {
  color: #A1FF45;
}

.red {
  color: #EA1B00;
}

.grey {
  color: #666;
}

.grey a {
  color: #999;
}

.grey a:hover {
  color: #EEE;
}

.none { display: none; }