@charset "utf-8";
/* 
Theme Name: HMT2 Child - Plain Jane
Theme URI: http://heatmaptheme.com
Description: HeatMap Theme 2 compatible Child Theme. Brought to you by <a href="http://heatmaptheme.com">HeatMapTheme.com</a>.
Author: Stuart Wider
Author URI: http://stuartwider.com
Template: heatmaptheme
Version: 1.4
Tags: white, two-columns, three-columns, fixed-width, custom-header, theme-options

This file last updated 19/10/2009

Copyright Stuart Wider 2009
*/

/*

"Plain Jane" is a basic starting point for your own themeing adventures.
In the regular HeatMap Theme child themes, images tend to be used to style most elements.
In this variation no images are active, however, I have left the references to the images
in the css code (commented out) just in case you want to pop them back into theme temporarily
while you figure out what goes where, and what bits to theme up. The commented out references are 
generally followed by an equivalent 'plain' declaration. Of course you'll have to comment out the 
plain declaration when you uncomment the image declaration.

Happy themeing!

*/

@import url("../heatmaptheme/style.css");

body { 
	/* background: #000 url(images/wallpaper-bg.jpg) no-repeat center top; */ 
	background: #FFF; /*plain*/
	font-family: Arial, Verdana, Geneva, sans-serif;
}


/* Link Elements 
-------------------------------------------------------------- */

	a {color: #CC0000; text-decoration:none;}
	a:link, a:visited {color: #CC0000;}
	a:hover {color: #CC0000; text-decoration:underline;}
	
	a:link img, a:visited img { border: none;}
	
/* Main 
-------------------------------------------------------------- */
#main {	
	background-color:#FFF;
	border:solid #666 1px; 
}


/* Header Bar
-------------------------------------------------------------- */

#header-bar {
	/* background: url(images/header-bg.jpg) #7f7f7f no-repeat; */
	background: #FFF; /*plain*/
}

#header-bar #header-bar-content .blog-title a,
#header-bar #header-bar-content .blog-title a:visited {color: #000;}

#header-bar #header-bar-content .blog-tagline a,
#header-bar #header-bar-content .blog-tagline a:visited {color: #000;}
	
	
/* Nav Bar
-------------------------------------------------------------- */

/* #nav-bar {background: url(images/nav-bar-bg.jpg) #000 repeat-x;} */
#nav-bar {background: #000;} /*plain*/


#nav-bar ul li a {
	color:#FFF;
	text-decoration:none;
}

#nav-bar ul li a:hover {
	color: #FC0;
	text-decoration:underline;
}


/* Search Bar
-------------------------------------------------------------- */

/* #search-bar {background: url(images/nav-bar-bg.jpg) #000 repeat-x;} */
#search-bar {background:#000;} /*plain*/


/* Categories Bar
-------------------------------------------------------------- */

#cat-bar {
/*	background: url(images/cat-bar-bg.jpg) #949494 repeat-x; */
	background:#666; /*plain*/
}


#cat-bar ul li a {
	color:#FFF;
	text-decoration:none;
}

#cat-bar ul li a:hover {
	color:#FC0;
	text-decoration:underline;
}


/* RSS Bar
-------------------------------------------------------------- */

#rss-bar {
/*	color:#FFF;
	background: url(images/cat-bar-bg.jpg) #949494 repeat-x; */
	color:#fff;
	background:#666; /*plain*/
}

#rss-bar a {
	color:#fff;
	text-decoration:none;
}

#rss-bar a:hover {
	color:#FC0;
	text-decoration:underline;
}

#rss-bar .rss-feedburner {background: url(images/rss-red.gif) no-repeat;}

#rss-bar .rss-posts {background: url(images/rss-orange.gif) no-repeat;}

#rss-bar .rss-comments {background: url(images/rss-cyan.gif) no-repeat;}


/* Wrap around the entire contents of the page below the nav
-------------------------------------------------------------- */

#google-results-body-wrapper {background-color:#FFF;}


/* Post Content (ie Content of a Post)
-------------------------------------------------------------- */

 .post-content h1.h1-underline,
