/* 
*
* CSS Document
* home.css
* 
* Author    :   Greg Merriman
* Copyright	:	Copyright 2009 (c) Greg Merriman Web Development
* Created   :   Wed 04 Oct 2009
* Modified  :   Mon 20 Feb 2012
* 
*/


/* homepage styles for gregmerriman */


/*---------- [sticker styles] ----------*/

p a.sticker
{
  display: block;
  float: right;
  background: url("../images/home/more-sticker.png") top center no-repeat;
  height: 80px; width: 80px;
  margin-top: -294px;
  margin-right: -116px;
  text-indent: -9999px;
}

p a.sticker:hover
{
  background-position: center center;
  border: none;
}

p a.sticker:active
{
  background-position: bottom center;
  border: none;
}


/*---------- [services styles] ----------*/

#services
{
  clear: both;
  width: 960px;
  margin: 40px auto 0 auto;
}

#services div.service
{
  float: left;
  width: 280px;
  margin: 24px 20px 8px 20px;
}

#services div.service img
{
  background-color: #e3e3e3;
  border: solid 1px #ccc;
  padding: 10px;
}

#services div.service h4
{
  font-size: 1.9em;
  margin: 8px 0 12px 0;
}

#services div.service p
{
}


/*---------- [footer twitter styles] ----------*/

#twitter
{
  float: left;
  width: 320px;
}

#twitter h5
{
  text-indent: -9999px;
}

#twitter_div
{
  background: url("../images/footer/twitter-background.png") top left no-repeat;
  height: 176px; width: 282px;
  margin-top: 32px;
}

ul#twitter_update_list
{
  float: left;
  font-size: 1.2em;
  font-style: italic;
  font-weight: bold;
  margin: 60px 24px 8px 24px;
}

ul#twitter_update_list li a
{
  color: #707070;
}
ul#twitter_update_list li a:hover, ul#twitter_update_list li a:active
{
  color: #7398b2; /*light-blue*/
  border-bottom: dotted 1px #7398b2; /*light-blue*/
}

ul#twitter_update_list li.mytwitter
{
  text-indent: -9999px;
}

#twitter_div a#twitter-link
{
  clear: left;
  color: #c3c3c3;
  font-size: 1.1em;
  margin-left: 24px;
}
#twitter_div a#twitter-link:hover, #twitter_div a#twitter-link:active
{
  color: #4786b3; /*light-blue*/
  border-bottom: dotted 1px #4786b3; /*light-blue*/
}


/*---------- [footer quick contact styles] ----------*/

#quickcontact
{
  float: right;
  width: 620px;
  margin-bottom: 48px;
}

#quickcontact h5
{
  color: #bababf;
  margin-top: 32px;
  margin-bottom: 6px;
}

#quickcontact p
{
  font-size: 1.1em;
}

#quickcontact p a
{
  color: #c3c3c3;
}

#quickcontact p a:hover, #quickcontact p a:active
{
  color: #4786b3; /*light-blue*/
  border-bottom: dotted 1px #4786b3; /*light-blue*/
}

#quickcontact p.quickcontact_success
{
  background: url("../images/icons/success24.png") center left no-repeat;
  padding-left: 36px;
}

#quickcontact p.quickcontact_fail,
#quickcontact p.quickcontact_error
{
  background: url("../images/icons/warning24.png") center left no-repeat;
  padding-left: 36px;
}

#quickcontact ul.quickcontact_errorlist
{
  margin-left: 54px;
  list-style: circle;
}

#quickcontact ul.quickcontact_errorlist li
{
  color: #dd2626;
  font-size: 1.0em;
  line-height: 1.8em;
}

#quickcontact form
{
  margin-top: -28px;
}

#quickcontact form div
{
  margin-top: 24px;
}

#quickcontact form div.nameandemail
{
  float: left;
  margin-right: 24px;
}

#quickcontact form div.quickmessage
{
  float: left;
}

#quickcontact form div.sendmessage
{
  float: left;
}

#quickcontact form label
{
  color: #c3c3c3;
  display: block;
  font-size: 1.1em;
  margin-bottom: 6px;
}

#quickcontact form input.textinput
{
  color: #c3c3c3;
  background-color: #1f252a;
  border: solid 1px #5f656a;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 1.1em;
  padding: 4px 3px 4px 3px;
  width: 200px;
}

#quickcontact form input.textinput:focus
{
  border: solid 1px #e3e3e3;
  background-color: #262d33;
}

#quickcontact form input.error
{
  border: solid 1px #dd3333;
}

#quickcontact form textarea
{
  color: #c3c3c3;
  background-color: #1f252a;
  border: solid 1px #5f656a;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 1.1em;
  line-height: 1.6em;
  padding: 1px 3px 1px 3px;
  height: 86px;
  width: 300px;
}

#quickcontact form textarea:focus
{
  border: solid 1px #e3e3e3;
  background-color: #262d33;
}

#quickcontact form textarea.error
{
  border: solid 1px #dd3333;
}

#quickcontact form span#numberchars
{
  float: right;
  font-family: Georgia, serif;
  font-size: 2.0em;
  font-style: italic;
  font-weight: bold;
  margin-left: 12px;
}

#quickcontact form span.toolong
{
  color: #dd3333;
}

#quickcontact form input.submit
{
  float: right;
  background: url("../images/home/quickcontact-send.gif") top center no-repeat;
  border: none;
  height: 24px; width: 104px;
  margin-top: -24px;
  margin-left: 436px;
  text-indent: -9999px;
}
#quickcontact form input.submit:hover
{
  background-position: center center;
}
#quickcontact form input.submit:active
{
  background-position: bottom center;
}

#quickcontact form p.sending em
{
  font-size: 1.2em;
  font-style: italic;
  font-weight: bold;
  text-align: right;
}