/*
Theme Name: SummerTech Computer Camps
Theme URI: http://summertech.net/
Description: Official WordPress theme created for SummerTech, Inc.
Version: 1.0 R2
Author: Tommy W. Farley and Ethan Sena
Tags: summertech, custom design, full integration

  SummerTech Computer Camps v1.0 Release 2
  "...because I hated the first one I did..."

*/

/* global definitions
===================================================================*/
* {
  margin: 0;
  padding: 0;
}

body {
  background: #fff;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
  font-size: 100%;
}

img, img a {
  display: block;
  border: 0;
}

#container {
  overflow: hidden;
  min-width: 980px;
}

.inner {
  margin: auto;
  width: 980px;
  overflow: hidden;
}

.floater-left {
  margin: 10px;
  margin-left: 0;
  padding: 5px;
  overflow: hidden;
  background: #c4e2fc;
  border: 1px solid #609dd2;
  float: left;
  width: 230px;
}

.floater-right {
  margin: 10px;
  margin-right: 0;
  padding: 5px;
  overflow: hidden;
  background: #c4e2fc;
  border: 1px solid #609dd2;
  float: right;
  width: 230px;
}

/* header [ logo, slogan/contact text ]
===================================================================*/
#header {
  overflow: hidden;
  background: #609dd2 url("images/global/header_gradient.gif") bottom center repeat-x;
}

#header .left {
  float: left;
  width: 50%;
}

#header .left .stlogo {
  padding: 15px 0;
  background: url("images/global/stlogo_temp.png") left center no-repeat;
  width: 237px;
  height: 110px;
}

/*
#header .left .stlogo a {
  padding: 15px 0;
  display: block;
  width: 237px;
  height: 110px;
}
*/

#header .right {
  float: right;
  width: 50%;
}

#header .right .info {
  margin-top: 45px;
  text-align: right;
}

#header .right .info span {
  display: block;
}

#header .right .info .slogan {
  font-size: 1.2em;
  color: #fff;
}

#header .right .info span.callus {
  padding-top: 5px;
  padding-right: 30px;
  font-size: 1.2em;
  color: #0169a0;
}

/* navbar
===================================================================*/
#navbar {
  overflow: hidden;
  background: #0169a0;
}

#navbar ul {
  list-style: none;
  overflow: hidden;
}

#navbar ul li {
  display: block;
  float: left;
  overflow: hidden;
}

#navbar ul li a {
  padding: 6px 15px;
  display: block;
  float: left;
  text-transform: lowercase;
  text-decoration: none;
  font-size: 1em;
  color: #fff;
}

#navbar ul li a:hover {
  color: #c4e2fc;
}

/* content
===================================================================*/
#content {
  margin: 10px auto; /* add whitespace to above/below */
  width: 950px;
  overflow: hidden;
}

/* content > left side
===================================================================*/
#conleft {
  float: left;
  width: 640px;
  overflow: hidden;
}

#bodytext {
  padding: 0 5px;
  overflow: hidden;
}

#bodytext h1, #bodytext h2, #bodytext h3 {
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
  color: #036aa4;
}

#bodytext h2 {
  font-size: 1.6em;
}

/* post body container
================================*/
.page {
  margin-bottom: 15px;
  overflow: hidden;
}

.exclude {
  margin-bottom: 0;
}

.page h3 {
  margin-left: -15px;
  font-size: 1.3em;
}

/* padded body text
================================*/
.page .inside {
  margin-bottom: 15px;
  padding: 0 20px;
}

.page .inside p {
  margin-bottom: 15px;
  padding: 1px 0;
  font-size: .8em;
  text-align: justify;
  color: #333;
}

.page .inside p a {
  text-decoration: none;
  border-bottom: 1px dashed #036aa4;
  color: #036aa4;
}

.page .edit {
  padding-bottom: 3px;
  overflow: hidden;
  font-size: .75em;
}

.page .edit a {
  text-decoration: none;
  border-bottom: 1px dashed #036aa4;
  color: #036aa4;
}

/* post
================================*/
.post {
  overflow: hidden;
}

.post .info {
  padding-left: 10px;
  padding-bottom: 2px;
  font-size: .75em;
  color: #666;
}