.featured-page-content h1.h1-underline {border-bottom:solid 1px #CC0000;} 

.post-content h2.h2-simulate-h1-size-underline,
.featured-page-content h2.h2-simulate-h1-size-underline {border-bottom:solid 1px #666;} 
 
.post-content .more-link,
.featured-page-content .more-link {text-decoration: underline;}


/* Post Details (ie The details of a post)
-------------------------------------------------------------- */

.post-details, 
.featured-page-details {
/*	background: url(images/comment-bg.jpg) #FFF repeat-x; */
	background: #FFF; /*plain*/
	border:solid 1px #666; 
}

.post-details .comment-button,
.featured-page-details .comment-button {
	background: #333; 
	border:solid 1px #333;
	color: #FFF;
}

.post-details .comment-button a,
.featured-page-details .comment-button a {
	color:#FFF;
	text-decoration: underline;
}
	
.post-details .comment-button a:hover,
.featured-page-details .comment-button a:hover {
	color: #FC0;
	text-decoration: underline;
}

/* Post Navigation
-------------------------------------------------------------- */

.post-nav p a {text-decoration: underline;}
	
.post-nav p a:hover {text-decoration: underline;}


/* Comments
-------------------------------------------------------------- */

#respond {
/*	background: url(images/comment-bg.jpg) #FFF repeat-x; */
	background: #FFF; /*plain*/
	border:solid 1px #666;
}

#submit {
	border: 1px solid #333;
	color: #FFF;
/*	background: url(images/button-bg.jpg) #949494 repeat-x;	*/
	background: #666; /*plain*/	
}

#submit:hover {
	border: 1px solid #FC0;
	cursor: pointer;
}

/* Style Threaded Comments - added 19/10/09
-------------------------------------------------------------- */

.comment-item .comment-body {
/*	background: url(images/comment-bg.jpg) repeat-x; */
	border:solid 1px #666;
	background-color:#FFF;
}

.comment-item .comment-reply-link {
	background: #333; 
	border:solid 1px #333;
}

.comment-item .reply a {
	color:CC0000:;
	text-decoration: underline;
}

.comment-item .reply a:hover {
	color: #FC0;
	text-decoration: underline;
}


/* Sidebars
-------------------------------------------------------------- */

#top-widebar a,
#bottom-widebar a,
#left-sidebar a,
#right-sidebar a {
	color: #CC0000; 
	text-decoration:none;				
}

#top-widebar a:link, 
#top-widebar a:visited,
#bottom-widebar a:link, 
#bottom-widebar a:visited,
#left-sidebar a:link, 
#left-sidebar a:visited,
#right-sidebar a:link, 
#right-sidebar a:visited {
	color: #CC0000;
}

#top-widebar a:hover,
#bottom-widebar a:hover,
#left-sidebar a:hover,
#right-sidebar a:hover {
	color: #CC0000; text-decoration:underline;
}


/* Widgets Areas
-------------------------------------------------------------- */

/* Widget title
-----------------------*/

#top-widebar .widgettitle,
#bottom-widebar .widgettitle,
#left-sidebar .widgettitle, 
#right-sidebar .widgettitle {
/*	background: url(images/widget-heading-bg.jpg) #666 repeat-x; */
	background: #666; /*plain*/
	color:#FFF;
	border:solid 1px #333; 
}

#top-widebar .widgettitle a,
#bottom-widebar .widgettitle a,
#left-sidebar .widgettitle a,
#right-sidebar .widgettitle a {
	color:#FFF;
}


/* Blog Search Widget
-----------------------*/

#top-widebar .widget_search,
#bottom-widebar .widget_search,
#left-sidebar .widget_search,
#right-sidebar .widget_search {
	color:#FFF;
/*	background: url(images/search-bg.jpg) #333 repeat-x; */
	background: #333; /*plain*/
}

#top-widebar .widget_search form,
#bottom-widebar .widget_search form,
#left-sidebar .widget_search form,
#right-sidebar .widget_search form
{
	color:#FFF;				
}


#searchsubmit {
	border: 1px solid #333;
	color: #FFF;
/*	background: url(images/button-bg.jpg) #949494 repeat-x;	*/
	background: #666; /*plain*/	
}

#searchsubmit:hover {
	border: 1px solid #FC0;
	cursor: pointer;
}

/* Calendar Widget
-----------------------*/

#top-widebar .widget_calendar table a,
#bottom-widebar .widget_calendar table a,
#left-sidebar .widget_calendar table a,
#right-sidebar .widget_calendar table a { 
	text-decoration:underline;
}

