/*  
Theme URI: http://www.coldspringdesign.com
Description: Cold Spring Design 2.0 web site
Author: Jeff Lerman
Author URI: http://www.coldspringdesign.com
Version: 1.0
*/

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: small;
	text-align: center;
	color: #333;
	background: #eeeeee url(../images/page/bg.png) center;
	}
	
a:link, a:visited {
	color: #333; /* Page-specific hover color */
	text-decoration: underline;
	}
a:hover {
	/* color: #A9C620;  Page-specific hover color */
	text-decoration: underline;
	background-color: #B6D424; /* Page-specific background color */
	}
	
/*
a.t:hover img {
	filter:alpha(opacity=100), gray();
	}	
*/

/* ------------------ Page positioning ------------------ */

#wrap {
	width: 819px;
	margin: 0 auto;
	padding: 0 6px;
	font-size: 95%;
	text-align: left;
	background: #fff url(../images/page/page_bg.jpg) repeat-y center top;
	}
#main-body {
	float: left;
	width: 100%;
	background: url(../images/page/nav_bg.jpg) no-repeat center top;
	}
#content {
	float: left;
	width: 520px; 
	margin: 12px 0 0 0;
	}
	
#content p {
	line-height: 160%;
	}
		
#sidebar {
	float: right;
	position: relative;
	width: 299px; 
	/* background: #dbdbdb;*/
	}
#footer {
	clear: both;
	margin: 0;
	padding: 5px 15px 10px 15px;
	text-align: center;
	border-top: 1px solid #fff;
	background: #cecece url(../images/page/footer_bg.jpg) no-repeat center top;
	}


/* ------------------ Title ------------------ */


#header {
	float: left;
	width: 100%;
	background: #fff;
	padding: 7px 0px 7px 0px;
	}

#header h1 {
	float: left;
	width: 250px;
	margin: 0;
	padding: 15px 0 0 20px;
	}
	
#header h2 {
	float: right;
	width: 520px;
	margin: 12px 20px 0px 55px; 
	padding: 0;
	text-align: right;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 180%;
	font-weight: bold;
	font-weight: normal;
	color: #C5C5C5;
	}
	
#login {
	float: right;
	width: 520px;
	margin: 8px 20px 0px 0px; 
	padding: 0;
	}	
	

/* ------------------ Nav ------------------ */

#nav {
	float: left;
	width: 100%;
	font-size: 90%;
	}
#nav ul {
	float: left;
	width: 836px;
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	}
#nav ul li {
	float: left;
	margin: 0;
	padding: 0;
	}
#nav ul li a {
	float: left;
	margin: 0px;
	padding: 12px 22px 10px 22px; 
	font-weight: bold;
	text-decoration: none;
	color: #777;
	}

#nav ul li a:hover {
	color: #333;
	background: #cccccc; 
	}

#navHome.active a, #navHome.active a:hover {
	margin: 0px;
	padding-bottom: 10px;
	background: #fff url(../images/nav/home_bg.jpg) no-repeat bottom right;	
	}	

#navDesign.active a, #navDesign.active a:hover {
	margin: 0px;
	padding-bottom: 10px;
	background: #fff url(../images/nav/design_bg.jpg) no-repeat bottom right;	
	}	

#navBlog.active a, #navBlog.active a:hover {
	margin: 0px;
	padding-bottom: 10px;
	background: #fff url(../images/nav/maintenance_bg.jpg) no-repeat bottom right;	
	}	

#navHosting.active a, #navHosting.active a:hover {
	margin: 0px;
	padding-bottom: 10px;
	background: #fff url(../images/nav/hosting_bg.jpg) no-repeat bottom right;	
	}	

#navMaintenance.active a, #navMaintenance.active a:hover {
	margin: 0px;
	padding-bottom: 10px;
	background: #fff url(../images/nav/maintenance_bg.jpg) no-repeat bottom right;	
	}	

#navPortfolio.active a, #navPortfolio.active a:hover {
	margin: 0px;
	padding-bottom: 10px;
	background: #fff url(../images/nav/portfolio_bg.jpg) no-repeat bottom right;	
	}	

#navCompany.active a, #navCompany.active a:hover {
	margin: 0px;
	padding-bottom: 10px;
	background: #fff url(../images/nav/company_bg.jpg) no-repeat bottom right;	
	}	

#navPartners.active a, #navPartners.active a:hover {
	margin: 0px;
	padding-bottom: 10px;
	background: #fff url(../images/nav/partners_bg.jpg) no-repeat bottom right;	
	}	

