/* CSS Document */


/*----GRAND LOOK AND FEEL------*/

*{
	padding:0px;
	margin:0px;
}


body{
	font-family:"Lucida Grande",verdana, arial, sans-serif;
	font-size:small;
	background:#39444c;
	text-align: center;
	color: #39444c;
}
h1, h2, h3, h4, h5 {
	font-size:120%;
	color: #39444c;
	text-transform: uppercase;
}


a{
	outline:none;
	color: #f18222;
	text-decoration: none;
}

a:hover{
	outline:none;
	color: #f18222;
	text-decoration: underline;
}
/*--- HEADERS----*/


.blackhead {
	font-size: 120%;
	color: black;
	margin: 0px 0px 5px;

}
.blackheadCopy {
	font-size: 160%;
	font-weight: bold;
	color: black;
	margin: 0px 0px 5px;

}

.whitehead {
	font-size: 150%;
	color: white;
	margin: 0px 0px 5px;
	font-weight: bold;

}
/*----STRUCTURE------*/


#container{
	width:100%;
  	margin: 0px;
  	text-align:center;
	padding: 0px;
	background: url(http://durbinmedia.com/dev/images/bkg/bkg_all.gif) repeat-x;
	background-position: top;
}

.content{
	width:970px;
	margin:0 auto;
	text-align:center;
}



/*----DECOR----*/

	.dotty {
		background: url(http://durbinmedia.com/dev/images/bkg/bkg_dotty.gif) repeat-y center;
		margin: 0px; 
		padding: 20px 10px;
		width: 25px;
		height: 180px;
		float: left;
		margin: 20px 10px;
	
	
	}
	.dottyOyster {
		background: url(http://durbinmedia.com/dev/images/bkg/bkg_dottyOy.gif) repeat-y center;
		margin: 0px; 
		padding: 20px 10px;
		width: 25px;
		height: 168px;
		float: left;
		margin: 0px 10px;
	
	
	}
	.dottyMonkey {
		background: url(http://durbinmedia.com/dev/images/bkg/bkg_dottyOy.gif) repeat-y center;
		margin: 0px; 
		padding: 20px 10px;
		width: 25px;
		min-height: 400px;
		margin: 0px 10px;
			overflow: auto;
	float: left;
	
	
	}
	
	.dottyFoot {
		background: url(http://durbinmedia.com/dev/images/bkg/bkg_dotty.gif) repeat-y center;
		margin: 20px 0px 0px; 
		padding: 0px 30px 20px 0px;
		width: 25px;
		height: 280px;
		float: left;
	}


/*-----GORGEOUS BORDERS ---*/








#project-image  {
	margin-bottom: 10px;
}




.project-images {
	border: 1px solid #d7d7d7;
	background-color: white;
	font-size: 90%;
	float: left;
	width: 166px;
	margin: 10px 10px 20px 0px;
	padding: 10px;	
}

#project-image img, .project-images img {
	background-color: #d7d7d7;
	margin: 0px;
	padding: 5px;
}

#project-image img:hover, .project-images img:hover {
	background-color: #d0ccb9
}


.logos {
	margin: 20px 0px 0px;
	padding: 20px 0px 0px;
	

}

.logos img {
	margin: 0px 23px 0px;

}


/*-----BRANDING ---*/

#brandID {
 height: 258px;
 width: 970px;
 background: url(http://durbinmedia.com/dev/images/bkg/bkg_branding.gif) no-repeat center;
 margin: 0px;
 padding: 0px;
 text-align: center;


}
.brandID {
	width: 530px;
	text-align: left;
	float: left;

}
.brandID img {
	margin: 67px 45px;
	border: none;
	

}


#nutshell {
	color: #f3933f;
	background: url(http://durbinmedia.com/dev/images/bkg/bkg_dottyMc.gif) no-repeat center;
	padding: 20px 0px 20px;
	margin: 10px 0px;
	width: 370px;
	font-size: 150%;
	line-height: 28px;
	font-weight: bold;
	text-align: justify;
	float: left;


}

.nutHeader {
	color: #d7d7d7;
	margin: 0px 0px 10px;
	font-size: 110%;
	text-align: left;

}

.nutFooter {
	text-align: right;
	color: white;
	margin: 10px 0px 0px;

}



/*-------Oyster bar -----*/


#oysterbacker {
	background: white;
	width: 100%;
	padding: 20px 0px 20px;
	height: 208px;
}

