/*
Theme Name: Line25
Theme URI: http://line25.com
Description: Line25 Wordpress Theme.
Version: 2.0
Author: Chris Spooner
Author URI: http://spoongraphics.co.uk/
*/
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
	margin: 0; padding: 0; border: 0; 
}

body {
	font-family: Helvetica, Arial, Sans-Serif; line-height: 26px;
	background: #8d9ca8 url(images/bg-grid.png) 0 0 fixed; border: 10px solid rgba(255,255,255,0.2);
}

#container {
	width: 960px; margin: 30px auto;
}
#header {
	overflow: hidden; padding: 0 10px 10px 10px;
}
	#header h1 a {
		display: block; width: 223px; height: 70px; opacity: 0.7; float: left;
		background: url(images/line25-logo.png); text-indent: -9999px;
	}
		#header h1 a:hover, #header h1 a:focus {
			opacity: 1;
		}
		
	#header ul {
		float: right; list-style: none;
	}
		#header ul li {
			float: left; margin: 43px 0 0 40px;
		}
			#header ul li a {
				font-size: 20px; color: #fff; text-decoration: none; 
				text-shadow: 0 1px 3px #333; opacity: 0.5;
			}
				#header ul li a:hover, #header ul li a:focus {
					opacity: 0.8;
				}

