/*  
Theme Name: No Coffee
Theme URI: http://www.nathrai.de/blog/category/wordpress/themes
Description: My personal "this is not a coffee stain" blog theme.
Version: 0.1
Author: Doris "Ben" Kub
Author URI: http://www.nathrai.de/blog/
*/

/* new: #fcf2df; */
/* old: #faf0e1; */

/* new: #e0caa7; */
/* old: #DBC6AA;*/

/* ============================================================*
 * General Settings
 * ============================================================*/

body {
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  background: #642 url(img/background.jpg);

}
body, td {
  color: #651314;
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 0.8em;
}
a {
  color: #AD582A;
  text-decoration: none;
}
a:hover {
  color: #fcf2df;
  background: #AD582A;
}
h1, h2, h3 {
  margin: 0.8em 0 0.2em 0;
  padding: 0;
  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
h2 {
  font-size: 1.5em;
}
p {
    margin: 0.4em 0 0.8em 0;
    padding: 0;
}
img {
  border: #000 0px none;
}

input, select, textarea {
  border: #73452C solid 1px;
}

.clear-both {
  clear: both;
  height: 0;
  width: 0;
  font-size: 0;
}

code {
	font: 1em 'Courier New', Courier, Fixed;
}

hr {
  width: 75%;
  height: 3px;
  color: #e0caa7;
  background: #e0caa7;
  border-bottom: #73452C solid 1px;
  border-top: #73452C solid 1px;
  border-left: #73452C solid 3px;
  border-right: #73452C solid 3px;
  margin-top: 30px;
  margin-bottom: 30px;
}

ul {
  list-style-type: none;
  list-style-image: url(img/bullet.gif);
}

/* ============================================================*
 * Header
 * ============================================================*/

#header {
  width: 100%;
}
#header-wrapper {
  background: #fcf2df;
  height: 130px;
}
#header p,
#header h1,
#header h2 {
  padding: 0 285px 0 260px;
  margin:0;
}
#header h1 {
  font-size: 2em;
  padding-top: 5px;
}
#header p {
  padding-top: 5px;
  font-size: 0.8em;  
}
#header ul {
    clear:left;
    float:right;
    list-style:none;
    margin:10px 20px 0 0;
    padding:0;
    z-index: 10;
}
#header ul li {
  display: inline;
  list-style: none;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 131px;
  height: 60px;
  position: relative;
  bottom: 10px;
  font-weight: bold;
}
#header ul li.b01 {
  background: url(img/waxseal01.gif) no-repeat;
}
#header ul li.b02 {
  background: url(img/waxseal02.gif) no-repeat;
}
#header ul li.b03 {
  background: url(img/waxseal03.gif) no-repeat;
}
#header ul li a {
  display: block;
  margin: 15px 0 0 4px;
  color: #651314;
  text-decoration:none;
}
#header ul li a:hover {
  color:#bf866f;
  background: none;
}
#header ul li a.active,
#header ul li a.active:hover {
  font-weight:bold;
}

#header .current_page_item a {
  color: #433;
}

/* ============================================================*
 * Subheader (pages) & Search
 * ============================================================*/

#subheader {
  height: 70px;
  clear:both;
  background: url(img/bm_solid.gif) repeat-x;
  margin:0;
  padding: 0 0 0 220px;
  text-align:right;
}

#searchbar {
  clear: both;
  padding: 0;
  margin: 15px 35px;
  text-align: right;
}
#searchbar .form-text {
  text-align: left;
  width: 150px;
  margin: 0 5px 0 0;
  padding: 0;
  border: #73452C solid 1px;
  background: #fcf2df;
}
#searchbar .form-button {
  text-align: center;
  width: 75px;
  border: #73452C solid 1px;
  background: #e0caa7;
  margin: 0;
  padding: 0;
}

/* ============================================================*
 * Columns Layout
 * ============================================================*/

.colmask {
  position: relative;
  clear: both;
  width: 100%;
}
.rightmenu .colleft {

}
.rightmenu .col1wrap {

}

#content, #sidebar, #comments {
  margin: 0;
  position: relative;
  overflow: visible;
  z-index: 1;
}
#content, #comments {
  padding: 0 35px 15px 0;
}
#sidebar {
  padding: 0 0 15px 0;
}

#bottom-helper {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: visible;
  height: 1px;
  font-size: 1px;
}

