/*
Theme Name: Bubbles Squared
Theme URI: 
Version: 2.0
Description: Personal WordPress Theme. XHTML and CSS verified. IE6 compatible.
Author: Tricia Valdez
Author URI: http://www.insanity-squared.com

Tags: bubbles, black, squares

Author Notes:  This is a free WordPress theme and is available for use on a non-commercial website only.
If you wish to use this on a commercial website, you must contact the owner for permission.
You may alter the theme as you wish but the footer text must not be removed or altered in any way.

License Information: http://www.gnu.org/licenses/gpl.html
*/



/* Structure */

body {
	margin: 0 auto;
	padding: 0px;
	color: #b1b1b1;
	background: #000;
	font: normal 76% 'Century Gothic', Arial, sans-serif;
	}

#wrapper2 {
	width: 1000px;
	height: 258px;
	margin: 0 auto;
	margin-top: 0px;
	background: url('images/wrapper-middle.jpg') no-repeat;
	}

#header {
	width: 1000px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 188px;
	background: url('images/header.jpg') no-repeat;
	margin: 0 auto;}

#wrapper {
	float: left;
	color: #767676;
	width: 880px;
	background: url('images/bg.jpg') repeat-y;
	margin-left: 60px;
	margin-right: auto;
	display: inline;
	padding: 0px;
	}

#content-page {
	width: 876px;
	}

#content-wrapper {
	float: left;
	width: 670px;
	margin: 40px 0 0 0;
	background: transparent;
	}

#sidebar-wrapper {
	width: 200px;
	float: right;
	}

#sidebar {
	padding: 0px;
	margin: 20px 20px 0 0px;
	}

#footer {
	clear: both;
	float: left;
	width: 995px;
	height: 50px;
	text-align: center;
	background: url('images/footer.jpg') no-repeat;
	color: #999;
	font-size: 10px;
	padding-bottom: 10px;
	padding-top: 25px;
	}



/* Header */

#header-title {
	position: relative;
	top: 100px;
	left: 42px;
	text-align: right;
	width: 876px;
	padding: 0 20px 0 0;
	}

#header-title h1 {
	margin-top: 0px;
	color: #000;
	font-size: 22px;
	padding-top: 30px;
	padding-left: 15px;
    font-weight: lighter;
	margin-left: 0px;
	}

#header-title h1 a, #header-title h1 a:link, #header-title h1 a:visited {
	color: #ccc;
	margin-top: 0px;
	}

#header-title h1 a:hover {
	color: #000;
	margin-top: 0px;
	}
	
.slogan {
	font-size: 13px;
	color: #999;
	text-transform: lowercase;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 25px;
	}
	
#search {
	position: absolute;
	top: -2px;
	left: 710px;
	width: 140px;
	height: 20px;
	}
	
#search #searchform {
	margin: 0;
	padding: 0;
	width: 140px;
	height: 20px;
	font-size: 10px;
	}
	
#search #s {
	width: 117px;
	height: 20px;
	border: 0px;
	padding: 3px 5px;
	font: normal 12px 'Trebuchet MS', Times New Roman, Times, serif;
	color: #666;
	background: transparent;
	float: left;
	}
	
#search #searchsubmit {
	position: relative;
	left: 15px;
	top: -25px;
	background: transparent;
	border: none;
	width: 25px;
	height: 22px;
	padding: 0;
	}
	
#search #searchsubmit:hover {
	cursor: pointer;
	}
	


/* Horizontal Navigation Bar */

#navigation{
	width: 1000px;
	margin: 0 auto;
	font-size: 14px; 
    color: #fff; 
	background: url('images/navbar.jpg') no-repeat;
    }

#navigation ul {
	height: 30px;
	padding: 0 0 0 75px;
	margin: 0px;
	}
	
#navigation ul li {
    float: left;
	display: inline;
    list-style-type: none;
	padding: 0px 15px;
	color: #fff;
    }
	
#navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited {
    color: #a2a2a2;
	}

#navigation ul li a:hover {
    color: #ffffff;
	}
	


/* Content */

.post-wrapper {	
	padding: 0px;
	margin: 0px 40px 60px 40px;
	color: #d7d7d7;
	text-align: justify;
	background: transparent;
	text-align: justify;
	background: transparent;
	}