#content {
	padding: 30px 0 0 0;
	background: url(images/content-bg.png) center 0 repeat-y; 
	background-clip: padding; 
	-moz-background-clip: padding; 
	-webkit-background-clip: padding; 
	border: 10px solid rgba(255,255,255,0.2);
	border-image: url(images/content-border.png) 10 repeat;
	-moz-border-image: url(images/content-border.png) 10 repeat;
	-webkit-border-image: url(images/content-border.png) 10 repeat;
}
	#content:after {
		content: ""; display: block; clear: both;
	}

	#main {
		width: 522px; float: left; padding: 0 40px 40px 30px;
		color: #404040;
	}
		#main a {
			color: #8d9ba7; text-decoration: none;
		}
			#main a:hover, #main a:focus {
				color: #6B757C;
			}
		#main p {
			font-size: 15px; margin: 0 0 15px 0; 
		}
		#main p em {
			font-family: Georgia, Serif; font-style: italic;
		}
		#main h2.header {
			font-size: 30px; font-weight: normal; color: #fff;
			margin: 0 0 30px -80px; padding: 14px 9px 9px 80px;
			background: rgba(62,60,68,0.7);
		}
			#main h2.header a {
				color: #fff;
			}
				#main h2.header a:hover, #main h2.header a:focus {
					color: #dcdce1;
				}
		#main h3 {
			font-size: 24px; margin: 20px 0 10px 0; font-weight: normal;
		}
			#main h3.header {
				color: #fff; text-shadow: 0 2px 5px #666;
				padding: 15px 0 9px 30px; margin: 20px 0 20px -30px;
				background: #8d9ba7 url(images/blue-bg.png) 0 0 repeat-x;
			}
		#main h4 {
			font-size: 22px; margin: 0 0 10px 0; font-weight: normal;
		}
			#main h5 {
			font-size: 18px; margin: 0 0 8px 0; font-weight: normal;
		}
		#main ul, #main ol {
			margin: 0 0 20px 0; list-style-position: inside;
		}
		#main code {
			background: #eaeaec; padding: 1px 5px;
		}
		#main p.btn {
			margin: 0 0 30px 0; padding: 14px 20px 8px 20px;
			background: #3e3c44 url(images/btn-bg.png);
			box-shadow: 0 1px 9px #888;
			-moz-box-shadow: 0 1px 9px #888;
			-webkit-box-shadow: 0 1px 9px #888;
		}
			#main p.btn a {
				display: block; font-size: 24px; color: #fff;
			}
				#main p.btn a:hover, #main p.btn a:focus {
					color: #dcdce1;
				}
		
		#main .code {
			margin: 0 0 20px -30px; padding: 15px 10px 15px 30px;
			background: #3e3c43 url(images/dark-grid.png); overflow: auto;
			color: #fff; text-shadow: 0 2px 5px #222;
		}
		
		#main p.profile-image {
			margin: 0 30px 0 -80px; float: left
		}
		#main p.profile-image a {
			display: block; width: 200px; height: 200px;
			border: 10px solid #eaeaec;
			background: url(images/chrisspooner.jpg); text-indent: -9999px;
		}
			#main p.profile-image a:hover, #main p.profile-image a:focus {
				border: 10px solid #dcdce1;
			}
		
			#main .post {
				margin: 0 0 70px 0;		
			}
				#main .post .post-header {
					margin: -48px 0 10px -80px; position: relative;
				}
					#main .post .post-header img {
						opacity: 0.5; border: none; border-image: none; -moz-border-image: none; -webkit-border-image: none;
					}
						#main .post .post-header a:hover img, #main .post .post-header a:focus img { border: none; -moz-border-image: none; -webkit-border-image: none; } 
					#main .post .post-header h2 {
						width: 536px; padding: 14px 9px 9px 20px; position: relative; top: 85px; z-index: 10;
						background: #3e3c44 url(images/dark-grid.png);
					}
						#main .post .post-header h2 a {
							font-size: 22px; font-weight: normal; color: #fff; text-decoration: none;
						}
							#main .post .post-header h2 a:hover, #main .post .post-header h2 a:focus {
								color: #dcdce1;
							}
				#main .post ul.meta {
					height: 32px; overflow: hidden; padding: 12px 0 0 22px; position: relative;
					background: #8d9ba7 url(images/blue-bg.png) 0 0 repeat-x;
					text-shadow: 0 2px 5px #666;
				}
					#main .post ul.meta li {
						list-style: none; float: left; margin: 0 17px 0 0;
						font-size: 14px; color: #fff;
					}
						#main .post ul.meta li.readmore {
							float: right; margin: 0;  padding: 10px 11px 7px 13px; position: relative; top: -11px;
							background: #3e3c44 url(images/btn-bg.png);
							box-shadow: 0 1px 13px #333;
							-moz-box-shadow: 0 1px 13px #333;
							-webkit-box-shadow: 0 1px 13px #333;
						}
						#main .post ul.meta li a {
							color: #fff; 
						}
							#main .post ul.meta li a:hover, #main .post ul.meta li a:focus {
								color: #dcdce1;
							}
		
				#main .post img, #main .post a img {
					margin: 0 auto;
					border: 10px solid #eaeaec;
					border-image: url(images/image-border.png) 10px repeat;
					-moz-border-image: url(images/image-border.png) 10 repeat;
					-webkit-border-image: url(images/image-border.png) 10px repeat;
				}
					#main .post a:hover img, #main .post a:focus img {
						border: 10px solid #dcdce1;
						border-image: url(images/image-border-hover.png) 10px repeat;
						-moz-border-image: url(images/image-border-hover.png) 10 repeat;
						-webkit-border-image: url(images/image-border-hover.png) 10px repeat;
					}
		
		#main .post .ad {
			margin: 0 0 20px 0; padding: 20px 20px 12px 20px; overflow: hidden;
			background: #e9e9eb url(images/comments-bg.png);
		}
			#main .post .ad a img {
				border: none; border-image: none; -moz-border-image: none; -webkit-border-image: none;
			}
		
		#main #share {
			width: 562px; margin: 0 0 25px -30px; padding: 20px 0 3px 30px;
			background: #e9e9eb url(images/comments-bg.png);
		}
			#main #share ul {
				list-style: none; overflow: hidden;
			}
				#main #share ul li {
					width: 72px; height: 83px; margin: 0 15px 0 0; padding: 10px; float: left; text-align: center;
					background: #fff; border: 1px solid #e3e3e3;
				}
					#main #share ul li div.stumbleupon {
						width: 50px; margin: 0 auto;
					}
						
		#main #author-credit {
			width: 562px; margin: 0 0 25px -30px; padding: 20px 0 5px 30px; overflow: hidden; 
			background: #8d9ba7 url(images/blue-bg.png) 0 0 repeat-x;
		}
			#main #author-credit img {
				float: left; 
				box-shadow: 0 1px 8px #666;
				-moz-box-shadow: 0 1px 8px #666;
				-webkit-box-shadow: 0 1px 8px #666;
			}
			#main #author-credit .author-bio {
				width: 420px; float: left; margin: 0 0 0 20px;
				color: #fff; text-shadow: 0 2px 5px #666;
			}
				#main #author-credit .author-bio cite {
					font-style: normal; color: #d7d7d7;
				}
			#main #author-credit .author-bio a {
				color: #fff; 
			}
				#main #author-credit .author-bio a:hover, #main #author-credit .author-bio a:focus {
					color: #dcdce1;
				}
			
		#main #similar {
			width: 562px; margin: 0 0 0 -30px; padding: 20px 0 5px 30px; 
			background: #8d9ba7 url(images/blue-bg.png) 0 0 repeat-x;
		}	
			#main #similar h4 {
				font-size: 24px; font-weight: normal; color: #fff; text-shadow: 0 2px 5px #666;
				margin: 0 0 10px 0;
			}
			#main #similar ul {
				list-style: none; text-shadow: 0 2px 5px #666;
			}
			#main #similar a {
				color: #fff; 
			}
				#main #similar a:hover, #main #similar a:focus {
					color: #dcdce1;
				}
		
		#main #comments {
			width: 562px; margin: 0 0 0 -30px; padding: 20px 0 20px 30px; overflow: hidden;
			background: #e9e9eb url(images/comments-bg.png);
		}
			
			#main #comments ol.commentlist {
				list-style: none; overflow: hidden;
			}
			#main #comments ol.commentlist li {
				float: right; margin: 0 0 15px 0; width: 435px; padding: 10px 40px 10px 20px;
				background: #fff url(images/light-grid.png);
			}
			
				#main #comments ol.commentlist li img {
					float: left; border: 5px solid #DCDCE1; margin: -10px 0 0 -85px;
				}
				#main #comments ol.commentlist li span.says {
					display: none;
				}
				
				#main #comments ol.commentlist li a {
					color: #3d3a41; text-decoration: none;
				}
					#main #comments ol.commentlist li a:hover, #main #comments ol.commentlist li a:focus { color: #9e9ea3; }
				
				
				#main #comments ol.commentlist li cite {
					float: left; font-style: normal; font-size: 18px;
				}
					
				#main #comments ol.commentlist li .commentmetadata a {
					float: right; font-size: 11px; color: #9e9ea3; text-decoration: none; margin: 3px 0 0 0;
				}
				#main #comments ol.commentlist li p {
					color: #474747; width: 100%; float: right;
				}
				
				#main #comments ol.commentlist li .reply {
					clear: both; float: right;
				}
					#main #comments ol.commentlist li .reply a {
						font-size: 14px; padding: 0 0 0 22px;
						background: url(images/reply-icons.png) no-repeat left top;
					}
				
				
				#main #comments ol.commentlist li .cancel {
					clear: both; float: right; width: auto;
				}
					#main #comments ol.commentlist li .cancel a {
						font-size: 14px; color: #3d3a41; text-decoration: none; padding: 0 0 0 22px;
						background: url(images/reply-icons.png) no-repeat left bottom;
					}
					#main #comments ol.commentlist li .cancel a:hover, #main #comments ol.commentlist li .cancel a:focus { color: #9e9ea3; }
				
				
				#main #comments ol.commentlist ul.children {
					list-style: none; clear: both; margin: 10px 0 0 0;
				}	
				#main #comments ol.commentlist ul.children li {
					background: none; width: 412px; padding: 10px 0 0 0;
				}
			
			
			#main #respond {
				clear: both; padding: 10px; overflow: hidden;
				background: #e9e9eb url(images/comments-bg.png);
			}
				#main #respond form .fields, #main #respond form .message {
					float: left; margin: 0 0 0 15px;
				}
				#main #respond form .message { width: 273px; }
				#main #respond form label {
					display: block; font-size: 15px;
				}
				#main #respond form input {
					width: 150px; height: 20px; padding: 10px 10px 3px 10px; margin: 0 0 5px 0;
					background: #fff url(images/input-bg.png) 0 0 repeat-x; border: 1px solid #e8e8e8;
					font: 14px Helvetica, Arial, Sans-serif;
				}
					#main #respond form input:focus {
						border: 1px solid #dbdbdb;	
					}
				#main #respond form textarea {
					width: 250px; height: 151px; padding: 10px 10px 3px 10px; margin: 0 0 10px 0;
					background: #fff url(images/input-bg.png) 0 0 repeat-x; border: 1px solid #e8e8e8; 
					font: 14px Helvetica, Arial, Sans-serif;
				}
					#main #respond form textarea:focus {
						border: 1px solid #dbdbdb;	
					}
				#main #respond form input.commentsubmit {
					width: auto; height: auto; cursor: pointer; border: none;
					clear: both; float: right; font-size: 24px; color: #fff; 
					padding: 14px 20px 8px 20px;
					background: #3e3c44 url(images/btn-bg.png);
					box-shadow: 0 1px 9px #888;
					-moz-box-shadow: 0 1px 9px #888;
					-webkit-box-shadow: 0 1px 9px #888;
				}
			
				#main #respond cite a {
				float: left; font-style: normal; font-size: 16px; color: #3d3a41; text-decoration: none;
				}
				#main #respond cite a:hover, #main #respond cite a:focus { color: #9e9ea3; }
			
				#main #respond p.error {
					display: block; padding: 5px 10px 3px 10px; margin: 0 0 5px 0; font-size: 12px;
					background: #fffbbf; color: red; border: 1px solid #f9f27e;
				}
		
		#main #pagination {
			overflow: hidden; margin: 0 0 30px 0;
		}
			#main #pagination p {
				width: 235px; text-align: center;
			}
			#main #pagination p.prev {
				float: left;
			}
			#main #pagination p.next {
				float: right;
			}
				#main #pagination p a {
					font-size: 24px; color: #fff;
					display: block;	margin: 0 0 30px 0; padding: 14px 20px 8px 20px;
					background: #3e3c44 url(images/btn-bg.png);
					box-shadow: 0 1px 9px #888;
					-moz-box-shadow: 0 1px 9px #888;
					-webkit-box-shadow: 0 1px 9px #888; 
				}
					#main #pagination p a:hover, #main #pagination p a:focus {
						color: #dcdce1;
					}	
			#main #comments #pagination p.next {
				float: right; margin: 0 30px 0 0;
			}
		
	#side {
		width: 268px; float: left; padding: 0 40px 0 40px;
	}
		#side #subscribe {
			margin: 0 0 26px 0;
		}
			#side #subscribe p#subscriber-count {
				background: url(images/rss-grid.png) 0 bottom repeat-x; margin: 0 0 10px 0; padding: 0 0 6px 0;
			}
				#side #subscribe p#subscriber-count a {
					font: italic 19px Lucida Sans, Lucida Sans Unicode, Lucida Grande; color: #fff; text-decoration: none; 
					border-bottom: 4px solid rgba(255,255,255,0.3); opacity: 0.4; padding: 0 10px 1px 0;
				}
					#side #subscribe p#subscriber-count a:hover, #side #subscribe p#subscriber-count a:focus {
						opacity: 0.6;
					}
			#side #subscribe ul {
				overflow: hidden; list-style: none; 
			}
			#side #subscribe ul li {
				margin: 0 0 0 24px; float: left; 
			}
				#side #subscribe ul li:first-child { margin: 0; }
			
			#side #subscribe ul li a {
				display: block; width: 73px; height: 75px; 
				background: url(images/subscribe-icons.png) 0 2px no-repeat; text-indent: -9999px;
			}
				#side #subscribe ul li.email a {
					background-position: -88px 2px;
				}
				#side #subscribe ul li.twitter a {
					background-position: -175px 2px;
				}
				#side #subscribe ul li a:hover, #side #subscribe ul li a:focus {
					margin: -2px 0 0 0;
				}

		#side #ads {
			overflow: hidden; margin: 0 0 40px 0;
		}
			#side #ads a {
				display: block; margin: 0 5px 10px 4px; float: left;
			}
		
		#side #searchform {
			overflow: hidden; margin: 0 0 10px 0; position: relative;
		}
			#side #searchform input.searchbar {
				width: 211px; padding: 12px 45px 10px 12px; border: none;
				background: #d4d4d4 url(images/search-bg.png) 0 0 repeat-x;
				font: 17px Helvetica, Arial, Sans-serif; color: #404040;
			}
			#side #searchform input.search {
				width: 27px; height: 28px; float: right; position: relative; top: -32px; right: 8px; border: none;
				background: url(images/search-icon.png); cursor: pointer; text-indent: -9999px; padding: 0 0 0 27px;
			}

		#side #discussion {
			margin: 0 0 30px 0;
		}
			#side #discussion h4 {
				font-size: 20px; margin: 0 0 10px 0; font-weight: normal; color: #92a2ac;
			}
			#side #juitterContainer ul li {
			list-style: none; color: #C1C2C6; margin: 0 0 15px 0; clear: both;
			font-size: 12px; line-height: 16px;
		}
			#side #juitterContainer ul li img.juitterAvatar {
				float: left; margin: 0 10px 25px 0; width: 48px;
			}	
			#side #juitterContainer ul li a {
				color: #fff; text-decoration: none;	
			}
			#side #juitterContainer ul li a:hover, #side #juitterContainer ul li a:focus { color: #eee; }




