/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


body{ text-align:center }
#container{ position:relative; text-align:left; margin:45px auto 45px auto; 
            width:974px }
#branding{ float:left; height:156px; padding-left:45px }

/* nav */
#nav_main{ float:right; padding-right:30px; height:138px }
#nav_main li{ position:relative; left:16px; margin-left:-16px; display:block; 
              width:119px; height:138px; padding-right:6px; line-height:120px; 
              float:left }
div>#nav_main li{ width:113px }
/* end nav */


/* content */
#content{ clear:left; min-height:350px; height:300px; 
          padding-left:30px; padding-top:30px }
div>#content{ height:auto }
#content p,
#content blockquote,
#content cite,
#content form{ width:500px }
body.checkout div>#content{ margin-top:10px }

input[type='submit']{ clear:right; padding:.1em }
.flash{ position:relative }
.flash input[type='submit']{ position:absolute; right:2px; bottom:2px }

label{ margin-bottom:1em }
label, label span{ display:block }
label span{ width:9em; float:left }
span.required{ width:1em; display:inline; float:none; margin:0 .3em }

#content p.required_fields_info{ margin-bottom:2em }

div.date_select{ margin-bottom:15px }
input{ float:right }
label input{ float:none; width:10em }
label>input{ width:13em }
label.check_box input{ float:left; width:auto; margin-right:4px }
textarea{ padding:10px } 

dt{ clear:right }

#content ul{ padding-left:2em }
#content ul li{ margin-bottom:.1em }
/* end content */


/* system messages */
.flash p.hide{ display:none } /* hide the 'hide' text if not using js */
body.javascript .flash p.hide{ display:block }
.errorExplanation,.formError{ padding:15px; margin-bottom:15px }
.flash,.formError{ margin:15px 0 }
.flash h2,.formError h2{ padding:2px 0 3px 0 }
.flash p{ padding:0 .5em }
/* end system messages */


/* collections */
#content ol.collection li{ clear:left; padding:0 15px 10px 15px; margin:30px 0 }
/* end collections */


/* pagination */
#content ol.pagination{ padding:0 0 15px 0; margin-bottom:15px }
#content ol.pagination li{ padding:0; margin:0 5px 0 0; 
                           float:left }
#content ol.pagination li a,
#content ol.pagination li.disabled,
#content ol.pagination li.current{ display:block;
                                   padding:5px 10px }
/* end pagination */


#footer{ padding:45px 0 0 30px; clear:both }
#footer .tel, #footer .email{ display:none }
#footer p{ float:left; margin-right:2em }


/* blog */
a#subscribe{ padding:4px 0 10px 32px; display:block; margin-bottom:1em }
a#subscribe:visited { display:none } /* don't preach */
body#blog_posts_edit label.check_box{ float:right }
body#blog_posts_show pre code{ width:90% }
body#blog_posts_show pre>code{ width:auto }
/* end blog */


/* home */
body#home_show p#simply_agile { float:right; width:19em; margin:0;
                                padding:.5em }
/* end home */


h1, #nav_main{ font-family:georgia }
h1{ font-size:215%; margin-bottom:0.8em }
cite{ display:block; text-align:right; font-style:italic }
strong{ font-weight:bold }
#nav_main{ font-size:153.9% }
#nav_main li{ text-align:center }
#nav_main a{ text-align:center; text-decoration:none }

/* standard paragraphs */
#content p{ font-size:108%; margin:1em 0; line-height:1.5em; font-weight:bold }
#content blockquote p{ font-weight:normal }
#content p.required_fields_info{ font-weight:normal }

input[type='submit']{ font-size:146.5% }
div.date_select select{ font-size:77% }

/* headers */
#content ul li h2,
#content dt,
body.blog_list #content ol h2,
body#team_members_index #content cite{ font-style:normal; text-align:left;
                                       font-weight:bold; margin-top:1.5em }
#content h2{ font-size:108%; clear:both; font-weight:bold; margin:2em 0 -.5em 0 }

/* headed content */
#content dd{ font-size:93%; font-weight:normal; 
             margin:.1em 0 .5em 0 }

/* lists */
#content ul{ margin-bottom:1em }

/* team */
body#team_members_index #content blockquote p,
body#team_members_index #content ol p{ font-weight:bold }
body#team_members_index #content ol blockquote p{ font-weight:normal }
/* end team */

#content ol.pagination li{ font-weight:bold; font-size:85% }
#content ol.pagination li a{ text-decoration:none }

/* system messages */
#content div.flash p{ font-weight:normal }
#content div.flash h2{ font-weight:bold; text-align:center; margin-top:0 }
#content .errorExplanation h2{ margin-top:0 }
/* end system messages */

#footer{ text-align:center; font-size:77% }
#footer p{ margin-bottom:1em }


/* blog */
body.blog_list #subscribe{ font-weight:bold }
body.blog_list #content ol p{ font-weight:normal }
body#blog_posts_show #content h1{ margin-bottom:0 }
body#blog_posts_index #content h2{ margin-bottom:0 }
body#blog_posts_show #content p{ font-weight:normal }
body#blog_posts_show #content p.provenance{ margin:0 0 2em 0; font-size:93% }
body#blog_posts_show #content ol{ margin-bottom:1em }
body#blog_posts_show #content ol li{ line-height:1.5em; font-weight:bold; 
                                     margin-left:2em; 
                                     list-style-type:lower-alpha }
