/*-------------------------------------------------------------------------------
SCREEN STYLE SHEET
Version:	1.0
Updated:	03 Dec 2009
Author:		Joseph Russell ~ http://www.josephrussell.co.uk/
Credits:	Includes Jeff Starr's Enhanced Clearfix Hack ~ http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/

STYLE REFERENCE
Colors:
Fonts:
-------------------------------------------------------------------------------*/

@import url(reset.css);
@import url(debug.css);

/* =BODY
-------------------------------------------------------------------------------*/

html{
	font-size:100%;
}

body{
	background:#333;
	color:#fff;
	font:normal 0.625em/1.5em Georgia, "Times New Roman", Times, serif;
}

/* =CONTENT STYLING
-------------------------------------------------------------------------------*/

/* =TEXT
---------------------------------------*/

p{
	font-size:1.4em;
	line-height:1.5em;
	margin:0 0 1em;
}

blockquote{ color:#666; }
blockquote p{ margin:0 2em 1em; }
blockquote cite{}

pre{ white-space:pre; }
code{
	font:normal 12px/1.5em Inconsolata, Consolas, "Deja Vu Sans Mono", "Andale Mono", "Lucida Console", Monaco, monospace;	
	margin-bottom:1em;
	background:#eee;
	color:#666;
}
pre code{
	display:block;
	margin:0 0 1em;
	padding:1em 2em;
}

address{
	font-size:1.4em;
	line-height:1.5em;
	margin:0 0 1em;
	font-style:normal;
}

strong{ font-weight:bold; }
em{ font-style:italic; }
abbr{
	border-bottom:1px dotted #ccc;
	cursor: help;
}
del{
	color:#999;
	text-decoration:strike-through;
}
ins{ text-decoration:underline; }

hr{
	clear:both;
	margin:0 0 19px;
	border:none;
	border-bottom:1px dotted #ccc;	
	padding:0;
	height:0;
}


/* =HEADERS
---------------------------------------*/

h1, h2, h3, h4, h5, h6{ 
	font:normal 1.4em/1em "Trebuchet MS", Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	color:#000;
}

h1{
	font-size:3.6em;
	line-height:1em;
	margin-bottom:0.5em;
	letter-spacing:0.1em;
	font-variant:small-caps;
	color:#666;
	/*text-align:center;*/
}
h2{
	font-size:2.4em;
	line-height:1.5em;
	margin-bottom:0.5em;
}
h3{
	font-size:1.8em;
	line-height:1.5em;
	margin-bottom:0.5em;
}
h4{
	font-style:italic;
}

/* =LISTS
---------------------------------------*/

ul, ol, dl{
	font-size:1.4em;
	line-height:1.5em;
	margin:0 2em 1em;
}
ul{ list-style:disc; }
ol{ list-style:decimal; }

	dt, dd, li{}
	dt{ font-weight:bold; }
	dd{ margin:0 0 0 2em; }
	li ul, li ol{
		font-size:1em;
		margin:0 0 0 2em;		
	}


/* =TABLES
---------------------------------------*/

table{
	width:100%;
	font-size:1.4em;
	line-height:1.5em;
	margin:0 0 1em;
}

	th, td, caption{
		padding:3px 10px;
		vertical-align:top;
	}

	caption{
		font-weight:bold;
	}
	
	th, td{
		text-align:left;
	}
	
	thead th{
		border-top:1px solid #000;
		border-bottom:2px solid #000;
		font-weight:bold;
	}
	
	tbody tr th,
	tbody tr td{
		border-bottom:1px solid #ccc;
	}
	
		table .number{
			text-align:right;
		}

/* =IMAGES
---------------------------------------*/

img{
	margin-bottom:20px;
	border:1px solid #ccc;
	padding:4px;
	background:#fff;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25);				
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25);	
}

/* =LINKS
---------------------------------------*/

a{
	color:#39c;
	text-decoration:none;
}
a:hover,a:focus{
	color:#6cf;
}
a:active{
}

/* =LAYOUT
-------------------------------------------------------------------------------*/

.container{
	margin:0 auto;
	width:840px;
}

/* =GRID SIZING
---------------------------------------*/

.g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12{
	display:inline;
	float: left;
	position: relative;
	margin:0 5px;
}

.g1{ width:60px; }
.g2{ width:130px; }
.g3{ width:200px; }
.g4{ width:270px; }
.g5{ width:340px; }
.g6{ width:410px; }
.g7{ width:480px; }
.g8{ width:550px; }
.g9{ width:620px; }
.g10{ width:690px; }
.g11{ width:760px; }
.g12{ width:830px; }

.l1{ padding-left:70px; }
.l2{ padding-left:140px; }
.l3{ padding-left:210px; }
.l4{ padding-left:280px; }
.l5{ padding-left:350px; }
.l6{ padding-left:420px; }
.l7{ padding-left:490px; }
.l8{ padding-left:560px; }
.l9{ padding-left:630px; }
.l10{ padding-left:700px; }
.l11{ padding-left:770px; }

