/* $Id: dc-styles.css,v 1.6 2009/02/04 13:14:21 damien Exp $ */

/* Colours:
  http://www.modernlifeisrubbish.co.uk/article/web-2.0-colour-palette
   - Shiny silver [#eeeeee] - Borders
   - Reddit white [#ffffff] - Background
   - Magnolia Mag.nolia [#f9f7ed] - Background
   - Interactive action yellow [#ffff88]
   - Qoop Mint [#cdeb8b]
   - Gmail blue [#c3d9ff] - Background
   - Shadows Grey [#36393d]  - Text
 
  http://www.colourlovers.com/palette/92095/Giant_Goldfish
  #69d2e7 - Pale blue
  #a7dbd8 - Light grey blue
  #e0e4cc - Very pale green (Background)
  #f38630 - Orange
  #fa6900 - Deep orange
  */

/* Generic styles. */
a {
  color: #36393d;
  text-decoration: none;
  border-bottom: 1px dashed #fa6900;
}
a:hover, a:focus {
  border-bottom-style: solid;
}
a:active {
  border-bottom-style: dotted;
}
a:visited {
  border-bottom: 1px solid #f38630;
}

html {
  /*background-color: #dddddd;*/
  /* From http://www.stripegenerator.com */
  /*background-image: url(../images/stripegenerator-01E6DC-25FEF3-10-10.png);*/
  /*background-image: url(../images/stripegenerator-C3D9FF-C3FFDD-10-10.png);*/
  /* From http://lab.rails2u.com/bgmaker/ */
  background-image: url(../images/lab.rails2u.com-3-cccccc-slash-reverse.png);
  background-color: #e0e4cc;
  color: #36393d;
}

#hd {
  /*background-image: url(../images/dcarbery-barcode-black.png);
  background-position: right top;
  background-repeat: no-repeat;*/
  background-color: #fff;
  /*margin-right: 1em;*/
}
.logo {
  /*background-image: url(../images/bg-background-home-transparency.png);*/
  background-image: url(../images/bg-background-home.jpg);
  background-repeat: no-repeat;
  padding-left: 150px;  /* Space for background image. */
  /*padding-top: 2em;*/
  height: 100px;
  /*min-height: 200px; */
}
.logo-home {
  /*border: 1px solid red;*/
  /*background-image: url(../images/bg-background-home.jpg);*/
  /*background-image: url(../images/bg-background-home-transparency.png);*/
  background-image: url(../images/bg-background-home.jpg);
  background-repeat: no-repeat;
  /*padding-left: 150px;*/  /* Space for background image. */
  height: 200px;
}
.logo h1 {
  font-size: 250%;
  /*font-weight: lighter;*/
  /*color: maroon;*/
  margin-top: 0em;  /* Default is 1em. */
  margin-bottom: 0.5em;  /* Default is 1em. */
  padding-top: 0.5em;
}
.logo h2 {
  font-size: 150%;
  margin-top: 0em;  /* Default is 1em. */
}

#ft p {
  padding-top: 1em;
  font-size: smaller;
  margin-bottom: 0em;
}

#menu ul {
  margin-left: 0em;
}
#menu ul li {
  display: inline;
  list-style: none;
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-transform: uppercase;
}
#menu ul li a {
  border-bottom-width: 0px;
}
#menu ul li a:hover {
  border-bottom-width: 3px;
}
#menu ul .current {
  /*text-transform: lowercase;*/
  font-weight: bold;
  border: 1px solid #f38630;
}

/* Internal/non-layout formatting. */
/* Portfolio pages. */
.clear-both {
  clear: both;
}
.client-site-links {
  float: left;
  padding: 0.5em 2em 0.5em 0.5em;
  text-align: center;
}
.client-site-links a {
  border-bottom: 0px;  /* Don't want a border on these links in portfolio. */
}
.technical-details {
  clear: left;
  padding-top: 5px;
  border-top: 1px solid #fff;
}

.technical-details h3 {
  border-bottom: 2px dashed #fff;
  display: block;
}

.project-description p {
  line-height: 1.5em;
  padding-right: 1em;
}

/* blockquote from http://www.opendesigns.org/preview/?template=316 */
/*.testimonial blockquote  {
background-color: transparent;
  background-image: url(../images/quotes.gif);
  background-repeat: no-repeat;
  background-position: left top;
  margin: 5px;
  padding-left: 37px;
}*/
.testimonial {
  padding-right: 10px; /* Put some space between text and right edge. */
}
.testimonial .client {
  /*display: block;*/
  /*border-bottom: 1px solid #999;*/
  /*margin: 1em 0 0;*/
  /*padding: .5em 0 0;*/
  /*font-size: .8em;*/
  font-weight: bold;
	/*padding-left: 37px;*/
}

.no-testimonial-yet {
  display: none;
}

/* DEBUG settings. */
.yui-b {
  /*background-color: #bbbbbb;*/
  background-color: #f9f7ed;
  padding: 5px 0px 5px 5px;
  /*margin: 5px;*/
  border: 1px solid #eeeeee;
}
.yui-b h1, .yui-b h2, .yui-b h3 {
  margin-top: 0em;
  border-bottom: 1px solid #eeeeee;
}
#main-content h1 {
  font-size: 197%;
  font-weight: bold;
  margin-bottom: 0.5em;
}
#main-content h2 {
  font-size: 182%;
  font-weight: bold;
  margin-bottom: 0.5em;
}

.yui-g {
  /*background-color: #999999;*/
  /*margin: 5px;*/
  /*padding: 5px;*/
  /*border: 1px solid #d6dfe2;*/
  /*border: 1px solid red;*/
}
#yui-main {
  /*background-color: #fff;*/
  /*border: 1px solid blue;*/
}

#main-content {
  border: 0px;
  border-left: 1px solid silver;
  border-top: 1px solid silver;
  border-right: 2px solid gray;
  border-bottom: 2px solid gray;
  padding-right: 5px;
}
/* Side note */
.side-note {
  /*background: url(../images/post-it-notepaper-spliced.png) no-repeat top left;*/
  /*background: url(../images/lined-pad-crop.jpg) repeat-y #ddece5;*/
  /*background: url(../images/lined-pad-crop-no-lines.jpg) repeat-y #ddece5;*/
  background: url(../images/note_posted_red_pin.png) no-repeat #f9f6de /*#fcfaef*/;
  /*padding-top: 20px;
  padding-left: 10px;*/
  /*padding-right: 20px;*/
  /*margin-left: -20px;*/
  border: 0px;
  min-height: 35px;  /* So the red pin is visible. */
  border-left: 1px solid silver;
  border-top: 1px solid silver;
  border-right: 2px solid gray;
  border-bottom: 2px solid gray;
}
.side-note h3 {
  margin-left: 35px;
  margin-top: 10px;
  margin-right: 10px;  
}
.side-note .client {
  margin-left: 35px;
}

/* forms */
input[type="text"], input[type="password"] {
  width: 15em;
}
textarea {
  width: 30em;
}
form select, form input, form textarea{
	/*font: 11px Arial,Helvetica,sans-serif;*/
	border: 1px solid #888;
}

form input:hover, form input:focus,
form textarea:hover, form textarea:focus,
form select:hover, form select:focus {
	background-color: #f9f9f9;
	/*border: 1px dotted #888;  optional thought */
	border: 1px solid #444;
}
form select, form input {
	padding: 1px;
}
form label{
	display: block;
	color: #777
}
form textarea{
	padding: 1px;
	line-height: 16px;
}
form p{
	margin: 10px 0px;
}

/* Styles copied from Blueprint CSS. */
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}