/*  
Theme Name: TWC_custom
Author URI: http://www.thewavingcat.com/
Version: 0.1
Author: Peter Bihr
Description: TWC_custom is a custom theme for www.thewavingcat.com. Hat tips to R. Bhavesh, whose theme WP_Premium is awesome and inspired me, as well as Boris Anthony, who did Joi Ito's website which I also love.
*/



/* LAYOUT, BASICS & CONTAINERS */
/* ******************************************************************************/
/* rule of thumb: 
	width 960px;
	content containers: 580px;
	sidebar: 380px;
	*/

body, p, span, div, a, h1, h2, h3, h4, h5, h6 {
		font-family: Verdana, Helvetica, Arial, Sans-Serif;
}

body {
    text-align: center;
    background: #fff;
	font-size: small ;
	margin: 0px 0px 0px 0px;
}

p, div, span, a, div {
	font-size: small ;
}


/* header container centers the header */
.container_header {
	text-align:center;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color: #333333;
        background-color:#e9e9e9; 
	height:115px;
	vertical-align:bottom;
}


.container_main {
	text-align:center;
	vertical-align:top;
}


/* centers the content including the sidebar */
.content_container {
	border-style:none;
	text-align: center;
	vertical-align:bottom;
	padding: 0 0 0 0;
}




/* footer container centers the header */
.container_footer {
	text-align:center;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color: #333333;
	background-color: #f1f1ff;
	height:115px;
	vertical-align:bottom;
	margin-bottom:0px;
	margin-top:15px;
	clear:both;
}



/* the content section without the sidebar */
.container_inner {
	width:960px;
    min-height: 100%;
    margin: 0 auto;
    text-align: left;
}



/* HEADER */
/* ******************************************************************************/
.header_content {
	width:960px;
	text-align:left;
	vertical-align:bottom;
	padding: 10 0 5 0;
	height:115px;
}


.blog_title {

}

.header_logo {
	float:left;
	margin: 0 10 0 0;
}

div.header_logo img {
	border-style:none;
}


/* header_texts: width is variable, change if necessary */
div.header_texts {
	text-align:left;
	padding-bottom:5px;
	padding-top:65px;
	}

span.blog_title {
	margin-bottom:5px;
}
span.blog_title a{
	color:white;
	background-color:black;
	font-size:large;
	font-weight:bold;
	height:100%;
	text-align:left;
	margin-top:3px;
}
span.blog_title a:hover{
	color:black;
	background-color:white;
	font-size:large;
	font-weight:bold;
	height:100%;
	text-align:left;
}

span.blog_subtitle {
	margin-top:5px;
}
span.blog_subtitle a{
	color:white;
	background-color:black;
	font-size:small;
	height:100%;
	text-align:left;
}
span.blog_subtitle a:hover{
	color:black;
	background-color:white;
	font-size:small;
	height:100%;
	text-align:left;
}


/* header nav menu */
.nav_menu {
	float:right;
	width:250px;
	font-size:small;
	text-align:right;
	vertical-align:top;
}

.nav_menu ul {
	list-style-type: none;
}



/* CONTENT AREA *(
/* ******************************************************************************/

.maincontent_content {
	min-width:570px;
	max-width:570px;
	min-height:1200px;
	padding: 10px 0px; 10px 0px;
	text-align:left;
	vertical-align:top;
	margin-right:10px;
}


/* POSTS */


div.headline {
	
}
/* comment bubble */
div.header_comment_bubble {
	text-align:center;
	float:right;
	margin-top:3px;
	vertical-align:top;
	font-size:x-small;
	color:white;
	background-image:url(/images/comments.gif);
	background-repeat:no-repeat;
	width:30px;
	height:24px;
}
div.header_comment_bubble span.comments_bubble_no a {
	color:white;
	text-decoration:none;
}

div.post-meta-top {
	font-size:x-small;
	color:#999999;
}
div.post-meta-top a {
	font-size:x-small;
}


div.post-meta-bottom{
	border-bottom-style:dotted;
	border-bottom-color:#CCCCCC;
	border-bottom-width:1px;
	margin-bottom: 30px;
	padding-bottom:10px;
	color:#999999;
	text-align:right;
	width:570px;
	vertical-align:bottom;
}
div.post-meta-bottom, div.post-meta-bottom a {
	font-size:x-small;
}

/* link to comments */
div.post-meta-bottom div.comments_link{
	float:left;
	text-align:left;
	width:170px;

	height:30px;
	padding-right:15px;
	font-size:small;
	vertical-align:bottom;
}
div.post-meta-bottom div.comments_link a{
	font-size:x-small;
}
div.post-meta-bottom div.comments_link a:hover{
	font-size:x-small;
}


/* block quotes */
blockquote {
	border-left-style:dotted;
	border-left-color:#6699CC;
	border-left-style:1px;
	padding-left:3px;
}


/* Headlines *(

/* h2 in posts */

h2.post_h2 a{
	color:white;
	background-color:black;
	font-size:large;
	font-weight:bold;
	height:100%;
	text-align:left;
	margin-bottom:3px;
	margin-right:10px;
}
h2.post_h2 a:hover{
	color:black;
	background-color:white;
	font-size:large;
	font-weight:bold;
	height:100%;
	text-align:left;
	margin-bottom:3px;
	margin-right:10px;
}

/* old h2.post_h2 {
	color:black;
	text-decoration:none;
	font-size:large;
	margin-bottom:3px;
	margin-right:10px;
}
h2.post_h2 a {
	color:black;
	text-decoration:none;
	font-size:large;
	margin-bottom:3px;
	margin-right:10px;
} */ 

