/*
Theme Name: Webified
*/


* {
	margin:0;
	padding:0;
	}
	

/* Begin Settings and Classes */

	
.pagetitle {
	margin-bottom:20px !important;
	}
	
small {
	font-size:.9em;
	color:#777;
	}
	
code {
	font: 1.1em "Courier New", Courier, Fixed;
	}
	
pre {
	font: 1.1em "Courier New", Courier, Fixed;
	margin:1.5em;
	padding:10px;
	background:#fafafa;
	border:1px solid #eee;
	}
	
acronym, abbr {
	font-size: 0.9em;
	letter-spacing: .07em;
	}
	
hr {
	clear:both;
	width:80%;
	height:1px;
	border:none 0;
	color:#ccc;
	background-color:#ccc;
	margin:1.5em 0;
	}
	
img {
	border:none;
	}
	
blockquote {
	margin:1.5em;
	padding:1px 1.5em;
	background:#fafafa;
	border:1px solid #eee;
	border-left-width:3px;
	}
	
	cite {
		font-style:italic;
		font-size:.9em;
		display:block;
		margin:5px 0 0;
		text-align:right;
		}
		
	cite:before {
		content: "\2014 \0020";
		}
		
.post>ul, .post>ol {
	margin:1.5em;
	}
	
	.post li {
		padding:.25em 0;
		margin-left:30px;
		}
		
	.post li h3 {
		margin:0;
		}
		
.clear { 
	clear:both;
	height:0;
	line-height:0;
	font-size:1px;
	}
		
.alignleft {
	float:left;
	}
	
.alignright {
	float:right;
	}
	
.aligncenter, div.aligncenter, img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
/* Everything with a 3 pixel border radius */
pre, blockquote, .wp-caption, .attachment img, #header #searchform, #s, #searchsubmit, #nav li a, #sidebar>ul, #sidebar h4 {
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}


/* Begin Images */	
img.alignleft {
	margin-right:10px;
	}
	
img.alignright {
	margin-left:10px;
	}

.wp-caption, .attachment img {
	border: 1px solid #ccc;
	text-align: center;
	background-color: #f5f5f5;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: .9em;
	line-height: 1.5em;
	padding: 0 4px 4px;
	margin: 0;
}

.attachment img {
	padding:4px;
	}
/* End Images / End Settings and Classes */

		
/* Begin Content */
	
		
	.navigation {
		height:1.5em;
		font-size:.9em;
		margin:1.5em 0;
		}

/* Begin Comments */		
.commentlist {
	margin-top:1.5em;
	}
		
.commentlist li {
	list-style:none;
	padding-bottom:1px;
	margin-bottom:40px;
	}
	
.commentlist li.alt {
	}
	
	.commentmetadata {
		font-size:.9em;
			background:#fff;
			padding: 10px;
			margin-bottom:10px;
		}
		
	.avatar {
		float:left;
		margin:-10px 10px 0 -10px;
		display:block;
		}
		
	.commentlist li p {
		padding:0 10px;
		}
		
	
#commentform textarea {
	width:485px;
	}
/* End Comments / End Content */
			



/* -------------------------------------- */
/* -------  GLOBAL ELEMENTS  ------------ */
body,h1,h2,h3,h4,h5,h6,form,img,span,div,ul,li,p {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
body {
	background: url("images/page_bg.gif") repeat-x #ffffff;
	font: 0.8em Tahoma;
	text-align: center;
	color: #4f4c46;
}

p + p { margin-top: 1.5em; }


h3 {
	margin-top: 1.5em;
	margin-bottom: .5em; 
}

a { text-decoration: underline; color: #9d0f0f; }
a:hover { text-decoration: none; }
.floatleft { float: left; }
.floatright { float: right; }

#centered {
	width: 909px;
	margin: 0 auto;
	text-align: left;
}

/* -------------------------------------- */
/* -------  HEADER  --------------------- */
#header {
	background: url("images/header_bg.gif") no-repeat;
	margin-top: 4px;
	height: 127px;
}
	/* Logo */
	#header #logo {
		float: left;
		padding: 44px 0px 0px 24px;
	}
		#header #logo a#rss_logo {
			width: 38px; height: 50px;
			display: block;
			text-indent: -1000000px;
			background: url("images/feed_logo.gif") no-repeat top left;
			float: left;
		}
			#header #logo a:hover#rss_logo {
				background: url("images/feed_logo.gif") no-repeat bottom left;
			}
			
	/* Search box */
	#header #search {
		background: url("images/search_bg.gif") no-repeat;
		float: right;
		margin-top: 93px;
		width: 243px; height: 34px;
	}
		#header #search div {
			padding: 5px 7px 4px 16px;
		}
		#header #search .search_box {
			border: 0px;
			padding: 6px 0px 6px 0px;
			font: 0.9em Tahoma;
			color: #3d3a37;
			width: 157px;
			float: left;
			background: transparent;
		}
		#header #search .search_button {
			float: right;
		}
		#header #search div fieldset {
			padding: 0px;
			margin: 0px;
			border: 0px;
		}
		
	/* Submenu */
	#header ul#submenu {
		float: right;
		margin: 99px 1px 0px 0px;
		border-left: 1px solid #d8cdb6;
		padding: 2px 0px 0px 1px;
		background: url("images/submenu_bg.gif") repeat-x;
		display: table;
	}
		#header ul#submenu li {
			display: table-cell;
			padding-right: 1px;
		}
			#header ul#submenu li.last {
				padding: 0px;
			}
			#header ul#submenu li a {
				background: url("images/submenu_links.gif") no-repeat top left;
				display: block;
				color: #5b5445;
				font: 0.8em Tahoma;
				width: 132px; height: 25px;
				text-decoration: none;
			}
				#header ul#submenu li a:hover {
					background: url("images/submenu_links.gif") no-repeat bottom left;
					text-decoration: underline;
				}
				#header ul#submenu li a span {
					display: block;
					padding: 6px 0px 5px 29px;
					background-repeat: no-repeat;
					background-position: 7px 5px;
				}
					#header ul#submenu li a span.feed {
						background-image: url("images/icons/bullet_feed.png");
					}
					#header ul#submenu li a span.bookmark {
						background-image: url("images/icons/bullet_star.png");
					}
					
