/*

Theme Name: teh blog ar (not) dead
Theme URI: http://mawsh.com/labs/tehblogarnotdead/
Description: A Sweetcron theme that keeps your blog posts front and center so that they don't get drowned out by your other geeky internet activities.
Version: 1.0
Author: mawsh
Author URI: http://mawsh.com

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

Customised heavily by Adam Dodson
http://adamdodson.org

*/

/* Reset */

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

blockquote {
	margin: 1em 3em;
	color: #999;
	border-left: 2px solid #999;
	padding-left: 1em; }

/* Global */

html {height:100%;margin-bottom:1px;}

body {
	background: #fff url('bg.gif') top center repeat;
	font-family: "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
	color: #555555;
	text-align: center;
	font-size: 100%;
	}

a, a:visited {
	color: #0066cb;
	text-decoration: none;
	}

a:hover, a:active {
	color: #555;
	text-decoration: none;
	}

input, textarea {
	font-family: "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
	}

input		{ -moz-border-radius:10px; -webkit-border-radius:10px; }

textarea {
	}

hr {
	border: 1px dotted #DADADA;
	height: 1px;
	clear: both;
	margin: 10px 0px;
	}

code {
	color: green;
	background: #FAFAFA;
	padding: 0 3px;
	border: 1px solid #EAEAEA;
	}

/* Site Specific */

.container {
	clear: both;
	font-size: 1.0em;
	line-height: 1.0em;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	position: relative;
	top: 0px;
	left: 0px;
	text-align: left;
	width: 980px;
/* default width: 940px; Original code set to 98%, changed to 980px */
	}


/* Header & Profile */

#header, #profile {
	clear: both;
	float: left;
	margin: 0 auto;
	position: relative;
	width: 100%;
	}

	#header {
		background: #000;
		height: 50px;
		}

		#header #toggle {
			cursor: pointer;
			position: absolute;
			left: 620px;
			top: 13px;
			height: 25px;
			width: 80px;
			}

		#header-titles {
			position: absolute;
			width: 100%;
			top: 0px;
			left: 0px;
			/*z-index: 500;*/
			}

		#header #learn {
			background: url('i/learn-more.png') 620px 13px no-repeat;
			height: 50px;
			}

		#header.active #learn {
			background: url('i/learn-less.png') 620px 13px no-repeat;
			}

		#header-titles #site-title {
			color: #fff;
			font-size: 1.125em;
			font-weight: bold;
			left: 0px;
			padding-left: 20px;
			position: absolute;
			top: 18px;
			}			

			#header-titles #site-title a {
				color: #fff;
				}
		
		#header-titles #rss-feed {
			background: url('i/feed-icon-14x14.png') 0 3px no-repeat;
			font-size: 0.75em;
			padding-left: 20px;
			padding: 1px 0 5px 20px;
			position: absolute;
			left: 3px;
			bottom: 5px;
			}
		
		#header-titles #rss-feed a {
			color: #dc6022;
			}
		
		#header-titles #rss-feed a:hover {
			color: #fff;
			}
	
	#profile {
		background: url('i/bg-profile.png') 0 0;
		z-index: 100;
                text-align: center;
                margin:0 auto;
			/* Uncomment to float profile */
			/*
			position: absolute;
			top: 50px; left: 0px;
			*/
		}

		#profile .wrap {
			float: left;
			position: relative;
			width: 940px;
			}

		#profile #profile-pic {
			border: none;
			float: left;
			position: relative;
			left: 20px;
			top: 20px;
			width: 120px;
			}
		
		#profile #profile-about {
			color: #888;
			float: left;
			padding-left: 40px;
			margin-top: 20px;
			width: 520px;
			}

			#profile #profile-about h2, #profile #profile-feeds h2 {
				color: #fff;
				font-size: 0.9em;
				font-weight: bold;
				padding-top: 20px;
				margin-bottom: 5px;
				}
			
			#profile #profile-about p, #profile #profile-feeds p {
				font-size: 0.8em;
				line-height: 1.4em;
				}
		
		#profile #profile-feeds {
			float: left;
			margin-top: 10px;
			width: 200px;
			}

			#profile #profile-feeds p {
				padding: 3px 0;
				padding-left: 20px;
				height: 22px;
				}

				/* Add more classes as needed */

				#profile #profile-feeds .twitter {
					background: url('http://www.twitter.com/favicon.ico') 0px 5px no-repeat;
					}

				#profile #profile-feeds .flickr {
					background: url('http://www.flickr.com/favicon.ico') 0px 5px no-repeat;
					}

				#profile #profile-feeds .youtube {
					background: url('http://www.youtube.com/favicon.ico') 0px 5px no-repeat;
					}

				#profile #profile-feeds .digg {
					background: url('http://www.digg.com/favicon.ico') 0px 5px no-repeat;
					}

				#profile #profile-feeds .facebook {
					background: url('http://www.facebook.com/favicon.ico') 0px 5px no-repeat;
					}
				#profile #profile-feeds .adamdodson {
					background: url('http://www.adamdodson.org/favicon.ico') 0px 5px no-repeat;
					}
				#profile #profile-feeds .emailme {
					background: url('http://www.adamdodson.org/email.ico') 0px 5px no-repeat;
					}
				#profile #profile-feeds .linkedin {
					background: url('http://www.linkedin.com/favicon.ico') 0px 5px no-repeat;
					}

			#profile #profile-feeds a:hover {
				color: #fff;
				}
		
		#profile #profile-tags {
			clear: both;
			padding: 45px 20px 15px;
			float: left;
			width: 680px;
			}

			#profile #profile-tags ul, #body #main_container #single_container .tag_list {
				list-style-type: none;
				padding: 5px 0;
				}
			
			#profile #profile-tags li, #body #main_container #single_container .tag_list li {
				color: #fff;
				display: inline;
				margin: 0;
				font-size: 0.8em;
				}

				#body #main_container #single_container .tag_list li {
					color: #555;
					}
			
			#profile #profile-tags li a {
				color: #626262;
				}
			
			#profile #profile-tags li a:hover {
				color: #ddd;
				}

			#profile #search_form {

				}
			
			#profile #search_form p {
				color: #fff;
				font-size: 0.8em;
				margin-bottom: 5px;
				padding-bottom: 5px;
				}

				#profile #search_form input {
					background: #101010;
					border: 0;
					border-top: 1px solid #000;
					color: #fff;
					font-size: 0.8em;
					padding: 5px 7px;
					height: 15px;
					vertical-align: middle;
					width: 150px;
					}
				
				#profile #search_form #submit {
					background: #000;
					border: 1px solid #000;
					color: #fff;
					height: 26px;
					margin-left: 2px;
					padding: 0 2px;
					width: 90px;
					text-transform: uppercase;
					}


