/*
Theme Name: Blue Diffusion
Theme URI:
Description: Blue, 2 column, widget ready WP theme professionally designed.
Author: 9th sphere
Author URI: http://www.9thsphere.com
Version: 1.1.2
Tags: blue, two-columns, fixed-width

Copyright (c) 2009 9th sphere (a division of Etalco Limited)
.
*/ 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
         }
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
/* remember to define focus styles! */
:focus {
	outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.hidden {
	display: none;
	}
	
h2 {
	font-size: 1.6em;
	padding: 0 0 0 0;
}

h2.pagetitle {
	font-size: 1.6em;
	padding: 0 0 1em 0;
	}

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

.center{
	text-align:center;	
}
	
	

a, a:link, a:visited{ color: #3b0000; text-decoration:underline;}
a:hover, a:active{ color: #FF0000; text-decoration:none;}	

#sidebar a, #sidebar a:link, #sidebar a:link{ color:#fff; text-decoration:none; line-height:100%;}
#sidebar a:hover, #sidebar a:active{ color:#FF0000; text-decoration:underline; line-height:100%}

#footer .navigation a, #footer .navigation a:link, #footer .navigation a:visited{ color:white; text-decoration:none;}
#footer.navigation li{ color:white; text-decoration:none;}

#footer .navigation a:hover, #footer .navigation a:active{ color:white; text-decoration:underline;}

a.comment, a.comment:link, a.comment:visited{ color: #a00000; font-weight: 600; padding-left:13px; background:url(images/comment_bubble2.gif) no-repeat 0 3px;}
ul#pages_custom li a, ul#pages_custom li a:link, ul#pages_custom li a:visited{ color:#fff; text-decoration:none; display:block;}	

ul#pages_custom li a:hover, ul#pages_custom li a:active{ 
color:#000; 
text-decoration:none; 
display:block;
background-color: #c0d8e3;
}
	

.entry p.postmetadata a, .entry p.postmetadata a:link,.entry p.postmetadata a:visited{text-decoration:none;}
.entry p.postmetadata a:hover,.entry p.postmetadata a:active{text-decoration:underline;}

/* jl: blog text and background image */
body {
	font: 0.8em verdana, arial, helvetica, serif;
	line-height: 1.5em;
	color: #3a3a3a;
	background:url(images/cuff2.jpg) no-repeat top center fixed;
	width:100%;
}

#container{
	width:831px;
	margin:auto;
}
/* jl: rightscity */
	#header{
/* was 621, to match container, 10 px spacer and sidebar width? added padding */
		width:831px;
		height:153px;


/* !!jl: BANNER: may need this to align, offset titlebar accordingly */
		left:7px;

/* jl: add banner pic */
                  background:url(images/bannernew.gif) no-repeat;

/* jl: changed padding left from 210 to 10, also moves titlebar */
/*     BANNER: changed back to 210, don't think it matters */ 
                padding-left:210px;
		position:relative;
/* jl: added top to adjust rightscity, also moves titlebar */
/*     BANNER: COMMENTED OUT 
                top:-20px */ 
	}
/* jl: don't need this, edited out in header.php 	
		#header h1{
			font-size:44px;
			color:#fff;
			font-weight:400;
			left:13px;
			padding:72px 0 0 1px;
		}
		
		*:first-child+html #header h1{
			padding:35px 0 0 10px;
		} * html #header h1{
			padding:35px 0 0 10px;
		}
*/

/* Rightscity text colour */
			#header h1 a:link, #header h1 a:visited{ color:#000; text-decoration:none;}
			#header h1 a:link, #header h1 a:visited{ color:#000; text-decoration:none;}

/* jl: header subtitle, don't need this, edited out in header.php 			
			.description{
				font-size:11px;
				color:#fff;
				float:left;
				padding-left:3px;
				padding-top:15px;
				line-height:14px;
			}
*/
                         

/* jl: titlebar */			
                         
/* jl: padding offset need change according to font height */
				padding-top:3px;
/* jl: position added */
	                        position:relative;
/* jl: BANNER: changed from top:19px; left200px; */
                                top:128px;
                                left:-5px;
			}
			
			* html ul#pages_custom{
				margin-left:4px;
			}
/* jl: titlebar text */				
				ul#pages_custom{
				width:605px;
				height:23px;
				color:#fff;
				/*background:url(images/pages_bg2.gif) no-repeat 0 0;*/
				float:left;
                                    position:relative;                            
                                    top:128px;
