/*
Theme Name: Bust A Theme - Simpliflying
Theme URI: http://bustatheme.com/wordpress/wp-smashing/
Description: Custom theme developed for Simpliflying by Greg Johnson of <a href="http://bustatheme.com">Bust A Theme</a>.
Version: 1.0
Author: Greg Johnson of BustATheme.com
Author URI: http://greg-j.com/
Tags: fixed width, two columns, right sidebar, widgets, gravatars, grey, red, white, brown, black, clean, valid XHTML, valid CSS
*/

/* CSS 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 caption{ margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
:focus{outline:0}
ol, ul{list-style:none}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:"" ""}
strong{font-weight:bold}
em{font-style:normal}
a{text-decoration:none; cursor:pointer}

body{
	color: #53534e;
	font-family: Arial;
	font-size: 13px;
	background: #f8f8f8;
}
a{
	color: #950a0a;
	text-decoration: underline;
}	
a:hover{
	color: #000;
}
/*
						#search_panel{
							display: none;
							background: #0b0b0b;
						}
							#search_panel .search_form{
								width: 1020px;
								margin: 0 auto;
								padding: 20px 0;
								text-align: right;
							}
								#search_panel input,
								#search_panel button,
								#search_panel form{
									border-width: 0;
									margin: 0;
									padding: 0;
									background: none;
								}
								#search_panel .textbox{
									margin: 0 5px 0 0;
									padding: 3px 10px 0 10px;
									width: 220px;
									height: 21px;
									color: #696c74;
									background: url("images/search_tab_textarea_background.png") 100% 0 no-repeat;
								}
									#search_panel button{
										cursor: pointer;
										width: 60px;
										height: 24px;
										margin: 0 0 1px 0;
										vertical-align: middle;
										background: url("images/search_tab_submit_background.png") 0 0 no-repeat;
									}
										#search_panel button span{
											display: none;
										}
*/
#search_panel{
	display: none;
	background: #600f0f;
}
	#search_panel .search_form{
		width: 1020px;
		margin: 0 auto;
		padding: 20px 0;
		text-align: right;
	}
		#search_panel .textbox{
			margin: 0 5px 0 0;
			padding: 3px 10px 0 10px;
			width: 220px;
			height: 21px;
			color: #000;
			border: solid 1px #AF0808;
			-moz-border-radius: 5px;
			-khtml-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
		}
			#search_panel button{
				cursor: pointer;
				width: 60px;
				height: 24px;
				margin: 0 0 1px 0;
				vertical-align: middle;
				border: solid 1px #AF0808;
				-moz-border-radius: 5px;
				-khtml-border-radius: 5px;
				-webkit-border-radius: 5px;
				border-radius: 5px;
			}

#frame{
	background: #f8f8f8 url('images/body-bg.png') 0 0 repeat-x;
}
	#page{ /* center the content */
		overflow: hidden;
		width:1020px; /* 2px extra for the calendar border */
		margin:0 auto;
		background: transparent url("images/content-bg.png") 0 250px no-repeat;
	}

