/*   
Theme Name: A Bugged Life w/ Featured Articles
Author: Gisele Jaquenod
Author URI: http://www.giselejaquenod.com/
Theme URI: http://www.giselejaquenod.com.ar/blog/
Modified by: Juan Karlo Licudine
Description: 
Version: 0.2
*/

/* Layout */

* {
  margin:0;
  padding:0;
}
body { 
  background: #f5f3df url(images/bg-top.png) repeat-x;
  color: #333;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px; 
  text-align: center; 
  margin: 0px;
  padding: 0px;
}
h1 {
  color: #ffffff;
  background: #000000;
  text-transform: uppercase;
  font-size: 18px;
  padding: 8px 0px;
  margin: 0px;
  text-align: center;
}
h4 {
  background: #e44032;
  padding: 5px;
  margin: 10px 0px 5px 0px;
  color: #fff;
  font-size: 13px;
}
h5 {
  background: #333333;
  font-weight: bold;
  font-size: 13px;
  margin: 10px 0px 5px 0px;
  padding: 5px;
  color: #fff;
  clear: both;
}
a img { 
  border: none;
}
blockquote {
  padding: 1px 8px;
  margin: 2px 0px 2px 20px;
  border-left: 2px solid #d8d4ae;
  background: #f9f7ea;
  line-height: 17px;
}

/* Navigation */

#navigation { 
  background: #000000;
  width: 100%;
  clear: both;
  margin: 0px;
  padding: 0px;
  height: 55px;
  text-align: right;
}
#topbar {
  background: url('images/topbar-big.png') no-repeat left top;
  height: 177px;
  width: 980px;
  clear: both;
  padding: 0px 0px;
  font-size: 14px;
  font-weight: bold;
}
#featuredcategorysection {
	float: left;
	padding:10px 30px 0;
	width:740px;
	color: black;
	font-size: 11px;
	font-weight: normal;
}
#featuredcategorysection a {
        background: none;
        color: white;
}
#featuredcategorysection p {
	padding: 0 5px;	
	color: black;
	font-size: 11px;
	font-weight: normal;
}
#featuredcategorysection h4 {
		font-size:11px;
		font-weight:bold;
		margin:5px 0 0;
		padding:0;
		color: white;
}
	#featuredcategorysection .left {
		background: url('images/featuredcatbg.png') top left scroll no-repeat;
		float:left;
		height:143px;
		padding:10px 40px 0 13px;
		width:185px;
 	}
	#featuredcategorysection .right {
		background: url('images/featuredcatbg.png') top left scroll no-repeat;
		height:143px;
		padding:10px 40px 0 13px;
		width:185px;
		float: right;
	}
	#featuredcategorysection .mid {
		background: url('images/featuredcatbg.png') top left scroll no-repeat;
		margin:0 252px;
		height:143px;
		padding:10px 40px 0 13px;
		width:185px;
	}
#moretoseesection {
	float:right;
	padding:40px 20px 0 0;
	width:160px;
}
#moretoseesection a {
  padding: 4px;
  margin: 0px 3px;
  background: #ece9cb;
  color: #000000;
}
#moretoseesection ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  text-align:right;
}
#moretoseesection ul li {
  display: block;
  margin:0 0 12px;
}

/* Layout */

#wrapper {
  margin:0px auto;
  padding: 0px;
  width: 980px;
  clear: both;
  text-align: left;
}

/* Left Side */

#content {
  width: 580px; 
  margin: 0px;
  padding: 0px;
  float: left;
  background: #fff;
}

/* Logo */

#topblog {
  width: 580px;
  margin: 0px;
  padding: 0px;
  text-align: right;
}

/* Blog */