#footer {
	clear: both; padding: 30px 35px; overflow: hidden;
	background: #3d3b43 url(images/footer-bg.png) 0 0 repeat-x;
}

	#footer h4 {
		font-size: 20px; margin: 0 0 10px 0; font-weight: normal; color: #92a2ac;
	}
	
	#footer #about, #footer #popular {
		width: 300px; float: left; margin: 0 40px 0 0; font-size: 14px; color: #fff;
	}
		#footer #popular {
			width: 365px;
		}
			#footer #popular ul {
				list-style: none;
			}
	#footer a {
		color: #fff;
	}
		#footer a:hover, #footer a:focus {
			color: #dcdce1;
		}
	
	#footer #info {
		width: 125px; float: left; text-align: right;
	}
	
	#footer #info p#back-top {
		font-size: 11px;
	}
		#footer #info p#back-top a {
			padding: 0 0 0 15px;
			background: url(images/top-arrow.png) left 3px no-repeat;
		}
	
	#footer #info ul#credits {
		list-style: none; overflow: hidden; float: left; 
	}
		#footer #info ul#credits li {
			float: left; margin: 0 0 0 10px; 
		}
			#footer #info ul#credits li a {
				display: block; opacity: 0.5;
				background: url(images/credits.png) no-repeat; text-indent: 9999px;
			}
			#footer #info ul#credits li.spoongraphics a {
				width: 36px; height: 30px; background-position: -5px 2px;
			}
			#footer #info ul#credits li.wordpress a {
				width: 28px; height: 28px; background-position: -9px -31px;
			}
			#footer #info ul#credits li.smashing a {
				width: 27px; height: 27px; background-position: -9px -68px;
			}
				#footer #info ul#credits li a:hover, #footer #info ul#credits li a:focus {
					opacity: 0.7;
				}