#header{
	height: 250px;
	background: transparent url('images/header-bg.png') 0 40px no-repeat;
}
	#top_links{
		height: 40px;
		/* overflow: hidden;*/
	}
		#top_links li,
		#top_links li a{
			display: block;
			float: left;
			height: 40px;
			text-decoration: none;
			color: #4e4e4e;
		}
		#top_links li{
			margin: 0 20px 0 0;
			padding: 0 0 0 20px;
			background-position: 0 13px;
			background-repeat: no-repeat;
			line-height: 42px;
		}
		#top_links li.search,
		#top_links li.search a{
			float: right;
			margin: 0;
		}
			#top_links .home{background-image: url('images/icon_home.png')}
			#top_links .about{background-image: url('images/icon_about.png')}
			#top_links .contact{background-image: url('images/icon_contact.png')}
			#top_links .archive{background-image: url('images/icon_archive.png')}
                        #top_links .media{background-image: url('images/media.png')}
			#top_links .search{background-image: url('images/icon_search.png')}
                        
				#top_links li a:hover{
					color: black;
				}
	
	#four_square{
		height: 110px;
		padding: 100px 0 0 10px;
		overflow: hidden;
	}
		#four_square li,
		#four_square li a{
			display: block;
			float: left;
			height: 110px;
			width: 250px;
			text-decoration: none;
		}
			#four_square li strong,
			#four_square li span{
				display: block;
				padding: 0 0 0 70px;
			}
			#four_square li strong{
				font-size: 15px;
				padding: 10px 0 4px 70px;
				color: black;
			}
			#four_square li a span{
				color: #555;
				font-size: 12px;
				line-height: 1.25em;
			}
				#four_square li a:hover span{
					color: black;
				}
			#four_square li span a{
				color: #555;
				font-size: 12px;
				padding: 0 0 0 15px;
				background: transparent url('images/icon_download.png') 0 5px no-repeat;
				float: none;
				height: auto;
				width: auto;
			}
				#four_square li span a:hover{
					color: black;
				}

#three_square{
	width: 980px;
	margin: auto;
	height: 250px;
	position: relative;
}
	#three_square .video,
	#three_square .presentation,
	#three_square .posts{
		position: absolute;
		width: 320px;
		height: 240px;
		top: 10px;
	}
	#three_square .video{
		left: 0;
	}
		#three_square .video a{
			display: block;
			width: 320px;
			height: 240px;
			background-color: black;
			background-position: center center;
			background-repeat: no-repeat;
		}
	#three_square .presentation{
		left: 330px;
	}
		#three_square .presentation a{
			display: block;
			width: 320px;
			height: 240px;
			background-color: black;
			background-position: center center;
			background-repeat: no-repeat;
		}
	#three_square .posts{
		right: 0;
	}
		#gallery {
			position:relative;
			height:240px
		}
			#gallery a {
				float:left;
				position:absolute;
			}
			#gallery a img {
				border:none;
				width: 320px;
				height: 240px;
			}
			#gallery a.show {
				z-index:500
			}
			#gallery .caption {
				z-index:600; 
				background-color:#000; 
				color:#fff; 
				height:100px; 
				width:100%; 
				position:absolute;
				bottom:0;
			}
				#gallery .caption .content {
					margin:5px
				}
				#gallery .caption .content h3 {
					color:#950a0a;
					font-weight: bold;
				}

	
#content{
	float: left;
	width: 650px;
	padding: 10px 0 0 20px;
}
	#content .post{
		padding: 20px 0 0 0;
		margin: 0 0 30px 0;
		border: 1px solid #ccc;
		background: #fff url('images/post_bg.png') 0 0 no-repeat;
	}
		#content .post a{
			text-decoration: underline;
		}
		#content .post .head{
			padding: 0 0 5px 0;
		}
			#content .post .head h1{
				padding: 0 0px;
				padding-top:20px;
				color: black;
				font-size: 28px;
			}
				#content .post .head h1 a{
					color: black;
					text-decoration: none;
				}
				#content .post .head h1 a:hover{
					color: #950a0a;
				}
			#content .post .head p{
				float: right;
				padding: 10px 0 0 0;
			}
		#content .post .premetadata{
			padding: 30px 20px;
			overflow: hidden;
			font-family: Arial;
				font-size: 12px;
		}
			#content .post .premetadata .posted_on{
				display: block;
				float: left;
				height: 24px;
				line-height: 24px;
				padding: 0 1em;
