/*
Theme Name: Foxy-Boxy
Theme URI: http://www.brightwebmarketing.com
Description: The 2009 Theme for Denver: www.learnaboutweb.com
Version: 1.0
Author: Douglas Waltman II
Author URI: http://www.brightwebmarketing.com/
Tags: blue, pink, orange, fixed width, two columns
*/


/* General Formatting */
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: "Trebuchet MS", "Trebuchet", sans-serif;
}

html { font-size: 16px; }
body {
  color: #fff;
  text-align: center;
}
body * {
  text-align: left;
  font-size: 1.0em;
}
p {
  font-size: 1.0em;
  padding: 10px 0 10px 0;
}
#more-sponsors {
  text-align:right;
}
blockquote {
  padding: 0 20px;
}
ul, ol {
  padding-top: 10px;
  padding-bottom: 10px;
}
ul { list-style-type: none; }
a {
  color: #ff7200;
  padding: 0 2px;
  text-decoration: underline;
}
a:hover {
  color: #fff;
  background: #ff7200;
  text-decoration: none;
}
a.no-highlight:hover {
  background: transparent;
}
a img { border: 0; }
a, button, input, label { cursor: pointer; }
input[type=text] { cursor: text; }
br, hr { clear: both; }
p br { clear: none; }
hr {
  height: 1px;
  border: 0;
  margin: 20px 0;
  border-bottom: 1px dotted #666;
}
hr.b { margin-bottom: 0; }
small { font-size: 0.8em; }
big { font-size: 1.2em; }
form { font-size: 16px; }
input, textarea {
  padding: 7px;
  color: #666;
  background: #eee;
  border: 3px solid #b0e2f9;
}
input { height: 20px; }
text-area { height: 200px; }
input:focus, input.focus, textarea:focus, textarea.focus {
  color: #000;
  border-color: #eb087b;
  background: #fff;
}
button, input[type=button], input[type=submit], input[type=reset] {
  width: auto !important;
  height: 40px;
  color: #000;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.9em;
  border: 1px outset #b0e2f9;
  background: #b0e2f9;
}
button:hover, button.hover, input[type=button]:hover, input[type=button].hover, input[type=submit]:hover, input[type=submit].hover, input[type=reset]:hover, input[type=reset].hover {
  color: #fff;
  background: #eb087b;
  border-color: #eb087b;
}
label {
  display: block;
}
input[type=checkbox], input.checkbox, input[type=radio], input.radio {
  width: auto !important;
  border: none !important;
  background: none !important;
}
option { padding: 0 5px; }
optgroup { padding: 5px 0 0 5px; }
optgroup option { padding-left: 10px; }

.alignleft {
  float: left;
  margin: 0 15px 15px 0;
}
.alignright {
  float: right;
  margin: 0 0 15px 15px;
}

::selection {
  color: #000;
	background: #ff7200;
	}
::-moz-selection {
  color: #000;
	background: #ff7200;
}


/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-size: 2.0em;
  font-weight: normal;
  padding: 20px 0 0;
}
h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
  color: #eb077c;
  font-family: "Georgia", "Garamond", serif;
}
a.logo {
  position: absolute;
  width: 300px;
  height: 225px;
  overflow: hidden;
  margin: 17px 0 0 2px;
}
a.logo {
  padding: 0;
  color:#fff;
  font-size:0em;
}
a.logo:hover {
  background:none;
  color:#fff;
}
a.logo img {
  position: absolute;
}
h1 { font-size: 1.8em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }
h3, h4, h5, h6 { color: #52c0f1; }


/* Layout */
body { background: #b0e2f9; }
#wrapper-1 { background: url(images/top.gif) top center no-repeat #000; }
#wrapper-2 { background: url(images/bottom.gif) bottom center no-repeat; }
#page {
  width: 960px;
  margin: 0 auto;
}


/* Find them button */
.findthem {
  display: block;
  width: 176px;
  height: 68px;
  padding: 0;
  background: transparent !important;
}
.findthem img {
  position: absolute;
  clip: rect(0px,176px,68px,0px);
}
.findthem:hover img {
  margin-top: -68px;
  clip: rect(68px,176px,136px,0px);
}


/* Header */
#header {
  height: 235px;
}
#menu {
  position: absolute;
  width: px;
  height: px;
  margin: 66px 0 0 328px;
}
#menu li a {
  position: absolute;
  display: block;
  padding: 0;
  outline: 0;
  overflow: hidden;
  text-indent: -500em;
  background-image: url(images/navigation-sprite.gif);
  background-repeat: no-repeat;
}
#menu li a:hover { background-color: transparent; }
#menu li.current_page_item a { cursor: default; }

