/*
Theme Name: TBM Affiliate Center
Theme URI: http://techbasedmarketing.com/
Description: A theme to build a fully functional, attractive affiliate center. Fugue Icons courtesy of <a href="http://www.pinvoke.com/">Pinvoke</a>, Crystal Project Icons courtesy of <a href="http://www.everaldo.com/crystal/">Elverado.com</a>
Version: 0.1
Author: Lynette Chandler
Author URI: http://techbasedmarketing.com/
Tags: affiliate, marketing, commercial, fixed width, two columns, widgets

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
/*
 *  Import
 */
@import url('css/screen.css')screen;
@import url('css/plugins/fancy-type/screen.css')screen;
@import url('css/print.css')print;
/*
* General blocks
*/
.container {
  background-color: #FFFFFF;
}

#head {
  background-color: #fffff;
}

#main {
  background-color: #ffffff;
  padding: 10px 0 0 0;
}

#sidebar {
  background-color: #ffffff;
}

#foot {
  background-color: #B9BF63;
  text-align: right;
  color: #FFF;
}

.alt {
  color: #369AD9;
}

.floatleft {
  float: left;
}

.navigation {
  padding: 0 20px;
}

.navigation p {
  text-align: right;
}

/*
* Images
*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/*
* Header
*/
#logo {
  background-color: #35C0CD;
}

#logo h1 {
  padding: 45px 10px 10px 10px;
  margin: 0;
}

#logo h1 a {
  color: #015C65;
  text-decoration: none;
  font-weight: bold;
}

#logo h1 a:hover {
  color: #FF7800;
}

#logo p {
  color: #FFF;
  padding: 0 10px 20px;
  margin: 0;
  font-family: Georgia, Serif;
}

/*
* Menu
*/
#menu {
  background-color: #B9BF63;
}

#menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#menu li a {
  color: #FFF;
  padding: 5px 10px;
  float: left;
  text-decoration: none;
  font-weight: bold;
  background-color: #B9BF63;
  outline: 1px solid #E0E0E0;
}

#menu li a:hover {
  background-color: #F1542E;
}

/*
* Home Page
*/
#hblock-left ul {
  list-style-type: none;
  padding: 0 10px 0 25px;
  margin: 0;
  text-color: #F65F22;
}

#hblock-right ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

li.hblockr {
  width: 255px;
  float: left;
  padding-right: 10px;
  display: block
}

ul#hblockm {
  margin-bottom: 1.45em;
}

li.hjoin {
  background-color: #F1542E;
  padding: 10px 0;
  color: #FFF;
}

li.hjoin h3 {
  margin: 0;
  padding: 0;
  text-align: center;
}

li.hjoin h3 a {
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
}

/*
* Main & Posts
*/
.post, .page {
  padding: 0 10px 10px 20px;
  margin: 0 0 20px 0;
  border-bottom: 1px dotted #8AD0D6;
}

.post h2, .post h2 a, .page h2, .page h2 a {
  color: #FF7800;
  font-weight: bold;
  text-decoration: none;
  margin-bottom: 0.25em;
}
.date {
  float: right;
  position: relative;
  padding: 12px 15px 0 5px;
  background-color: #FFB573;
  border: 2px dashed #FF9A40;
}
.date span.month {
  font-size: 11px;
  line-height: 15px;
  position: absolute;
  top: 3px;
}
.date span.day {
  font-size: 25px;
  text-transform: uppercase;
}
.date span.year {
  display: block;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  position: absolute;
  right: -5px;
  top: 22px;
}
p.author {
  font-size: 1.2em;
  color: #BF7330;
  margin: 0 0 .75em 0;
}
.entry {
  padding: 15px 0 0 0;
  border-top: 1px solid #EEE;
}
.postmetadata, .postmetadata a {
  color: #BF7330;
  text-decoration: none;
  text-align: right;
}
.aftsingle {
  padding: 0 0 0 20px;
  margin: 0 0 20px 0;
  border-bottom: 1px dotted #8AD0D6;
}
.aftsingle ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.aftsingle h3 {
  color: #FF7800;
}

/*
* Comments
*/
#respond {
  padding: 0 10px 10px 20px;
}

textarea#comment {
  width: 99%;
  height: 150px;
}
.one {
  background-image: url('images/balloon.png');
  background-repeat: no-repeat;
  padding: 0 0 0 20px;
}
.many {
  background-image: url('images/balloons.png');
  background-repeat: no-repeat;
  padding: 0 0 0 20px;
}
ol.commentlist {
  font-size: 150%;
  font-weight: bold;
  color: #CCC;
  padding-left: 1.5em;
}
ul.children {
  padding-left: 2em;
}
.comment-body {
  font-size: 75%;
  font-family: Arial, Helvetica, Sans-serif;
  font-style: normal;
  font-weight: normal;
  color: #000;
  margin: 0 0 20px 0;
}

/*
* Sidebar
*/
#sidebar h3 {
  font-weight: bold;
  color: #FF7800;
  font-family: "Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif;
  margin: 0 15px 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #EEE;
  text-align: center;  
}

#sidecontainer a {
  text-decoration: none;
  color: #929838;
}

#sidecontainer {
  padding: 0 0 0 10px;
  margin: 10px 0 0 0;
}

#sidecontainer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#sidecontainer li {
  margin: 0 0 15px 0;
}

#sidecontainer li li {
  margin: 0 15px 10px 0;
  padding: 0 0 10px 20px;
  border-bottom: 1px solid #EEE;
  background: url('images/box-bullet.png') no-repeat;
}

/*
* Footer
*/
#foot p {
  padding: 10px;
  margin: 0 0 5px 0;
}
#foot a {
  color: #FFF;
}
#foot ul {
  list-style-type: none;
  margin-top: 10px;
}