/*
Theme Name: Cripe
Theme URI: 
Description: 
Author: DTP Strategies
Version: 1.0
Tags: custom
*/

html, body {
	height: 100%;         /* required */
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background: #e9ebd0;
	margin: 0;
	padding: 0;
	text-align: center;
}

a:link { color: #000; text-decoration: underline; }
a:visited { color: #000; text-decoration: underline; }
a:hover { color: #008043; text-decoration: underline; }
a:active { color: #008043; text-decoration: underline; }

#wrap { 
	margin: 0 auto; 
	width: 900px; 
	height:100%;
}

h1 {
	font-size: 14px;
	letter-spacing: .125em;
}

h2 {
	font-size: 14px;
	letter-spacing: .125em;
}

h3 {
	font-size: 12px;
	letter-spacing: .125em;
}

a img { border: none; }


/*-------------------------------------------
	header
-------------------------------------------*/

#headerHome {
	width: 950px; 
	height: 219px;
	margin: 0 auto; 
	position: relative; 
	text-align: left;
	background-image: url(images/bg-header-home.gif);
}

#header {
	width: 950px; 
	height: 240px; 
	margin: 0 auto; 
	position: relative; 
	text-align: left;
	background-image: url(images/bg-header.gif);
}

#header.short {background-image: url(images/bg-header-search.gif);}

#headerProjects {
	width: 950px; 
	height: 240px; 
	margin: 0 auto; 
	position: relative; 
	text-align: left;
	background-image: url(images/bg-header-2.gif);
}

#homenav {
	width: 265px;
	margin: 20px 0 0 0;
	padding: 0;
	float: left;
}

#hnav {
    width: 265px; height: 199px;
	background: url(images/cripe-logo.gif);
    margin: 0; padding: 0;
    position: relative;
}

#hnav li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#hnav li a { height: 0px; display: block; padding-top: 199px; overflow: hidden; }

#hnav1 { left: 0; width: 265px; }

#allnav {
	width: 670px;
	margin: 0 15px 0 0;
	padding: 0;
	float: right;

}

#navT {
    width: 670px; height: 39px;
    background: url(images/nav1.gif);
    margin: 0; padding: 0;
    position: relative;
}

#navT li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#navT li a { height: 0px; display: block; padding-top: 39px; overflow: hidden; }

#navT1 { left: 0; width: 130px; }
#navT2 { left: 130px; width: 155px; }
#navT3 { left: 285px; width: 150px; }
#navT4 { left: 435px; width: 210px; }

#navT1 a:hover { background: transparent url(images/nav1.gif) 0 -39px no-repeat; }
#navT2 a:hover { background: transparent url(images/nav1.gif) -130px -39px no-repeat; }
#navT3 a:hover { background: transparent url(images/nav1.gif) -285px -39px no-repeat; }
#navT4 a:hover { background: transparent url(images/nav1.gif) -435px -39px no-repeat; }

#navT1 a.selected { background: transparent url(images/nav1.gif) 0 -39px no-repeat; }
#navT2 a.selected { background: transparent url(images/nav1.gif) -130px -39px no-repeat; }
#navT3 a.selected { background: transparent url(images/nav1.gif) -285px -39px no-repeat; }
#navT4 a.selected { background: transparent url(images/nav1.gif) -435px -39px no-repeat; }

#navB {
    width: 670px; height: 36px;
    background: url(images/nav2.gif);
    margin: 0; padding: 0;
    position: relative;
}

#navB li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#navB li a { height: 0px; display: block; padding-top: 36px; overflow: hidden; }

#navB1 { left: 0; width: 170px; }
#navB2 { left: 170px; width: 190px; }
#navB3 { left: 360px; width: 125px; }
#navB4 { left: 485px; width: 130px; }

#navB1 a:hover { background: transparent url(images/nav2.gif) 0 -36px no-repeat; }
#navB2 a:hover { background: transparent url(images/nav2.gif) -170px -36px no-repeat; }
#navB3 a:hover { background: transparent url(images/nav2.gif) -360px -36px no-repeat; }
#navB4 a:hover { background: transparent url(images/nav2.gif) -485px -36px no-repeat; }

#navB1 a.selected { background: transparent url(images/nav2.gif) 0 -36px no-repeat; }
#navB2 a.selected { background: transparent url(images/nav2.gif) -170px -36px no-repeat; }
#navB3 a.selected { background: transparent url(images/nav2.gif) -360px -36px no-repeat; }
#navB4 a.selected { background: transparent url(images/nav2.gif) -485px -36px no-repeat; }


/*-------------------------------------------
	page structure
-------------------------------------------*/

#contentWraphome {
	width: 950px;
	padding: 0 0 20px 0;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
	background-image: url(images/bg-footer.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

#copyhome {
	width: 700px;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}

#contentWrap {
	width: 950px;
	padding: 0 0 20px 0;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
	background-image: url(images/bg-footer.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

#mainContent {
	float: right;
	width: 650px;
  	padding: 10px 0 0 0;
  	margin: 0 15px 0 20px;
  	line-height: 1.7em;
  	text-align: left;
}

#sidebar {
	float: left;
	width: 250px;
  	padding: 0px;
  	margin: 0 0 0 15px;
  	line-height: 1.7em;
  	text-align: left;
}