#menu li.page-item-60 a {
  top: 0;
  left: 0;
  width: 175px;
  height: 204px;
  cursor: pointer;
  background-position: 0px 0px;
}
#menu li.page-item-60 a:hover { background-position: -175px 0px; }

#menu li.page-item-2 a:hover, #menu li.current_page_item.page-item-2 a { background-position: -350px -58px; }
#menu li.page-item-2 a {
  top: 85px;
  left: 178px;
  width: 74px;
  height: 58px;
  background-position: -350px 0px;
}

#menu li.page-item-593 a:hover, #menu li.current_page_item.page-item-593 a { background-position: -424px -68px; }
#menu li.page-item-593 a {
  top: 58px;
  left: 243px;
  width: 112px;
  height: 68px;
  background-position: -424px 0px;
}

#menu li.page-item-606 a:hover, #menu li.current_page_item.page-item-606 a { background-position: -536px -70px; }
#menu li.page-item-606 a {
  top: 28px;
  left: 346px;
  width: 120px;
  height: 70px;
  background-position: -536px 0px;
}

#menu li.page-item-33 a:hover, #menu li.current_page_item.page-item-33 a { background-position: -656px -63px; }
#menu li.page-item-33 a {
  top: 5px;
  left: 457px;
  width: 96px;
  height: 63px;
  background-position: -656px 0px;
}

#menu li.page-blog a {
  top: 128px;
  left: 483px;
  width: 146px;
  height: 41px;
  background-position: -350px -163px;
  opacity: .8;
  -moz-opacity: .8;
  filter: alpha(opacity=80);
}
#menu li.page-blog a:hover {
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}

#menu li.page-twitter a {
  top: 96px;
  left: 476px;
  width: 153px;
  height: 41px;
  background-position: -496px -163px;
  opacity: .8;
  -moz-opacity: .8;
  filter: alpha(opacity=80);
}
#menu li.page-twitter a:hover {
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}
img.ebook {
  position:absolute;
  margin:164px 0 0 404px;
}
a.ebook-link {
  display:block;
  position:absolute;
  margin:200px 0 0 667px;
  height:32px;
  width:59px;
  text-decoration:none;
}
a.ebook-link:hover {
  background:none !important;
  }


/* Content */
#content {
  float: right;
  width: 630px;
  padding: 55px 0 0;
}
#content ul li {
  padding-left: 35px;
  background: url(images/bullet-1.gif) 12px 8px no-repeat;
}
#content ul li ul li {
  background-image: url(images/bullet-2.gif);
}
#content ol {
  padding-right: 35px;
  padding-left: 35px;
}
#content input[type=text], #content textarea {
  width: 610px;
}
#content .postmetadata, #content .entry {
  border-top: 1px dotted #666;
  margin: 10px 0 0;
  padding: 10px 0 0;
}
#content .postmetadata {
  color: #999;
  font-size: 12px;
  margin-bottom: 30px;
}
  
#content .comment-author {
  font-size: 0.8em;
  padding: 10px;
  margin: 10px 0 0;
  background: #333;
}
#content .comment-author .avatar {
  border: 6px solid #000;
}
#content .comment-author .fn {
  position: absolute;
  margin: 5px 0 0 10px;
}
#content .comment-author .says {
  position: absolute;
  margin: 20px 0 0 10px;
}
#content .comment-meta {
  float: right;
  height: 20px;
  font-size: 0.8em;
  margin: -50px 10px 0 0;
}
#content .comment-meta a { color: #999; }
#content .comment-meta a:hover { color: #fff; }
#content .commentlist li div p {
  color: #000;
  padding: 10px;
  font-size: 0.8em;
  font-style: italic;
  background: #ddd;
}
#commentform {
  margin: 0 35px;
}
#commentform input, #commentform textarea {
  width: 540px;
}