.post .info a {
  text-decoration: none;
  border-bottom: 1px dashed #036aa4;
  color: #036aa4;
}

.post .inside {
  padding: 0 10px;
}

.post .inside p {
  margin-bottom: 15px;
  text-align: justify;
  font-size: .8em;
  color: #333;
}

.post .inside p a {
  border-bottom: 1px dashed #036aa4;
  text-decoration: none;
  color: #036aa4;
}

/* meta-data area
================================*/
.meta-data {
  overflow: hidden;
}

.meta-data p {
  padding: 0 10px;
  text-align: justify;
  font-size: .75em;
}

.meta-data p a {
  border-bottom: 1px dashed #036aa4;
  text-decoration: none;
  color: #036aa4;
}

/* comments
================================*/
.comments {
  margin-top: 15px;
  overflow: hidden;
}

.comments h3 {
  margin-left: 0;
}

.comments .nocomments {
  padding: 0 10px;
  text-align: justify;
  font-size: .75em;
}

.comments .form {
  margin: 15px 10px;
}

.comments .form p {
  padding-left: 10px;
  font-size: .8em;
}

.comments .form p a {
  border-bottom: 1px dashed #036aa4;
  text-decoration: none;
  color: #036aa4;
}

.comments .form *:focus {
  outline: none; /* remove safari outline */
}

.comments .form input[type=text] {
  margin: 2px 0;
  padding: 2px;
  width: 150px;
  border: 1px solid #036aa4;
  color: #036aa4;
}

.comments .form #comment {
  margin: 5px 0;
  padding: 2px;
  width: 100%;
  border: 1px solid #036aa4;
  color: #036aa4;
}
 
.comments .form #submit {
  padding: 3px 5px;
  background: #036aa4;
  border: 0;
  color: #fff;
  font-size: .7em;
}

.comments .form label {
  font-size: 1em;
  font-weight: bold;
}

/* comments
================================*/
.combody {
  padding: 15px 10px;
  overflow: hidden;
  border-top: 1px solid #036aa4;
}

.combody .left {
  float: left;
  width: 80px;
}

.combody .left .avatar {
  margin: 0 9px;
  border: 1px solid #036aa4;
}

.combody .right .meta {
  font-weight: bold;
  font-size: .8em;
  color: #333;
}

.combody .right .meta a {
  text-decoration: none;
  border-bottom: 1px dashed #036aa4;
  color: #036aa4;
}

.combody .right p {
  padding: 5px 0;
  font-size: .8em;
  color: #333;
}

/* archive
================================*/
.archive {
  overflow: hidden;
  width: 100%;
}

.archive .criteria {
  font-size: .8em;
}

.archive .result {
  margin: 10px;
  margin-bottom: 20px;
  overflow: hidden;
}

.archive .result h3 a {
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
  color: #036aa4;
}

.archive .result .meta-data {
  padding-bottom: 3px;
  overflow: hidden;
  font-size: .75em;
}

.archive .result .meta-data a {
  text-decoration: none;
  border-bottom: 1px dashed #036aa4;
  color: #036aa4;
}

.archive .result .inner {
  margin: 5px 10px;
  overflow: hidden;
  font-size: .8em;
  color: #333;
}

.archive .result .inner p {
  display: block;
  width: 60%;
}

/* index specials
================================*/
ul.frontlist {
  list-style: disc;
  margin-left: 15px;
}

ul.frontlist li {
  margin-bottom: 5px;
  text-align: justify;
  font-size: .9em;
  color: #333;
}

/* schedule table
================================*/
.schedule {
  margin-bottom: 10px;
  margin-left: -20px;
  overflow: hidden;
  width: 627px;
  background: url("/wp-content/themes/summertech_r2/images/global/schedule_bot.gif") top center repeat-y;
  border: 1px solid #ececec;
  text-transform: uppercase;
  font-family: "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
  font-size: .7em;
}

.schedule .column {
  width: 209px;
  float: left;
  overflow: hidden;
}

.schedule .column .dayTitle {
  overflow: hidden;
  background: #d9d9d9 url("/wp-content/themes/summertech_r2/images/global/schedule_top.gif") top right repeat-y;
  border-bottom: 1px solid #ececec;
  text-align: center;
}

