/* $Id: blogbuzz.css,v 1.2 2009/10/28 14:44:43 antsin Exp $ */

/*
+----------------------------------------------------------------+
|   BlogBuzz for Dupal 6.x - Version 1.0                         |
|   Copyright (C) 2009 Antsin.com All Rights Reserved.           |
|   @license - GNU GENERAL PUBLIC LICENSE                        |
|----------------------------------------------------------------|
|   Theme Name: BlogBuzz                                         |
|   Description: BlogBuzz by Antsin                              |
|   Author: Antsin.com                                           |
|   Website: http://www.antsin.com/                              |
|----------------------------------------------------------------+
*/ 

/*==============  LAYOUT  ===================*/
/** body **/
#header, #navbar, #showcase, #main, #footer, #closure
{
  width: 100%
  clear: both;
}

#header-inner, #navbar-inner, #showcase-inner, #main-inner, #footer-inner, #closure-inner
{
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

/** header **/
#header-inner
{
  min-height: 120px;
}

#site-name
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 220%;
  padding: 40px 20px 0 20px;
  line-height: 1em;
}

#site-slogan 
{
  font-size: 90%;
  padding-left: 20px;
}

#logo
{
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
}

#logo-title
{
  float: left;
  width: 460px;
  display: inline;
}

#logo-image
{
  padding: 20px 0 0 20px;
}

#header-blocks, #secondary
{
  float: right; 
  text-align:right;
  width: 460px;
}

#header-blocks
{
  padding: 0 20px;
}

#header-blocks .content
{
  padding: 10px 0;
}

/** main **/
#main
{
  position: relative;
}

#main-inner
{
  padding: 20px 0;
}

/** navbar **/
#navbar
{
  clear: both;
  height: 70px;
}

#primary
{
  margin-left: 10px;
}

#secondary
{
  padding-right: 20px;
}

/** content **/
#content, .no-sidebars #content
{
  float: left;
  width: 960px;
  margin-left: 0;
  margin-right: -960px;
  padding: 0; 
}

.sidebar-right #content
{
  width: 640px;
  margin-left: 0;
  margin-right: -640px; 
}

#content-area
{
  padding: 0 20px;
}

#content-top {
  padding: 20px 10px;
}

/** sidebar-right **/
#sidebar-right
{
  float: left;
  width: 300px;
  margin-left: 640px;
  margin-right: -940px; 
  padding: 0;
}

#sidebar-right-inner
{
  padding-bottom: 20px;
}

/** main bottom **/
#main-bottom
{
  clear:both;
}

#main-bottom .main_bottom-1 div.column 
{
  float: left;
  width: 940px;
  padding: 10px 10px 0 10px;
}

#main-bottom .main_bottom-2 div.column 
{
  float: left;
  padding: 10px 10px 0 10px;
  width: 460px;
}

#main-bottom .main_bottom-3 div.column 
{
  float: left;
  padding: 10px 10px 0 10px;
  width: 300px;
} 

#main-bottom .main_bottom-4 div.column 
{
  float: left;
  padding: 10px 10px 0 10px;
  width: 220px;
}

/** footer **/
#footer-inner.footer-1 div.column {
  float: left;
  width: 100%;
}

#footer-inner.footer-2 div.column {
  float: left;
  padding: 0 10px;
  width: 47%;
}

.footer-3 #footer-one, .footer-3 #footer-two {
  float: left;
  padding: 0 10px;
  width: 23%;
}

.footer-3 #footer-three {
  float: left;
  padding: 0 10px;
  width: 47%;
}

#rss
{
  position: relative;
}

.rss-icon
{
  position: absolute;
  top: -50px;
  right: -35px;
}

/** closure **/
#closure-inner
{
  font-size: 90%;
  padding: 20px;  
}

#closure-inner p
{
  padding: 0;
  margin: 0;
}

#designed-by
{
  float: right;
  padding-right: 30px;
  text-transform: uppercase;
}

/*==============  STYLE  ====================*/
/**body **/
body
{
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.8;
}

h1, h2, h3
{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  line-height: 1;
  margin: 0;
}

h1
{
  font-size: 25px;
}
 
h2
{
  font-size: 20px;
}

h3
{
  font-size: 18px;
}

a
{
  color: #272626;
  text-decoration: none;
}

a:hover, a:active, a:focus 
{
  color: #272626;
  text-decoration: underline;
}

/** header **/
#header
{
  color: #fff;
  background-color: #b5b4aa;
}

#header-inner
{
  background: url(../images/header_bg.png) no-repeat left 40%;
}

