/* 
Theme Name: Bubble
Theme URI: www.divorce2point0.com
Description: Basic Blue Background
Author: The Editor
Author URI: www.divorce2point0.com
*/


/* ---------------------------------------------------------------- */

/* CSS for familybubble*/

/*Blue Colour Scheme */



/* ---------------------------------------------------------------- */

/* Temporary formatting */

/*    	html, body, #container, #header, #navigation, #sitebranding, #footer, #content, #links, #maintext {
		border: 1px solid red;
      		padding: 2px;
      		margin-bottom: 2px;
    }
*/

/*	html          { border: 4px solid red }
	body          { border: 4px solid blue }
	#container    { border: 4px solid green }
	#header       { border: 4px solid silver }
	#navigation   { border: 4px solid teal }
	#sitebranding { border: 4px solid olive }
	#footer       { border: 4px solid black }
	#content      { border: 4px solid maroon }
	#links        { border: 4px solid purple }
	#maintext     { border: 4px solid navy }	
	 
/* ---------------------------------------------------------------- */



/* General formatting */

	html {
		height: 100%;
		margin: 0;
	}

	body {
		font-family: "Trebuchet MS"; Helvetica; Arial; sans-serif;
		font-size: 90%;
		margin: 0;
		background-color: #003; 
		height: 100%;
		background-image: url(images/fade_000_003.gif);
		background-repeat: repeat-x;
	}

	.centered {
		margin-left: auto;
		margin-right: auto;
	}

	#container {
		width: 100%;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -80px;
	}
	
	.clear {
		height: 80px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		clear: both;
	}

/* Navigation formatting */

	#navigation {
		text-align: center;
		min-width: 750px;
		margin: 0;
		height: 50px;
		font-size: 24px;
		font-weight: bold;
	}

	#navigation li {
		list-style-type: none;
		display: block;
		padding: 0 1% 0 1%;
		float: left;
		width: 17%;
		margin: 0;
	}

	#navigation a:link, #navigation a:visited {
		text-decoration: none;
		color: #fff;
	}

	#navigation a:hover, #navigation a:link#current, #navigation a:visited#current {
		color: #ccf;
		border-bottom: 9px solid #ccf;
		padding-bottom: 12px;
	}

/* Sitebranding formatting */

	#sitebranding {
		min-width: 750px;
		background-color: #ccf;
		font-size: 40px;
		font-weight: bold;
		height: 100px;
	}

/* Homebranding formatting */

	#homebranding {
		min-width: 750px;
		background-color: #ccf;
		font-size: 40px;
		font-weight: bold;
		height: 200px;
	}

/* Hometext formatting */

	#hometext {
		margin: 2% 1% 0% 2%;
		width: 46%;
		min-width: 375px;
                float: left;
		background-color: #fff;
		color: #333;
		font-size: 87.5%;
		background-image: url(images/fade_ccc_fff.gif);
		background-repeat: repeat-x;
	}

/* Maintext formatting */

	#maintext {
		margin: 2% 1% 0% 2%;
		width: 70%;
		min-width: 525px;
                float: left;
		background-color: #fff;
		color: #333;
		font-size: 87.5%;
		background-image: url(images/fade_ccc_fff.gif);
		background-repeat: repeat-x;
	}

	#feedtext {
		margin: 2% 1% 0% 2%;
		width: 70%;
		min-width: 525px;
        float: left;
		background-color: #fff;
		color: #333;
		font-size: 87.5%;
		height: 1000px;
		background-image: url(images/fade_ccc_fff.gif);
		background-repeat: repeat-x;
	}

	.mainbl { background: url(images/mbl_18_fff_003.gif) 0 100% no-repeat }
	.mainbr { background: url(images/mbr_18_fff_003.gif) 100% 100% no-repeat }
	.maintr { background: url(images/mtr_18_ccc_003.gif) 100% 0 no-repeat }
	.maintl { background: url(images/mtl_18_ccc_003.gif) 0 0 no-repeat; padding: 1% 2% 1% 2% }

	.first {
		font-weight: bold;
		color: #336;
	}
	
	#maintext h1 a, #maintext h2 a, #maintext h3 a{
		text-decoration: none;
		color: #336;
	}
	
	#hometext a, #maintext a, #feedtext a {
		color: #336;
		font-weight: bold;
		text-decoration: none;
	}
	
	#hometext a:hover, #maintext a:hover, #feedtext a:hover {
		color: #669;
		font-weight: bold;
		text-decoration: none;
	}

/* Homelinks formatting */

	#homelinks {
		margin: 2% 1% 0% 1%;
		padding: 0;
		width: 22%;
		float: left;
		background-color: #336;
	}

/* Links formatting */

	#links {
		margin: 2% 0% 0% 1%;
		padding: 0;
		width: 22%;
		float: left;
		background-color: #336;
	}

	.linkbl { background: url(images/lbl_18_336_003.gif) 0 100% no-repeat }
	.linkbr { background: url(images/lbr_18_336_003.gif) 100% 100% no-repeat }
	.linktr { background: url(images/ltr_18_336_003.gif) 100% 0 no-repeat }
	.linktl { background: url(images/ltl_18_336_003.gif) 0 0 no-repeat; padding: 2% 1% 1% 1% }

	#links ul, #homelinks ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		font-size: 87.5%;
	}

	#links li, #homelinks li {
		margin: 1em 0 0 0;
	}

