/*
Theme Name: WP SMASHING
Theme URI: http://bustatheme.com/wordpress/wp-smashing/
Description: WP SMASHING is a graphical and functional update to the WP CALENDAR plugin for <a href="http://smashingmagazine.com">Smashing Magazine</a> brought to you by <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: "Trebuchet MS", Arial, Tahoma;
	font-size: 13px;
	background-color:#000; /* Not the main background color, but prevents the footer cutting off too soon in the even the users screen is taller than the page */
}
a{
	color: #31649a;
	text-decoration: underline;
}
a:visited{
	color: #83a2c2;
}	
a:hover{
	color: #000;
}
.clear {clear:both;}
.extraspace {clear:both;
			height:30px;}
.margins {margin:0px 15px;}
.left {foat:left;}
.right {float:right;}

#header{
	height: 100px;
	background: url("images/header_background_tiled.png") 0 0 repeat-x;
}
	#header p{
		height: 100px;
		width: 100%;
		background: url("images/header_background.png") 50% 0 no-repeat;
	}
		#header p a{ /* Make the logo a block with an image background and anchor it */
			display: block;
			position: absolute;
			top: 20px;
			left: 50%;
			margin: 0 0 0 -500px;
			width: 320px;
			height: 60px;
			background: url("images/header_heading_background.png") 0 0 no-repeat;
		}
			#header p a strong{ /* No need to display the blog title and description, we're using an image */
				display: none;
			}

#search_panel{
	display: none;
	background: #0b0b0b;
}
	#search_panel .search_form{
		width: 1000px;
		margin: 0 auto;
		padding: 15px 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;
				}

#navigation{
	height: 35px;
	background: url("images/navigation_background_tiled.png") 0 0 repeat-x;
}
	#navigation ul{ /* center the navigation menu */
		overflow: hidden;
		width: 1000px;
		margin: 0 auto;
	}
		#navigation ul li{
			display: block;
			float: left;
			height: 35px;
		}
			#navigation ul li a{
				display: block;
				float: left;
				height: 35px;
				line-height: 40px;
				padding: 0 20px;
				color: #5a5a54;
				text-decoration: none;
			}
			#navigation ul li a:hover{
				color: #292926;
				background: url("images/navigation_link_hover.png") 0 0 repeat-x;
			}
			#navigation ul li.search{
				float:right;
			}
				#navigation ul li.search a{
					width: 35px;
					height: 30px;
					padding: 0;
					background: url("images/search_tab_icon.png") 0 0 no-repeat;
				}
					#navigation ul li.search a span{
						display: none;
					}
			#navigation ul li.rss a span{
				padding-left: 20px;
				background: url("images/rss_icon_14.png") left center no-repeat;
			}


#frame{ /* set the main background color */
	background: #eeeddf;
}
	#page{ /* center the content */
		overflow: hidden;
		width:1002px; /* 2px extra for the calendar border */
		margin:0 auto;
		padding: 0 0 30px 0;
	}
.head {width:100%; border-bottom:1px solid #d6d3c1; height: 25px; margin-bottom:20px;}


#content{
	float: left;
	width: 980px;
	background: #fff url("images/post-head-bg.png") 0 0 repeat-x;
	border: solid 1px #d7d6c9;
	margin:35px 15px 5px;
}
	#content .post{
		padding: 10px;
	}
		#content .post a{
			text-decoration: none;
		}
		#content .post .head{
			padding: 0 0 5px 0;
		}
			#content .post .head h1{
				padding: 0 10px;
				color: #b40707;
				font-size: 22px;
				font-weight: bold;
				text-transform: uppercase;
				display:block;
				float:left;
			}
				#content .post .head h1 a{
					color: #b40707;
					text-decoration: none;
				}
				#content .post .head h1 a:hover{
					color: #000;
				}
			#content .post .head p{
				float: right;
				padding: 10px 0 0 0;
			}
				#content .post .head img{
					padding: 1px;
					border: 1px solid #e9e8e1;
					background: #fff;
				}
		#content .post .premetadata{
			height: 16px;
			line-height: 16px;
			color: #c9c8bc;
			font-family: Calibri, "Trebuchet MS";
			font-size: 12px;
			padding: 0 0 0 26px;
			background: url("images/premetadata-bg.png") 5px 0 no-repeat;
		}
			#content .post .premetadata a{
				color: #99988f;
			}
		#content .post .entry{
			padding: 20px 10px;
		}
			#content .post .entry h1,
			#content .post .entry h2,
			#content .post .entry h3,
			#content .post .entry h4{
				color: #3a3a36;
				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: 10px;
			}
			#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 .navigation{
			padding: 20px 10px;
			overflow: hidden;
		}
			#content .post .navigation .prev{
				float: left;
			}
			#content .post .navigation .next{
				float: right;
			}
		#content .post .postmetadata{
			color: #b0afa5;
			padding: 15px;
			background: #f6f6ef;
		}