#sidebarProjects {
	float: left;
	width: 250px;
  	padding: 0px;
  	margin: 0 0 0 15px;
  	line-height: 1.7em;
  	text-align: left;
	background-color: #f1f4e7;
}

#sidebarProjects ul {
  list-style-type: none;
  padding: 0 10px 20px 20px;
  margin: 0;
}

#sidebarProjects li {
  padding: 0 0 5px 0;
  font-weight: bold;
}

#sidebarProjects p {
  padding-left: 15px;
}

#sideNav {
	width: 220px;
	padding: 10px 10px 10px 20px;
	margin: 0;
	text-align: left;
	background-color: #f1f4e7;
	font-size: 10px;
	line-height: 14px;
}

#subNav {
	width: 950px;
	padding: 10px 0 15px 0;
	margin: 0 auto;
	text-align: centered;
	background-image: url(images/bg-snav.gif);
	letter-spacing: .125em;
	line-height: 20px;
}

.snav:link { color: #000; text-decoration: none; }
.snav:visited { color: #000; text-decoration: none; }
.snav:hover { color: #008043; text-decoration: none; }
.snav:active { color: #008043; text-decoration: none; }

#snavon:link { color: #008043; text-decoration: none; }
#snavon:visited { color: #008043; text-decoration: none; }
#snav:hover { color: #008043; text-decoration: none; }
#snav:active { color: #008043; text-decoration: none; }

#mainDivider .column {
  position: relative;
  float: left;
}

#m_left {
  width: 170px;
  height: 220px;
  vertical-align: bottom;
  padding: 0px;
  margin-top: 10px;
  line-height: 12px;
  text-align: left;
}

#m_right {
  width: 400px;
  padding: 0px;
  margin-top: 190px;
  line-height: 12px;
  text-align: left;
}

#two_left {
  width: 315px;
  padding: 0px;
  margin: 10px 0 0 0;
  text-align: left;
  line-height: 14px;
}

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

#two_left li {
  padding: 0 0 10px 0;
}

#two_right {
  width: 315px;
  padding: 0px;
  margin: 10px 0 0 20px;
  text-align: left;
}

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

#two_right li {
  padding: 0 0 10px 0;
}

.captions {
	font-size:10px;
	line-height: 12px;
}

.required {
	font-size:10px;
}

.input { 
	width: 330px;
	padding-left: 5px;
	margin: 0;
	border-style: solid;
	border-width: thin;
	border-color: #ccc;
	background-color: #ccc;
}

.input400 { 
	width: 380px;
	padding-left: 5px;
	margin: 0;
	border-style: solid;
	border-width: thin;
	border-color: #ccc;
	background-color: #ccc;
}

#milestones {
	width: 950px;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}

/*-------------------------------------------	
	Search
-------------------------------------------*/


#s_left {
  width: 200px;
  padding: 0px;
  margin: 0;
  text-align: right;
}

#s_right {
  width: 88px;
  padding: 0px;
  margin: 0px;
  text-align: left;
}

#searchContainer {
	width: 288px;
	height: 66px;
	padding: 0;
	margin: 63px 15px 0 0;
	float: right;
}

.rounded {
	background-image: url(images/rounded.gif);
	background-repeat: no-repeat;
	padding: 2px;
	height: 25px;
}

.inputSearch { 
	width: 180px;
	padding-left: 5px;
	margin: 0;
	border-style: solid;
	border-width: thin;
	border-color: #fff;
	background-color: #fff;
}


/*-------------------------------------------	
	Blogs
-------------------------------------------*/

#callout-blog {
	width: 550px;
	padding: 10px 20px 10px 20px;
	text-align: left;
	background-color: #f1f1f1;
}

.sm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
}

#sidebar-blog {
	padding: 0;
	text-align: left;
}

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

#sidebar-blog li {
  padding: 5px 0 5px 0;
  font-size: 11px;
}

#sidebar-blog p {
  padding-left: 15px;
}

.readmore { 
	float: right;
}



/*-------------------------------------------	
	Clear
-------------------------------------------*/

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


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

#footer {
	width: 950px;
	padding: 20px 0 20px 0;
	margin: 0;
	text-align: center;
	font-size:10px; font-weight:normal; color:#666;
}

#footer a:link { color: #666; text-decoration: none; }
#footer a:visited { color: #666; text-decoration: none; }
#footer a:hover { color: #000; text-decoration: none; }
#footer a:active { color: #000; text-decoration: none; }


/*-------------------------------------------	
	Blog
-------------------------------------------*/

.post-navigation .alignleft { width: 200px; float: left;}

.post-navigation .alignright { width: 200px; float: right; text-align: right;}

#sidebar-blog h5 {  font-size: 11px; margin-bottom: 0; padding: 0 10px;}

ul.press { padding: 0; list-style: none; font-weight: bold; }

ul.press li { text-decoration: underline;}

li.menu.selected a { color: #008043; text-decoration: none;}

#sidebarProjects ul.sub { padding: 0 0 10px 10px; font-weight: normal; font-style: italic;}

#sidebarProjects ul.sub li { font-weight: normal; font-style: italic;}

.city { line-height: 0px; }

.segments {  font-size: 10px;  line-height: 10px;  color: #666; }

/*-------------------------------------------	
	Search
-------------------------------------------*/

#header.short { height: 240px;}

input.search-submit { display: none;}

#incoming { display: none;}

ol.search-list { padding: 0;}