#blog { 
  background: #ffffff url('images/main_top.png') no-repeat center top; 
  width: 580px; 
  margin: 0px;
  padding: 40px 0px 0px 0px;
  float: left; 
  text-align: left;
}
#blog #title {
  width: 530px;
  padding: 0px 25px;
  background: url('images/main_h2.png') no-repeat left top;
  height: 95px;
  clear: both;
}
#blog #title h2 { 
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  margin: 0px;
  padding: 23px 70px 8px 0px;
  clear: both;
  color: #fff;
  height: 40px;
  letter-spacing: -1px;
}
#blog #title h2 a { 
  color: #fff;
}
#blog #title #date {
  color: #333333;
  font-weight: bold;
  clear: both;
  margin: 0px 0px 20px 0px;
  padding: 0px;
  line-height: 20px;
}
#blog .post {
  padding: 0px;
  margin: 0px;
}
#blog #entry {
  width: 530px;
  margin: 0px;
  padding: 0px 25px;
  font-family: Georgia, "Times New Roman", Times, serif; 
  font-size: 13px;
  line-height: 20px;
}
#blog #entry h2 a:link, #blog #entry h2 a:visited {
  color: #333333;
}
#blog #entry h2 a:hover {
  color: #000000;
}
#blog #entry p {
  margin: 8px 0px;
  padding: 0px;
}
#blog #entry a:link img, #entry a:visited img {
  border: 2px solid #ffffff;
  padding: 5px;
  margin: 5px;
}
#blog #entry a:hover img {
  border: 2px solid #e44032;
  padding: 5px;
  margin: 5px;
}
#blog #entry ul { 
  margin: 6px 0px 6px 20px; 
  padding: 0px;
} 
#blog #entry ul li { 
  margin: 3px 0px; 
  padding: 0px;
}
#blog #entry ol { 
  padding: 0 0 0 35px; 
  margin: 0;
}
#blog #entry ol li { 
  margin: 0; 
  padding: 0;
}
#blog #postmeta {
  background: url('images/post_footer.png') no-repeat center top; 
  padding: 0px 30px 0px 70px; 
  margin: 3px 0px;
  text-align: right;
  width: 430px;
  height: 125px;
  line-height: 15px;
}
#blog #postmeta a {
  color: #e34232;
}
#blog #postmeta #info {
  color: #ffffff;
  height: 20px;
  margin: 0px;
  padding: 62px 0px 15px 0px;
  font-weight: bold;
}
#blog #postmeta #tags {
  color: #333333;
  margin: 0px;
  font-size: 11px;
}

/* Links */

a:link, a:visited { 
  color: #e44032;
  text-decoration:none;
}
a:hover {
  color: #ff3c00;
}

/* Sidebars */

#sidebar {
  background: #b72323 url(images/the_bugs.png) no-repeat center top;
  width: 400px; 
  margin: 0px;
  padding: 310px 0px 0px 0px;
  float: right;
  font-size: 11px;
  font-family: Tahoma;
  color: #ffffff;
}
#sidebar1 select, #sidebar2 select {
  width: 160px;
  padding: 3px;
  font-size: 11px;
  margin: 2px auto;
}
#sidebar1 input, #sidebar2 input {
  padding: 3px;
  font-size: 11px;
  margin: 2px 0px;
}
#sides-top {
  width: 380px;
  margin: 0px;
  padding: 10px;
  clear: both;
}
#sides {
  width: 380px;
  float: left;
  margin: 0px;
  padding: 0px 10px;
}
#sides-end {
  width: 400px;
  margin: 0px;
  padding: 0px;
  clear: both;
}
#sidebar a:link, #sidebar a:visited {
  color: #ffffff;
}
#sidebar a:hover {
  color: #000000;
}
#sidebar1 h2, #sidebar2 h2 {
  width: 150px;
  height: 22px;
  background: url('images/side12_h2.png') no-repeat center top;
  padding: 20px 15px;
  color: #ffffff;
  font-weight: bold;
  font-size: 13px;
  line-height: 22px;
  text-transform: uppercase;
  font-family: Arial;
}
#sidebar3 h2, #sidebar4 h2 {
  width: 350px;
  height: 30px;
  background: url('images/side3_h2.png') no-repeat center top;
  padding: 20px 15px;
  color: #ffffff;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  text-transform: uppercase;
  font-family: Arial;
}

/* Inner sidebars */

#sidebar1 ul li ul li, #sidebar2 ul li ul li, #sidebar3 ul li ul li, #sidebar4 ul li ul li {
  margin: 2px 10px;
  border-bottom: 1px solid #d03e36;
  padding: 0px 0px 3px 0px;
}

#sidebar1 {
  width: 180px; 
  float: left; 
  padding: 0px;
  margin: 0px;
}
#sidebar1 ul{
  margin: 0px;
  padding: 0px;
  list-style-type:none;
}
#sidebar1 ul li{
  margin: 0px;
  padding: 0px;
  list-style-type:none;
}
#sidebar1 ul li ul {
  list-style-type:none;
  margin: 0px 0px 15px 0px;
  padding: 0px;
}
#sidebar1 p {
  padding: 0px 10px;
}
#sidebar2 {
  width: 180px; 
  float: right; 
  padding: 0px;
  margin: 0px 0px 0px 10px;
}
#sidebar2 ul{
  margin: 0px;
  padding: 0px;
  list-style-type:none;
}
#sidebar2 ul li {
  margin: 0px;
  padding: 0px;
  list-style-type:none;
}
#sidebar2 ul li ul{
  list-style-type:none;
  margin: 0px 0px 15px 0px;
  padding: 0px;
}
#sidebar2 p { 
  padding: 0px 10px;
}
#sidebar3, #sidebar4 {
  width: 380px; 
  float: left; 
  padding: 0px;
  margin: 0px;
}
#sidebar3 ul, #sidebar4 ul {
  margin: 0px;
  padding: 0px;
  list-style-type:none;
}
#sidebar3 ul li, #sidebar4 ul li {
  margin: 0px;
  padding: 0px;
  list-style-type:none;
}
#sidebar3 ul li ul, #sidebar4 ul li ul {
  list-style-type:none;
  margin: 0px 0px 15px 0px;
  padding: 0px;
}
#sidebar3 p, #sidebar4 p {
  padding: 0px 10px;
}
li#tag_cloud {
  line-height: 18px;
  margin: 5px 0px 15px 0px;
}