/* ============================================================*
 * Content
 * ============================================================*/

.rightmenu .col1 {
  margin:0 300px 0 5px;
  padding: 0;
}

#posts {
  list-style-type: none;
  list-style-image: none;
  padding: 0;
  margin: 0;
}

#posts h2 {
  margin-bottom: 0;
}

#posts .content {
  margin-top: 1.5em;
}

#posts .content a {
  text-decoration: underline;
}

.postmetadata {
  background: #e0caa7;
  border-top: #73452C solid 1px;
  padding: 5px;
}

.postnavi {
  position: relative;
  height: 2em;
}
.postnavi .older, .postnavi .newer {
  width: 50%;
  height: 2em;
  position: absolute;
  top: 0;
  z-index: 20;
}
.postnavi .older {
  left: 0;
  text-align: left;
}
.postnavi .newer {
  right: 0;
  text-align: right;
}

/* seekxl-snapr plugin */
#btc {
  z-index: 100;
}

/* Images */
p img {
	padding: 0;
	max-width: 100%;
}
/*  
img.centered, img.alignright, img.alignleft {
  padding: 4px;
	background:#FFF;
  border: #E0CAA7 solid 1px;
  position: relative;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	margin: 0 0 0 5px;
	display: inline;
}

img.alignleft {
	margin: 0 5px 0 0;
	display: inline;
}
*/
.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.wp-caption {
	margin: 0.5em;
	background: #fff;
	border: #e0caa7 1px solid;
	padding: 5px;
}
.wp-caption img {
	float: none;
	margin: 0;
	padding: 0;
}
.wp-caption a:hover {
	background: none;
	margin: 0;
	padding: 0;
}

/* ============================================================*
 * Sidebar
 * ============================================================*/

.rightmenu .col2 {
    width: 270px;
    position: absolute;
    top: 0;
    right: 15px;
}

#sidebar h2 {
  margin-left: -15px;
  font-size: 1.2em;
}

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

#sidebar ul ul {
  list-style-image: url(img//bullet.gif);
  margin-left: 15px;
}

#widgettitle {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	font-weight: bold;
}
.main_gp {
    display: none;
}
.wpmain_f, .footerj, .feeter {
    display: none;
}

.tooremo, .footerwp, .footerjoomla {
    display: none;
}

.jftmy, .navlnk, .getfooter {
    display: none;
}

.changestyle, .main_gp {
  display: none;
}

.calendar {
  padding: 10px;
}

#wp-calendar {
	empty-cells: show;
	border: #73452C solid 1px;
	background: #fff;
}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
}

#wp-calendar a {
	text-decoration: none;
  display: block;
}

#wp-calendar caption {
	font-weight: bold;
	text-align: center;
	color: #fcf2df;
	background: #e0caa7;
  border: #73452C solid 1px;
  border-bottom: #73452C none 0px;
}

#wp-calendar thead {
  background: #e0caa7;
  color: #fff;
  text-align: center;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

#wp-calendar td {
	padding: 0 3px;
	text-align: center;
}

#wp-calendar #next a {
	padding-right: 10px;
  text-align:left;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

/* ============================================================*
 * Comments
 * ============================================================*/

#commentlist, .commentlist {
	margin: 1em 0;
	padding: 0;
	list-style-type: none;
}

#commentlist li, .commentlist li {
	margin: 0 0 3px 0;
	border-top: 1px solid #e0caa7;
  border-bottom: 1px solid #e0caa7;
	padding: 10px 20px;
}

#commentlist li ol li{
list-style: decimal outside;
}

.commentmeta, .commentmetadata {
  background: #e0caa7;
}

.commentcounter {
	float: right;
	height: 30px;
	margin: 15px 0 0;
	padding: 10px 0 10px 0;
	color: #e0caa7;
	font-family: 'Century Gothic', Verdana, Sans-Serif;
	font-size: 2em;
	font-style: italic;
	font-weight: bold;
}

.commentform {
  /*position: relative;*/
}

.commentform a:hover {
  background: none;
  color: #e0caa7;
}

.commentgravatar {
	float: left;
	margin: 12px 6px 0 0;
	padding: 0;
}

img.gravatar {
	padding: 1px;
	border: 1px solid #e0caa7;
}

/* ============================================================*
 * Footer
 * ============================================================*/