/* -------------------------------------- */
/* -------  NAVIGATION  ----------------- */
#navigation {
	height: 43px;
	background: url("images/nav_bg.gif") repeat-x;
	margin-bottom: 9px;
}
	#navigation div {
		background: url("images/nav_logo.gif") right 2px no-repeat;
	}
	#navigation ul {
		display: table;
	}
		#navigation ul li {
			display: table-cell;
			padding: 0px 1px 0px 0px;
			background: url("images/nav_split.gif") no-repeat right top;
		}
			#navigation ul li.last { background: none; }
			#navigation ul li a {
				display: block;
				background: url("images/nav_active.gif");
				color: #443f39;
				text-decoration: none;
			}
				#navigation ul li a:hover {
					text-decoration: underline;
					background: url("images/nav_active.gif") 0px 43px;
				}
				#navigation ul li a span {
					display: block;
					padding: 14px 20px 13px 50px;
					background-repeat: no-repeat;
					background-position: 20px 14px;
				}
			
			/* Navigation menu icons */
			#navigation ul li.homepage a span { background-image: url("images/icons/building.png"); }
			#navigation ul li.articles a span { background-image: url("images/icons/page_green.png"); }
			#navigation ul li.book a span { background-image: url("images/icons/book_open.png"); }
			#navigation ul li.notes a span { background-image: url("images/icons/note.png"); }
			#navigation ul li.network a span { background-image: url("images/icons/sitemap_color.png"); }
			
			#navigation ul li#active {
				background: none;
				padding: 0px;
			}
				#navigation ul li#active a {
					background: #9d0f0f;
					color: #ffffff;
					text-decoration: underline;
				}
					#navigation ul li#active a:hover {
						text-decoration: none;
					}
					#navigation ul li#active a span {
						padding: 14px 26px 13px 26px;
						background: none;
					}

#content {
	margin-bottom: 35px;
}

	#content:after {
    	content: ".";
    	display: block;
    	height: 0;
    	clear: both;
    	visibility: hidden;
	}
	#content {
		display: inline-block;
	}
	/* Hides from IE-mac \*/
	* html #content { height: 1%; }
	#content { display: block; }
	/* End hide from IE-mac */
