/*

	Hart-Davidson Designs Stylesheet
	
	Author	: Noah Blon, Ben Froese
	
	Mail	: noahblon@gmail.com, bfroese@gmail.com
	Version	: 2.0
*/


/* COLORS USED */

/*	Dark Blue:  	#5A749C
	Light Blue: 	#B1DBEF
	Dark Green: 	#85A3B4
	Light Green:	#96BBCD
*/
	
	
	
/*RESETS ALL DEFAULT STYLES*/
html, body, div, san, 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 {
	padding:0;
	margin-top:-39px;
	line-height: 1;
	color: black;
	background: #28a0cc;
}
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: "" "";
}

#maincontent-left p.intro{
	
	font-family: "Century Gothic" serif;
	
}

#intro{
	float:right;
	width:380px;
	margin:10px 10px 0px 10px;

}

#title{
	margin-top:250px;
}

/* GLOBAL ELEMENT STYLES */
/* These styles apply to the whole site -- i.e. all images on the site will not have a border, all links will be a certain color */


h1 {
			text-transform:uppercase;
			font-size:40px;
			color:#406485; 
			font-weight:normal; 
			margin-bottom:.3em;
			margin-top:35px;
			}

body {
			background-color:#28a0cc;
			//*background-image:url(images/blue-wallpaper3.gif);*// /*Old background image*/
			font-family: Helvetica, Arial, sans-serif;
			padding: 0;
			font-size:1em;
			}
		
img {
			border: none;
			}

a {
			color:#406485;
			}



/* SITE STRUCTURE */
/*These divs persist across all pages of the site*/

/* Twitter Widget */

#twtr-widget-1{
	width:300px;
	margin-top:28px;
	margin-left: 30px;
	height:100px;
	margin-bottom:50px;
}

#tweet{
	position:absolute;
}

.twtr-tweet-wrap{
	
}



/*Holds the glowy background image behind the frame*/
#page {
			width:1200px;
			margin:auto;
			padding:0px;
			background-image:url(images/glowyback2.png); 
			background-repeat:repeat-y;
			background-position:center;
			background-position-y: 500px;
			background-color: #28a0cc;
			}

/*Provides the frame for the entire content */
#wrapper{
			width:960px;
			margin-top:20px;
			margin: auto;
			padding: 0;
			border-left:2px solid #85A3B4;
			border-right:2px solid #85A3B4; 
			border-top:2px solid #85A3B4;
			border-bottom:2px solid #85A3B4;
			margin-top: 40px;
/* 			background-image: url(images/wrapperback.jpg); */

			}
			
			



#header {
			background-color: #73a0c5;
			width:960px;
			height:117px;
			padding: 0;
			margin: 0;
			
			
			background-image: url(images/HDD-Banner.jpg);
			}
	


/* NAVIGATION */

#nav {
			background-image:url(images/navbar.png);
			height:43px;
			
			
					}

#nav ul {
			list-style-type:none;
			padding:0;
			margin:0; 
			
			}

#nav li {
			float:left;
			padding:1px;
			border-top:solid #CCC 1px;
			background-repeat: repeat-x;
		
			}

#nav li a {
			font-family: Arial, sans-serif;
			font-size:12px;
			text-decoration:none;
			padding:10px 12px;	
			color:#406485;
			display:block;
			background-repeat: no-repeat;
			height:42px;
			}

#nav li a:hover {
			height:32px;
			text-align: center;
							background-image: url(images/sidebarback.png);
			color:#2D475B;
			}
	
.button {
			height:42px;
			border-right:#CCC solid 1px;
			border-left:#FFF solid 1px;
			background-image: url(images/buttonback.png);										
}


.button:hover, .first:hover{
							background-image: url(images/sidebarback2.png);
				

												
}

.button:active, .first:active{
		background-color:#96BBCD;


												
}

.first{	
	height:42px;
	border-left:0;
	border-right:#CCC solid 1px;
	background-image: url(images/buttonback.png);

}

.last{
	height:42px;
	border-left:#FFF solid 1px;	


}


/* SHOWCASE */		
/*The Showcase is the top section of the main page.  You can reuse these divs if you want to add a showcase on another page*/		
		