#header-blocks a
{
  color: #B5B4AA;
}

#site-name a
{
  color: #fff;
}

/** showcase **/
#showcase h1
{
  padding: 20px 0;
}

#showcase .content
{
  color: #fff;
  padding: 20px;
}

/** content **/
#content a
{
  color: #B52000;
}

#content h1 a, #content h2 a, #content h3 a
{
  color: #272626;
}

#content-header h1
{
  padding: 20px 0;
}

/** navbar **/
#secondary ul
{
  list-style-type: none;
}

#secondary ul li 
{ 
  margin: 0;
  padding: 0;
  display: inline; 
}

#secondary ul li a
{
  font-size: 90%;
  padding: 0 10px;
  color: #171615;
  border-right: 1px solid #171615;
}

/** main bottom **/
#main-bottom h2
{
  font-size: 140%;
}

/** sidebar-right **/
#sidebar-right-inner
{
  background: #fff url(../images/fade.png) repeat-x top;
}

/** footer **/
#footer-inner
{
  padding-bottom: 20px;
  background: url(../images/footer_hightlight.png) no-repeat 80% 100%;
}

#footer-one, #footer-two
{
 background: url(../images/footer_divider.png) repeat-y right;
}

#footer .block-inner
{
  padding: 0 10px;
}

/** closure **/
#closure .content
{
  padding: 0 20px;
}

/** nodes **/
.node 
{
  margin-bottom: 20px;
/*  background-color: #fff;*/
}

.node-inner 
{
  background: #fff url(../images/fade.png) repeat-x top;
}

.node .detail
{
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.8;
}

.node .submitted 
{
  float: right;
  text-align: right;
  width: 100px;
}

.node img 
{
  margin: 0;
  padding: 9px;
/*  background: #eeeeee;
  border: 1px solid #dddddd;*/
}

.node img.left
{
  float: left;
  margin: 0 20px 20px 0;
}

.node img.right
{
  float: right;
  margin: 0 0 20px 20px;
}

.node img.no-border
{
  padding: 0;
  border: none;
}

.node .terms
{
  color: #fff;
}

.node .terms li
{
  margin: 0 !important;
  padding: 0 5px !important;
}

.node .content
{
  padding: 20px;
}

.node div.links 
{
  margin: 1em 0;
}

.node div.extra-links
{
  min-height: 20px;
  padding: 10px 20px;
}

.node div.extra-links a
{
  /*color: #fff !important;    -m */
  color: #222 !important;
}

div.extra-links li.comment_comments
{
  padding-left: 20px;
  background: url(../images/icon_comment.png) no-repeat top left;
}

div.extra-links li.comment_add
{
  padding-left: 20px;
  background: url(../images/icon_comment_add.png) no-repeat top left;
}

div.extra-links li.forward_links
{
  padding-left: 20px;
  background: url(../images/icon_share.png) no-repeat top left;
}

.node div.terms
{
  float: right;
}

ul.links 
{
  margin: 0;
  padding: 0;
}

ul.links.inline
{
  display: inline;
}

ul.links li
{
  display: inline;
  list-style-type: none;
  padding: 0 0.5em;
}

/** comments **/
#comments 
{
  padding-bottom: 20px;
}

.comment
{
  position: relative;
  padding-bottom: 15px;
}

.comment .picture 
{
  position: absolute;
  top: 0;
  left: 0;
  width: 125px;
}

.comment .picture img
{
  width: 70px;	
  height: 70px;
  padding: 7px;
  background: #eeeeee;
  border: 1px solid #dddddd;
}

.comment .content
{
  margin-left: 110px;
  border: 1px solid #d8d9c7;
  background: #fff url(../images/comment_reply.png) no-repeat bottom right;
}

.comment .content-inner
{
  border: 1px solid #fff;
  background: transparent url(../images/fade_comment2.png) repeat-x top;
}

.comment .detail
{
  padding: 5px 20px;
}

.comment .comment_arrow 
{
  position: absolute;
  top: 30px;
  left: 85px;
}

.comment div.links 
{
  font-size: 80%;
  text-transform: uppercase;
  position: absolute;
  text-align: right;
  bottom: 5px;
  right: 8px;
  width: 250px;
}

.comment div.extra-links
{
  position: relative;
  padding-left: 20px;
}

#comments .box
{
  padding-top: 20px;
}

#comments .box .content
{
  padding-right: 10px;
}

#comments .box .form-text, #comments .resizable-textarea 
{ 
  width: 100%;
}

.indented
{
  margin-left: 20px;
}

