@import "../styles/site.css";

/* LAYOUT SPECIFIC */

#pageBody {
	width: 100%;
	float: left;
	margin-top: 16px;
	margin-bottom: 6px;
}
#pageBody .content, #pageBody .sidebar .blurb {
	background: #fff;
	padding: 10px 6px;
	margin: 0px;
}

#bodyLeft {
  margin: 0px;
  padding: 0px;
}

#bodyLeft.contentBox {
	margin: 0px;
	width: 630px;
	float: left;
	clear: none;
}
#bodyLeft.contentBox h2{
	margin: 0 1px 0 0;
	color: #003366;
	font-weight: normal;
	font-size: x-large;
}
#bodyBottomLeft.contentBoxBottom {
  width: 644px;
	margin: 0 16px 0 0;
	height: 14.4px;
}
#bodyLeft .contentBottomBar {
	height: 14.4pxm;
	margin: 0 1px 0 0;
}

#bodyRight {
	width: 300px;
	float: right;  
	margin: 0px;
}

#bodyRight.contentBox h2{
	margin: 0 1px 0 0;
	color: #666;
	font-weight: normal;
	font-size: x-large;
}
#bodyBottomRight.contentBoxBottom {
  width: 284px;
	margin: 0 16px 16px 0;
	height: 14.4px;
}
#bodyRight .contentBottomBar {
	height: 14.4px;
	margin: 0 1px 0 0;
}

#pageFooter {
  padding-top: 50px;
  background: url(../images/footer.gif) no-repeat;
/*  height: 200px;*/
  width: 940px;
}

#pageFooter span.small {
line-height: 16px;
font-size: 10px;
}

/* Make stuff invisible */
.contentBoxBottom {
  display: none;
}


#headerLeft {
float: left;
background: url(../citiimages/logo.jpg) no-repeat top left;
width: 300px;
height: 92px;
margin: 5px 0 0 5px;
}

#headerRight {
float: right;
width: 450px;
}

#headerRight a {
font-size: 11px;
}


#testimonial {
color: #C96408;
font: 11px/17px Georgia, Times New Roman, serif;
font-style: italic;
height: 95px;
overflow: hidden;
width: 620px;
float: right;

}

.quoteText {
	text-align: left;
	display: block;
}

.quoteAuthor { 
	text-align: right;
	display: block;
	padding: 5px 0 0 0;
	font-style: normal;
}

#rightQuote {
background: url(../citiimages/quote_right.jpg) no-repeat bottom right;
padding-right: 10px;
}

#menuTop {
background: url(../citiimages/home_about.jpg) no-repeat bottom right;
height: 50px;
margin-left: 684px;
width: 200px;
}

#menuTopBlog {
background: url(../citiimages/blog.jpg) no-repeat bottom right;
height: 140px;
margin-right: 60px;
margin-top: 5px;
float: right;
width: 400px;
}


#menuRightCorner {
background: #003366 url(../citiimages/menucorner.gif) no-repeat bottom right;
padding-right: 1px;
height: 35px;
}

#menuLeftCorner {
background: #003366 url(../citiimages/menucorner.gif) no-repeat bottom left;
padding-left: 1px;
height: 35px;
}


#pageHeader{
height: 216px;
clear: both;
}


#testimonial blockquote {
  background: url(../citiimages/quote_left.jpg) left top no-repeat;
}
blockquote div {
  padding: 0 30px;
  background: url(../citiimages/quote_right.jpg) right bottom no-repeat;
}

.newsDate {
font-size: smaller;
}


/*Project Styles*/
div.project {
margin-bottom: 15px;
}

div.project img {
margin: 5px;
}

div.tags {
background-color:#FFFFCC;
border-bottom:1px solid #FFCC00;
margin: 20px 10px 10px 10px;
padding:5px 10px;
}

div.link {
margin: 10px 0px;
}

div.projectDetail {
float: left;
}

div#tagCloud {
float: left;
}