/*Provides the frame for the showcase area*/
#showcase{ 
			width:960px;
			padding: 0px;
			margin: 0px;
			
			}
			
			
/*Use the left and right divs to separate the showcase into 2/3 and 1/3 if you want*/
/*
#showcase-left{
			height:329px;
			width:640px;
			padding: 0px;
			margin: 0px;
			float:left;
			}
*/

#bootcamp{
width:256px;
height:329px;
	float:left;
	margin-right:8px;
	margin-top:10px;
	text-align: center;
	font-family: Arial, sans-serif;
}


#bootcamp p{
margin:10px 0 0 20px;
line-height:20px;
font-size:10px ;
}

#bootcamp img{
margin:0 0 0 28px;
border:2px solid #85A3B4;
}

#mhcf{
width:256px;
height:329px;
float:left;
margin-left:8px;
text-align: center;
margin-top:10px;
font-family: Arial, sans-serif;
}

#mhcf p{
margin:10px 0 0 20px;
line-height:20px;
font-size:10px ;
}

#mhcf img{
 margin:0 0 0 28px;
 border:2px solid #85A3B4;
}

#upcoming{float:left;
			border-right:4px solid #85A3B4;
			padding:0;
			margin:0;
			}

#showcase-left{
			background-image: url(images/wrapperbackfront.jpg);
			height:329px;
			width:640px;
			padding: 0px;
			margin: 0px;
			float:left;
			}	
		
		
#showcase-right{
			height:329px;
			width:318px;
			margin: 0px;
			float:left;
			background-color: #d1ebf8;
			border-left:2px solid #85A3B4;
			}

	
/*Styles the heading text of the showcase boxes */				
#showcase-right h1{
			margin:0px;
			padding:8px 10px 5px 15px;	
			background-color:#6b83a5;
			color:#FFF;
			height:17px;
			font-weight:normal; 
			font-family:  Arial, Helvetica, sans-serif;		
			font-size:14px; 
			border-bottom:2px solid #85A3B4;
			text-transform: uppercase;
			}


	/*These style specific elements if you were to put text into the showcase.  Add new attributes here as needed to style other types of attributes to your specification.*/

/*
#showcase-right p{
			font-size: 12px;
			padding-left:15px;
			font-family: Georgia, Times, serif;
}

#showcase-right ul{
			font-size: 12px;
			padding-left:35px;
			font-family: Georgia, Times, serif;
}

*/



/* MAIN PAGE CONTENT AREA */
/*These divs provide the styles only for the content on the main (aka front,index) page*/

/*Wrapper for the content area*/
#maincontent {
			width:960px;
			background-color: #fff;
			/* color: #333333; */
			font-size:15px;
			font-family: Times,"Times New Roman",serif;	
			line-height: 14px;
		background-image: url(images/wrapperbackfront.jpg);
		float:left;
			}
/*Styles for the left side of the area*/
#maincontent-left {
			width:640px;
			padding:0px;
			height:auto;
			float:left;
			border-top:2px solid #85A3B4;
			background:transparent url(images/wrapperback.jpg) repeat-x scroll center top;

			}
			
#maincontent-left h1 {
			font-size:35px;
			margin-left:15px;
			text-transform: uppercase;
			color:#516b7f;
			font-family:  Arial, Helvetica, sans-serif;
			font-weight: bold;
			padding-bottom:25px;
			padding-top:10px;
			line-height: 40px;
			}
			
#maincontent-left h2 {
			margin:0px; 10px 5px 15px;
			font-family: Arial, Helvetica, sans-serif;
			padding-bottom:25px;
			font-size:20px;
			color:#6b83a5;
			font-weight: normal;
			text-transform:none;
			text-align: center;
			line-height: 30px;
}

#maincontent-left h2 a {
			color:#516B6A;
			}

#maincontent-left p{
			margin:2px 25px;
			text-align: justify;
			padding-bottom:15px;
			line-height:24px;
			text-align:left;
			font-size:15px;
			}
			
#mission{
			width:319px;
			padding:0px;
			height:auto;
			float:left;
			background:transparent url(images/contentdrop2.png) repeat-x scroll center top;
			border-right: solid black 1px;
}