#footer {
  width: 100%;
  background: url(img/footer.jpg) repeat-x;
  height: 85px;
  width: 100%;
  margin: 15px 0 10px 0;
  padding: 10px;
}
#footer p {
  margin: 0 335px 10px 5px;

  color: #ccb9a3;
  text-align: center;
  padding: 0;
}
#footer a, #footer a:hover, #footer a:visited {
  color: #fcf2df;
}
  
/* ============================================================*
 * Border images
 * ============================================================*/  
  
.b-top, .b-bottom {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}
.b-top {height: 50px;}
.b-bottom {height: 70px;}


.b-tl, .b-tm, .b-tr {
  height: 50px;
  margin: 0;
  padding: 0;
}
.b-bl, .b-bm, .b-br {
  height: 70px;
  margin: 0;
  padding: 0;
  background: #f00;
}
.b-tl, .b-tr, .b-bl, .b-br {
  position: absolute;
  width: 50px;
}

.b-tl {
  top: 0;
  left: 0;
  background: url(img/tl_solid.gif);
}
.b-tm {
  margin: 0 50px;
  background: url(img/tm_solid.gif);
}
.b-tr {
  top: 0;
  right: 0;
  background: url(img/tr_solid.gif);
}

.b-bl {
  top: 0;
  left: 0;
  background: url(img/bl_solid.gif);
}
.b-bm {
  margin: 0 50px;
  background: url(img/bm_solid.gif);
}
.b-br {
  top: 0;
  right: 0;
  background: url(img/br_solid.gif);
}

.b-ml {
  background: url(img/ml_solid.gif) repeat-y left;
  padding: 0;
  margin: 0;
}
.b-mr {
  background: url(img/mr_solid.gif) repeat-y right;
  padding: 0 50px;
  margin: 0;
}


.b-inner {
  background: #fcf2df;
  margin: 0;
  padding: 0;
  position: relative;
}

.b-helper {
  margin: 0;
  padding: 0;
  height: 1px;
  font-size: 1px;
}

#content .b-helper {
  height: 55px;
}

/* ============================================================*
 * Ornamental Images
 * ============================================================*/ 

#no-coffee-logo {
  background: url(img/logo.gif);
  width: 244px;
  height: 272px;
  position: absolute;
  z-index: 5;
  top: 0px;
  left: -15px;
}
.main_gp {
  display: none;
}

#no-coffee-stain {
  background: url(img/stain.gif);
  width: 275px;
  height: 195px;
  position: absolute;
  top: -15px;
  right: 0px;
}
/*
#no-coffee-rose {
  background: url(img/rose.gif);
  width: 437px;
  height: 150px;
  position: absolute;
  z-index: 5;
  right: 0;
  bottom: 0;
}*/
#no-coffee-rose {
  background: url(img/rose.gif);
  width: 437px;
  height: 150px;
  position: absolute;
  z-index: 5;
  right: -85px;
  bottom: -85px;
 }
 
 
 
 
 
 
 
 
 
/* ============================================================*
 * Plugins: Sociable
 * ============================================================*/ 

div.sociable { margin: 16px 0; }

.sociable a { background: none;}

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}


/* ============================================================*
 * Plugins: Post Icon
 * ============================================================*/ 

.wpi_img_left,.wpi_img_right {
	background: #e0caa7 !important;
	border: 1px solid #73452C !important;
}


/* ============================================================*
 * Plugins: Organize Series
 * ============================================================*/ 

.serieslist-box {
	border: 1px solid #73452C !important;
	border-bottom: 2px solid #73452C !important; 
}
h2.series-title {
	color: #73452C !important;
}
.seriesbox {
	margin-right: 0 !important;
	background: #e0caa7 !important;
	color: #73452C !important;
	/*border: 1px dotted #73452C !important;*/
	border: 0px none #73452C !important;
	border-bottom: 2px solid #73452C !important;
}
.seriesbox ul {
	margin-left: 15px !important;
}
.seriesmeta {
	background-color: #e0caa7 !important;
}



/* ============================================================*
 * Plugins: WP Syntax
 * ============================================================*/ 

.wp_syntax {
  background-color: #fff !important;
  border: 1px solid #73452C !important;
}
.wp_syntax .line_numbers {
  background-color: #e0caa7 !important;
  color: #73452C !important;
  width: 2em;
}


/* ============================================================*
 * Plugins: WP Syntax
 * ============================================================*/ 
 
ul.twitter { font-size: 0.75em; }