/* Body */

#body, #footer {
	clear: none;
	float: left;
	position: relative;
        text-align:center;
        margin:0 auto;
	}

	/* Home/breakdcrumb bar */

	#body .home {
		font-size: 0.8em;
		padding: 3px 0;
                margin-left:5px;
		border: 2px solid #000;
                background-color:#FFF;

		}


	/* Blog items */

	#body #blog-items {
		
text-color:white;
		height: 240px;
		margin: 0 auto; 
                margin-top: 10px;
		width: 945px;
		}

		#body #blog-items #latest {
			width:100%;
text-align:center;
			}

			#body #blog-items #latest h2 {
				font-size: 1.8em;
				font-weight: bold;
				margin: 5px 0 15px;
				}
			
			#body #blog-items #latest small {
				color: #white;
				display: block;
				font-size: 0.7em;
				margin-bottom: 10px;
				}
			
			#body #blog-items #latest p {
				color: white;
				font-size: 0.875em;
				line-height: 1.8em;
				}

				#body #blog-items #latest .readmore {
					margin-top: 10px;
					}

				#body #blog-items #latest .readmore a {
					background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(0, 0, 0)), to(rgb(150,150,255)));
					color: #fff;
					font-size: 0.9em;
					padding: 3px 5px;
-webkit-animation-name: 'glow';
-webkit-animation-duration: .7s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease-in-out;

	/* Rounded corners */
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 3px;
 

					}
				
				#body #blog-items #latest .readmore a:hover {
					background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255,200,250)), to(rgb(0,0,0)));
					}

		#body #blog-items #recent {
			float: right;
			width: 180px;
			}

			#body #blog-items #recent h2 {
				color: white;
				font-size: 1.06em;
				font-weight: bold;
				padding-left: 20px;
				margin-bottom: 15px;
				}
				
				#body #blog-items #recent h2 a {
					color: #white;
					}
			
			#body #blog-items #recent li {
				font-size: 0.875em;
				margin-bottom: 10px;
				}
				
				#body #blog-items #recent li h3 {
					font-weight: normal;
					}

					#body #blog-items #recent li h3 a {
						display: block;
						padding: 5px 0;

}

						}

					#body #blog-items #recent li h3 .selected {
						background: #0066cb url('i/bg-gen.png');
						border: 1px solid #fff;
						color: #fff;
						font-weight: normal;
						padding: 4px 7px;
						}
				
				#body #blog-items #recent li small {
					color: #626262;
					font-size: 0.8em;
					}
				
				#body #blog-items #recent li .readmore {
					font-size: 0.9em;
					font-weight: bold;
					}
	
	/* All items */
	
	#body #items {
		float: left;
		margin: 20px 0 0;
		}

		#body #items li {
			background: url('i/bg-item.png') no-repeat;
			display: inline;
			float: left;
			height: 300px;
			padding-bottom: 1px;
			margin-left: 20px;
			margin-bottom: 20px;
			width: 220px;
			}

			#body #items li.first {
		/*		clear: left; */
				margin-left: 0;
				}
			
			#body #items li .meta {
				color: #b8b8b8;
				font-size: 0.6875em;
				height: 20px;
				overflow: hidden;
				padding-left: 20px;
				}

				#body #items li .meta a {
					color: #626262;
					font-size: 1.15em;
					}
				
				#body #items li .meta a:hover {
					color: #0066cb;
					}
			
			#body #items li .box {
				cursor: pointer;
				font-size: 0.8em;
				line-height: 1.4em;
				height: 280px;
				position: relative;
				overflow: hidden;
				}

				/* Twitter */

				#body #items li .twitter {
					background: url('i/twitterback.jpg') no-repeat;
					}
					

					#body #items li .twitter .profile-pic {
						border: 1px solid #fff;
						position: absolute;
						top: 10px;
						left: 10px;
						}
						

					#body #items p.twitter_tweet {
						background: white;
						padding: 8px 12px;
						overflow: hidden;	
						background: white url(i/twitterdither.gif) bottom left repeat-x;
						border: 4px solid #DDD;
						border-style: none none solid none;
						margin: 0 0px;
						font-weight: bold;
						color: black;
						word-wrap: break-word;
						}
					
					#body #items p.twitter_tweet a {
						color: black;
						word-wrap: break-word;
						}


				
				/* Video */
				
				#body #items li .video {
					background: url('i/bg-video.png') no-repeat;
					}

					#body #items li .video .content {
						color: #fff;
						font-weight: bold;
						left: 20px;
						position: relative;
						top: 15px;
						width: 180px;
						}
					
					#body #items li .video .content a {
						color: #fff;
						}
				
				/* Photo */
				
				#body #items li .photo {
