/*

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

*/



/* Global */
* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	color: #333;
	font-size: 62.5%;
	font-family: arial, verdana, sans-serif;
	text-align: center;
} 


h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}
a {
	color: #000;
	outline: none;
	text-decoration: none;
}
a:hover {
	color: #3c6c92;
}


/* Site Specific */



#wrapper {
	/* 
		sets the minimum(s) for the entire site
		off of which everything else is based on
	*/
	font-size: 1.2em;
	line-height: 1.4em;
}

#wrapper {
	margin:  auto;
	text-align: left;
	width: 970px;
	padding: 0 20px 0;
}


/* Header & Profile */


#masthead {
	padding: 7px 0
}

#masthead h1 {
	float: left;
	margin: 15px 0 0 7px;
}
#masthead h1 a {
	text-transform: uppercase;
	width: 400px;
}



#header, #profile {
	clear: both;
	float: left;
	margin: 0;
	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;
			top: 15px;
			left: 740px;
			}
		
		#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;
			/* Uncomment to float profile */
			/*
			position: absolute;
			top: 50px; left: 0px;
			*/
		}

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

		#profile #profile-pic {
			border: 10px solid #111;
			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: 10px;
				margin-bottom: 5px;
				}
			
			#profile #profile-about p, #profile #profile-feeds p {
				font-size: 0.8em;
				line-height: 1.4em;
				}
		
		 #profile-feeds {
			}

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

				/* Add more classes as needed */

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

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

				 #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-feeds .facebook {
					background: url('http://www.facebook.com/favicon.ico') 0px 5px no-repeat;
					}

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

			 #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 {
				padding-top: 5px;
				position: absolute;
				top: 240px;
				left: 740px;
				}
			
			#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: 100px;
					}
				
				#profile #search_form #submit {
					background: #000;
					border: 1px solid #000;
					color: #fff;
					height: 26px;
					margin-left: 2px;
					padding: 0 2px;
					width: 60px;
					text-transform: uppercase;
					}


/* Body */

#body {
	clear: both;
	position: relative;
	padding:0 20px;
	}
	


	/* Home/breakdcrumb bar */

	#body  {
		padding: 20px 0;
		}
 #body h1 a {
 	text-transform: uppercase;
	width:400px;
 	font-size: 2em;
 	margin-left: 7px;
 	}

	/* Blog items */

	 #blog-items {
		background: #fff;
		height: 260px;
		margin:10px 0 0 0;
		padding: 28px 0px 0px;
		width: 970px;
		}

		 #blog-items #latest {
			float: left;
			width: 420px;
			}

			 #blog-items #latest h2 {
				font-size: 1.6em;
				margin: 5px 0 15px;
				line-height: 1.4em;
				padding-left: 3px;
				}
			
			 #blog-items #latest small {
				border-top: 1px solid #ccc;
				font-size: 0.9em;
				text-align:right;
	text-transform: uppercase;
				color: #777777;
				display: block;
				
				
				
			}
				 #blog-items #latest small .date {
	position: absolute;
	top: -9px;
	right: 0;
				
				}
		
				
			
			 #blog-items #latest p {
				color: #000;
				line-height: 1.6em;
				padding: 3px; 
				}



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

				 #blog-items #latest .readmore a {
					background: #ccc;
					color: #fff;
					padding: 3px 5px;
					}
				
				 #blog-items #latest .readmore a:hover {
					background: #333;
					}

		 #blog-items #recent {
			float:left;
margin:28px 0 0 30px;
overflow: hidden;
width: 240px;
			}

			 #blog-items #recent h2 {
			
				
				border-bottom:1px solid #EEEEEE;
border-top:1px solid #CCCCCC;
margin:0 0 10px;
padding:7px 4px;
				}
				
				 #blog-items #recent h2 a {
					color: #000;
					}
			
			 #blog-items #recent li {
				margin-bottom: 10px;
				}
				
				 #blog-items #recent li h3 {
					font-weight: normal;
					}

					#body #blog-items #recent li h3 a {
						

}
						
						
						
						

					 #blog-items #recent li h3 .selected {
					
						color: #999;
						font-weight: normal;
						padding: 4px 7px;
						}
				
				 #blog-items #recent li small {
					
					}
				
				 #blog-items #recent li .readmore {
					font-weight: normal;
					}
	
	/* All items */
	
	
	
	/* Pagination */

	 #pagination {
		clear: both;
		font-weight: bold;
		float: left;
		margin-top: 20px;
		margin-bottom: 10px;
		padding: 20px 0;
		width: 970px;
		}

		 #pagination a {
			background: #ccc;
			color: #fff;
			font-weight: normal;
			padding: 1px 5px;
			}
		
		 #pagination a:hover {
			background: #333;
			}
	
	/* Single Template */
	
	#body #main_container {
		background: #fff;
		border: 1px solid #ececec;
		margin: 20px 0;
		padding: 20px;
		width: 898px;
		}

		/* 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;
			}

			#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 */


	