.titles { 
	position: relative;
	top: -15px;
	left: -35px;
	margin: 0;
	padding: 3px 5px;
	font-weight: normal;
	font-size: 18px; 
	text-decoration: none;
	background: #333;
	border: 3px solid #666;
	font-family: 'Century Gothic', Verdana, sans-serif;
	}
	
.titles a:link, .titles a:visited, .titles a:active {
	color: #ececec;
	}
	
.titles a:hover {
	color: #ccc;
	}
	
.post {
    line-height: 1.8em;
	background: #555;
	padding: 10px 20px;
	margin: -10px 5px 0px 10px;
	border: 3px solid #666;
	}

.post img{ 
	margin: 1px;
	border: 0px solid #000;
	}
	
.metadata {
	position: relative;
	top: 25px;
	background: #333;
	border: 2px solid #666;
	text-align: center;
	margin: 0 20px;
	padding: 0px;
	font-size: 10px;
	font-family: 'Arial', Helvetica, sans-serif;
	}
	
.pagination {	text-align: center; }
	
.navigation {
	display: block;
	text-align: center;
	margin: 0px;
	font-weight:lighter;
	clear:both;
	}
	
.navigation a, .navigation a:link, .navigation a:visited {
	color: #a2a2a2;
	}

.navigation a:hover {	color: #cbcdca;}
	
tags {	font-size: 11px; }

.aligncenter, div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
	}

.alignright {
	float: right;
	margin-right: 70px;
	}

.alignleft {
	float: left;
	margin-left: 45px;
	}	

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it 
   -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 p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
	}	


/* Sidebar */

.sideblock {
	margin-bottom: 20px;
	background: transparent;
	}

.sideblock a, .sideblock a:link, .sideblock a:visited{
	color: #a2a2a2;
	}
	
.sideblock a:hover{
	color: #cbcdca;
	}

.sideblock ul li{ 
	list-style: none;
	margin-left: -30px;
    display: block;
	}	
	
.sideblock h3 { 
	margin-top: 5px; 
	color: #ececec; 
	padding: 3px 5px;
	font-weight: normal;
	font-size: 14px; 
	text-decoration: none;
	background: #333;
	border: 3px solid #666; 
    }

#sidebar dt { 
	margin: 0; 
	padding-top: 5px; 
	font-weight: bold; 
	color: #666666; 
	}

#sidebar dd { 
	margin: 0 0 5px; 
	padding-bottom: 5px; 
	line-height: 1.8em; 
	}

#sidebar dd a:link { 
	font-weight: normal;  
	border-bottom: none; 
	text-decoration: none;
	}

#sidebar dd a:visited { 
	font-weight: normal; 
	border-bottom: none; 
	text-decoration: none; 
	}

#sidebar dd a:hover, #sidebar dd a:active { 
	border-bottom: none; 
	text-decoration: none;
	}
	
.sideblock .textwidget {
	font-size: 12px;
	color: #ccc;
	padding: 0px;
	}
	
.middle {
	padding: 0 10px; /* keeps everything in the sidebar widget padded to match */
	}



/* Footer */

#footer a, #footer a:link, #footer a:visited {
	color: #ccc;
	font-size: 10px;
	}

#footer a:hover {
	color: #fff;
	border-bottom: 1px dashed #fff;
	}



/* Comments Styling */
	
.commentmetadata {
	text-align: right;
	font-size: 10px;
	}

.commentlist {
	padding: 0 40px 0 40px;
	margin: 0px 20px 0 20px;
	color: #b1b1b1;
	}

.commentlist li {
	list-style: none;
	background: #555555;
	border: 2px solid #666;
	margin-left: -10px;
	padding: 0px 20px 0px 20px;
	margin-bottom: 10px;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 1.4em;
	}

.commentlist h2 {
	font-size: 18px;
	padding-left: 5px;
	margin-left: -15px;
	}

.commentlist h3 {
	font-size: 22px;
	margin-left: -20px;
	color: #ccc;
	}

#commentbox {
	padding-left: 20px;
	margin: 0px; 
	width: 50%;
	}
	
#commentbox h3 {
	font-size: 22px;
	margin-left: 20px;
	color: #ccc;
	}

#commentform {
	margin: 1em 0 0 20px;
	background: transparent;
	width: 430px;
	}

#commentform textarea {
	background: #555;
	border: 1px solid #666;
	width: 500px;
	margin-left: 0px !important;
	margin-left: -20px; /* IE6 Fix */
	}