margin-left: 76px;
                    
}
				

                             ul#pages_custom li{
					text-align:center;
					float:left;
					color:#fff;
					font-size:12px;
                                              font-weight:500;
					padding:0 5px 0 5px;
		                           position:relative;
					width: 6em;
/* border-right:solid 1px #fff; */
				        }
		             
	                     
 		
			#sidebar_contain{
				float:left;
			}
			
			#sidebar{
				width:202px;
				min-height:650px;
				float:left;
				margin-left:7px;
/* sidebar background colour - should use as template for other blue colours */
				background:#1b4053;
				opacity: 0.85;filter:alpha(opacity=65);zoom:1;
				padding-bottom:50px;
				color: #fff;
                                  }
			
			* html #sidebar{
				height:400px;
				margin-left:4px;
				margin-top:-6px;
			}
			
				ul #search_holder{
					width:182px;
					height:20px;
					background:url(images/search_holder_bg.gif) repeat-x 0 0;
					padding:10px;
					margin:-41px 0 20px -14px;
					border-bottom:#798F9D 1px solid;
				}
				
				* html ul #search_holder{
					height:20px;	
				}
			
				/* Begin Form Elements */
				#searchform {
					float:left;
					text-align: center;
					}
				
				#search_holder #searchform #s {
					width:150px;
					height:16px;
					margin-right:5px;
					float:left;
					font-size:14px;
					color: #000;
					border: solid 1px transparent;
				}
					* html #search_holder #searchform #s{
						width:149px;
						font-size:14px;
						margin-right:2px;
					}
				
				#sidebar #searchsubmit {
					float:left;
				}
				
					.single_search{
						float:left;
						min-height: 400px;
						margin: 30px 0 30px 190px;
					}
				
						* html .single_search{
							height: 400px;
							margin: 30px 0 30px 80px;
						}
					
				#sidebar ul{
					margin:30px 0 0 10px;
					font: 78%/1.5 arial, helvetica, serif;
	                                     line-height: 1.5em;
				          padding: 5px;
}
				
				#sidebar ul li{
					margin:6px 0 6px 0;
					font-size: 13px;
				}
				
					#sidebar ul li ul{
						margin:3px 0 20px 10px;
						font-size: 13px;
					}
					
					#sidebar ul li ul li ul{
						margin:3px 0 0 10px;
						font-size: 13px;
					}
					
						#sidebar ul li ul li ul li ul{
							margin:3px 0 0 10px;
							font-size: 13px;
						}
				
				ul h2{
					font-size:15px;
					color: #fff;
					background:url(images/sidebar_heading_underline.gif) no-repeat left bottom;
					padding-bottom:7px;
					padding-left:2px;
					margin-bottom:5px;
				}
			
			#content{
				width:548px;
				min-height:400px;
				float:left;
			}
				* html #content{
					height:400px;
				}
				
				
				.post{
					width:597px;
					margin-bottom:10px;
					padding: 9px;
					background:#f1f2f3;
					opacity: 0.9;filter:alpha(opacity=90);zoom:1;
				}
					
						.page{
							min-height: 460px;		
						}
						
							* html .page{
								height: 460px;		
							}	
				
				.postHeading{
					width:585px;
					height:60px;
				}
				
					.postDate{
						width:40px;
						height:67px;
						background:url(images/date_bg2.gif) no-repeat;
						text-align:center;
						color: white;
						font-size:12px;
						float:left;
						padding:3px 0 0 0;
					}
					
						.postDate p{
							margin:0;
							padding:0;
						}
						
							.postDate p.day{
								font-size:15px;
								font-weight:bold;
							}
					
					.postTitle{
						width:530px;
						height:60px;
						background:#e6e3e4;
						float:left;
						padding:5px 7px 5px 7px;
					}
					
						* html .postTitle{
							width:533px;
							padding:4px 7px 4px 7px;
						}
					
					.postTitle h2{
						margin:0;
						padding:0;
						font: 1.5em arial, helvetica, serif;
                                                       font-weight:400;
	                                              line-height: 1em;
                                                       color: #000;                                                 
                                                       padding-bottom:3px;
					}
						.postTitle h2 a:link, .postTitle h2 a:visited{ color: #red; text-decoration:none;}
											
					.postTitle small{
						color: #153456;
						font-size:12px;
				        	padding:5px;
					}
					
				.entry{
					width:567px;
					padding: 17px 10px 10px 10px;
				}
				
					.entry p{
						padding: 0 0 15px 0;
					}
					
					.entry p.postmetadata{
						background:url(images/comment_rule.gif) no-repeat top left;
						padding:10px 3px 3px 3px;
						text-align:right;
						font-size:14px;
					}
					
					.entry ul{
						margin:10px 0 10px 30px;
						list-style:disc;
					}
					
					.entry ul li{
						margin:6px 0 6px 0;
					}
					
					.entry ol {
						padding: 0 0 0px 35px;
						margin: 5px 0 10px 0;
						list-style:decimal;
					}
					
					.entry ol li {
						margin: 0;
						padding: 0;
					}
					
					
			/* Begin Lists */
			
			.postmetadata ul, .postmetadata li {
				display: inline;
				list-style-type: none;
				list-style-image: none;
				}
		
		

			/* End Entry Lists */
			
			
			.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: 98%;
				padding: 2px;
				}
			
			#commentform #submit {
				margin: 0;
			}
			/* End Form Elements */
			
			
			
			/* Begin Comments*/
			.alt {
				margin: 0;
				padding: 10px;
				}
			
			.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;
				}
			
			#commentform p {
				margin: 5px 0;
				}
			
			.nocomments {
				text-align: center;
				margin: 0;
				padding: 0;
				}
			
			.commentmetadata {
				margin: 0;
				display: block;
				}
			/* End Comments */
			
			
			/* Begin Calendar */
						#wp-calendar {
							empty-cells: show;
							margin: 10px auto 0;
							width: 155px;
							}
						
						#wp-calendar #next a {
							padding-right: 10px;
							text-align: right;
							border: none;
							}
						
						#wp-calendar #prev a {
							padding-left: 10px;
							text-align: left;
							border: none;
							}
						
						#wp-calendar a {
							display: block;
							border: 1px solid white;
							}
						
						#wp-calendar caption {
							text-align: center;
							width: 100%;
							}
						
						#wp-calendar td {
							padding: 3px 0;
							text-align: center;
							}
						
						
						/* End Calendar */
						
						
						
						/* Begin Various Tags & Classes */
						
						.aligncenter {
							display: block;
							margin-left: auto;
							margin-right: auto;
						}
						
						.alignleft {
							float: left;
						}
						
						.alignright {
							float: right;
						}
						
						.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;
						}


						
						code {
							font: 1.1em 'Courier New', Courier, Fixed;
						}
						
						acronym, abbr, span.caps {
							cursor: help;
							}
						
						acronym, abbr {
							border-bottom: 1px dashed #999;
							}
						
						blockquote {
							margin: 15px 30px 0 10px;
							padding-left: 20px;
							border-left: 5px solid #ddd;
							}
						
						blockquote cite {
							margin: 5px 0 0;
							display: block;
							}
						
						.center {
							text-align: center;
							}
						
						.hidden {
							display: none;
							}
						
						hr {
							display: none;
							}
						
						a img {
							border: none;
							}

					
			#footer{
				width:615px;
				height:85px;
				background:url(images/footer_bg.gif) repeat-x 0 0;
				/*margin-right:5px;*/
				position:relative;
				float:left;
                          }
		