margin-left:-20px; margin-top:-30px;
				color: #fff;
				background: #950a0a;
			}
			#content .post .premetadata .comments_link{
				display: block;
				height: 24px;
				line-height: 18px;
				float: left;
				padding: 0 0 0 20px;
				color: black;
				white-space: nowrap;
			}
				#content .post .premetadata .comments_link a{
					display: block;
					float: left;
					height: 24px;
					width: 30px;
					text-align: center;
					overflow: hidden;
					background: url('images/comments_link_bg.png') 0 0 no-repeat;
					color: black;
					text-decoration: none;
				}
				#content .post .premetadata .comments_link em{
					padding: 0 0 0 5px;
				}
				
		#content .post .entry{
			padding: 0 20px 20px 20px;
		}
			#content .post .entry h1,
			#content .post .entry h2,
			#content .post .entry h3,
			#content .post .entry h4{
				color: black;
				border: none;
			}
				#content .post .entry h1{font-size: 2em}
				#content .post .entry h2{font-size: 1.8em}
				#content .post .entry h3{font-size: 1.65em}
				#content .post .entry h4{font-size: 1.5em}
			#content .post .entry p{
				padding: 5px 0;
				text-indent: 0px;
				text-align:justify;
			}
			#content blockquote{
				margin: 20px;
				padding: 0 10px;
				border-left: 3px solid #8c979c;
			}
			#content .post .entry ul{
				padding: 0 25px;
			}
				#content .post .entry ul li{
					list-style-position: outside;
					list-style: square;
				}
			#content .post .entry ol{
				padding: 0 30px;
			}
				#content .post .entry ol li{
					list-style-position: outside;
					list-style: decimal;
				}
			#content .post .entry strong{font-weight: bold}
			#content .post .entry em{font-style: italic}
			#content .post .entry u{text-decoration: underline}
		#content .post .postmetadata{
			color: #b0afa5;
			padding: 10px 20px;
			overflow: hidden;
			border-top: 1px solid #ccc;
		}
			#content .post .postmetadata .the_category{
				display: block;
				padding: 0 0 0 20px;
				background: url('images/icon_folder.png') left center no-repeat;
			}
			#content .post .postmetadata .the_tags{
				display: block;
				padding: 5px 0 0 20px;
				background: url('images/icon_tag.png') left center no-repeat;
			}
	#content .navigation{
		padding: 20px 0 40px 0;
		overflow: hidden;
	}
		#content .navigation .prev{
			float: left;
		}
		#content .navigation .next{
			float: right;
		}

#comments{
 	padding:0 20px;
}
	#comments .comment{
		overflow: hidden;
		margin:20px 0;
		padding:0 0 10px 0;
		border-bottom:solid 2px #eeeddf;
	}
	#comments .special{
		padding:10px;
		background:#fffde7;
	}
		#comments .comment .avatar{
			float: left;
			margin: 5px 5px 0 0;
			padding: 1px;
			border: 1px solid #eeeddf;
		}
		#comments .comment .author{
			font-size:16px;
			color:#27282B;
			font-weight:bold;
		}
			#comments .comment .author span{
				color:#b0afa5;
				font-size:13px;
			}
			#comments .comment .author a{
				color:#B40707;
				text-decoration: none;
			}
			#comments .comment .author small{
				display:block;
			}
			#comments .comment .author small a{
				color:#b0afa5;
				font-size:10px;
				font-weight: normal;
				text-decoration: none;
			}
		#comments .comment .response{
			padding:15px 0 0 0;
			color:#77777e;
			font-size:13px;
			line-height:1.5em;
		}
			#comments .comment .response p{
				text-indent: 10px;
			}
		#comments .special .response{
			color:#000;
		}