/* -------------------------------------- */
/* -------  LEFT COLUMN  ---------------- */
#left {
	float: left;
	width: 575px;
}
	#left #featureImg {
		width: 575px;
		display: block;
		margin-bottom: 9px;
	}
	#left #topFeaturedArticle {
		background: url("images/toparticle_bg.gif") repeat-x;
		padding: 25px 30px;
	}
		#left #topFeaturedArticle h1 {
			font: 1.8em Tahoma;
			margin-bottom: 7px;
		}
		#left #topFeaturedArticle .c1 {
			line-height: 2.1em;
		}
		#left #topFeaturedArticle #optionBar {
			background: url("images/option_line.gif") repeat-x 0px 9px;
			margin-top: 16px;
			height: 20px;
		}
			#left #topFeaturedArticle #optionBar span {
				float: right;
				margin-left: 22px;
				background: #ffffff;
				padding: 2px 0px 2px 20px;
			}
				#left #topFeaturedArticle #optionBar span.comments {
					background: url("images/icons/comment.png") no-repeat 8px 3px #ffffff;
					padding: 2px 20px 2px 32px;
				}
					#left #topFeaturedArticle #optionBar span.comments a {
						color: #4f4c46;
					}
					
	#left #subpageArticle {
		padding: 30px 30px;
		background: url("images/toparticle_bg.gif") repeat-x;
	}
		#left #subpageArticle #details {
			font-size: 0.8em;
			font-style: oblique;
			margin-bottom: 9px;
		}
		#left #subpageArticle h1 {
			font: 1.8em Tahoma;
			margin-bottom: 9px;
		}
		#left #subpageArticle .c1 {
			line-height: 1.9em;
		}
		
	#left #leftPositioning {
		padding: 0px 25px;
	}
	
	#left ul#new {
		list-style: none;
		padding: 0px 0px 29px 20px;
	}
		#left ul#new li {
			background: url("images/list_bullet.gif") no-repeat 0px 10px;
			font-size: 0.9em;
			padding: 4px 0px 4px 17px;
		}
			#left ul#new li a {
				color: #4f4c46;
			}
				#left ul#new li a:hover {
					color: #9d0f0f;
					text-decoration: underline;
				}
				
				
	#left h2.feature {
		background: url("images/feature_title.gif") no-repeat top right;
		font: 0.9em Tahoma;
		padding: 7px 0px 4px 402px;
		color: #3d3a37;
	}
	#left #feature {
		background: url("images/feature_bg.gif") repeat-x #f1eee8;
		padding: 22px 22px;
		color: #504c49;
	}
		#left #feature:after {
    		content: ".";
    		display: block;
    		height: 0;
    		clear: both;
    		visibility: hidden;
		}
		#left #feature {
			display: inline-block;
		}
		/* Hides from IE-mac \*/
		* html #left #feature { height: 1%; }
		#left #feature { display: block; }
		/* End hide from IE-mac */
		
		#left #feature .fimg {
			background: url("images/feature_box_img_bg.gif") no-repeat;
			padding: 11px 11px 24px 11px;
			float: left;
		}
		
			#left #feature .fimg img {
				display: block;
			}
			#left #feature .fimg span {
				display: block;
				font: bold 0.8em Tahoma;
				text-align: center;
				padding: 6px 10px 0px 0px;
			}
			
			#left #feature .c1 {
				float: left;
				width: 226px;
			}
				#left #feature .c1 .content {
					line-height: 1.7em;
					font-size: 0.9em;
					padding: 0px 10px;
					text-align: justify;
				}
			#left #feature .c2 {
				float: right;
				width: 226px;
			}
				#left #feature .c2 .content {
					line-height: 1.7em;
					font-size: 0.9em;
					padding: 0px 10px;
					text-align: justify;
				}
	
/* -------------------------------------- */
/* -------  RIGHT COLUMN  --------------- */
#right {
	float: right;
	width: 326px;
}
	#right #redBox {
		background: url("images/right_redbox.gif") repeat-x #7f0e0e;
		padding: 11px;
		margin-bottom: 9px;
	}
		#right #redBox img {
			border: 1px solid #ffffff;
			padding: 1px;
		}
	#right h2 {
		background: url("images/right_header.gif") no-repeat;
		font: 1.2em Tahoma;
		padding: 13px 0px 13px 28px;
	}
		#right h2 a {
			color: #505146;
			display: block;
			padding: 0px 0px 0px 33px;
		}
			#right h2 a.recentarticles {
				background: url("images/icons/folder_page.png") 0px 1px no-repeat;
			}
			
	#right .recent1 {
		border-bottom: 2px solid #ebe6da;
		padding: 15px 15px;
	}
		#right .recent1 span {
			padding: 5px 0px;
			display: block;
			font-size: 0.9em;
			line-height: 1.8em;
		}
			#right .recent1 span a {
				color: #5d5951;
			}
	#right .recent2 {
		border-bottom: 2px solid #ebe6da;
		background: #f8f6f2;
		padding: 15px 15px;
	}
		#right .recent2 span {
			padding: 5px 0px;
			display: block;
			font-size: 0.9em;
			line-height: 1.8em;
		}
			#right .recent2 span a {
				color: #5d5951;
			}
			
			
	#right ul#recent_list {
		list-style: none;
		padding: 15px 0px 29px 15px;
	}
		#right ul#recent_list li {
			background: url("images/list_bullet2.gif") no-repeat 0px 10px;
			font-size: 0.9em;
			padding: 4px 0px 4px 17px;
		}
			#right ul#recent_list li a {
				color: #4f4c46;
			}
				#right ul#recent_list li a:hover {
					color: #9d0f0f;
					text-decoration: underline;
				}
			
/* -------------------------------------- */
/* -------  FOOTER  --------------------- */
#footer {
	background: url("images/footer_bg.gif") repeat-x #f1eee8;
}
	#footer div {
		width: 909px;
		margin: 0 auto;
		padding: 22px 0px;
		background: url("images/footer_logo.gif") 22px 15px no-repeat;
		text-align: right;
		line-height: 1.6em;
	}
	#footer a {
		color: #505146;
	}




/*
Whatever your hand finds to do, do it with all your might,
for in the grave, where you are going, there is neither
working nor planning nor knowledge nor wisdom.
Ecclesiastes 9:10
*/

/*
Tammy Hart
www.tammyhartdesigns.com
*/