.wp-caption {
  float: left;
  border: 1px solid #333;
  margin: 10px 20px 10px 0;
}
.wp-caption img {
  margin: 5px;
}
.wp-caption-text {
  font-size: 0.7em;
  text-align: left;
  padding: 5px;
  font-style: italic;
  color: #999;
  background: #333;
}
  
.ajax-loader {
  position: absolute;
  margin: 1px;
  border: 11px solid #fff;
  background: #fff;
}
.wpcf7-response-output {
  margin: 0 !important;
  padding: 10px !important;
  border: 0 !important;
}
.wpcf7-validation-errors { color: #fff !important; background: #eb087b !important; }
.wpcf7-mail-sent-ok { color: #000 !important; background: #53c1f1 !important; }

.wpcf7-not-valid-tip {
  width: 624px !important;
  top: 0 !important;
  left: 0 !important;
  margin: -10px 0 0 !important;
  padding: 10px !important;
  color: #fff !important;
  border: 0 !important;
  font-size: 1.0em !important;
  background: #eb087b !important;
}


/* Tables */
table {
  clear: both;
  margin: 0 0 20px;
  width:630px;
}
caption {
  margin: 20px 0 0;
  padding: 5px 10px 0;
  border-top: 1px solid #333;
}
caption h3 {
  padding: 0;
}
th {
  padding: 5px 10px;
  background: #333;
}
td {
  font-size: 13px;
  min-width: 150px;
  vertical-align: top;
  padding: 5px 5px;
  border-top: 1px dotted #333;
}
td strong {
  color: #eb077c;
}
td em {
  color: #52c0f1;
}


/* Sidebar */
#sidebar {
  float: left;
  width: 300px;
  background: url(images/sidebar/back.gif) 0 0 no-repeat;
}
#sidebar ul {
  margin: 105px 0 0 30px;
}
#sidebar ul ul {
  margin: 0;
}
#sidebar ul li ul li {
  padding-left: 35px;
  background: url(images/bullet-1.gif) 12px 8px no-repeat;
}
#sidebar ul li ul li ul li {
  background-image: url(images/bullet-2.gif);
}
#sidebar a.rss {
  width: 205px;
  height: 89px;
  position: absolute;
  display: block;
  margin: 2px 0 0 19px;
  overflow: hidden;
  text-indent: -500em;
  background: url(images/sidebar/button-rss.gif) 0 0 no-repeat;
}
#sidebar a.rss:hover { background-position: 0 -89px; }
#sidebar a.sidebar-sponsor:hover {background:none;}
#sidebar #searchform input {
  width: 140px;
}
#sidebar #searchform label {
  height: 20px;
  margin: 20px 0 0;
}
#sidebar #searchform div {
  margin: -20px 0 0;
}
#sponsors a {
  clear: both;
  float: right;
  display: block;
}


/* Footer */
#footer {
  clear: both;
  color: #000;
  height: 210px;
  padding: 90px 0 0;
  font-size: 12px !important;
}
#footer a { color: #eb077c; }
#footer a:hover { color: #fff; background: #eb077c; }

#footer ul {
  float: left;
  width: 150px;
}
#footer ul li {
  padding-left: 35px;
  background: url(images/footer/bullet.gif) 12px 6px no-repeat;
}
#footer ul li a {
  color: #000;
}
#footer div.foot-container {
  float: left;
  width: 630px;
  line-height: 14px;
  font-size: 11px !important;
  padding:8px 0 0 0;
}
#footer .bweb {
  width: 142px;
  height: 36px;
  display: block;
  padding: 0;
  margin: 0 30px 20px;
}
#footer a.sem {
  width: 142px;
  height: 36px;
  background:none;
  padding: 0;
  margin: 0 30px 20px;
}
#footer a.sem:hover {
  background:none;
  }
#footer div.left{
  float:left;
  width:200px;
}
#footer div.right{
  float:right;
  width:400px;
}
#content #saddr {
  width:136px;
}
#content #daddr {
  width:136px;
}
div.gels-form div.gels-form-div input.gels-button {
  height:20px;
  color:#000;
}