/*  
Theme Name: 2Yellows.Template
Theme URI: http://2yellows.org/
Description: The template theme.
Version: 0.9
Author: 
Author URI: http://www.2yellows.com/

	This theme was designed and built by Bas Feenstra

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php	
*/
body {
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	margin:5px 5px 5px 5px;
}

h2 {
        padding-right:10px;
        text-align:right;
        color:#546a6b;
        border-bottom:1px solid #546a6b;
        margin: 0;
        font-size:18px;
        font-weight:bold;
        line-height:26px;
}

h3 {
        font-size:16px;
        font-weight:bold;
        margin:0;
}

img {
        border:0;
}

	a img {
	        border: none;
	}

a {
        text-decoration:none;
}

	a:link {
	        color:#546a6b;
	        text-decoration:none;
	}

        a:visited {
                color:#333;
        }
				
	a:hover {
	        text-decoration:underline;
	}
	
.main {
	margin:0px auto 0px auto;
	padding:0;
	width:982px;
}

.header {
	cursor:pointer;
	height:123px;
	background-color:#648483;
	background-repeat:no-repeat;
	margin-bottom:5px;
}
	
.horizontal_navigation h2{
	text-align: left;
}

.horizontal_navigation li{
	display:inline;
	color:#FFF;
	background-image:url(images/bullet.gif);
	background-repeat:no-repeat;
	padding-left:12px;
	background-position:0 2px;
	font-weight:bold;
	font-size:16px;
	margin:0 8px 0 8px;
}

.horizontal_navigation {
	background-color:#648483;
	margin:0 0 0px 0;
	padding: 4px;
}

.h2header {
}

.horizontal_navigation a:link{
	color:#FFF;
}

.content_container {
	clear:both;
	background-color: #FFFFFF;
	margin-top: 5px;
}
	
	.content_container td {
		vertical-align:top;
	}
	
.container_left {
	width: 75%;
	background-image:url(images/hand.gif);
	background-position:right top;
	background-repeat:no-repeat;
	background-color:#d2d2d2;
	margin-top: 5px;
}

.post, .post_comments, .comment_input {
	padding:10px;
	border-bottom:5px solid #FFF;
	clear:both;
}

	.post img {
		padding-right: 5px;
	}
	
.post a {	
	font-weight:bold;
}

.post_comments h3 {
	padding:5px;
	margin-bottom:10px;	
}

.post_comments small {
	font-size:12px;
	color:#666;
}

.post_comments p {
	margin:5px 0 5px 0;
}

.post_comment_alt {
	padding:5px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background-color:#FFF;
}

.post_comment {
	padding:5px;
}

.post_rating {
	white-space:nowrap;
	padding:2px 0 0 5px;
}

.post_date {
	font-size:12px;
	line-height:18px;
}

.post_excerpt {
	margin:10px 0px 5px 0px;
	clear:both;
	zoom:100%;
}
	
	.excerpt_image {
		width:100px;
		margin:0px 8px 0px 0px;
		padding-top:10px;
		float:left;
	}

	.post_excerpt p{
		padding:5px 0px 5px 0px;
		margin:0;
	}

.post_footer{
	padding:5px 0px 0px 0px;
	clear:both;
}

	.post_footer td {
		vertical-align:bottom;
		font-weight:bold;
		font-size:12px;
	}
	
	.post_footer #bullet{
		background-image:url(images/bullet_black.gif);
		background-repeat:no-repeat;
		padding-left:12px;
		background-position:bottom left;
		margin:0 8px 0 8px;
	}

	#topstory {
		background-image:url(images/spacer.gif);
		padding:0;
	}

.facts br {
	display:none;
}

.facts a {
	font-weight:normal;
}

.left_column {
	margin:0;
	padding:0;
	width:240px;
	height:100%;
	vertical-align:top;
}

	.left_column h2 {
		background-color:#648483;
		border-bottom:1px solid #FFF;
		color:#FFF;
	}
	
	.left_column a:link, .sidebar a:link, .footer a:link,.horizontal_navigation a:link {
		color:#FFF;
	}
	
	.left_column a:visited, .sidebar a:visited, .footer a:visited,.horizontal_navigation a:visited{
		color:#FFF;
	}
	
	.left_column .post {
		background-color:#648483;
		color:#FFF;
	}
	
	.left_column .post_date {
		color:#000;
	}
	
	.left_column #google {
		font-size:12px;
		padding:0;
		margin:0;
	}
	
	.left_column #google a:link{
			color:#00c;
			text-decoration:underline;
	}
	.left_column #google a:visited{
			color:#551a8b;
			text-decoration:underline;
	}
	.left_column #google a:active{
			color:#f00;
			text-decoration:underline;
	}

.middle_column {
	vertical-align:top;
}

