/*
  Theme Name: HowWhoWhen
  Theme URI: http://www.howwhowhen.com/
  Description: HowWhenWhen Theme
  Author: HowWhoWhen
  Author URI: http://www.howwhowhen.com/
  Template: twentyten
  Version: 0.1
*/

@import url("../twentyten/style.css");

body {
  background: url("images/bg_rays.jpg") no-repeat scroll center 0 #88C9E9;
}

#wrapper {
  background: url("images/logo.png") no-repeat scroll center 0 #ffffff;
  -moz-border-radius: 0px 0px 9px 9px;
  margin-top:0;
  margin-bottom:20px;
  /*border-left:2px solid #78B9D9;  border-right:2px solid #78B9D9;  border-bottom:2px solid #78B9D9;*/
  border-left:4px solid #67a8c8;
  border-right:4px solid #67a8c8;
  border-bottom:4px solid #67a8c8;
}

#header {
  padding-top:50px;
}

#footer {
  margin-bottom:0;
}

#site-title {
  margin:0;
}

#site-title a {
  background:url("images/mascot.jpg") no-repeat;
  height:150px;
  display:block;
  text-indent:-999em;
  text-decoration:none;
}

#container {
  margin:0 -320px 0 0;
}

#content {
  margin:0 310px 0 0;
  border-right:1px dotted #e6e6e6;
  padding-right:10px;
}

#primary, #secondary {
  width:300px;
}

#access {
  background:#ffffff;
  border-bottom:5px solid black;
}

#access div.menu {
  margin-left:0;
}

#access a {
  line-height:30px;
  padding:0 12px;
}

#access ul li {
  margin-bottom:-5px;
}

#access ul li > a {
  color:#000000;
  font-size:13px;
  font-weight:bold;
  font-family:Arial;
  text-transform:uppercase;
  border-bottom:4px solid black;
}

#access > div > ul > li:first-child > a {
  padding-left:0;
}

#access ul ul {
  top:30px;
}

#access ul ul a {
  color:#aaa;
  padding:10px 12px;
}

#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
  color:#000000;
  border-bottom:4px solid #60a0ca;
}

* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
  color:#000000;
  border-bottom:4px solid #60a0ca;
}

#access ul li a:hover {
  color:#ffffff;
}

#content .entry-title {
  color:#393842;
  font-size:24px;
  font-weight:normal;
  line-height:32px;
}

.home .sticky {
  background: #f2f7fc;
  border-top: 4px solid #000;
  margin-left:0;
  margin-right:0;
  padding: 18px 20px;
}

.entry-title a:link,
.entry-title a:visited {
  color:#393842;
}

.entry-title a:active,
.entry-title a:hover {
  color:#368cd7;
}

#main .widget-area ul {
  padding:0;
}

.widget-container {
  font-family:Arial,Georgia,"Times New Roman",Times,serif;
  font-size:14px;
}

.widget-container > h3 {
  margin-bottom:10px;
}

.widget-title {
  border-bottom:6px solid #101010;
  font-family:Georgia,"Times New Roman",Times,serif;
  font-size:15px;
  font-weight:normal;
  letter-spacing:4px;
  line-height:22px;
  color:#000000;
  text-transform:uppercase;
  padding:5px 0;
}

#site-info {
  font-weight:normal;
}

#site-info a {
  color:#64a0c8;
}

#site-generator {
  width: auto;
}

#colophon {
  margin-top:5px;
}

#content div.wpcf7 p {
  margin-bottom:0;
}

#content .post {
  border-bottom:1px dotted #e6e6e6;
  padding-bottom:10px;
}

.hentry {
  margin-bottom:20px;
}

.author a {
  color:#333333;

}

.comments-link {
  background: url("images/comments.png") no-repeat left center;
  padding:3px 0 3px 20px;
}

.comments-link a {
  color:#368cd7;
}

#signup-header {
  margin-top:195px;
  padding:20px;
  clear:both;
  width:898px;
  background-color:#e5f1fa;
  border:1px solid #85bedd;
  color:black;
  font-size:16px;
}

#signup-header-right {
  float:right;
  background-color:#FFFCE8;
  border:1px solid #D6D6D6;
  padding:10px 20px 10px 20px;
}

#signup-header-right form {
  margin:0 auto;
  width:258px;
}

#signup-header-right form .text {
  background:#ffffff none repeat scroll 0 0;
  border:2px solid #bebebe;
  color:#202020;
  font-size:17px;
  margin-bottom:6px;
  padding:7px 7px 7px;
  width:240px;
}

#signup-header h3 {
  font-size:28px;
  font-weight:bold;
  margin-bottom:15px;
}

#signup-post {
  background-color:#f9edbe;
  border:1px solid #f0c36d;
  margin-top:5px;
}

#signup-post .af-form {
  padding:5px 10px 10px 10px;
}

#signup-post input {
  font-size:12px;
  vertical-align:middle;
}

#signup-post input.name-email {
  background:#ffffff;
  border:1px solid #dedede;
  color:#999;
  padding:7px 10px 8px 10px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
  -ms-border-radius:3px;
  -khtml-border-radius:3px;
  border-radius:3px;
  border-image:initial;
  font-family:"Arial","Helvetica",sans-serif;
}

#signup-post input.name-email:focus {
  color:#333;
}

#signup-post input.subscribe {
  background-color:#ff9b00;
  background:-moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#FFCA00),color-stop(1,#FF9B00));
  background:-moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
  -pie-background:linear-gradient(270deg,#ffca00,#ff9b00);
  font-family:"Arial","Helvetica",sans-serif !important;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border:1px solid #cc7c00;
  color:white;
  text-shadow:#d08d00 1px 1px 0;
  padding:6px 14px;
  margin-left:3px;
  font-weight:bold;
  font-size:12px;
  cursor:pointer;
  border-image:initial;
}

#signup-post input.subscribe:hover {
  background:#ff9b00;
  background-image:-moz-linear-gradient(top,#ffda4d,#ff9b00);
  background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda4d),to(#ff9b00));
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
  outline:0;
  -moz-box-shadow:0 0 3px #999;
  -webkit-box-shadow:0 0 3px #999;
  box-shadow:0 0 3px #999  background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffda4d),color-stop(1,#ff9b00));
  background:-moz-linear-gradient(center top,#ffda4d 0,#ff9b00 100%);
  -pie-background:linear-gradient(270deg,#ffda4d,#ff9b00);
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border:1px solid #cc7c00;
  color:#ffffff;
  text-shadow:#d08d00 1px 1px 0;
}

.format-aside {
  border-left:5px solid #70b6ee;
}

.format-aside div {
  padding-left:10px;
}

.no-format {
  border:1px dashed;
  font-size:11px;
  font-family:Courier,monospace;
  color:#000000;
  background-color:#f0f0f0;
}