#top-widebar .widget_calendar thead th,	
#bottom-widebar .widget_calendar thead th,
#left-sidebar .widget_calendar thead th, 	
#right-sidebar .widget_calendar thead th {
	background: #999; 
}
					
#top-widebar .widget_calendar tr.even td,  
#bottom-widebar .widget_calendar tr.even td,
#left-sidebar .widget_calendar tr.even td,  
#right-sidebar .widget_calendar tr.even td {
	background: #999; 
}
					
#top-widebar .widget_calendar caption,
#bottom-widebar .widget_calendar caption,
#left-sidebar .widget_calendar caption,
#right-sidebar .widget_calendar caption { 
	background: #666;
}

#top-widebar .more-link,
#bottom-widebar .more-link,
#left-sidebar .more-link,
#right-sidebar .more-link {
	text-decoration: underline;
}

/* Feedburner Widget
-----------------------*/

#header-bar-right .hmt_widget_feedburner {color: #FFF;}


#fbsubmit {
	border: 1px solid #333;
	color: #FFF;
/*	background: url(images/button-bg.jpg) #949494 repeat-x;	*/
	background: url(images/button-bg.jpg) #666 repeat-x; /*plain*/			
}

#fbsubmit:hover {
	border: 1px solid #FC0;			
}

#top-widebar .hmt_widget_feedburner,
#bottom-widebar .hmt_widget_feedburner,
#left-sidebar .hmt_widget_feedburner,
#right-sidebar .hmt_widget_feedburner {
	color:#FFF;				
}



/* Footer
-------------------------------------------------------------- */

#footer {
	color:#FFF;
/*	background: url(images/footer-bg.jpg) #000 repeat-x; */
	background: #000; /*plain*/
}

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

#footer a:hover {
	color:#FC0;
	text-decoration:underline;
}


/* Sub-footer
-----------------------*/

#sub-footer {
/*	background: url(images/subfooter-bg.jpg) #333 repeat-x; */
	background: #333; /*plain*/
}

#sub-footer-content {color:#FFF;}


/* Sub-Footer Left and Right
-----------------------*/

#sub-footer a {
	color: #FFF;
	text-decoration:none;
}

#sub-footer a:hover {
	color:#FC0;
	text-decoration:underline;
}

/* Making things nice and rounded for browsers that support it 
-------------------------------------------------------------- */

#main,
#header-bar {
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-top-left-radius: 5px;
	-khtml-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#main, 
#sub-footer {
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-khtml-border-bottom-left-radius: 5px;
	-khtml-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.post-details .comment-button,
.featured-page-details .comment-button {
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}


/* Rounded corners for everything that needs the same generic type 
-------------------------------------------------------------- */

.post-details, 
.featured-page-details,
#respond,
#submit,
.comment-item .comment-body, 

#top-widebar .widgettitle,
#bottom-widebar .widgettitle,
#left-sidebar .widgettitle, 
#right-sidebar .widgettitle,

#top-widebar .widget_search,
#bottom-widebar .widget_search,
#left-sidebar .widget_search,
#right-sidebar .widget_search,

#searchsubmit,

#fbsubmit {
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

    /* 800px wide mod
    -----------------------*/

    #main {
       width: 1170px;
    }

    #high-bar {
       width: 1170px;
    }

    #header-bar {
       width: 1170px;
    }

    #nav-bar {
       width: 843px;  /* 653 + 20 ???????? */
    }

    #nav-bar ul{
       width: 843px; /* 653 + 20 */
    }


    #cat-bar {
       width: 808px;  /* 538 + 20 */
    }

    #content {
       width: 808px; /* 538 + 20 */
    }

    .post-content #left-content,
    .featured-page-content #left-content {
       width: 170px; /*used to be 505 */
    }

    .post-content #right-content,
    .featured-page-content #right-content {
       width: 170px; /*235 + 10 */
    }

    .post-details,
    .featured-page-details {

       /* knock 12px off this because of the padding and outline (10px + 2px)*/
       width: 788px; /* 638 + 20 */
    }

    .comment-item {
       width: 810px;   /* 650 + 20 */
    }

    #respond {
       width: 788px; /* 638 + 20 */
    }

    #footer {
       width: 1170px; /* 980 + 20 */
    }

    #sub-footer {
       width: 1170px; /* 980 + 20 */
    }

    body {
       /* background: #000 url(images/wallpaper-bg.jpg) no-repeat center top; */
       background: #FFF;
    }