#navContact.active a, #navContact.active a:hover {
	margin: 0px;
	padding-bottom: 10px;
	background: #fff url(../images/nav/contact_bg.jpg) no-repeat bottom right;	
	}	


/* ------------------ Content ------------------ */



#content-inner {
	margin: 20px;
	line-height: 1.4em;
	}

#content-inner h2{
	font-family: "Trebuchet MS", sans-serif;
	font-size: 150%;
	}

#content-inner h3{
	font-family: "Trebuchet MS", sans-serif;
	font-size: 110%;
	}
	
.citation{
	font-family: "Trebuchet MS", sans-serif;
	font-size: 70%;
	line-height: 1em;
	}
	
#content-inner ul {
	margin: 1.5em 0 1.5em 40px;
	padding: 0;
	list-style: none;
	}
#content-inner ul li {
	margin: 0 0 8px 0;
	padding: 0 0 0 15px;
	color: #555;
	background: url(../images/bullet-grey.gif) no-repeat 0 1px;
	}
#content-inner blockquote {
	margin: 1em 0 1em 20px;
	padding: 0 0 0 22px;
	font-size: 90%;
	line-height: 1.4em;
	color: #666;
	background: url(../images/icon-quotes.gif) no-repeat 0 2px;
	}

/* weblog entries */

div.entry h3 {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 150%;
	}
div.entry p.posted {
	margin: 0;
	padding: 0 0 0 21px;
	font-size: 90%;
	color: #666;
	background: url(../images/icon-permalink.gif) no-repeat 0 3px;
	}
div.entry p.tags {
	margin: 4px 0 20px 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
	background-image: url(../images/icon-tags.gif);
	}
div.entry p.posted a {
	color: #666;
	border-bottom: 1px dotted #bbb;	
	}
div.entry p.posted a:hover {
	background: #666;
	color: #fff;
	border: none;
	}
div.last p.posted {
	border-bottom: none;
	}
	
/* ------------------ Sidebar ------------------ */

/* -- focus box -- */

#news {
	margin: 0;
	padding: 15px;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	background: #A9C620 
	}

#home #news { 
	background: #A9C620 url(../images/focus/home.jpg) no-repeat top left; 
	}

#design #news { 
	background: #B4895C url(../images/focus/design.jpg) no-repeat top left; 
	color: #fff;
	}

#blog #news { 
	background: #B4895C url(../images/focus/maintenance.jpg) no-repeat top left; 
	color: #fff;
	}
	
#hosting #news { 
	background: #56A3AA url(../images/focus/hosting.jpg) no-repeat top left; 
	color: #fff;
	}

#maintenance #news { 
	background: #7BAAD2 url(../images/focus/maintenance.jpg) no-repeat top left; 
	color: #fff;
	}

#portfolio #news { 
	background: #DCB03F url(../images/focus/portfolio.jpg) no-repeat top left; 
	}

#company #news { 
	background: #547D93 url(../images/focus/company.jpg) no-repeat top left; 
	color: #fff;
	}

#partners #news { 
	background: #928CE0 url(../images/focus/partners.jpg) no-repeat top left; 
	color: #fff;
	}

#contact #news { 
	background: #5E7955 url(../images/focus/contact.jpg) no-repeat top left; 
	color: #fff;
	}

#clients #news { 
	background: #8EA7C5 url(../images/focus/clients.jpg) no-repeat top left; 
	color: #fff;
	}
	
#news h3 {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 135%;
	color: #fff;
	}
#news dl {
	margin: 1em 0;
	padding: 0;
	line-height: 1.3em;
	}
#news dl dt {
	margin: 0;
	padding: 0 0 0 15px;
	font-weight: normal;
	background: url(../images/bullet-grey.gif) no-repeat 0 1px;
	}
#news dl dd {
	margin: 0 0 8px 0px;
	padding: 0;
	font-size: 95%;
	color: #333;
	}
#news p {
	margin: 0;
	padding: 0 0 10px 0;
	font-weight: normal;
	}
#news a.more {
	padding-right: 8px;
	font-weight: bold;
	background: url(../images/bullet-newsmore.gif) no-repeat 100% 4px;
	}
#news a {
	color: #A9C620;  /* Page-specific hover color */
	text-decoration: none;
	}
#news a:hover {
	border-bottom: 1px dotted white;
	}

/* -- sidebar contents -- */