.r1{ padding-left:70px; }
.r2{ padding-left:140px; }
.r3{ padding-left:210px; }
.r4{ padding-left:280px; }
.r5{ padding-left:350px; }
.r6{ padding-left:420px; }
.r7{ padding-left:490px; }
.r8{ padding-left:560px; }
.r9{ padding-left:630px; }
.r10{ padding-left:700px; }
.r11{ padding-left:770px; }

.alfa{ margin-left:0; }
.zulu{ margin-right:0; }

#container{
	position:relative;
	/*
	margin:0 auto;
	width:840px;
	*/
}

	#header{
		border-top:10px solid #333;
		height:250px;
		background:url(../images/site/coal.png) repeat-x 0 0;
	}
	
		#branding{
			margin:0 auto;
			padding:10px 0;
			height:80px;
			width:830px;
		}
		
			#logo{
				float:left;
				display:inline;
				margin:0;
				padding:0 20px;
				/*font-size:2.4em;
				line-height:1.5em;*/
			}
			
				#logo a{
					display:block;
					padding-top:80px;
					height:0;
					width:190px;
					overflow:hidden;
					background:url(../images/site/logo.png) no-repeat 0 0;
				}
				#logo a:hover, #desc a:focus{}
				#logo a:active{}
				
			#call{
				float:right;
				display:inline;
				margin:0;			
			}
			
				#call p{
					margin:0;
					padding:10px 20px;
					font-size:1.8em;
					line-height:20px;
					text-align:center;
					letter-spacing:0.1em;
					color:#ccc;
					text-align:right;
				}
				
					#call strong{
						display:block;
						padding-left:30px;
						font:normal 2em/40px "Times New Roman", Times, Georgia, serif;
						letter-spacing:0;
						background:url(../images/site/bg-phone-left.png) no-repeat left 6px;
						color:#fff;
					}
					
	#nav{
		/*
		z-index:2;	
		background:url(../images/site/bg-nav-rx.png) repeat-x 0 0;		
		float:left;
		width:100%;
		overflow:hidden;
		position:relative;
		*/
		position:relative;
		margin:0 auto;
		border-top:1px solid #333;
		width:830px;
		overflow:hidden;
		
	}
	
		#nav ul{
			/*margin:0 auto;
			width:710px;*/
			font:bold 1.4em/20px Arial,"Helvetica Neue",Helvetica,Geneva,Verdana,sans-serif;
			/*text-align:center;*/
			
			clear:left;
			float:left;
			list-style:none;
			margin:0;
			padding:0;
			position:relative;
			left:50%;
			text-align:center;
	
		}
	
			#nav li{
				/*display:inline;
				float: left;*/
				
				display:block;
				float:left;
				list-style:none;
				margin:0;
				padding:0;
				position:relative;
				right:50%;				
			}
			
			#nav li.current_page_item{
			}
			
				#nav a{
					/*display:block;*/
					padding:14px 15px 15px;
					color:#ccc;
					text-shadow:0 1px 0 rgba(0,0,0,0.5);
					
					display:block;
					/*margin:0 0 0 1px;
					padding:3px 10px;
					background:#ddd;
					color:#000;
					text-decoration:none;
					line-height:1.3em;*/
				}
				
				#nav a:hover, #nav a:focus{
					background:#000;
					color:#fff;
				}
				
				#nav a:active{
					color:#999;
				}
				
				#nav .current_page_item a,
				#nav .current_page_item a:hover, #nav .current_page_item a:focus,
				#nav .current_page_item a:active{
					background:none;
					color:#fff;
					font-weight:bold;
					cursor:default;
				}
	
	#main{
		margin-bottom:20px;
		border-bottom:10px solid #ccc;
		background:#fff url(../images/site/bg-main-rx.png) repeat-x 0 0;
		color:#333;
	}
	
		#main-inner{
			position:relative;
			margin:0 auto;
			padding:0 5px;			
			width:840px;
			background:url(../images/site/bg-main-inner.png) no-repeat 0 0;
		}
			
			#content{				
				display:inline;
				float:left;
				margin:0 5px;
				padding:190px 20px 40px;
				width:510px;
			}
						
				#content a{}
				#content a:hover,#content a:focus{
					border-bottom:1px solid #ccc;
				}
				#content a:active{
					border-bottom:1px solid #ccc;
					color:#000;
				}

				#content h1 a:hover, #content h1 a:focus, #content h1 a:active,
				#content h2 a:hover, #content h2 a:focus, #content h2 a:active,
				#content h3 a:hover, #content h3 a:focus, #content h3 a:active,
				#content h4 a:hover, #content h4 a:focus, #content h4 a:active,
				#content h5 a:hover, #content h5 a:focus, #content h5 a:active,
				#content h6 a:hover, #content h6 a:focus, #content h6 a:active{
					border:none;
				}
				
				#leader{
					position:absolute;
					z-index:1;
					top:-100px;
					left:10px;
					padding:20px;
					background:#fff;
				}
				
					#leader img{
						margin:0;
						padding:9px;
						width:770px;
						height:230px;
						background:#eee;						
					}
				
				.single #leader{
					/*display:none;*/
				}
			
				.hentry{
					margin-bottom:20px;
				}
		
					.entry-title{
						padding-bottom:0.25em;
						border-bottom:2px solid #eee;
					}
					
					h1.page-title, h1.entry-title{
						/*position:relative;
						left:-20px;*/
						border-bottom:2px solid #ccc;					
						/*padding:0 20px 0.5em;*/
						padding:0 0 0.5em;
						width:100%;
						
							/*border:none;
							padding-bottom:0;*/
					}
				
					.meta{
						color:#999;
						font:normal 1.2em/1em "Trebuchet MS", Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
						margin:0 0 1em;
						text-transform:uppercase;
						letter-spacing:0.05em;
					}
					
					.entry-footer{
						border-top:2px solid #ccc;
						padding-top:1em;
					}
					
				#comments{
					border-top:2px solid #ccc;
					padding-top:20px;
				}
				
					#comments h3{
						margin:0 0 1em;
					}
					
					#comments ol{
						margin:0 0 1em;
						list-style:none;
						font-size:1.2em;
						line-height:1.5em;
					}
					
						.comment{
							padding:10px 0 0;
							background:url(../images/site/dotted.png) repeat-x 0 0;					
						}
						
							.comment .vcard{
								margin-bottom:0.5em;
								border-bottom:2px solid #eee;
							}
						
								.comment .avatar{ display:none; }
							
								.comment .fn{
									font-size:1.5em;
									line-height:1.5em;
									color:#000;
								}
						
							.comment-meta{
								margin-bottom:10px;
								color:#999;
								font:normal 1em/1em "Trebuchet MS", Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
								margin:0 0 1em;
								text-transform:uppercase;
								letter-spacing:0.05em;								
							}
							
							.comment-content{
								padding:0 20px;
							}
							
								.comment-content p{
									font-size:1em;
									line-height:1.5em;
								}
							
								.comment-content ol{
									margin:0 2em 1em;
									list-style:decimal;
									font-size:1em;
									line-height:1.5em;									
								}					
					
				#paging-below{
					border-top:2px solid #ccc;
					padding-top:1em;
					font-size:1.4em;
					line-height:1.5em;
				}
				
					.page-next{ float:right; }
					.page-previous{ float:left; }
					
			#sidebar{
				display:inline;
				float:right;
				margin:0 5px;
				padding:190px 20px 40px 0;
				width:250px;
			}
			
				.block{
					padding:20px;
				}
				
					.block ul, .block ol, .block dl{
						margin-right:0;
					}

				#actions{
					border:1px solid #ccc;
					padding:19px;
					background:#eee url(../images/site/bg-actions.png) no-repeat 0 0;
					-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25);
					-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25);	
				}
				
					#phone p, .cback{
						margin:0;
						font-size:1.8em;
						line-height:1.5em;					
						text-align:center;
					}
					
						#phone strong{
							display:block;
							font:bold 1.667em/1 "Times New Roman", Times, Georgia, serif;
							letter-spacing:0;
						}
					
						.cback a{
							display:block;
							padding:5px 10px;
							border:1px solid #069;
							background:#39c;
							color:#fff;
							font:bold 0.778em/20px Arial,"Helvetica Neue",Helvetica,Geneva,Verdana,sans-serif;
							cursor:pointer;
						}
						.cback a:hover, .cback a:focus{
							background:#069;	
							color:#fff;
						}
						.cback a:focus{
							border-color:#000;
							background:#ccc;
							color:#333;
						}
						

	#footer{
		clear:both;
		text-align:center;
	}


/* =WORDPRESS CONTENT
-------------------------------------------------------------------------------*/

.alignleft, img.alignleft{
	display: inline;
	float: left;
	margin-right: 20px;
}

.alignright, img.alignright{
	display: inline;
	float: right;
	margin-left: 20px;
}

.aligncenter, img.aligncenter{
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption{
	margin:-10px 0 2em;
	text-align:center;
	font-size:1.2em;
	line-height:1.5em;
}

/* =UTILITIES
-------------------------------------------------------------------------------*/

#access{
	position:absolute;
	top:-9999px;
	left:-9999px;
	list-style:none;
	font-size:1.8em;
	line-height:1.5em;
}

	#access a{
		border:2px solid #ddd;
		padding:8px 13px;	
		font-weight:bold;
		background:#eee;
		color:#333;
	}

	#access a:focus{
		display:block;
		position:absolute;		
		top:9999px;
		left:9999px;
	}

.hide{ display:none; }

.group:after{
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.group{ display: inline-block; }

* html .group{ height: 1%; }

.group{ display: block; }