/* Search */

#topsearch {
  padding: 3px 0px;
  margin: 0px;
}
#topsearch form {
  padding: 0px 10px;
  margin: 0px;
}
.searchfield {
  border: none;
  padding: 3px;
  margin: 5px 0px;
  clear: both;
  width: 290px;
  line-height: 20px;
}
.search {
  margin: 0px;
  padding: 3px;
  background: #000000;
  color: #ffffff;
  font-size: 11px;
  clear: both;
  line-height: 20px;
  border: none;
}

/* Footer */

#footer {
  width: 100%;
  clear: both;
  padding: 0px; 
  margin: 0px;
  background: #ffffff;
}
#blogfooter {
  height: 100px;
  width: 980px;
  margin: 0 auto;
  padding: 0px;
}
#footleft {
  width: 530px;
  height: 59px;
  float: left;
  margin: 0px;
  padding: 20px 25px;
  background: #ffffff;
  text-align: center;
  font-weight: bold;
  border-top: 1px solid #000;
}
#footleft p {
  line-height: 17px;
  margin: 5px 0px;
}
#footright {
  width: 400px;
  height: 100px;
  float: right;
  margin: 0px;
  padding: 0px;
  background: url(images/foot-right.png) no-repeat;
}

/* Page navigation */

#pagenav {
  width: 530px;
  padding: 15px 25px;
  background: #da4034;
  margin: 5px 0px;
  color: #ffffff;
  clear: both;
  height: 15px;
}
#pagenav a {
  color: #ffffff;
}
#pagenav .alignleft {
  float: left;
  clear: left;
  margin: 0px;
  padding: 0px;
  line-height: 15px;
}
#pagenav .alignright {
  float: right;
  clear: right;
  margin: 0px;
  padding: 0px;
  line-height: 15px;
}

/* Comments*/

#comm {
  width: 530px;
  padding: 5px 25px;
  margin: 0px;
  clear: both;
  font-family: Georgia, "Times New Roman", Times, serif; 
  font-size: 13px;
  line-height: 20px;
}
h3#comments {
  font-family: Arial;
  font-size: 18px;

  font-weight: bold;
  margin: 3px 0px;
  padding: 8px;
  clear: both;
  background: #da4034;
  color: #fff;
  letter-spacing: -1px;
}
h3#respond {
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  margin: 3px 0px;
  padding: 8px;
  clear: both;
  background: #000000;
  color: #ffffff;
  letter-spacing: -1px;
}
ol.commentlist {
  font-family: font-family: Arial, Helvetica, sans-serif;
}
#commentform {
  clear: both;
}
#commentform input {
  width: 170px;
  padding: 2px;
  margin: 5px 5px 1px 0;
}
#commentform textarea {
  width: 100%;
  padding: 2px;
}
#commentform #submit {
  margin: 0;
  float: right;
}
#commentform p {
  margin: 5px 0;
}
#comm ol.commentlist { 
  margin: 0; 
  padding: 0;
  list-style: none;
}
.commentlist li {
  padding: 5px 12px 22px 12px;
  margin: 15px 0px 0px;
  background:#000000 url(images/bg_commentlist.gif) bottom no-repeat;
  color: #ffffff;
  clear: both;
}
.commentlist cite {
  display: block;
  font-style:normal
  margin: 8px 0px 0px;
  padding: 0px 0px 5px 75px;
  font-size: 12px;
  line-height: 14px;
  clear: both;
}
.avatar {
  float: left;
  margin: 0px;
  padding: 2px 4px 0px 0px;
}
.commentlist p {
  padding: 0px 0px 5px 0px;
}

/* Polls */

.democracy ul li {
  text-align: left;
}
/* Misc */
.clear {
	clear: both;	
}