/* jl: to modify title, moved to footer from header.php 	
		#footer h1{
			font-size:12px;
			color:#000;
			font-weight:400;
			left:13px;
			padding:0 400px 0 1px;
		}
		
		*:first-child+html #footer h1{
			padding:0 350px 0 10px;
		} * html #footer h1{
			padding:0 350px 0 10px;
		}

*/ 

                          * html #footer{
				margin-right:2px;	
				width:605px;
			}

				#foot_nav{
					position:absolute;
					width:400px;
					right:5px;
					bottom:5px;
					list-style:none;
					font-size:10px;
					color: white;
                                              text-align:right;
				}
				
				/*ul#foot_nav li{
					float:right;
					padding:0 3px 0 3px;
					overflow:visible;
					vertical-align:middle;
					line-height: 14px;
					font-size:10px;
					color: white;
}
				
				ul#foot_nav li img{
					vertical-align:top;
					overflow:visible;
					margin-top:0px;
					z-index:999;
				}*/
				
				.navigation{
					width:587px;
					height:35px;
				/*	background:url(images/comment_rule.gif) no-repeat bottom left;*/
					margin:10px auto 0 auto;
					padding-bottom:15px;
					font-size: 18px
                                              }
				
				* html .navigation{
					height:10px;
					padding-bottom:5px;
				}
				
					.nav_left{
						float:left;
						padding:10px;
					}
					
					.nav_right{
						float:right;
						padding:10px;
					}