.oysterBar {
 height: 258px;
 width: 970px;
 margin: 0px;
 padding: 0px;
 text-align: center;

}



#welcomeCopy {
	height: 198px;
	width: 595px;
	color: #39444c;
	font-size: 140%;
	font-weight: bold;
	line-height: 26px;
	text-align: justify;
	float: left;

}


/*-------Monkey bar -----*/


#monkeybacker {
	/*background: #eef0f4;*/
	background-color: white;
	width: 100%;
	padding: 20px 0px 20px;
	overflow: auto;
	float: left;
	margin: 0px;

}

.monkeyBar {
 width: 970px;
 margin: 0px;
 padding: 0px;
 text-align: center;

}


#monkeyCopy {
	width: 595px;
	color: #39444c;
	font-size: 120%;
	font-weight: normal;
	line-height: 24px;
	text-align: justify;
	float: left;

}






#hireUs {
	width: 288px;
	float: left;
	margin: 20px 0px;
	text-align: left;

}

#hireUs img {
	border: none;

}


#hireUs ul {
margin: 20px;
font-size: 110%;
text-transform: uppercase;


}
#hireUs ul li{
margin: 0px 20px;
list-style-image:url(http://durbinmedia.com/dev/images/art/art_li.gif);
text-transform: uppercase;
font-size: 90%;

line-height: 24px;



}

#hireUs ul li a, #hireUs ul li a:hover{
list-style-image:url(http://durbinmedia.com/dev/images/art/art_li.gif);

text-transform: uppercase;


}



.jumpBar {
	margin: 10px 0px;
	background: url(http://durbinmedia.com/dev/images/bkg/bkg_jumpBar.gif) no-repeat;
	width: 606px;
	height: 37px;
	padding: 6px 15px;
	font-size: 70%;
	font-weight: normal;
	text-align: left;
}
.jumpBar a{
	color: #39444c;
}


.jumpBar a:hover{
	color: #f18222;
}



ul.jumper {
	margin: 0px;
	padding: 0px;
	display: inline;
	}

ul.jumper li{
	margin: 0px 10px 0px;
	padding: 0px 0px 0px 20px;
	display: inline;
	background:url(http://durbinmedia.com/dev/images/art/art_jump_li.gif) no-repeat;


}

ul.jumper li a, ul.jumper li a:hover{
	display: inline;


}




/*------NAV------------*/


#topNavHolder {
	width: 970px;
	height: 38px;
	text-align: right;
	text-transform: uppercase;
	font-size: 110%;
	font-weight: bold;
	padding: 25px 0px 0px 0px;
	 margin: 0px;


}

ul.topNav li {
	width: 970px;
	display: inline;
	list-style: none;
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 0px;
	text-align: right;
	height: 63px;

}


ul.topNav li a{
	color: #39444c;
	text-decoration: none;
		height: 100%;

	}

ul.topNav li a:hover {
		margin:  30px 0px 0px;
	color: white;
	width: 100%;
	height: 63px;
}

ul.topNav li.white a{
	color: white;
	text-decoration: none;
}

/*-------Footer -----*/


#footer {
	background: url(http://durbinmedia.com/dev/images/bkg/bkg_ftr.gif) no-repeat;
	text-align: left;
	width: 970px;
	margin: 0px auto;
	padding: 20px 0px 0px;
	height: 350px;


}



#footerFeed {
	width: 600px;
	text-align: left;
	float: left;
	line-height: 20px;
	font-weight: normal;
	font-size: 90%;
		color: #d7d7d7;
	padding: 20px 0px 0px;


}
#footerFeed a{
	color: #d7d7d7;
	text-decoration: none;

}

#footerFeed a:hover {
	color: #f18222;


}
#footerFeed img{
	border: 0px;
	margin: 0 20px 30px 0px;

}


#ftrContact {
	color: #d7d7d7;
	background: url(http://durbinmedia.com/dev/images/bkg/bkg_contact.gif) no-repeat center;
	padding: 20px 0px 0px;
	margin: 0px 0px 10px;
	width: 300px;
	font-size: 110%;
	line-height: 22px;
	float: left;
	text-align: justify;


}