#mission h1 {
			font-size:20px;
			margin-left:15px;
			text-transform: uppercase;
			color:#516b7f;
			font-family:  Arial, Helvetica, sans-serif;
			font-weight: bold;
			padding-bottom:25px;
			padding-top:10px;
			}
			
#mission h2 {
			margin:15px 10px 5px 15px;
			font-family: Arial, Helvetica, sans-serif;
			padding-bottom:25px;
			font-size:28px;
			color:#6b83a5;
			font-weight: normal;
			text-transform:none;
			text-align: center;
			}

#mission h2 a {
			color:#516B6A; }

#mission p{
			margin:10px 25px 10px 25px;
			text-align: justify;
			padding-bottom:25px;
			line-height:24px;
			text-align:left;
			font-size:15px;
			}
	

	


/*Styles for the right side of the content area*/
#maincontent-right {
			width:318px;
			padding:0;
			margin:0;
			font-family:Times;
			float:left;
			border-left:2px solid #85A3B4;
			background-color: #d1ebf8;
			background-image: url(images/sidebarback.png);
			background-repeat: no-repeat;
			}
			
#maincontent-right p{
			margin:10px 15px 0px 15px;
			line-height: 24px;
			font-size:15px;
			text-align: justify;
			color:#222;
			}
			
#maincontent-right-inner {
			background-image: url(images/sidebarback2.png);
			background-repeat: no-repeat;
			margin: 0px;
			padding: 0px 0 0 0;

}

/*Styles for if there is an image in a blog post*/
#maincontent-right img{
			width: 150px;
			height:auto;
			float:right;
			margin: auto;
			border:2px solid #6b83a5;
			}




	

#maincontent-right h2 {
			margin:0;
			color:#fff;
			font-family: Arial, Helvetica, sans-serif;
			font-weight:bold;
			padding-left:15px;
			font-size:15px;
			padding-top:10px;
			padding-bottom:0px;
			text-transform: uppercase;
			line-height:25px;


			}
			
#maincontent-right h1 {
			margin:0;
			background-color:#6b83a5;
			height:25px;
			color:#fff;
			font-family: Arial, Helvetica, sans-serif;
			font-weight:normal;
			padding-left:15px;
			font-size:14px;
			padding-top:8px;
			padding:bottom:0px;
			border-bottom:2px solid #85A3B4;
			text-transform: uppercase;
			}

#maincontent-right ul{
			list-style-type: none;
			padding:0px 0 ;
			margin:0px;
			}
	
#maincontent-right small{
			margin-left:15px;
			}
			
			
#whoa{
float:right;
}
/*inner-divs for service page */

#inner1{border:none;
float:left;
		}
		
#planning-left{float:left;
width: 390px;

}

#planning-right{float:left;
width:190px;

}

#planning-right img{
padding-left:20px;

}

.leftalign{
text-align:left;
}

/*date under main page blog post */
.datelinemain{
			font-style: italic;
			}

/*attribution of blog post*/
.byline {
			font-style: italic;
			font-weight:normal;
			}
			
/*Styles the read more link on the blog excerpt*/ 
.readmore{
			margin-left:80px;
			font-family: Arial, Helvetica, sans-serif;
			padding-bottom:25px;
			font-size:20px;
			color:#6b83a5;
			font-weight: normal;
			text-transform:none;
			text-decoration: none;
			}

/*Styles for when mouse hovers over read more link*/ 
.readmore a:hover{
			text-decoration: underline;
			background-color:#96BBCD;
			}

.post img{
		float:right;
} 

/*Styling for the links div */

#links{
height:	150px;
}

#links img{
		border: solid black 1px;
		padding:0;
		margin:5px 0 20px 0;
		float: left;
		width:260px;
}


#links ul{
padding:5px;
}

#links li{
margin:25px;
}

#links a{
text-decoration: underline;
font-size: x-large;
line-height: 25px;
}

#links a:hover{
color:orange;
}


#links h1{ padding:10px 0 0 20px;
border-top: solid 2px #85A3B4;
margin-top:5px;

}


