/* colors
e1e1e1 - borders
ececec - background [dark]
f6f6f6 - background [light]
*/

/* =global */
a{color:#990000; text-decoration:underline; font-weight:bold;}
a:hover{text-decoration:none;}
blockquote{font-family:Georgia, "Times New Roman", Times, serif; font-size:146.5%; line-height:1.6em; padding:15px 35px 15px 75px; margin:25px 0; background:#f7f6f6 url(../img/quote.png) no-repeat 10px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius:10px;}


/* logo */
#logo{position:absolute; top:20px; left:0;}
#logo a{position:absolute; height:82px; width:98px; text-indent:-9999px; overflow:hidden; top:0; left:0; background:url(../img/logo.png) no-repeat top center;}
#logo h1, #logo h2{margin:0; padding:0;}
#logo h2{position:absolute; overflow:hidden; text-indent:-9999px;}


/* =classes */
.copy{color:#999;}
.titleHdr{margin:0; padding:0;}
.right-message{margon:0;padding:0; font-size:131%; text-align:center; font-family:"Trebuchet MS", Times, serif; color:#666;}
.status{display:none; font-size:85%; display:inline; vertical-align:top; color:#333;} /* ToDo//Fix in ie7/8 border dissapears with inline */ /*vertical align helps text line up with interface-bullet.png across all browsers */
h2.status{font-weight:bold; line-height:1;}
.status a{vertical-align:inherit; color:#999;} /* Fixes chrome/Safari anchor element from not aligning properly */
.status .twitter-link{color:#990000;}
.hdrWhiteCaps{color:#fff; text-transform:uppercase; font-size:108%;}
.img-border{padding:6px; border:1px solid #e0e0e0;}
.typeWhite{color:#fff;}
.typeRed{color:#990000;}
.typeGray{color:#666;}
.typeMedSize{font-size:116%; font-weight:bold;}
.faux-label{float:left; display:block; width:100px; font-weight:bold; /*cursor:pointer;*/}
a .faux-label{cursor:pointer;}
.intro{position:absolute; top:60px; left:0; color:#fff; font-size:138.5%;} /* ToDo// Margin box causes huge gap in IE7 */
.highlight-loud{font-family:Georgia, "Times New Roman", Times, serif; font-size:146.5%; line-height:1.6em; padding:15px; border-radius:10px; background-color:#f7f6f6; margin:50px 0;}
.continue-reading{background:url(../img/icon-arrow.png) no-repeat 0 0.3em; padding-left:15px; }
.rounded-corners-small{} /* used for dd_roundies */
.rounded-corners-large{} /* used for dd_roundies */

.input-button{font-weight:bold; background-color:#900; color:#fff; border:none; cursor:pointer; overflow:visible; padding:0.3em; vertical-align:bottom; 
-moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius:5px; vertical-align:middle;}  /* Would use dd_roundies but IE not cooperating */
.input-button:hover,.input-button:focus,.input-button:active{background-color:#000;}


/* =headings */
#content h1{font-size:189%; color:#cc0000; font-weight:normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; position:absolute; top:0; left:0; padding-bottom:3px;}
h2{font-size:138.5%; margin-top:0; font-weight:normal; color:#333; line-height:1.3em;}
.content-inner h3{/*color:#990000;*/ color:#000; font-weight:bold;}
.box-panel h2{font-size:138.5%; margin-top:0; color:#333;  font-weight:bold;}
.box-panel h2.rounded-title{background-color:#660000; padding:3px 5px; color:#fff; font-weight:bold;}
.box-panel h3{margin-top:0; color:#900; font-size:116%;}
.box-panel h3.rounded-title{background-color:#333; padding:3px 5px; font-size:108%; color:#fff;}

/* =lists */
ol,ul{margin-left:24px;}
ol li,ul li{margin-left:0;line-height:2em; color:#333;}

.lst-skip-to{position:absolute; left:0; top:0; text-indent:-9999px; margin:0; padding:0; overflow:hidden;} 
.lst-skip-to li{list-style:none;}

.lst-software-products{margin:0; padding:0;}
.lst-software-products li{padding:0; list-style:none inside; text-align:center; display:inline;}
.lst-software-products li img{border:1px solid #ececec; padding:3px;}
.lst-software-products li img:hover{opacity:.75;}

.lst-line-items{margin:0; padding:0;}
.lst-line-items li{margin:0 0 15px 0; padding:0; list-style:none; border-bottom:1px solid #ececec;}

.lst-block-line-items{margin:0; padding:0;}
.lst-block-line-items li{margin:0 0 5px 0; padding:5px; list-style:none; background-color:#ececec; line-height:1;}

.lst-contact-options{border-bottom:1px solid #ccc; padding:0 0 20px 0; margin-right:0; margin-bottom:20px;}
.lst-contact-options li{list-style-type:none; margin-left:0; padding-left:25px; background-repeat:no-repeat; background-position:0 0.5em;}
.lst-contact-options li.phone{background-image:url(../img/icons_toll_free.png);}
.lst-contact-options li.toll-free{background-image:url(../img/icons_toll_free.png);}
.lst-contact-options li.fax{background-image:url(../img/icons_fax.png);}
.lst-contact-options li.email{background-image:url(../img/icons_email.png);}

.lst-directions li{list-style:none; background:url(../img/icon-arrow.png) no-repeat 0 0.7em; margin-left:0; padding-left:15px;}

.lst-article-archive{margin:0; padding:0;}
.lst-article-archive li{margin:0; list-style:none; border-top:1px solid #ececec; padding:5px; display:block;}
.lst-article-archive li:hover{background-color:#f6f6f6;}
.lst-article-archive li a{text-decoration:none;}


/* =specific */

/* clients */
.lst-clients{margin:0 0 0 0; padding:0;}
.lst-clients li{list-style-type:none; padding:3px; font-size:85%; margin-bottom:5px; margin-left:0; border:1px solid #e1e1e1;}
.lst-clients li.highlighted{background-color:#f6f6f6;}
.client-logo-bar{margin-bottom:50px; border-top:5px solid #e1e1e1;border-bottom:5px solid #e1e1e1;border-right:1px solid #e1e1e1;border-left:1px solid #e1e1e1;}

/* portfolio */
.project-teaser{min-height:350px; _height:350px; margin-bottom:40px;border-bottom:2px dotted #e1e1e1; width:440px; float:left; display:inline;}
.project-teaser.left-col{margin-right:25px;}
.project-teaser.right-col{margin-left:25px;}
.project-teaser h3{padding:3px 5px;  background-color:#333; width:430px; font-size:93%;} /* override default rounded-title styles */
.project-teaser h3 a{text-decoration:none;color:#fff;}
.project-teaser p{font-size:85%; width:440px;}
.project-teaser img{margin-bottom:15px;}
.project-teaser img:hover{opacity:.75;}

.project-header,.project-details,.project-screenshots{margin-bottom:25px;}
.project-header h2.rounded-title{background-color:#333; padding:8px; color:#fff;} /* override default rounded-title styles */
.project-details h3.rounded-title{background-color:#666; padding:3px 5px; font-size:108%; color:#fff; font-size:93%; margin-top:0;} /* override default rounded-title styles */

.project-header{position:relative;}

.project-details li{color:#666; font-size:85%;}

.next-project,.previous-project{position:absolute; top:8px; color:#fff;}
.next-project a:hover,.previous-project a:hover{text-decoration:underline;}
.previous-project{right:115px;}
.next-project{right:8px;}
.next-project a,.previous-project a{color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:108%; font-weight:normal; text-decoration:none;}

.project-screenshots{width:940px;}
.project-screenshots div{ float:left; display:inline-block;}
.project-screenshots a{margin:0; padding:0;}
.project-screenshots img{border:1px solid #e1e1e1;}
.ss-left{margin-right:8px;}
.ss-right{margin-left:8px;}


/* sidebar box panel / box-inner */
.box-inner{font-size:85%;padding:0 15px 15px 15px; }

/* team / employee panels */
.employee-bio{min-height:375px; _height:375px;  border-bottom:2px dotted #e1e1e1; margin-bottom:50px;}
.employee-bio img{float:right; display:block; margin:0 0 0 15px;}
.echidna-position{display:block; font-size:85%; color:#900; font-family:Georgia, "Times New Roman", Times, serif;}

/* request quote form */
#frm-quote-request{margin-top:35px;}
#frm-quote-request label{float:left; display:block; width:150px; font-weight:bold;}
.text-input{width:350px;}
#estimated_budget{width:350px;}
#q-project_comments{width:350px;}
.btn-quote-request{margin-left:150px;}

/* home page blog window */
#blogWindow{width:288px; height:324px; position:absolute; bottom:0; right:25px; overflow:hidden; display:none;}
.blogContent{width:238px; height:238px; padding:25px;  background:url(../img/bg_panelLg.png) no-repeat top center; position:absolute; bottom:4px; right:0;}
	
.blogItem{position:relative; color:#000; text-align:left;}
.blogItem-inner{font-size:93%; color:#333; padding-left:70px;}

.titleHdr{font-size:108%; margin:0; padding:0;}
.titleHdr a{text-decoration:none; color:#000;}
.titleHdr a:hover:focus{color:#990000;}
.titleHdr a:hover{color:#888;}
	
.date{position:absolute; left:0; top:5px; line-height:1;}
.month{font-size:85%; text-transform:uppercase; color:#000; display:block; font-weight:bold; text-align:center;}
.day{font-size:231%; color:#660000;}

/* article view */
.article-item{margin-bottom:50px;border-bottom:2px dotted #e1e1e1; padding-bottom:25px;}
	#blog .archive .article-item{padding-bottom:0}
.article-head{/*border-bottom:1px solid #ececec;*/ /*margin-bottom:25px;*/ padding-bottom:5px;}
.article-image{float:right; margin:0 0 25px 25px; background-color:#eee; padding:5px; line-height:1;}
.article-item h2{margin-bottom:0}
.article-head h2 a{text-decoration:none; font-weight:normal; color:#333;}
.article-head h2 a:hover{text-decoration:underline;}
.post-details{margin:5px 0 0 0 ; color:#666; font-size:85%;}
.article-tools{padding:10px; background-color:#f6f6f6; border:1px solid #e1e1e1; display:block;}
.article-tools p{margin:0; padding:0;}


/* comment form */
#comment-post-form{margin-bottom:50px; padding:15px;background-color:#f6f6f6; border:1px solid #e1e1e1; border-radius:10px; }
#comment-post-form p{margin:10px 0 0 0;}
#comment-post-form label{font-weight:bold; float:left; width:135px;}
#comment-post-form label.no-float{float:none; font-weight:normal;} /* need better way to do this */
#cmt-comment{/*width:465px;*/ width:565px; padding:5px;}
#cmt-name,#cmt-email,#cmt-location,#cmt-url{width:435px;}

.edit_comment_box{}
.edit_comment_area{margin-bottom:15px; width:565px; padding:5px;}
.edit-comment{font-size:85%;}
.comment-edit-options{margin-bottom:15px;}
.btn-cancel-edit{font-weight:bold; background-color:#eee; color:#666; border:none; padding:3px; cursor:pointer; border-radius:5px;}
.btn-cancel-edit:hover{background-color:#ccc;}

.comment-security{margin:25px 0;}
.captcha img{vertical-align:bottom}


/* reader comments */
#reader-comments{margin-bottom:50px;border-bottom:2px dotted #e1e1e1; padding-bottom:25px;}
.user-comment{color:#000;  padding:10px; border:1px solid #e1e1e1; border-radius:10px; margin-bottom:25px;} /* <- please work one day! - Mike 09/29/2009 */
.comment-style-1{background-color:#f6f6f6;}
.comment-style-2{background-color:none;}
.comment-details{color:#666;border-bottom:1px solid #e1e1e1;}
.comment-date{}
.commment-author{}

/* service panel */
.service-panel{min-height:200px; _height:200px; margin-bottom:10px; padding-top:10px; border-bottom:2px dotted #e1e1e1;}
.service-panel img{float:right; margin:0 0 0 15px;}
.service-panel img:hover{opacity:.75;}

/* directions and map */
.contact-map-small img:hover{opacity:.75;}
.flash-map{border:1px solid #e1e1e1; width:350px; height:300px; padding:0; margin:0; padding:8px; background-color:#f6f6f6;}


	
/* sitemap / footer */
.sitemap-links{float:left; margin-top:0; margin-bottom:0;}
.sitemap-links li{list-style:none; line-height:1.5em; margin-left:0;}
.sitemap-links li ul{margin:0;}

#sitemap a{text-decoration:none; font-size:93%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#ccc;}
#sitemap a.current,#sitemap a:hover{text-decoration:underline;}

#sitemap ul li:first-child > a{text-shadow:2px 2px 2px #111; color:#fff;}
#sitemap ul li ul li:first-child a{text-shadow:none; color:#ccc;}

#siteinfo{color:#999; position:relative;}

.socialLinks,.businessLinks,.copy{color:#fff;font-size:77%; margin:0; padding:0;}
.businessLinks{text-align:right;}
.copy{text-align:center; vertical-align:top; margin:0 70px;}
.socialLinks{text-align:left;}

/* erin's blog headings ! */
#content h1.my-h1{font-size:2.5em; color:#333; font-weight:normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; position:relative; margin:0.5em 0;}
#content h2.my-h2{font-size:1.7em;  font-weight:normal; color:#333;  margin:0.5em 0;;}
#content h3.my-h3{font-size:1.2em; font-weight:normal; color:#333;  margin:0.5em 0;}