ul.feeds {
	margin: 10px 0px 20px;
	padding: 0px;
	display: block;
	list-style-image:url(http://durbinmedia.com/dev/images/art/art_jump_li.gif);

	}

ul.feeds li{
	width: 600px;
	margin: 0px;
	padding: 0px;
	display: block;
	line-height: 20px;
	font-weight: normal;
	color: white;
	background:url(http://durbinmedia.com/dev/images/bkg/bkg_ftr_li.gif) no-repeat;
	text-indent: 30px;

	


}

#creditfooter img, #creditfooter img a{
	visibility: hidden;
	height: 1px;	
	width: 1px;
	margin: 0px 0px -30px;


}
ul.feeds li a {
	color: white;
	text-decoration: none;

}

ul.feeds li a:hover {
	color: #f18222;
	text-decoration: none;


}

.whiteheadFtr {
	font-size: 180%;
	color: white;
	margin: 0px 0px 5px;
	font-weight: bold;

}


ul.contentList {
margin: 20px;



}
ul.contentList li{
margin: 0px 20px;
list-style-image:url(http://durbinmedia.com/dev/images/art/art_li.gif);



}











/* Posts
----------------------------------------------- */
.date-header {
  margin:1.5em 0 .5em;
  color: #ccc;
font-size: 80%;
text-transform: uppercase;
  }
.post {
  margin:.5em 0  0px;
  border-bottom:1px dotted #ccc;
  padding-bottom: 0px;
  font-size:100%;
  }
.post-title {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-weight:bold;
  line-height:1.4em;
  font-size:120%;
  color:#F7931D;
  }
.post-title a, .post-title a:visited, .post-title strong {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-weight:bold;
  line-height:1.4em;
  color:#F7931D;
  }
.post-title strong, .post-title a:hover {
  color:#333333;
  }
.post div {
  margin:0 0  0px;
  line-height:1.6em;
  }
p.post-footer {
  margin: 0px;
  color:#ccc;
  font: 80%;
  text-transform:uppercase;
  }
.post-footer em, .comment-link {
  font: 80%;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
font-size: 80%;
text-transform: uppercase;
  color:#999;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
font-size: 80%;
text-transform: uppercase;
  }
.post img {
  padding:4px;
  border:1px solid #ddd;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0 0px;
  }


/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0 0px;
  font:bold 80%;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 0px;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0 0px;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 0px;
  font: 80%;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 0px;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }



/* TYPEPAD */

.entry-footer  {
text-transform: uppercase;
margin: 0px 0px 10px

}

p.entry-footer-info {
text-transform: uppercase;
font-size: 80%;
color: #C0C0C0;
padding: 10px 0px;
border-bottom: #C0C0C0 dotted 1px;



}

h2.date-header {
font-weight: normal;
font-size: 70%;
padding: 10px 0px 0px;
margin: 0px;

}

h2.module-header {
text-transform: none;
font-size: 150%;
padding: 10px 0px 0px;
margin-bottom: -20px;
	color: #f18222;


}

.module-content {
padding: 10px 0px 0px;
border-bottom: #C0C0C0 dotted 1px;
margin-bottom: 20px;

}

h3.entry-header, h3.comments-header, h3.trackbacks-header {
padding: 10px 0px 10px;

}

h3.comments-header {

color: white;
}

.entry-body {


}

h1.banner-header {
color: white;
font-size: 150%;
padding: 40px 0px;

}

.trackbacks-info, .comments-open-content {
font-size: 85%;

}

.comments-open-content {
line-height: 150%;

}

.container-inner, .container-inner a {
text-align: center;
width: 900px;
color: white;
}


#alpha h2.comments-open-header {
color: white;
font-weight: bold;
font-size: 140%;

}

#alpha h3.comments-header {
color: white;
font-weight: bold;
font-size: 140%;
}

#alpha {
text-align: center;
margin: 0px;
}

#alpha p.comment-footer {
color: white;
}

#beta {

visibility: hidden;
}

#entry-body p {
margin-bottom: 20px;

}

p.entry-body {
margin-bottom: 20px;

}


p {

margin-bottom: 20px;

}