.schedule .column .dayTitle span {
  padding: 10px 0;
  display: block;
  font-weight: bold;
  color: #4e4e4e;
}


.schedule .column .dayContents {
  padding: 5px 0;
  overflow: hidden;
}

.schedule .column .row {
  padding: 1px 3px;
  overflow: hidden;
  clear: both;
  color: #80808c;
}

.schedule .column .row span {
  display: block;
  float: left;
}

.schedule .column .row .time {
  padding-right: 8px;
  text-align: right;
  width: 50px;
}

.schedule .column .row .desc {
  text-align: left;
  width: 145px;
}

/* content > right side
===================================================================*/
#conright {
  float: right;
  width: 300px;
  overflow: hidden;
}

#conright .section {
  margin-bottom: 15px;
  overflow: hidden;
}

/* the common list
===================================================================*/
ul.common {
  list-style: none;
  overflow: hidden;
}

ul.common li {
  display: block;
  clear: both;
  overflow: hidden;
  border: 1px solid #c4e2fc;
  border-top: 0;
}

ul.common li.top {
  padding: 5px 10px;
  overflow: hidden;
  background-color: #c4e2fc;
  background-position: 97%;
  background-repeat: no-repeat;
  border-right: 0;
  border-left: 0;
  color: #1570a9;
}

ul.common li a {
  padding: 8px 10px;
  display: block;
  clear: both;
  overflow: hidden;
  text-decoration: none;
  font-size: .9em;
  color: #006a98;
}

ul.common li.bot a {
  display: block;
  font-size: .8em;
}

ul.common li.top .tl, ul.common li.top .tr {
  margin: -5px -10px;
  width: 5px;
  height: 5px;
  background-image: url("images/corners/litop.gif");
  background-repeat: no-repeat;
}

ul.common li.top .tl {
  float: left;
  background-position: top left;
}

ul.common li.top .tr {
  float: right;
  background-position: top right;
}


/* common list :: stblog
================================*/
ul#stblog li a .desc {
  padding-left: 5px;
  text-transform: lowercase;
  color: #888;
}

/*
ul#stblog li a span {
  display: block;
}

ul#stblog li a .left {
  float: left;
  width: 75%;
}

ul#stblog li a .right {
  padding-top: 1px;
  text-align: right;
  float: right;
  width: 20%;
  color: #a4a8ab;
}
*/

ul#stblog li a:hover {
  background-color: #dce6ef;
}

ul#stblog li a:hover .right {
  color: #666;
}

/* common list :: searchbox
================================*/
ul#searchbox li.top {
  padding: 5px 10px;
  background-image: url("images/global/search.gif");
}

ul#searchbox li {
  padding: 8px 10px;
}

ul#searchbox li #input {
  padding: 2px;
  width: 150px;
  border: 1px solid #c4e2fc;
  color: #1570a9;
}

ul#searchbox li #input:focus {
  outline: none; /* remove safari outline */
}
 
ul#searchbox li #button {
  padding: 3px 5px;
  background: #c4e2fc;
  border: 0;
  color: #1570a9;
  font-size: .7em;
}

/* common list :: courses
================================*/
ul#courses li.top {
  background-image: url("images/global/rss.gif");
}

ul#courses li.item a {
  padding: 10px; /* change inherited values */
  padding-left: 120px; /* space for the image */
  min-height: 100px; /* we need at least this px space for the img */
}

ul#courses li.item a {
  background-position: 10px center;
  background-repeat: no-repeat;
}

ul#courses li.item a:hover {
  background-color: #dce6ef;
}

ul#courses li.item a span {
  text-align: right;
  display: block;
  clear: both;
}

ul#courses li.item a .title {
  margin-top: 5px;
  font-size: 1.1em;
}

ul#courses li.item a .desc {
  margin-top: 3px;
  font-size: .8em;
  color: #a4a8ab;
}

ul#courses li.item a .date {
  margin-top: 3px;
  font-size: .75em;
  color: #a4a8ab;
}

ul#courses li.item a:hover .desc, ul#courses li.item a:hover .date {
  color: #666;
}