/*	#links a, #homelinks a {				 */ /* used on everything but blog stylesheet */
	#links li a, #homelinks li a {			 /* only used on blog stylesheet */
		display: block;
		padding: 3%;
		margin: 0 4% 0 4%;
		width: 86%;
		color: #fff;
		background-color: #669;
		text-decoration: none;
	}
	
	.mainnav {
		display: block;
		padding: 3%;
		margin: 0 4% 0 4%;
		width: 86%;
		color: #fff;
		background-color: #669;
		text-decoration: none;
	}	

	#links a:hover, #homelinks a:hover {
		color: #003;
		background-color: #ccf;
		text-decoration: none;
	}

	#links ul ul li, #homelinks ul ul li {
		margin: 0;
	}

	#links ul ul a, #homelinks ul ul a {
		display: block;
		padding: 1% 3% 1% 17%;
                margin: 0 4% 0 4%;
		width: 72%;
		color: #fff;
		background-color: #336;
		text-decoration: none;
	}

	#links ul ul a:hover, #homelinks ul ul a:hover {
		color: #003;
		background-color: #ccf;
		text-decoration: none;
	}
	
	.rss {
    		display: block;
		margin-left: auto;
		margin-right: auto;
		padding: .5em 0 0 0;
	}

	.bardetail {
		display: block;
		padding: 3%;
		margin: 0 4% 0 4%;
		width: 86%;
		color: #fff;
		text-decoration: none;
		text-align: center;
	}	

/* Footer formatting */

	#footer {
		padding: 30px 0 0 0;
		text-align: center;
		min-width: 675px;
		font-weight: bold;
		font-size: 87.5%;
		width: 100%;
		clear: both;
		color: #fff;
		height: 80px;
		background-image: url(images/fade_003_000.gif);
		background-color: #000;
		background-repeat: repeat-x;
	}

	#footer li {
		list-style-type: none;
		display: inline;
		padding: 3%;
	}		

	#footer a:link, #footer a:visited {
		text-decoration: none;
		color: #fff;
	}

	#footer a:hover, #footer a:link#current, #footer a:visited#current {
		color: #ccf;
	}
	
	.copy {
	color: #669;
	}

/* BlogFeed formatting */

	.item h2 a {
		text-decoration: none;
		color: #333;
	}

												/* Blog stylesheet only section */
	
/* Searchbar formatting */

	#searchform {
		margin: 10px auto;
		padding: 5px 3px;
		text-align: center;
	}

	#sidebar #searchform #s {
		width: 108px;
		padding: 2px;
	}

	#sidebar #searchsubmit {
		padding: 1px;
	}

	.entry form { /* This is mainly for password protected posts, makes them look better. */
		text-align:center;
	}

	select {
		width: 130px;
	}

	#commentform input {
		width: 170px;
		padding: 2px;
		margin: 5px 5px 1px 0;
	}

	#commentform textarea {
		width: 100%;
		padding: 2px;
	}

	#commentform #submit {
		margin: 0;
		float: right;
	}

/* Transported formatting */

	.nav {
		display: block;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 60px;
	}

	.alignleft {
		float: left
	}

	.alignright {
		float: right;
	}

	.post {
		margin: 0 0 40px;
		text-align: justify;
	}

	.post hr {
		display: block;
	}

	.entry ol {
		padding: 0 0 0 35px;
		margin: 0;
	}

	.entry ol li {
		margin: 0;
		padding: 0;
	}

	.entry form { /* This is mainly for password protected posts, makes them look better. */
		text-align:center;
	}

	.entry p a:visited {
		color: #b85b5a;
	}

	.postmetadata {
		clear: left;
	}

	.postmetadata ul, .postmetadata li {
		display: inline;
		list-style-type: none;
		list-style-image: none;
	}

	.nocomments {
		text-align: center;
		margin: 0;
		padding: 0;
	}

	.alt {
		background-color: #f8f8f8;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}

	.alt {
		margin: 0;
		padding: 10px;
	}

	h3.comments {
		padding: 0;
		margin: 40px auto 20px ;
	}

	.commentlist {
		padding: 0;
		text-align: justify;
	}

	.commentlist li {
		margin: 15px 0 3px;
		padding: 5px 10px 3px;
		list-style: none;
	}

	.commentlist p {
		margin: 10px 5px 10px 0;
	}

	.commentlist li, #commentform input, #commentform textarea {
		font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

	.commentlist li {
		font-weight: bold;
	}

	.commentlist li .avatar { 
		float: right;
		border: 1px solid #eee;
		padding: 2px;
		background: #fff;
	}

	.commentlist cite, .commentlist cite a {
		font-weight: bold;
		font-style: normal;
		font-size: 1.1em;
	}

	.commentlist p {
		font-weight: normal;
		line-height: 1.5em;
		text-transform: none;
	}

	.commentmetadata {
		font-weight: normal;
	}

	.commentmetadata {
		margin: 0;
		display: block;
	}


	.commentlist li, #commentform input, #commentform textarea {
		font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

	#commentform p {
		font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

	#commentform input {
		width: 170px;
		padding: 2px;
		margin: 5px 5px 1px 0;
	}

	#commentform textarea {
		width: 100%;
		padding: 2px;
	}

	#commentform #submit {
		margin: 0;
		float: right;
	}

	.clear {
		clear: both;
	}