background: #000;
					}

					#body #items li .photo .content {
						background: url('i/bg-photo.png');
						color: #aaa;
						font-size: 0.9em;
						line-height: 1.3em;
						height: 140px;
						padding: 10px;
						position: absolute;
						top: 120px;
						left: 0;
						width: 200px;
						}
					
					#body #items li .photo .content strong {
						color: #fff;
						font-size: 1.17em;
						font-weight: bold;
						}
					
					#body #items li .photo .content a {
						color: #fff;
						}

				/* Facebook */
				
				#body #items li .myblog {
					}

					#body #items li .facebook .title {
						background: #3B5998;
						border: 1px solid #ececec;
						font-weight: bold;
						padding: 10px 10px;
						color:white;
						}

						#body #items li .facebook .title a {
						color: #fff;
						left: 160px;
						}					

					#body #items li .facebook .content  {
						font-size: 0.85em;
						padding: 10px 10px;
						color: #000;
						}



				
				/* Blog */
				
				#body #items li .blog {
					}

					#body #items li .blog .title {
						background: #0066cb url('i/bg-gen.png');
						border: 1px solid #ececec;
						color: #fff;
						font-weight: bold;
						padding: 10px 20px;
						}

						#body #items li .blog .title a {
						color: #fff;
							}
					
					#body #items li .blog .content {
						font-size: 0.85em;
						padding: 10px 20px;
						}

				/* My Blog */
				
				#body #items li .myblog {
					}

					#body #items li .myblog .title {
						background: #000000 url('i/bg-adamdodson.png');
						border: 1px solid #ececec;
						font-weight: bold;
						padding: 10px 10px;
						}

						#body #items li .myblog .title a {
						color: #fff;
						left: 160px;
						font-weight: bold;
							}
					
					#body #items li .myblog .content {
						font-size: 0.85em;
						padding: 10px 10px;
						color: #fff;
						}


				/* Google */

				#body #items li .google {
					background: url('i/googleback.jpg') no-repeat;
					}

					#body #items li .google .title {
						border: 1px solid #ececec;
						font-weight: bold;
						padding: 10px 10px;
						}

						#body #items li .google .title a {
							color: #fff;
							left: 160px;
							}
					
					#body #items li .google .content {
						font-size: 0.85em;
						padding: 10px 10px;
						color: #fff;
						}
						
										/* Reddit */

				#body #items li .reddit {
					background: url('i/redditback.jpg') no-repeat;
					background-color: black;
					
					}

					#body #items li .reddit .title {
						border: 1px solid #ececec;
						font-weight: bold;
						padding: 10px 10px;
						}

						#body #items li .reddit .title a {
							color: #fff;
							font-size: 0.95em;
							left: 160px;
							}
					
					#body #items li .reddit .content {
						font-size: 0.85em;
						padding: 10px 10px;
						color: #fff;
						}
						
						
				
				/* Generic */
				
				#body #items li .gen {
					background: url('i/googleback.jpg') no-repeat;					}

					#body #items li .gen .title {
						border: 1px solid #ececec;
						font-weight: bold;
						padding: 10px 10px;

						}

						#body #items li .gen .title a {
							color: #fff;
							left: 160px;
								}
					
					#body #items li .gen .content {
						font-size: 0.85em;
						padding: 10px 10px;
						color: #fff;
							}