/* common list :: twitter
================================*/
ul#twitter li.top {
  padding: 5px 10px;
  background-image: url("images/global/twitter.gif");
}

ul#twitter li.top abbr {
  border-bottom: 1px dotted;
}

ul#twitter li.bot {
  padding: 0;
}

ul#twitter li span {
  display: block;
  clear: both;
}

/*
ethan removed this (7/22/10)
ul#twitter li a span a {
  padding: 0;
  display: inline;
  clear: none;
  font-size: 100%;
}
*/

#twitter li a {
  padding: 8px 10px;
  display: block;
}

#twitter li a:hover {
  background-color: #dce6ef;
}

ul#twitter li .tweet {
  font-size: .8em;
  color: #006a98;
}

ul#twitter li .twitter-timestamp {
/*  padding-left: 10px; */
  text-align: right;
  font-size: .7em;
  color: #a4a8ab;
}

/* content > left > vimeo [ video container ]
===================================================================*/
#vimeo-box {
  overflow: hidden;
  width: 100%;
  background: #c4e2fc;
}

/* content > left > vimeo > list
===================================================================*/
#vimeo-box ul {
  list-style: none;
  padding: 0 10px;
  overflow: hidden;
  background: #fff;
}

#vimeo-box ul li {
  margin: 0 2px;
  background: #b0cfea url("/wp-content/themes/summertech_r2/images/corners/lgray_right.gif") top right no-repeat;
  float: left;
  display: block;
  overflow: hidden; /* removes dots in Firefox */
}

#vimeo-box ul li a {
  padding: 8px 15px;
  float: left;
  display: block;
  background: url("/wp-content/themes/summertech_r2/images/corners/lgray_left.gif") top left no-repeat;
  text-transform: lowercase;
  text-decoration: none;
  font-size: .6em;
  color: #373737;
}

#vimeo-box ul li a:hover {
  color: #0169a0;
}

#vimeo-box ul li.selected {
  background: #c4e2fc url("/wp-content/themes/summertech_r2/images/corners/lblue_tr.gif") top right no-repeat;
}

#vimeo-box ul li.selected a {
  background: url("/wp-content/themes/summertech_r2/images/corners/lblue_tl.gif") top left no-repeat;
}

/* content > vimeo > video > vimeohidden [ tab container ]
===================================================================*/
div.vimeo-tabs-box {
  overflow: hidden;
}

div.vimeo-tabs-box div.video {
  margin: auto;
  padding: 5px 0;
  overflow: hidden;
  width: 600px;
}

div.vimeo-tabs-box div.video h2 {
  text-transform: lowercase;
  padding-bottom: 3px;
  font-size: 1em;
  color: #0169a0;
}

div.vimeo-tabs-box div.video p {
  text-transform: lowercase;
  font-size: .75em;
}

/* vimeo corners
===================================================================*/
#vimeo-box div.corners {
  overflow: hidden;
  width: 100%;
  height: 5px;
}

#vimeo-box div.corners span {
  width: 5px;
  height: 5px;
  display: block;
}

#vimeo-box div.corners span.tl {
  background: url("/wp-content/themes/summertech_r2/images/corners/lblue_tl.gif") top left no-repeat;
  float: left;
}

#vimeo-box div.corners span.tr {
  background: url("/wp-content/themes/summertech_r2/images/corners/lblue_tr.gif") top right no-repeat;
  float: right;
}

#vimeo-box div.corners span.bl {
  background: url("/wp-content/themes/summertech_r2/images/corners/lblue_bl.gif") bottom left no-repeat;
  float: left;
}

#vimeo-box div.corners span.br {
  background: url("/wp-content/themes/summertech_r2/images/corners/lblue_br.gif") bottom right no-repeat;
  float: right;
}

/* footer
===================================================================*/
#footer {
  bottom: 0;
  overflow: hidden;
  background: #0169a0;
}

#footer div {
  padding: 10px 0;
  font-size: .8em;
  color: #fff;
}

#footer div a {
  text-decoration: none;
  color: #fff;
}

#footer .left {
  float: left;
  width: 50%;
}

#footer .right {
  float: right;
  width: 50%;
  text-align: right;
}

/* P A R C U S _ I N T E N T I O */