body#blog_posts_all #content ol li h2{ margin:1em 0 0 0 }
/* end blog */


/* services / projects */
body#services_index #content h2,
body#projects_index #content h2{ margin-bottom:-1em; margin-top:2em;
                                 font-weight:bold }
body#services_index #content p,
body#projects_index #content ol p,
body#projects_show #content p{ font-weight:normal }
/* end services */


/* projects */
body#projects_index ol li p{ margin:1em 0 }
/* end projects */


/* website templates */
body#website_templates_show #content p{ font-weight:normal }
body.checkout #content form h2,
body.checkout #content div.checkout_request h2{ margin:0 0 .5em 0; 
                                                font-size:167%;
                                                font-weight:normal }
/* end website templates */


/* privacy policy */
body.privacy_policies #content p{ font-weight:normal }
/* end privacy policy */


/* checkout */
body.checkout #content div.checkout_request dt{ font-weight:normal }
body.checkout #content div.checkout_request dt.total,
body.checkout #content div.checkout_request dd.total{ font-weight:bold }
body.checkout #content p{ font-weight:normal }
body.checkout #content .errorExplanation p{ margin-top:0 }
body.customers label select{ font-size:85% }
/* end checkout */


/* home */
body#home_show p#simply_agile { font-size:153.9%; text-align:center }
body#home_show p#simply_agile a { white-space:nowrap }
/* end home */


/* palette
 *
 * light grey: #999
 * dark grey: #666
 * off black: #333
 * off white: #f2f2f2
 * blue fg: #1775ff
 * green bg: #81ce4e
 * green fg: #619c3b
 * red bg: #ff6a08
 * red fg: #bf5713
 * pink bg: #fdd
 * yellow bg: #ffd114
 * yellow fg: #c6a312
 * yellow submit: #ffd114
 */

h1 em, h1 span{ color:#999 }
h1{ border-bottom:8px solid #f2f2f2 }
#content{ color:#333 } 
#footer, #footer a{ color:#999 }
label span{ cursor:pointer }
#content abbr{ cursor:help; border-bottom:1px dotted #666 }

.required{ color:#bf5713 }

ul#nav_main{ background:url(/images/boxbar.png) repeat-x }
ul#nav_main li{ background-position:top center; background-repeat:no-repeat }

li#nav_home, li#nav_home a{ color:#1775ff }
body#home_show li#nav_home{ background-image:url(/images/bluebox.png) }

li#nav_projects, li#nav_projects a{ color:#aa00d4 }
body.projects li#nav_projects{ background-image:url(/images/purplebox.png) }

li#nav_services, li#nav_services a{ color:#619c3b }
body#services_index li#nav_services{ background-image:url(/images/greenbox.png) }

li#nav_blog, li#nav_blog a{ color:#bf5713 }
body.blog_list li#nav_blog,
body#blog_posts_show li#nav_blog{ background-image:url(/images/redbox.png) }

li#nav_contact, li#nav_contact a{ color:#c6a312 }
/* hack for line */
ul#nav_main li#nav_contact{ background-image:url(/images/boxbar.png); 
                            background-position:20px 0 } 
body.messages ul#nav_main li#nav_contact{ 
  background-image:url(/images/yellowbox.png);
  background-position:top center 
}

input[type='submit']{ color:#fff; border-width:2px; border-style:solid }
.flash input[type='submit']{ background:#81ce4e; border-color:#81ce4e }
.flash input[type='submit']:hover { background:#fff; color:#619c3b }
label input{ border:none; border-bottom:1px dashed #ccc }
label.check_box input{ border:none }
textarea{ border:1px dashed #ccc }
label input:focus { border-bottom-style:solid }
textarea:focus { border-style:solid }

#content ul li{ list-style-type:square }

/* system messages */
.errorExplanation,.formError{ background:#fdd }
.errorExplanation li{ list-style-type:square }

.field_with_errors{ background:#fdd }

.flash.notice h2{ background:#81ce4e; color:#fff }
.flash.notice{ border:1px solid #81ce4e }
/* end system messages */


/* generic form */
body.messages input[type='submit'],
body.blog_posts input[type='submit']{ background:#ffd114; border-color:#ffd114 }
/* end generic form */


/* blog */
body.blog_list #content ol li{ border:2px solid #ff6a08 }
body.blog_list #content ol.pagination li{ border:2px solid #ff6a08; 
                                                 color:#fff;
                                                 background:#ff6a08 }
body.blog_list #content ol.pagination li a{ color:#fff }
body.blog_list #content ol.pagination li a:hover { color:#ff6a08;
                                                          background:#fff }
body.blog_list #content ol.pagination li.current,
body.blog_list #content ol.pagination li.disabled{ border-color:#fff;
                                                          color:#ff6a08;
                                                          background:#eee }
body.blog_list #subscribe{ background:url(/images/feed.png) no-repeat }
body#blog_posts_show #content ol li{ color:#666 }
/* end blog */


/* contact */
body.messages input[type='submit']:hover { background:#fff; color:#ffd114 }
body.messages label input, body.messages textarea{ border-color:#ffd114 }
/* end contact */

/* home */
#simply_agile a { color:#333 }
#simply_agile { color:#1775ff; border:3px solid #5599ff }
/* end home */