/*Styling for the 'Fail Dog' div */

#stickerad{
		margin: 150px 0px 0px 0px;
		border-top:solid 1px #85A3B4;
		padding:10px 10px 5px 10px;
}

#stickerad img{
			/* float:left; */
			width:290px;
			height:80px;
			border:none;
			margin-bottom:10px;
}
#stickerad a:hover{
				color: orange;
}

/* CONTACTS in SIDEBAR */

#contacts{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 55px;
	margin:30px;
	border-top:solid 1px #85A3B4;
	padding:10px;
}


/* FOOTER */

#footer {
			background-color:#d1ebf8; 
			background-image:url(images/footer.png);
			background-repeat: no-repeat;
			text-align: center;
			padding:30px;
			margin:30px auto 0;
						border-top:2px solid #85A3B4;
						
			}

#footer p {
			margin:0; 
			font-size:14px;
			color:#516b7f;
			font-family:  Georgia, Times, serif;}
			
#copyright {
			font-family:  Arial, Helvetica, sans-serif;
			font-size:12px;
			color:black;
			text-transform: uppercase;
			/* width:960px; */
			margin:10px auto 10px auto;
			position:absolute;
			left:600px;
			
			}


#copyright img {
			margin: 0;
			padding: 0;
			}
			
#green_footer{
	position:absolute;
	left:70px;
}


/* BLOG PAGE*/

.dateline{
			font-style: italic;
			margin-bottom: 10px;

}

.comment {
			float:right;
			padding-right:20px;
			padding-bottom:25px;
			font-weight:bold;
			text-transform: uppercase;
			font-family: Arial, Helvetica, sans-serif;
			margin-top:-15px;
			}

	
/* SIDEBAR */

#sidebar {
			width:318px;
			padding:0;
			margin-top:-720px;
			font-family:Times;
			border-left:2px solid #85A3B4;
			background-color: #d1ebf8;
			background-image: url(images/sidebarback.png);
			background-repeat: no-repeat;
			font-size:13px;
			float:right;
 			}

			
#sidebar ul {
		list-style-type: none;
		padding:0px;
		margin:0px;
		}
		
#sidebar li {
		list-style-type: none;
		
		}

#sidebar h2 {
			margin:0;
			background-color:#6b83a5;
			height:25px;
			color:#fff;
			font-family: Arial, Helvetica, sans-serif;
			font-weight:normal;
			padding-left:15px;
			font-size:14px;
			border-bottom:2px solid #85A3B4;
			border-top:2px solid #85A3B4;
			text-transform: uppercase;
			padding-top:7px;
			}	
	
#sidebar ul li ul li {
			margin: 0;
			padding: 10px 15px 10px 15px;
			list-style: none;
			
}
#sidebar ul li ul {
			background-image: url(images/sidebarback2.png);
			background-repeat: no-repeat;
			
}

#sidebar ul li ul li ul {
			background-image: none;
			
}

#search {margin-left:15px;}


/* SIDEBAR EXCEPTION FOR BLOG PAGE*/

#posts-archive {
	width:600px;
}

/* SIDEBAR2 */
#sidebar2 {
			width:318px;
			padding:0;
			margin:0;
			font-family:Times;
			border-left:2px solid #85A3B4;
			background-color: #d1ebf8;
			background-image: url(images/sidebarback.png);
			background-repeat: no-repeat;
			font-size:13px;
			float:left;
 			}

			
#sidebar2 ul {
		list-style-type: none;
		padding:0px;
		margin:0px;
		}
		
#sidebar2 li {
		list-style-type: none;
		
		}

#sidebar2 h2 {
			margin:0;
			background-color:#6b83a5;
			height:25px;
			color:#fff;
			font-family: Arial, Helvetica, sans-serif;
			font-weight:normal;
			padding-left:15px;
			font-size:14px;
			border-bottom:2px solid #85A3B4;
			border-top:2px solid #85A3B4;
			text-transform: uppercase;
			padding-top:7px;
			}	
	
#sidebar2 ul li ul li {
			margin: 0;
			padding: 10px 15px 10px 15px;
			list-style: none;
			
}
#sidebar2 ul li ul {
			background-image: url(images/sidebarback2.png);
			background-repeat: no-repeat;
			
}

