/* Theme Name: Cute Bubbles Theme URI: http://point47.com/journal/2009/01/cute-bubbles-wordpress-theme/ Description: This theme is inspired by the tutorial from Abduzeedo weblog. Version: 1.1 Author: Gitlan Sorin Author URI: http://point47.com/journal/ Tags: black, dark, fixed-width, two-columns, right-sidebar      This theme is inspired by the tutorial from Abduzeedo weblog. Thanks for a great tutorial!     LINK: http://abduzeedo.com/awesome-digital-bokeh-effect-photoshop          IMPORTANT NOTES!     * IE 6 is now supprted (since version 1.0)!       It uses the script that you can find more about here: http://www.dillerdesign.com/experiment/DD_belatedPNG/     * the post title must not be longer than the actual title grafic (one line of text)          The CSS, XHTML and design is released under GPL: 	http://www.opensource.org/licenses/gpl-license.php 	 	 	**** UPDATES  ***** 	 	1.1     - Updated the dinamic sidebar CSS. Now should not be any problems. 	 	1.0		- IE 6 support introduced             - the Sidebar html and css were modified (it uses the default wordpress tags) 		    - Updated header graphic 		    - Updated some paddings and borders              	 	0.9.6   - first official version release (without IE6 support) 	 	 */ .navigation{     display: inline;     float: left;     width: 100%;     margin: 0px 0px 10px 20px; }      .alignleft {         display: inline;         float: left;         width: 45%;         color: white;         text-decoration: none;     }     .alignleft a{         color: white;         text-decoration: none;     }          .alignright {         display: inline;         float: right;         width: 45%;         color: white;         text-decoration: none;         text-align: right;         margin: 0px 30px 0px 0px;     }     .alignright a{         color: white;         text-decoration: none;      }               .aligncenter { 		display: block; 		margin-left: auto; 		margin-right: auto; 	} 	 	 	 	.wp-caption { 		border: 1px solid #ddd; 		text-align: center; 		background-color: #f3f3f3; 		padding-top: 4px; 		margin: 10px; 		-moz-border-radius: 3px; 		-khtml-border-radius: 3px; 		-webkit-border-radius: 3px; 		border-radius: 3px; 	} 	 	.wp-caption img { 		margin: 0; 		padding: 0; 		border: 0 none; 	} 	 	.wp-caption-dd { 		font-size: 11px; 		line-height: 17px; 		padding: 0 4px 5px; 		margin: 0; 	}                  /* plz reset the margins and anchors :D ty  */  h1, h2, h3, h4, h5, ol, ul, li, input, form, textfield {     margin:0px 0px 0px 0px;     padding:0px 0px 0px 0px;     list-style:none; } a{     text-decoration: none; } a:hover{     text-decoration: none; }   /* ---------------- */  /* for the footer settings */ html{     height: 100%; }  /* the super duper big daddy body setter */  body {     margin: 0px auto;     font-family: Tahoma, Arial, "Trebuchet MS", Verdana, sans-serif;     font-size: 62.5%;     color: #333333;     background: url(http://i39.tinypic.com/117z689.png) repeat-x top #1c1c49;          /* footer settings */     height: 100%;     /* ------------------ */ }  /* the top background image loader */  #top_background {     position:absolute;     top: 0px;     width: 100%;     height: 533px;     background: url(http://i40.tinypic.com/10ele9w.jpg) no-repeat top;  }  /* the real big page container */  #container{     position:relative;     width: 100%;     font-size: 11px;     margin: 0px auto;     z-index: 10;     /* footer settings */      padding-bottom: 0em; }      /* some header styles */      #headerContent{         position:relative;          width: 960px;         margin: 80px 0px 30px 30px;      }     #headerContent h1{         font-weight: normal;         color: white;         font-size: 2.6em;          font-family: Georgia, serif;      }          #headerContent h1 a{         font-weight: normal;         color: pink;      }          #headerContent h1 a:hover{         font-weight: normal;         color: pink;      }          #headerContent h5{         font-weight: normal;         font-size: 1.0em;          color: white;      }          #searchSheat{         position:absolute;         right:0;         bottom:-24px;         margin: 0px 26px 0px 0px;         width:260px;         height:55px;         z-index: 100;     }     #searchSheat input{         display: inline;         position: relative;         float: left;         width:240px;         height:35px;         border:0px;         color:#fff;         font-size: 1.1em;         padding: 20px 0px 0px 20px;         background: url(http://i42.tinypic.com/2jenwxv.png) no-repeat center;         z-index: 100;     }           /* the full page container */  #pageContainer{     position:relative;     width: 990px;     font-size: 11px;     margin: 0px auto;      z-index: 200; }   /* set the page top white shadow border */ #pageContainerTOP{     position:relative;     width: 990px;     height: 30px;     margin: 10px 0px 0px 0px;     background: url(http://i40.tinypic.com/jaujdf.png) no-repeat top; } #pageContainerCENTER{     display: inline;     position:relative;     float: left;      width: 990px;     font-size: 11px;     background: url(http://i41.tinypic.com/s3doxl.png) repeat-y center; }          /* set the default inner page colors and margins */     #pageStyler{         display: inline;        position:relative;        width: 960px;        float: left;         margin: 0px 0px 0px 30px;        color: white;      }                     /* page specific styles   ---------------------------------------------------- */      #theREALleft{         display: inline;         float: left;         width: 650px;         margin: 0px 0px 0px 0px;      }               .pagetitle {             float: left;             display: inline;             width: 94%;             margin: 0px 0px 20px 0px;             padding: 0px 0px 0px 20px;             font-weight: normal;         }                              .titleAndMeta{             display: inline;             float: left;             width: 665px;             height: 80px;             background: url(http://i44.tinypic.com/jzfwg9.jpg) repeat-x top #151515;          }          .titleAndMeta h2{             display: inline;             float: left;             width: 630px;             margin: 26px 0px 0px 32px;             font-weight: normal;             font-size: 1.5em;             font-family: Georgia, serif;             }          .titleAndMeta h2 a{             color:#ffffff;             text-decoration: none;          }          .titleAndMeta h2 a:hover{             color:pink;             text-decoration: none;          }                     .metaDate{             display: inline;             float: left;             width: 200px;             margin: 10px 0px 0px 26px;             font-size: 0.9em;             color: #a59797;           }          .metaCommentsEdit{             display: inline;             float: right;             width: 400px;              text-align: right;             margin: 10px 20px 0px 0px;             font-size: 0.9em;              color: #a59797;          }          .metaCommentsEdit a{             color: pink;             text-decoration: none;           }          .metaCommentsEdit a:hover{             color: #a59797;             text-decoration: none;            }                  .realPostItem{         display: inline;         float: left;         width: 610px;         margin: 10px 0px 20px 20px;         padding: 10px 10px 10px 10px;         background: url(http://i43.tinypic.com/2v2cux3.png) repeat-x top #151515;         color: #cdc3c3;         line-height: 1.5em;         border-top: 1px solid #272727;          border-bottom: 1px solid #272727;       }            .realPostItem a{           color:#fff;          text-decoration: none;      }      .realPostItem a:hover{           color: pink;          text-decoration: none;      }            .postmetadata{         display: inline;         float: left;         width: 610px;         margin: 0px 0px 20px 20px;         padding: 10px 10px 10px 10px;         background: url(http://i43.tinypic.com/2v2cux3.png) repeat-x top #151515;         border: 1px solid #313131;         color: #cdc3c3;         line-height: 1.5em;     }          .postmetadata a{         color:#fff;         text-decoration: none;     }          .postmetadata a:hover{         color:pink;         text-decoration: none;     }               .postmetadata_single{         display: inline;         float: left;         width: 610px;         margin: 0px 0px 20px 20px;         padding: 6px 10px 6px 10px;         color: #666;         line-height: 1.5em;     }     .postmetadata_single a{         color:#fff;         text-decoration: none;     }          .postmetadata_single a:hover{         color:pink;         text-decoration: none;     }               .realPostItem code{ 		display:inline; 		float:left; 		width: 600px; 		margin: 5px;     }              /* ---------------------------------------------------------------------------------              SIDEBAR things here        --------------------------------------------------------------------------------- */                       #theREALright{         display: inline;         float: right;         width: 240px;         margin: 16px 40px 0px 0px;      }            .pagenav, .categories{         display: inline;         float: left;         width: 236px;         background: url(http://i43.tinypic.com/i42ucz.jpg) no-repeat top center #191818;         margin: 10px 0px 10px 0px;         border-top: 1px solid #272727;       }            .pagenav h5, .categories h5{         display: inline;         float: left;         width: 220px;         margin:16px 0px 5px 20px;         font-size: 1.5em;         font-weight: normal;         font-family: Georgia, serif;       }            .pagenav ul, .categories ul{         display: inline;         float: left;         width: 220px;         margin: 12px 0px 10px 12px;      }            .pagenav ul li, .categories ul li{         display: inline;         float: left;         width: 220px;         border-bottom: 1px solid #272727;      }            .pagenav ul li a, .categories ul li a{         display: inline;         float: left;         width: 220px;         text-decoration: none;         color: #cdc3c3;         padding: 6px 0px 7px 0px;      }      .pagenav ul li a:hover, .categories ul li a:hover{         text-decoration: none;         color: #f4f4f4;      }                  /* --------------------------------------------------------------------------------- */                   .linkcat{         display: inline;         float: left;         width: 236px;         border-top: 1px solid #272727;         background: url(http://i43.tinypic.com/i42ucz.jpg) no-repeat top center #191818;         margin: 10px 0px 10px 0px;      }            .linkcat h2{         display: inline;         float: left;         width: 220px;         margin:16px 0px 5px 20px;         font-size: 1.6em;         font-weight: normal;         font-family: Georgia, serif;       }            .linkcat ul{         display: inline;         float: left;         width: 220px;         margin: 12px 0px 10px 12px;      }            .linkcat ul li{         display: inline;         float: left;         width: 220px;         border-bottom: 1px solid #272727;      }            .linkcat ul li a{         display: inline;         float: left;         width: 220px;         text-decoration: none;         color: #cdc3c3;         padding: 6px 0px 7px 0px;      }      .linkcat ul li a:hover{         text-decoration: none;         color: #f4f4f4;      }                  /* --------------------------------------------------------------------------------- */                   .widget{         display: inline;         float: left;         width: 236px;         border-top: 1px solid #272727;         background: url(http://i43.tinypic.com/i42ucz.jpg) no-repeat top center #191818;         margin: 10px 0px 10px 0px;      }            .widget h2{         display: inline;         float: left;         width: 220px;         margin:16px 0px 5px 20px;         font-size: 1.6em;         font-weight: normal;         font-family: Georgia, serif;       }            .widget ul{         display: inline;         float: left;         width: 220px;         margin: 12px 0px 10px 12px;      }            .widget ul li{         display: inline;         float: left;         width: 220px;         border-bottom: 1px solid #272727;      }            .widget ul li a{         display: inline;         float: left;         width: 220px;         text-decoration: none;         color: #cdc3c3;         padding: 6px 0px 7px 0px;      }      .widget ul li a:hover{         text-decoration: none;         color: #f4f4f4;      }                  /* --------------------------------------------------------------------------------- */     .widget_tag_cloud a{ 		float:left; 		color: #cdc3c3; 		padding: 3px; 		margin: 3px;     }              	.widget_search{ 		padding: 20px 0px 20px 0px; 	} 	.widget_search input{ 		float:left; 		border: 1px solid #f4f4f4; 		padding: 2px; 		margin: 0px 0px 0px 10px; 	} 	.widget_search label{ 		margin: 0px 0px 5px 10px; 	} 	 	 	#calendar{ 		display:inline; 		clear:left; 		 	} 	 	#calendar_wrap{ 		display:inline; 		float:left; 		margin: 5px 0px 0px 30px; 	} 	#calendar_wrap a{ 		color: #cdc3c3; 	} 	 		#wp-calendar #prev a, #wp-calendar #next a { 			font-size: 9pt; 			} 		 		#wp-calendar a { 			text-decoration: none; 			} 		 		#wp-calendar caption { 			font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; 			text-align: center; 			} 		 		#wp-calendar th { 			font-style: normal; 			text-transform: capitalize; 			} 			 			 			/* Begin Calendar */ 		#wp-calendar { 			empty-cells: show; 			margin: 10px auto 0; 			width: 155px; 			} 		 		#wp-calendar #next a { 			padding-right: 10px; 			text-align: right; 			} 		 		#wp-calendar #prev a { 			padding-left: 10px; 			text-align: left; 			} 		 		#wp-calendar a { 			display: block; 			} 		 		#wp-calendar caption { 			text-align: center; 			width: 100%; 			} 		 		#wp-calendar td { 			padding: 3px 0; 			text-align: center; 			} 		 		#wp-calendar td.pad:hover { /* Doesn't work in IE */ 			background-color: #fff; } 		/* End Calendar */     /* set the bottom page white shadow border */  #pageContainerBOTTOM{     display: inline;     position:relative;     float: left;     width: 990px;     height: 30px;     background: url(http://i41.tinypic.com/i1b7dz.png) no-repeat top; }   /* some footer styles */  #footer{ 	display:inline; 	float:left;     margin: 5px 0px 0px 0px;     width: 990px;     color:white; } #footerContent{     margin: 0px 0px 0px 40px;     width: 970px;     color:white;     font-size:0.9em; } #footerContent a{     color:pink; }    /* the bottom background image loader */  #bottom_background{     position: relative;     margin-top: -20em;     display: inline;     width: 100%;     float:left;     height: 300px;     background: url(http://i41.tinypic.com/2557615.jpg) no-repeat top;      z-index: 100;     }    /**  Comments part  */  ol.commentlist{     width: 590px; }  ol.commentlist li{     float: left;     background: #312533;     border: 1px solid pink;     width: 590px;     color: pink;     font-size: 1.0em;     font-family: Tahoma;     padding: 10px;     margin: 10px 0px 10px 0px;; }   /**   the field styles adjustments  */ #author{     background: #312533;     border: 1px solid pink;     width: 200px;     color: pink;     font-size: 1.0em;     font-family: Tahoma;     padding: 5px; }  #email {     background: #312533;     border: 1px solid pink;     width: 200px;     color: pink;     font-size: 1.0em;     font-family: Tahoma;     padding: 5px; }  #url {     background: #312533;     border: 1px solid pink;     width: 200px;     color: pink;     font-size: 1.0em;     font-family: Tahoma;     padding: 5px;  }  #comment{     background: #312533;     border: 1px solid pink;     width: 590px;     color: pink;     font-size: 1.0em;     font-family: Tahoma;     padding: 10px; }     /**  -- Start of personal quote:  ----------------------------------  *** DAMN there must be a easier way to write all this CSS rules!  ---------------------------------- -- End of personal quote!  */