/** blocks **/
#sidebar-right .block
{
  padding: 20px;
  border-bottom: 1px solid #e8e8e8;
}

#sidebar-right .no-border 
{
  border-bottom: none;
}

.block .content
{
  padding-top: 10px;
}

.block p
{
  margin: 5px 0;
}

.block-bg-leaf
{
  background: url(../images/leaf.png) no-repeat 35% top;
}

.block-bg-leaf-2
{
  background: url(../images/leaf_2.png) no-repeat 40% top;
}

.block img.left
{
  float: left;
  margin: 0 20px 20px 0;
}

.block img.right
{
  float: right;
  margin: 0 0 20px 20px;
}

.block img.framed
{
  margin: 5px;
  padding: 5px;
  background: #eeeeee;
  border: 1px solid #dddddd;
}

.block img.framed:hover
{
  background: #dddddd;
  border: 1px solid #bbbbbb;
}

.block ul
{
  margin: 0;
  padding: 0;
}

.block ul li
{
  margin-left: 15px;
  padding: 3px 0;
}

/** breadcrumb **/
#breadcrumb 
{
  font-size: 85%;
  padding: 10px 10px 10px 0;
  text-transform: uppercase;
}

#breadcrumb a
{
  padding: 0 10px;
}

/** miscellaneous **/
.read-more
{
  padding: 5px 25px 5px 0;
  background: url(../images/read_more.png) no-repeat right 5px;
}

.read-more:hover
{
  background: url(../images/read_more_light.png) no-repeat right 5px;
}

.read-more-light
{
  padding: 5px 25px 5px 0;
  background: url(../images/read_more_light.png) no-repeat right 5px;
}

.read-more-light:hover
{
  background: url(../images/read_more_light_hover.png) no-repeat right 5px;
}

.read-more a
{
  color: #272626 !important;
}

.read-more a, .read-more a:hover, .read-more-light a:hover
{
  text-decoration: none;
}

/** forms **/
#user-login-form 
{
  text-align: left;
}

#user-login-form .form-text
{
  width: 100%;
}

.form-item input.error, 
.form-item textarea.error,
.form-item select.error
{
  border: 2px solid #c00;
}

.form-item label
{
  display: block;
  font-weight: bold;
}

.form-item label.option 
{
  display: inline;
  font-weight: normal;
}

.form-submit
{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 90%;
  background-color:#B5B4AA;
  border: 1px solid #fff;
  color:#ffffff;
  width:auto;
  padding:5px 10px;
}

.form-submit:hover
{
  background-color:#8D9091;
}

/*==============  MENU  =====================*/
#primary
{
  padding-top: 10px;
}

#primary a {
  display: block;
  padding: 8px 20px 14px 20px;
}

#primary ul,
#primary ul li,
#primary ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#primary ul {
  position: relative;
  z-index: 597;
  float: left;
}

#primary ul li {
  float: left;
  vertical-align: middle;
  zoom: 1;
}

#primary ul li.hover,
#primary ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}

#primary ul li {
  list-style-type: none !important;
  list-style-image: none !important;
}

#primary ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
}

#primary ul ul li {
  float: none;
}

#primary ul ul ul {
  top: 1px;
  left: 99%;
}

#primary ul li:hover > ul {
  visibility: visible;
}

#primary ul li.rtl ul {
  top: 100%;
  right: 0;
  left: auto;
}

#primary ul li.rtl ul ul {
  top: 1px;
  right: 99%;
  left: auto;
}

#primary ul {
/*  font-size: 90%;
  font-weight: bold;*/
  font-size:15px;
  line-height:19px;
}

#primary ul li {
  margin: 0 15px;
  background-color: transparent;
  text-transform : capitalize;
  color: #000;
}

#primary ul a:link,
#primary ul a:visited	{ color: #000; text-decoration: none; }
#primary ul a:hover,
#primary ul a.active,
#primary ul li.active-trail a { color: #fff; }

#primary li.expanded ul a, 
#primary li.leaf ul a { 
  color: #000;
}

#primary li.expanded ul a:hover,
#primary li.expanded ul a.active,
#primary li.leaf ul a:hover,
#primary li.leaf ul a.active { 
  color: #fff;
}

#primary ul ul {
  width: 200px;
  margin-top: 1px;
}

#primary ul ul li {
  margin: 0;
  font-weight: normal;
}

#primary ul ul a {
  padding: 10px 20px;
}

#primary ul ul li.expanded {
  padding-right: 20px;
}
table{
	border-collapse: none;
}
td{
	border:1px solid #b5b4aa;
}