a { outline: none; }


/* Post Specific CSS */

#main p img.obox-marc, #main p img.obox-david, #main p img.interview {
	float: left; padding: 0; margin: 0 10px 0 0;
	border: 5px solid #f2f2f2;
}

#main .websafe { font-size: 60px; line-height: 1; }

.impact { font-family: Impact, Courier; }

.palatino { font-family: Palatino, Courier; }

.garamond { font-family: Garamond, Courier; }

.myriad { font-family: Myriad Pro, Courier; }

.tahoma { font-family: Tahoma, Courier; }

.century { font-family: Century Gothic, Courier; }

.gill { font-family: Gill Sans, Courier; }

.lucida { font-family: Lucida Sans Unicode, Courier; }

.futura { font-family: Futura, Courier; }

.baskerville { font-family: Baskerville, Courier; }

.hoefler { font-family: Hoefler Text, Courier; }

.cooper { font-family: Cooper Black, Courier; }

.rockwell { font-family: Rockwell, Courier; }


#main .post .alignleft {
	float: left;
	margin: 0 10px 10px 0;
}

#main .post .alignright {
	float: right;
	margin: 0 0 10px 10px;
}


#main .post ul.profile {
	list-style: none; float: left; font-size: 16px; margin: -8px 0 0 12px;
	color: #3C3A41; background: none;
}
	#main .post ul.profile li { margin: 0 0 15px 0; }
	
	
#main .post ul.specs {
	list-style: none; float: left; font-size: 16px; margin: 0; padding: 7px;
	color: #3C3A41; background: none; width: 440px;
}
	#main .post ul.specs li { margin: 0 0 9px 0; }

























/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}