#reply{
	padding:15px 20px;
	margin-top:20px;
}
	#reply p{
		padding:0 0 5px 0;
	}
		#reply p .textbox,
		#reply p textarea{
			width:35%;
			font-size:14px;
			padding:3px 5px;
			font-weight:bold;
			color:#212120;
			font-family:Arial;
			border:solid 1px #d1d0c4;
		}
		#reply p.allowed_html{
			padding:5px 0 0 0;
		}
			#reply p.allowed_html strong{
				color: #212120;
			}
			#reply p.allowed_html small{
				color: #161615;
				font-family: Arial;
			}
		#reply p textarea{
			padding:5px;
			width:95%;
			height:10em;
			font-weight:normal;
		}
		#reply p strong{
			font-size:11px;
			font-weight:bold;
			color:#c12900;
		}
		#reply p small{
			font-size:11px;
			color:#c12900;
		}
		#reply p .submit{
			padding:0;
			font-size:15px;
			font-family:Arial;
			font-weight:bold;
			color:#c12900;
			border:none;
			background:none;
			cursor:pointer;
		}


#sidebar{
	float: right;
	width: 320px;
	padding: 10px 20px 0 0;
}
	#socialLinks{
		width: 320px;
		height: 80px;
		position: relative;
	}
		#socialLinks p,
		#socialLinks a{
			display: block;
			width: 105px;
			height: 70px;
		}
		#socialLinks p{
			position: absolute;
			top: 0;
			left: 0;
		}
		#socialLinks p.email{
			left: 107px;
		}
		#socialLinks p.rss{
			left: 215px;
		}
			#socialLinks a{
				text-indent: -9999px;
				background: url('images/social_links.png') 0 0 no-repeat;
			}
			#socialLinks .twitter a:hover{
				background-position: 0 -70px;
			}
			#socialLinks .email a{
				background-position: -107px 0;
			}
			#socialLinks .email a:hover{
				background-position: -107px -70px;
			}
			#socialLinks .rss a{
				background-position: -215px 0;
			}
			#socialLinks .rss a:hover{
				background-position: -215px -70px;
			}



#sidebar .tabs .tabNavigation{
	height: 30px;
	padding: 0;
	background: #f7f7f7 url('images/tabber_ul_bg.png') 0 100% repeat-x;
}
	#sidebar .tabs .tabNavigation li{
		display: block;
		height: 30px;
		float: left;
		padding: 0 4px 0 0;
		background: none;
	}
		#sidebar .tabs .tabNavigation li a {
			display: block;
			height: 28px;
			padding: 0 10px;
			line-height: 28px;
			float: left;
		    color: #9f9f9f;
		    border: solid 1px #dcdcdc;
		    border-bottom: solid 1px #ccc;
		    background: #fafafa;
		}
		#sidebar .tabs .tabNavigation li a.selected {
		    color: #777;
		    border: solid 1px #ccc;
		    border-bottom: solid 1px #fff;
		    background: #fff;
		}
		#sidebar .tabs .tabNavigation li a:hover{
			color: #000;
		}
#sidebar .tabs .tab {
	padding: 5px;
}

/* All widget styling is in widgets.css */
#footer2{
	background: #ccc url("images/footer2_background_tile.png") 0 0 repeat-x;
}
	#footer2 .wrapper{
		width: 1000px;
		margin: 0 auto;
		padding: 20px 0 40px 0;
		overflow: hidden;
	}
		#footer2 .left,
		#footer2 .center,
		#footer2 .right{
			float: left;
			margin: 0 20px 0 0;
			width: 320px;
		}
		#footer2 .right{
			margin: 0;
		}

#footer3{
	height: 90px;
	font-family: Arial;
	font-size: 11px;
	background: #600f0f url("images/footer3_background.png") 50% 0 repeat-x;
	border-top: solid 1px #dfdfdf;
}
	#footer3 .wrapper{
		overflow: hidden;
		width: 1000px;
		margin: 0 auto;
		color: #c96565;
	}
		#footer3 .wrapper a{
			color: #fff;
			text-decoration: none;
		}
		#footer3 .wrapper ul{
			float: left;
			padding: 20px 0 0 0;
			line-height: 22px;
		}
		#footer3 .wrapper p{
			float: right;
			height: 90px;
			line-height: 90px;
		}


#author { postion: absolute; padding-left:5px; padding-right:5px; margin-top:-10px; float:left; }