#commentform #email, #commentform #author, #commentform #url {
	font-size: 1.1em;
	background: #555;
	border: 1px solid #666;
	width: 280px;
	}
	
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
	font-size: 1.1em;
	background: #555;
	border: 1px solid #666;
	width: 280px;
	}
	
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
	font-size: 1.1em;
	background: #555;
	border: 1px solid #666;
	width: 280px;
	}
	
#commentform input{
	margin-bottom: 3px;
	}
	
.nocomments {
	margin-left: 40px;
	}
	
#email, #author, #url {
	margin-left: 0px !important;
	margin-left: -20px; /* IE6 Fix */
	}	


/* Sidebar Widget Search */

#searchform-sidebar {
	height: 30px;
	}

#searchbox-sidebar {
	border: 1px solid #ccc;
	width: 100px;
	height: 20px;
	padding: 0 0 0 4px;
	}

#submit-sidebar {
	position: relative;
	top: -23px;
	left: 102px;
	background-color: #1A1A1A;
	color: #fff;
	font-family: 'Century Gothic', Helvetica, sans-serif;
	border-color: #333333;
	border-style: outset;
	margin-left: 0px;
	}

#submit-sidebar:hover {
	background: #3A3A3A; 
	border-color: #333333;
	border-style: inset;
	margin-left: 0px;
	cursor: pointer;
	}
	


/* Begin Calendar*/

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar a:hover{
	text-decoration: none;
	color: #ccc;
	}
	
#wp-calendar caption {
	margin-top: 0px; 
	font-size: 14px; 
	color: #999; 
	font-weight: lighter;  
	padding-top: 2px;
	text-align: center;
	text-transform: lowercase;
	padding: 0px;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	color: #999;
	}
	
#wp-calendar {
	empty-cells: hide;
	margin: 10px 0 0 15px;
	width: 140px;
	color: #999999;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}
	
#wp-calendar a, #wp-calendar a:link, #wp-calendar a:visited {
	display: block;
	color: #3399cc;
	}

#wp-calendar a:hover {
	display: block;
	color: #ccc;
	}

#wp-calendar caption {
	text-align: left;
	width: 100%;
	}
	
#wp-calendar tr {
	border: 1px solid red;
	empty-cells: hide;
	}

#wp-calendar td {
	margin: 5px 0;
	text-align: center;
	empty-cells: hide;
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #999;
	}

/* HTML Elements */

a:link, a:active, a:visited{ 
	text-decoration: none; 
	color: #3399cc; 
	}

a:hover { 
	color: #ccc; 
	}

h2, h3, h4, h5, h6 { 
	font-weight: normal; 
	margin: 20px 0 10px; 
	}

h1 { 
	font-weight: normal; 
	font-size: 35px; 
	margin-bottom: 0px;  
	margin-left: 0px; 
	color: #469c7f; 
	text-transform: lowercase;
	}

h2 { font-size: 28px; }

h3 { font-size: 18px; }

h4, h5, h6 { font-size: 20px; }

ul li {
	list-style: none;}
	
ul li li {
	margin-left: -20px;
	list-style-type: square;
	}
	
blockquote, blockquote.blockquote {
	overflow: auto;
	padding: 0px 10px;
	margin: 10px 20px 0px 20px;
	line-height: 1.7em;
	background-color: #999;
	border: 2px solid #ccc;
	font-size: 12px;
	color: #4d4d4d;
	}

pre { 
	padding-top: 10px; 
	padding-bottom: 10px; 
	}

code { 
	color: #4d4d4d; 
	font-family: "Courier New", Consolas, Verdana, Sans-Serif; 
	overflow: auto;
	padding: 0 10px;
	margin: 10px 20px 0px 20px;
	line-height: 1.7em;
	background-color: #fff;
	border: 1px solid #ccc;
	font-size: 12px;
	display: block;
	}

ul, ol { 
	line-height: 2.0em; 
	}

ul { 
	list-style-image: none; 
	}

abbr, acronym { 
	font-style: normal; 
	border-bottom: 1px dotted #333333; 
	cursor: help; 
	}

del { 
	text-decoration: line-through; 
	color: #999999; 
	}

ins { 
	text-decoration: none; 
	color: #009977; 
	}

s {
	text-decoration: line-through;}
	
hr {
	background: transparent;
	height: 1px;
	border-top: 1px solid #999;
	border-bottom: 0px;
	border-right: 0px;
	border-left: 0px;
	}