/*  
Theme Name: Kupple Theme
Description: Kupple.com theme
Version: 1.0
Author: HC
*/


/* SITE */
body {
  font-size: 12px;
  font-family: Arial, Sans-Serif;
  margin: 0 0 20px 0;
  padding: 0;
  text-align: center; }
hr{
  display:none;}
p{ margin:0}
#page {
  background-color: white;
  border: 1px solid #ccc;
  margin: 10px auto;
  padding: 0;
  text-align: left;
  width: 760px;}
.narrowcolumn {
  float: left;
  padding: 25px 0 0px 30px;
  margin: 0;
  width: 470px;}
.narrowcolumn .entry{
  line-height: 18px}
#sidebar{
  padding: 20px 5px 10px 10px;
  margin-left: 540px;
  width: 200px;
  height:100%;}
#sidebar form {
  background:#eee;
  margin: 0;}


/* HEADER FOOTER */
#header {
  background-color: #2C374C;
  padding: 0;}
#headerimg {
  background-image: url(http://blog.kupple.com/wp-content/themes/kupple/images/top_bg.gif);
  margin: 0;
  height:60px;}
#headerimg h1{
  margin:0;
  padding:0;}
#headerimg h1 a{
  display:block;
  background-image: url(http://blog.kupple.com/wp-content/themes/kupple/images/top_logo.gif);
  color:#212938;
  float:left;
  font-size:1px;
  height:53px;
  margin:3px 0 0 9px;
  width:209px;} 
#headerimg .description {
  float:left;
  color:white;
  padding:38px 0 0 10px;}
#headerimg .menu{
  font-size:10px;
  float:right;
  color:white;
  padding:38px 10px 0 0 ;}
#headerimg .menu a{
  text-decoration:none;
  color:#F5C35C;}
#footer p {
  font-size:10px;
  color:#666;
  background:#eee;
  margin: 0;
  text-align: center;
  padding:4px 0 4px 0;}
#footer {
  clear: both;}
#footer_menu{
  display:block;
  font-size:10px;
  padding: 20px 0 10px 0;
  text-align: center;
  clear: both;}


/*POST */
.post{
  margin:0 0 55px 0;}
.post h1, .post h1 a{
  font-size:23px;
  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  padding:0;
  margin:0;
  text-decoration:none;
  color: #2C4F91;}
.post h1 a:hover{
  color: #025BFF;
  text-decoration:underline;}
.post h2{
  font-size:14px;
  font-family: Tahoma, Arial, Sans-Serif;
  padding:0;
  margin:10px 0 0 0;
  color:#0293DB;}
.entry p{
  margin:10px 0 0 0;
  line-height:19px;
  color:#333;}
.post .postmetadata{
  text-align:center;
  font-size:10px;
  color:#888;
  background:#eee;
  margin:15px 0 0 0;
  padding:3px;
  border:1px solid #ddd;}
.post .postmetadata a{
  text-decoration:none;}
.post small{
  font-size:10px;
  color:#888;}
.entry .alt{
  line-height:normal;
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  margin: 10px 0 0 0;
  padding: 5px;}


/* SIDEBAR */
#sidebar, #sidebar a{
  font: 11px, verdana , Arial, Sans-Serif;
  text-decoration:none;}
#sidebar a:hover{
  text-decoration:underline;}
#sidebar h2{
  color:#F70;
  font-size:12px;
  margin:0;}
#sidebar ul{
  margin: 0;
  padding: 0;}
#sidebar ul li {
  list-style-type: none;
  list-style-image: none;
  margin-bottom: 15px;}
#sidebar ul ul{
  margin: 5px 0 0 10px;}
#sidebar ul ul ul{
  margin: 0 0 0 10px;}
#sidebar ul ul li, 
#sidebar ul ol li {
  color:#777;
  margin: 3px 0 0;
  padding: 0;}
#sidebar #searchform {
  margin: 10px auto;
  padding: 5px 3px; 
  text-align: center;}
#sidebar #searchform #s {
  width: 100px;
  padding: 2px;}
#sidebar ul ul li:before {
  content: "\00BB \0020";}



/* NAVIGATION */
.navigation {
  height:20px;
  font-size:10px;
  text-align: center;}
.alignright {
  float: right;}
.alignleft {
  float: left}


/* COMMENTS */
h3#comments{
  color:#666;
  margin:0 0 15px 0;}
ol.commentlist{
  margin:0 0 10px 30px;
  padding:0;}
.commentlist p {
  padding:0;
  margin:0;}
.commentlist {
  padding: 0;
  text-align: justify;}
.commentlist .alt {
  background-color: #f8f8f8;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 0;
  padding: 10px;}
.commentlist li {
  list-style: none;}
.commentlist .commentmetadata{
  float:right;
  color:#999;}
.commentlist cite{
  float:left;
  font-weight:bold;
  font-style:normal}
.commentlist .commenttext{
  clear:both;
  padding: 10px 5px 5px 0;}
#respond{
  margin:30px 0 10px 0;}
#commentform p {
  color:#666;
  margin: 0 0 5px 0;}
#commentform input, #commentform textarea {
  font: 11px , Verdana, Arial, Sans-Serif;}
#commentform input {
  padding: 2px;
  margin: 5px 5px 1px 0;}
#commentform textarea {
  width: 100%;
  padding: 2px;}
#commentform #submit {
  margin: 0;}


/* ARCHIVE */

h2.pagetitle{
  font-size:18px;
  margin:0;
  padding:0;
  color:#F70}