/* =----------------------------------- top + bottom navigation */

.headerbg {
	
	margin: 0;
	width: 100%;
	background: #eee;
	border-top: 2px solid #999;
			}

.navStripWrapper {
	text-align: left;
	margin: 0;
	margin: 0 auto;
	padding: 0 20px 0;
	position: relative;
	top: 0px;
	left: 0px;
	text-align: left;
	width: 970px;
	
	
	
}
.nav {
	background: #eee;
}
.nav li {
	border-right: 1px solid #ccc;
	display: block;
	float: left;
}
.nav li a {
	display: block;
	padding: 7px 4px 0 7px;
	width: 110px;
	height: 42px;
}
.nav li a span {}
.nav li a:hover {
	background: #333;
}
.nav li a.focus {
	background: #3c6c92;
}

.fix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.fix {
	display: inline-block;
} 
* html .fix{
	height: 1%;
}
.fix{
	display:
	block;
}

.nav li {
	line-height: 1.2em;
}
.nav li a {
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.nav li a span {
	color: #888;
	font-size: 0.9em;
	font-weight: normal;
	text-transform: lowercase;
}
.nav li a.focus span {
	color: #ccc;
}
.nav li a:hover,
.nav li a.focus {
	color: #fff;
}

.postMeta {
	border-top: 1px solid #ccc;
	text-align: right;
	margin-bottom: 14px;
	position: relative;
}
.postMeta .container {
	position: absolute;
	top: -12px;
	right: 0;
}
.postMeta span.date {
	background: #fff;
	padding: 0 4px;
}

.postMeta {
	font-size: 0.9em;
	text-transform: uppercase;
}
.postMeta span.date {
	color: #777;
}

/* 2nd column*/ 

#secondaryColumn {
	float: left;
	margin: 0px 0 0 30px;
overflow: hidden;
	width: 240px;
}


#secondaryColumn h3 {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #eee;
	margin: 0 0 10px 0;
	padding: 7px 4px;
	font-size: 1.2em;
}

#secondaryColumn a {
	border-bottom: 1px solid #ddd;
	color: #3c6c92;
	font-weight: normal;
}

#secondaryColumn a li {
	
}
#secondaryColumn ul li {
	margin: 0 3px 7px 21px;
	list-style: circle;
}

/* Footer */

#footer {
	clear: both;
	border-top: 1px solid #3c6c92;
	margin: 0px 0;
}
#footer p {
	padding: 14px 0px 0; 
}

#footer a {
	padding: 14px 0px 0; 
	font-weight: bolder;
}

.right {
	float:right;
}
.left {
	float: left;
}

/* activity feed */

#main ul#activity_list {
	margin: 0px 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
}
#main ul#activity_list li {
	border: 1px solid #CCC;
	height: 34px;
	margin: 0 0 10px 0;
	text-shadow: 0 0 0 #FFF;
	width: 690px; 
}
#main ul#activity_list li span {
	height: 34px;
	background-color: #FFF;
	display: block;
}
#main ul#activity_list li a.article {
	color: #565656;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	line-height: 36px;
	height: 34px;
	padding: 0 10px;
	float: left;
	position: relative;
	margin: 0;
}
#main ul#activity_list li a.article:visited {
	text-decoration: line-through;
	font-weight: normal;
	color: #AAA;
}
#main ul#activity_list li a.article:hover {
	color: #e3173e;
	text-decoration: none;
}
#main ul#activity_list li a.blog {
	color: #565656;
	font-size: 12px;
	text-decoration: none;
	display: block;
	line-height: 36px;
	height: 34px;
	padding: 0 10px;
	float: right;
	position: relative;
}
#main ul#activity_list li a.blog:hover {
	color: #e3173e;
}

#filler {}

#mainColumn {
	float: left;
	margin: 28px 0 0 0px;
	width: 420px;
	background: #fff;
}