#sidebar2 ul li ul li ul {
			background-image: none;
			
}


/*INDEX*/

#maincontent-left h2.home{
margin:30px 5px 0px 0px;
font-size: 40px;
padding:none;
}

#portrait{
	border:solid #6B83A5 2px;
	margin:20px 20px 20px 100px;
	width: 250px;
}



#maincontent-left .intro{
	margin:25px 50px 0px 25px;
	line-height: 30px;
}
/* Specifically styles the Calendar */

#calendar{
width:100%;
float:left;
}

/* SERVICES PAGE*/

#box{
	margin:10px 10px 50px 10px;
	border:none;
}

#box h2{
	margin:0px;
	padding-top:0px;
}
.pic{
	padding:0;
	border:5px solid #69C;
	margin: 10px;
	float: none;
}

#maincontent-left p.face{
	margin:0 0 0 120px;
	padding:0;
	font-family: "Avenir";
	font-size:  12px;
}

/*	INTERNSHIP PAGE */


/* PAGE CONTENT AREA */


#content {
			width:960px;
			/* color: #333333; */
			font-size:15px;
			font-family: Times,"Times New Roman",serif;	
			line-height: 14px;
			background-image: url(images/wrapperback.jpg);
			background-repeat: repeat;				
			height:auto;
			float:left;
}




#content-left {
			padding:20px 20px 20px 20px;
			background:transparent url(images/contentdrop2.png) repeat-x scroll center top;
			width:920px;
			float:left;
			border-top:2px solid #85A3B4;
			
			}
			

#content-left h1 {
			font-size:25px;
			text-transform: uppercase;
			color:#516b7f;
			font-family:  Arial, Helvetica, sans-serif;
			font-weight: bold;
			padding-bottom:25px;
			line-height:25px;
			
			}
			
#content-left h2 {
			font-family: Arial, Helvetica, sans-serif;
			font-size:15px;
			padding-top:25px;
			padding-bottom:20px;
			font-size:20px;
			color:#6b83a5;
			font-weight: normal;
			text-transform:none;
			text-align: center;
			line-height: 25px;
 
			}

#content-left h2 a {
			color:#516B6A; }

#content-left p{
			text-align: justify;
			padding-bottom:10px;
			line-height: 24px;
			text-align:left;
			font-size:15px;
			}
			

			

/*SEMINARS*/

 #content-left h2.nar {
margin:25px 10px 0px 0px;
text-align: left;


}
	
/*COMMENTS*/


#comments{
	padding-left:25px;
	}
	

#respond{
	padding-left:25px;
	}


/*ABOUT*/
#leslie
	{
	float:right;
	padding-right:25px;
	}
	
	/* PORTFOLIO */
	
#regalia{
	font-family:  Arial, sans-serif;
	line-height: 25px;
}

#frame{
	border:solid 10px #6B83A5;
	width:400px;
	height:346px;
	margin-left:260px;
}

/* SCOOP */

.scoop_div{
	border-bottom: solid 2px #85A3B4;
	padding: 5px;
	margin: 10px;
	clear:both;
	float:left;
	width:100%;
}

.scoop_div h2{
	float:left;
	font-size: xx-large !important;
	margin-top:50px;
	
}

.scoop_div p{
	float:left;
	width: 100%;
	clear:both;
}



.scoop_pic{
	width:200px;
	margin:5px;
	float: left !important;
	clear:both;
}

/* #content-left img.scoopic{
	margin:10px 10px 100px 10px;
	border:solid #6B83A5 2px;
	}
	
	#content-left img.scoopic1{
	margin:10px 10px 20px 10px;
	border:none;
	float:right;
	}
	
	Yard Sale Style
	#designsale{
		border-bottom:solid #6B83A5 2px;
		padding:10px;
	}
	#yardsale{
		width:200px;
		height: inherit;
		margin:0px 50px 0px 200px;
		border:solid #6B83A5 2px;
	}
	
	#breakdown{
	font-family: "Century Gothic" serif;
	line-height: 20px;
	}
	
	#burst{
		float:right;
	} */