/* SIDEBAR */
/* ****************************** */
.sidebar_container {
	width:380px;
	vertical-align:top;
	text-align:right;
	padding: 0 0 0 0;
	margin: 10px 0px 0px 0px;
	font-size:small;
	position: top:0px; right:0px;
	float:right;
	clear:both;
}

/* sidebar boxes */

div.sidebar_box_noborder {
	text-align:left;
	border-style:none;
	margin: 0px 0px 5px 2px;
	padding: 5px 5px 5px 5px;
}


div.sidebar_box_border {
	text-align:left;
	border-style:dotted;
	border-color:#CCCCCC;
	border-width:1px;
	margin: 0px 0px 5px 2px;
	padding: 5px 5px 5px 5px;
}
/* sidebar box that only contains exactly one image */
div.sidebar_imagebox_border{
	border-style:dotted;
	border-color:#CCCCCC;
	border-width:1px;
	margin: 0px 0px 5px 2px;
	padding: 0px 0px 0px 0px;
}
/* img within a sidebarbox */
div.sidebar_imagebox_border img {
	margin:0px 0px 0px 0px;
	border-style:none;
	}
	


h2.author {
	font-size:small;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
}

h2.sidebar_box {
	font-weight:normal;
	font-size:small;
	margin-top:0px;
	margin-bottom:0px;
}

ul.sidebar_list, ul#twitter_update_list {
	list-style-type:none;
	font-size:x-small;
	padding:0px;
	min-width:365px;
	}

ul.sidebar_list li, ul#twitter_update_list li{
	list-style-position:outside;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#CCCCCC;
	font-size:x-small;
	padding: 5px 0px 5px 5px;
	text-decoration:none;
	vertical-align:middle;
}
ul.sidebar_list li a, ul#twitter_update_list li a, ul#twitter_update_list li span{
	border-bottom-style:none;
	font-size:x-small;
}






/* LINKS */
/* ******************************************************************************/

a {
	color:#336699;
	text-decoration:none;
}

a:hover {
	color:#6699CC;
	text-decoration:none;
}


a img {
	border-style:none;
	}
	
img a {
	border-style:none;
	}
	
	
/* FOOTER */
/* ******************************************************************************/
div.footer_texts {
	width:960px;
	min-height:110px;
	text-align:right;
	vertical-align:bottom;
	padding-bottom:5px;
	}


.footer_content {
	width:960px;
	text-align:right;
	vertical-align:bottom;
	padding: 10 0 5 0;
}

/* footer_CC_info left-aligned */
.footer_cc_info {
	float:left;
	width:250px;
	font-size:small;
	text-align:left;
	vertical-align:top;
	padding-top:15px;
}


/* footer nav menu */
.footer_menu {
	float:right;
	width:250px;
	font-size:small;
	text-align:right;
	vertical-align:rop;
}
.footer_menu ul {
	list-style-type: none;
}

/* footer info */
.footer_info {
	float:right;
	width:960px;
	text-align:right;
	vertical-align:bottom;
}
.footer_info p{
	font-size:x-small;
}
.footer_info p a{
	font-size:x-small;
}

/* IMAGES */
/* ******************************************************************************/
/* right-floating image in the blog post */
img.right {
        float:right;
        margin-top:5px;
        margin-right:5px;
        margin-bottom:5px;
        margin-left:8px;
        }

/* left-floating image in the blog post */
img.left {
        float:left;
        margin-top:4px;
        margin-right:8px;
        margin-bottom:4px;
        margin-left:5px;
        }
		
		
/* CLIENT PAGE image box that only contains exactly one image */
div.clientlogo_l{
	border-style:dotted;
	border-color:#CCCCCC;
	border-width:1px;
	margin: 6px 6px 6px 6px;
	padding: 0px 0px 0px 0px;
        width:160px;
        height:80px;
        float:left;
}
div.clientlogo_m{
	border-style:dotted;
	border-color:#CCCCCC;
	border-width:1px;
	margin: 6px 6px 6px 6px;
	padding: 0px 0px 0px 0px;
        width:160px;
        height:80px;
        float:left;
}
div.clientlogo_r{
	border-style:dotted;
	border-color:#CCCCCC;
	border-width:1px;
	margin: 6px 6px 6px 6px;
	padding: 0px 0px 0px 0px;
        width:160px;
        height:80px;
        float:left;
}
		
/* SIDEBAR CANDY, WIDGETS ETC */

/* del.icio.us */
.delicious-posts { 	text-align:left;
	border-style:dotted;
	border-color:#CCCCCC;
	border-width:1px;
	margin: 0px 0px 5px 2px;
	padding: 5px 5px 5px 5px; }
.delicious-posts ul, .delicious-posts li, .delicious-banner { list-style-type:none;
	font-size:x-small;  
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#CCCCCC; margin-left:0px;}
.delicious-post { list-style-type:none;
	font-size:x-small;  
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#CCCCCC;  margin-left:0px; }
.delicious-odd { list-style-type:none;
	font-size:x-small;  
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#CCCCCC;  margin-left:0px;}
.delicious-banner a { 	font-weight:normal;
	font-size:small;
	margin-top:0px;
	margin-bottom:0px; margin-left:0px;}
.delicious-posts a:hover { text-decoration:none; font-size:x-small;  margin-left:0px;  }
.delicious-posts a { text-decoration:none; font-size:x-small;   margin-left:0px;}
.delicious-post a { text-decoration:none; font-size:x-small;  margin-left:0px; }


/* Dopplr */
div#dopplr-pbihr-planned_trips-embed{
	text-align:left;
	border-style:none;
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 0px 0px;
}