.divide-left {width:350px; float:left;}
.divide-left img{margin-bottom:10px;}
.divide-left a{;}
.divide-left a:hover {;}
.divide-right {width:600px; float:right;}
.resume-divide-right {width:550px; float:right; margin-right:10px;}
.contact-divide-right, .contact-divide-right2 {width:270px; float:right; margin-left:30px;}
.contact-divide-right a, .contact-divide-right2 a{text-decoration:none !important;}
.contact-divide-right a:hover, .contact-divide-right2 a:hover{color:#000;}
.contact-divide-right h1, .contact-divide-right2 h1 {font-size:20px; }
.reel-divide-left {width:600px; float:left;}
.reel-divide-right {width:350px; float:right;}
.quotation { font-size:15px; color:#9b9884; font-family:Myriad, Candara, Helvetica; margin:30px; display:block; font-style:italic; text-align:right;}
.quotation2 { font-size:22px; color:#9b9884; font-family:Myriad, Candara, Helvetica; margin:30px 0 0 30px; display:block; font-style:italic; text-align:left;}
.dircomments {font-size:15px; font-family:Myriad, Candara, Helvetica; margin:60px 0 0; display:block; text-align:center; background:#efede0;}
.wholearea {width:100%;height:80px; border-top:1px solid #d6d3c1; background:url("images/reelfoot.png") repeat-x;}
.rightarea {width:350px; margin-top:10px; float:right;}
.leftarea {width:600px; margin:10px; float:left; }
.reelhead {margin-top:10px;}
.head2 {width:580px; float:left;}
.head3 {width:340px; float:right;}
.head2, .head3 {padding: 30px 10px 3px;
				color: #b40707;
				font-size: 18px;
				font-weight: bold;
				text-transform: uppercase;}

#headinfoleft {width:50%; float:left; padding-left:30px;}
#headinforight {width:40%; float:left;}
.floattext {margin-top:5px; float:left;}

table {
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 550px;
	}

th {
	padding: 0 0.5em;
	text-align: left;
	}
tr.award td {
	padding:0 20px;
	font-style:italic;
	font-size:9px;

}

tr.headingrow th {
	background: #efede0;
	margin:10px 0;
	}

td.colright {
	border-top: 1px solid #CCC;
	padding: 0 0.5em;
	text-align:right;
	}
td.colleft {
	border-top: 1px solid #CCC;
	padding: 0 0.5em;
	text-align:left;
}





#s3slider {
   width: 600px; /* important to be same as image width */
   height: 480px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 600px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span.no {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 600px;
   background-color: #000;
   filter: alpha(opacity=0); /* here you can set the opacity of box with text */
   -moz-opacity: 0; /* here you can set the opacity of box with text */
   -khtml-opacity: 0; /* here you can set the opacity of box with text */
   opacity: 0; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.s3sliderImage span.yes {
   position: absolute; /* important */
   left: 0;
   font: 11px/15px Arial, Helvetica, sans-serif;
   padding: 6px 13px 10px;
   width: 600px;
   background-color: #000;
   filter: alpha(opacity=80); /* here you can set the opacity of box with text */
   -moz-opacity: .8; /* here you can set the opacity of box with text */
   -khtml-opacity: .8; /* here you can set the opacity of box with text */
   opacity: .8; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}



#footer1{
	background: #600f0f url("images/footer1_background_tile.png") 0 0 repeat-x;
}
	#footer1 .wrapper{
		height: 340px;
		background: url("images/footer1_background.png") 50% 39px no-repeat;
	}
		#footer1 a{
			color: #fff;
			text-decoration: none;
		}
		#footer1 a:hover{
			text-decoration: underline;
		}
		#footer1 ul{
			overflow: hidden;
			width: 1000px;
			margin: 0 auto;
			padding: 100px 0 0 0;
			background: url("images/footer1_background_text.png") 0 39px no-repeat;
		}
			#footer1 ul .about{
				width: 660px;
				float: left;
				padding: 15px 0 0 0;
				color: #ff8f8f;
				font-size: 13px;
				background: url("images/footer1_divider.png") 0 0 no-repeat;
			}
				#footer1 ul .about p{
					padding: 0 10px;
					text-indent: 1em;
				}
			#footer1 ul .contact{
				width: 320px;
				float: right;
			}
				#footer1 .contact em{
					color: #180101;
					font-family: Calibri, "Trebuchet MS";
					font-style: italic;
					font-size: 11px;
				}
				#footer1 .contact input,
				#footer1 .contact textarea,
				#footer1 .contact button,
				#footer1 .contact form{
					border-width: 0;
					margin: 0;
					padding: 0;
					background: none;
					vertical-align: top;
				}
				#footer1 .contact .name input,
				#footer1 .contact .email input{
					margin: 0 0 5px 0;
					padding: 3px 10px 0 10px;
					width: 220px;
					height: 21px;
					background: transparent url("images/footer2_textbox_background.png") 100% 0 no-repeat !important; /* stop google toolbar from messing with our style */
				}
				#footer1 .contact textarea{
					overflow: hidden;
					margin: 0 0 5px 0;
					padding: 5px;
					width:230px;
					height: 100px;
					background: url("images/footer2_textarea_background.png") 0 0 no-repeat;
				}
				#footer1 .contact .submit{
					width: 230px;
					text-align: right;
				}
					#footer1 .contact .submit button{
						cursor: pointer;
						width: 60px;
						height: 20px;
						background: url("images/footer2_submit_background.png") 50% 50% no-repeat;
					}
						#footer1 .contact .submit button span{
							display: none;
						}


/* All widget styling is in widgets.css */
#footer2{
	background: #27282b 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: Calibri, "Trebuchet MS";
	font-size: 11px;
	background: black url("images/footer3_background.png") 50% 0 no-repeat;
	border-top: solid 1px #414348;
}
	#footer3 .wrapper{
		overflow: hidden;
		width: 1000px;
		margin: 0 auto;
		color: #404040;
	}
		#footer3 .wrapper a{
			color: #101010;
			text-decoration: none;
		}
		#footer3 .wrapper ul{
			float: left;
			padding: 20px 0 0 0;
			line-height: 22px;
			color: #090909;
		}
		#footer3 .wrapper p{
			float: right;
			height: 90px;
			line-height: 90px;
		}