.sidebar {
	background-color:#648483;
	vertical-align:top;
	line-height:18px;
	width: 245px;
	padding:0;
	margin:0;
}

	.sidebar ul {
		list-style-type:none;
		margin:0;
		padding:0;
	}
	
		.sidebar ul h4{
			text-align:left;
			color:#fff;
			padding-left:20px;
			border-top:5px solid #FFF;
			border-bottom:1px solid #FFF;
			margin:0;
			font-size:14px;
			font-weight:bold;
			line-height:26px;
		}

		.sidebar ul li ul{
			list-style-type:none;
			padding:5px 0 5px 0;
		}
		
			.sidebar ul li ul li, .sidebar_heatmap{
				background-image:url(images/bullet.gif);
				background-repeat:no-repeat;
				padding-left:12px;
				background-position:0 1px;
				margin-left:8px;
			}
			
			.sidebar #containerul, .sidebar #containerul ul{
		  		text-align:left;
		  		margin:0;				/* Removes browser default margins applied to the lists. */
		  		padding:0;				/* Removes browser default padding applied to the lists. */
			}
			
			.sidebar #containerul li{
				margin:0 0 0 8px;			/* A left margin to indent the list items and give the menu a sense of structure. */
				padding:1px;				/* Removes browser default padding applied to the list items. */
				list-style-type:none;			/* Removes the bullet point that usually goes next to each item in a list. */
				border:0px solid;
			}
			
				.sidebar #containerul li ul{
					margin:0 0 0 8px;			/* A left margin to indent the list items and give the menu a sense of structure. */
					padding:0;				/* Removes browser default padding applied to the list items. */
					list-style-type:none;			/* Removes the bullet point that usually goes next to each item in a list. */
				}
			
			.sidebar #containerul .symbols{			/* Various styles to position the symbols next to the items in the menu. */
				float:left;
				width:12px;
				height:16px;
				background-position:0 60%;
				background-repeat:no-repeat;
			}
	
	#sidebar_amazon_img {
		margin:15px 0px 15px 20px;
		width:90px;
	}
	
	.sidebar .sidebar_flickr {
		margin:0;		
		padding:0;
		line-height:0;
	}
	
	.sidebar .sidebar_flickr li{
		margin:0;		
		padding:0;
		line-height:0;
	}
	
		.sidebar_flickr img{
			width:240px;
			border:0;
		}

	.sidebar .feeds {
		padding:5px 5px 0px 6px;
	}

		.sidebar .feeds_list li{
			padding:0 10px 0 12px;
			margin-left:3px;
		}
	
	.sidebar .feeds_header {
		color:#FFF;
		font-size:12px;
		font-weight:bold;
	}
	
	.sidebar .sidebar_comments {
		font-weight:bold;
	}
	
	.sidebar .sidebar_more_comments {
		text-align:right;
		font-weight:bold;
	}
	
	.sidebar .sidebar_more_comments li {
		background-image:url(images/spacer.gif);
		margin-right:5px;
		text-align:right;
	}
		
.amazontable {
	border-top:1px dotted #000;
	border-bottom:1px dotted #000;
	margin:10px 0 10px 0;
}

	.amazontable td {
		vertical-align:top;
		padding:5px;
	}
	
		.amazontable td a:link{
			background-image:url(images/spacer.gif);
		}

	.amazontable img {
		width: 145px;
		margin:0 10px 0 0;
		padding:0;
	}

.quicktime {
	clear:both;
}		

.navigation {
	width:100%;
	line-height:22px;
	border-bottom:1px solid #FFF;
	font-size:12px;
	font-weight:bold;
	padding:0 5px 0 5px;
}

	.navigation a:link{
	}
	
	.navigation br {
		display:none;
	}

.alignright {
	float: right;
}	

.alignleft {
	float: left;
}

.footer {
	background-color:#648483;
	text-align:center;
	line-height:22px;
	color:#FFFFFF;
	border-top:5px solid #FFF;
}

.spacer {
	background-image:url(images/spacer.gif);
	width:5px;
	height:5px;
}

.search {
	padding: 15px 0px 10px 20px;
}

#searchtext {
	width:195px;
	margin-bottom: 12px;
	margin-right: 0px;
}

.searchsubmit {
	border:1px solid;
	margin-right:1px;
	cursor:pointer;
	font-size:12px;
}

#comment {
	width:450px;
}

#write {
	background-image:url(images/write.gif);
	line-height:22px;
	padding:0 0 4px 0;
	margin-left:10px;
}

	#write a {	
		padding-left:45px;
	}

#help {
	background-image:url(images/help.gif);
	line-height:22px;
	padding:0 0 4px 0;
	margin-left:10px;
}

	#help a {	
		padding-left:45px;
	}

#admin {
	background-image:url(images/admin.gif);
	line-height:22px;
	padding:0 0 4px 0;
	margin-left:10px;
}

	#admin a {	
		padding-left:45px;
	}


#login {
	background-image:url(images/login.gif);
	line-height:22px;
	padding:0 0 4px 0;
	margin-left:10px;
}

	#login a {	
		padding-left:45px;
	}


#logout {
	background-image:url(images/logout.gif);
	line-height:22px;
	padding:0 0 4px 0;
	margin-left:10px;
}

	#logout a {	
		padding-left:45px;
	}
	
#contact {
	background-image:url(images/contact.gif);
	line-height:22px;
	padding:0 0 4px 0;
	margin-left:10px;
}

	#contact a {	
		padding-left:45px;
	}

#rss {
	background-image:url(images/rss.gif);
	line-height:22px;
	padding:0 0 4px 0;
	margin-left:10px;
}

	#rss a {	
		padding-left:45px;
	}

/* Start of Comment Bubble */

.comment-bubble {
	background-image: url(images/comment.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 30px;
	width: 40px;
}

.comment-star {
	background-image: url(images/star.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 20px;
	width: 20px;
	color: #ffffff;
	text-align: center;
	margin-left: auto; /* Remove this is you want the star to appear on the left */
	padding-top: 3px; /* Varies with font of comment number */
	font: 9px Georgia;
}

.bubble-wrapper { /* This depends on where you want the bubble to be */
	width: 40px;
	height: 30px;	
	position: relative;
}

.comment-link {
	width: 40px;
	height: 30px;
	position: absolute; /* Important */
	top: 0px;
}

.dummy-link {
	width:  40px;
	height:  30px;
	border: none;
}

/* End of Comment Bubble */

#searchheader {
	margin-top: 0px;
	border-top: 0px;
}