#sidebar-inner {
	border-top: 1px solid #fff;
	border-left: 1px solid #ccc;
	padding: 0px 15px 20px 15px;
	}

#sidebar-inner h2{
	font-family: "Trebuchet MS", sans-serif;
	font-size: 150%;
	color: #333333;
	}	
	
#sidebar-inner h4 {
	margin: 0 0 5px 0;
	padding: 0;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 130%;
	color: #555;
	}
#sidebar-inner h5 {
	margin: 0 0 5px 0;
	padding: 0;
	font-style:italic;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 130%;
	color: #375227;
	}
#sidebar-inner h6 {
	margin: 0 0  5px 0;
	padding: 0;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 90%;
	color: #333;
	}		
#sidebar-inner ul {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
	}
#sidebar-inner ul li {
	margin: 0;
	padding: 5px 0 5px 15px;
	font-size: 90%;
	border-bottom: 1px solid #ccc;
	background: url(../images/bullet-grey.gif) no-repeat 3px 9px;
	}
#sidebar-inner ul li.last {
	border-bottom: none;
	}

/* -- teasers? -- */

dl.teaser {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	font-size: 80%;
	line-height: 1.4em;
	border-bottom: 1px solid #bbb;
	}
dl.teaser:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: left; 
    visibility: hidden;
    }
dl.last {
	border-bottom: none;
	}
dl.teaser dt {
	float: left;
	}
dl.teaser dt img {
	padding: 3px;
	margin: 0 8px 16px 0;
	border: 1px solid #999;
	background: #fff;
	}
dl.teaser dt a:hover img {
	border-color: #fff;
	background: #A9C620;  /* Page-specific hover color */
	}
dl.teaser dd {
	margin: 0 0 0 65px;
	padding: 0;
	color: #444;
	}
dl.teaser dd.link {
	margin-bottom: 3px;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 130%;
	}
dl.teaser dd.link a {
	padding-right: 9px;
	background-image: url(../images/bullet-sidemore.gif);
	background-repeat: no-repeat;
	background-position: 100% 6px;
	}
dl.teaser dd.link a:hover {
	background-image: url(../images/bullet-sidemore-hov.gif);
	}

/* -- subnav box -- */

#subnav {
	margin: 0;
	padding: 20px;
	background: #A9CC4C url(../images/sidebar-green-bg.gif) no-repeat top left;
	}
#subnav h3 {
	margin: 0 0 5px 0;
	padding: 0;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 130%;
	color: #fff;
	}
#subnav ul {
	margin: 0;
	padding: 0;
	font-size: 90%;
	list-style: none;
	line-height: 1.3em;
	}
#subnav ul li {
	margin: 0;
	padding: 8px 0 8px 15px;
	font-weight: bold;
	border-bottom: 1px solid #9FC43D;
	background: url(../images/bullet-green.gif) no-repeat 3px 12px;
	}
#subnav ul li#subnav-last {
	padding-bottom: 0;
	border-bottom: none;
	}
#subnav a {
	color: #3B5000;
	text-decoration: none;
	}
#subnav a:hover {
	background-color: #C6E76E;
	}
#subnav ul li.active {
	background-image: url(../images/bullet-blue.gif);
	}
#subnav ul li.active a, #subnav ul li.active a:hover {
	color: #195F82;
	}

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

#footer p {
	margin: 0 0 0px 0;
	padding: 0;
	font-size: 90%;
	color: #fff;
	}
		
#footer p a {
	color: #fff;
	border-bottom: 1px dotted #aaa;
	}
#footer p a:hover {
	color: #555;
	border: none;
	}

/* ------------------ Bits and Pieces ------------------ */

a img {
	border: none;
	}
hr, .hide {
	display: none;
	}

/* ------------------ IE(sub7) Fixes ------------------ */

/* hide from IE/Mac \*/
#main-body {
	clear: left;
	}

* html div {
	height: 1%;
	}
/* end hide */


body {
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: small;
	}
html>body { /* be nice to Opera */
	font-size: small;
	}

#wrap {
	width: 831px; /* IE5 Win prev 831px*/
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 819px;
	}
html>body #wrap { /* be nice to Opera */
	width: 819px;
	}

/* ------------------ Self-Clearing Float ------------------ */

#nav { display: inline-block; } /* for IE/Mac */
/* Hides from IE/Mac \*/
* html #nav, * html #footer { height: 1%; }
#nav { display: block; }
/* End hide from IE/Mac */