#body #items li .gen .content a {
						color: #fff;
						}


	
	/* Pagination */

	#body #pagination {
		border-top: 2px solid #ddd;
		clear: both;
		font-size: 0.8em;
		font-weight: bold;
		float: left;
		margin-top: 20px;
		margin-bottom: 30px;
		padding: 20px 0;
		width: 100%;
		}

		#body #pagination a {
			background: #0066cb;
			color: #fff;
			font-weight: normal;
			padding: 1px 5px;
			}
		
		#body #pagination a:hover {
			background: #333;
			}
	
	/* Single Template */
	
	#body #main_container {
		background: #fff;
		border: 1px solid #ececec;
		/* default width: 898px; */
                width: 98%;
margin-left: auto; 
margin-right: auto;
padding:10px;
		}

		/* Breadcrumb */
		
		#body #main_container .breadcrumb {
			font-size: 0.8em;
			padding: 0 0 20px;
			margin-bottom: 30px;
			border-bottom: 2px solid #ddd;
			}

		#body #main_container #single_container {
width: 900px;
margin-left: auto; 
margin-right: auto;
text-align:left;
position:block;
left:-150px;
padding:10px;
			}

			#body #main_container #single_container h2 {
				font-size: 1.8em;
				font-weight: bold;
				margin: 5px 0 15px;
				}
				
			#body #main_container #single_container small {
				color: #626262;
				display: block;
				font-size: 0.7em;
				margin-bottom: 20px;
				}
			
			#body #main_container #single_container p {
				font-size: 0.8em;
				line-height: 1.8em;
				margin-bottom: 15px;
				}
			
			#body #main_container #single_container em, #body #main_container #single_container i {
				font-style: italic;
				}
			
			#body #main_container #single_container strong, #body #main_container #single_container b {
				font-weight: bold;
				}
			
			#body #main_container #single_container ul, #body #main_container #single_container ol {
				margin-bottom: 15px;
				}

				#body #main_container #single_container ul {
					list-style-type: disc;
					}
				
				#body #main_container #single_container ol {
					list-style-type: decimal;
					}

				#body #main_container #single_container li {
					font-size: 0.8em;
					line-height: 1.8em;
					margin-left: 25px;
					}

/* Footer */

#footer {
	background: transparent #000;
	font-size: 0.7em;
	float: left;
	width: 100%;
	padding: 10px 0;
	}

@charset "utf-8";
/* CSS Document */

div.cute_profiles_sprite{
clear:both;
position:fixed;
z-index:900;
border:0;
margin:0;
padding:0;
}
div.cute_profiles_sprite a{background:url(http://adamdodson.org/wp-content/plugins/cute-profiles/images/cute_profiles_sprite21.png) no-repeat 0 0;display:block;width:24px;height:24px;padding:0;margin:0 0 4px 0;}
div.cute_profiles_sprite a.cute_profiles_contact{background-position:0 0;}
div.cute_profiles_sprite a.cute_profiles_contact:hover{background-position:0 -24px;}

div.cute_profiles_sprite a.cute_profiles_twitter{background-position:-24px 0;}
div.cute_profiles_sprite a.cute_profiles_twitter:hover{background-position:-24px -24px;}

div.cute_profiles_sprite a.cute_profiles_facebook{background-position:-48px 0;}
div.cute_profiles_sprite a.cute_profiles_facebook:hover{background-position:-48px -24px;}

div.cute_profiles_sprite a.cute_profiles_stumble{background-position:-72px 0;}
div.cute_profiles_sprite a.cute_profiles_stumble:hover{background-position:-72px -24px;}

div.cute_profiles_sprite a.cute_profiles_google{background-position:-120px 0;}
div.cute_profiles_sprite a.cute_profiles_google:hover{background-position:-120px -24px;}

div.cute_profiles_sprite a.cute_profiles_reddit{background-position:-144px 0;}
div.cute_profiles_sprite a.cute_profiles_reddit:hover{background-position:-144px -24px;}

div.cute_profiles_sprite a.cute_profiles_digg{background-position:-168px 0;}
div.cute_profiles_sprite a.cute_profiles_digg:hover{background-position:-168px -24px;}

div.cute_profiles_sprite a.cute_profiles_youtube{background-position:-192px 0;}
div.cute_profiles_sprite a.cute_profiles_youtube:hover{background-position:-192px -24px;}

div.cute_profiles_sprite a.cute_profiles_linkedin{background-position:-216px 0;}
div.cute_profiles_sprite a.cute_profiles_linkedin:hover{background-position:-216px -24px;}

div.cute_profiles_sprite a.cute_profiles_rss{background-position:-240px 0;}
div.cute_profiles_sprite a.cute_profiles_rss:hover{background-position:-240px -24px;}

div.cute_profiles_sprite a.cute_profiles_skype{background-position:-264px 0;}
div.cute_profiles_sprite a.cute_profiles_skype:hover{background-position:-264px -24px;}
div.cute_profiles_sprite a.cute_profiles_ff{background-position:-312px 0;}
div.cute_profiles_sprite a.cute_profiles_ff:hover{background-position:-312px -24px;}

div.cute_profiles_sprite a.cute_profiles_technorati{background-position:-336px 0;}
div.cute_profiles_sprite a.cute_profiles_technorati:hover{background-position:-336px -24px;}

div.cute_profiles_sprite a.cute_profiles_yahoo{background-position:-360px 0;}
div.cute_profiles_sprite a.cute_profiles_yahoo:hover{background-position:-360px -24px;}

div.cute_profiles_sprite a.cute_profiles_delicious{background-position:-384px 0;}
div.cute_profiles_sprite a.cute_profiles_delicious:hover{background-position:-384px -24px;}

div.cute_profiles_sprite a.cute_profiles_myspace{background-position:-408px 0;}
div.cute_profiles_sprite a.cute_profiles_myspace:hover{background-position:-408px -24px;}

div.cute_profiles_sprite a.cute_profiles_flickr{background-position:-432px 0;}
div.cute_profiles_sprite a.cute_profiles_flickr:hover{background-position:-432px -24px;}

div.cute_profiles_sprite{
top:90px;
left:0px;
}

ul.tag_list li {
        display: inline;
        margin-right: 3px;
        padding: 3px; text-decoration: none;
     }
ul.tag_list li :link  { color: #81d601; }
ul.tag_list li :visited { color: #019c05; }
ul.tag_list li :hover { color: #ffffff; background: #69da03; }
ul.tag_list li :active { color: #ffffff; background: #ACFC65; }

a#homeLogo {
margin-left:auto;
margin-right:auto;
width:598px;
height:78px;
text-indent:-3000px;
background:url('/system/application/views/themes/teh_blog_ar_(not)_dead/barcode-colour.jpg') 0 0 no-repeat;
display:block;
z-index:2;

a#homeLogo span {
float:left;display:block;
background-image:url('/system/application/views/themes/teh_blog_ar_(not)_dead/barcode-colour.jpg');
background-repeat:no-repeat;
}

.clear {clear:both;}


a[href$='.pdf'] { padding:0 20px 0 0; background:transparent url(/system/application/views/themes/teh_blog_ar_(not)_dead/i/file-pdf.png) no-repeat center right; }
a[href$='.zip'] { padding:0 20px 0 0; background:transparent url(/system/application/views/themes/teh_blog_ar_(not)_dead/i/file-zip.png) no-repeat center right; }

/* results positioning */
#search-results		{ position:absolute; z-index:90; top:40px; right:10px; visibility:hidden; }
/* triangle! */
#search-results-pointer { width:0px; height:0px; border-left:20px solid transparent; border-right:20px solid transparent; border-bottom:20px solid #eee; margin-left:80%; }
/* content DIV which holds search results! */
#search-results-content { position:relative; padding:20px; background:#fff; border:3px solid #eee; width:380px; min-height:200px; -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5) }

#selection-image	{ background:url('/system/application/views/themes/teh_blog_ar_(not)_dead/i/selection-bubble.png') 0 0 no-repeat; width:25px; height:29px; position:absolute; top:-50px; left:-50px; }

#floatbar {width:160px;height:600px;float:right;text-align:center;}
#floatbar ul {background:black; padding:10px;}