/*
Theme Name: JPMurph
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Monday
Author URI: http://binarybonsai.com/
Tags: USA, cycling, jpmurph, widgets

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;} :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }

/*	BASIC ELEMENTS
--------------------------------------- */
body {
	background: url(images/bg_header_home.png) no-repeat top center #ebebeb;
	font: normal 12px arial;
	color: #222;
	
}

h2, h3 { color: #007bae; font: bold 24px arial;}
h3 { }
h4 { }

a {
	color: #007bae;
}
a:hover {
	color: #222;
}

/*	SPECIAL CLASSES
---------------------------------------- */
.force_break { clear: both; }

div.searchform {
	margin: 0 15px 15px 0;
}
.searchform input.search_text_input {
	border: #ccc 1px solid;
	padding: 5px;
}
.searchform input.search_submit_input,
#shopp input.addtocart,
#shopp input#checkout-button {
	background-color: #007bae;
	padding: 2px 5px 3px;
	border: 0;
	color: #fff;
	font: bold 15px arial;
	margin-left: 6px;
}
.product h4 {
	color: #CC0E00;
}

a.flickr_photo {
	width: 280px;
	height: 180px;
	overflow: hidden;
	display: block;
}
	.flickr_photo img {
		width: 300px;
	}

/*	SITE STRUCTURE AND LAYOUT
---------------------------------------- */
div#wrap {
	width: 940px;
	margin: 0 auto;
}
	div#header {
		height: 325px;
	}
		#header h1 a {
			display: block;
			width: 375px;
			height: 100px;
			margin-top: 113px;
		}
		#header h1 a em,
		#header div.description {
			display: none;
		}		

		div#top_nav {
			float: left;
			margin-top: 40px;
		}
			#top_nav li {
				float: left;
			}
				#top_nav li a {
					background: #222;
					padding: 15px 15px;

					font: bold 14px arial;
					color: #ebebeb;
					text-decoration: none;
				}

					#top_nav li a:hover {
						background:#CC0E00;
					}

				
	div#sidebar {
		float: right;
		width: 300px;
	}
	
	div#main {
		float: left;
		width: 620px;
	}
		#main h2.pagetitle {
			background: #007bae;
			padding: 10px;
			color: #fff;
			font: bold 16px arial;
			float: left;
		}
	
/* --- Home page stuff ---	*/
		div#latest_news {}
			#latest_news h2 {
				background: #007bae;
				width: 300px;
				padding: 10px;
				color: #fff;
				font: bold 16px arial;
			}
			#latest_news div.post {
				background-color: #fff;
				padding: 25px 10px;
			}
			
			div#previous_news {
				margin-top: 20px;
			}
				#previous_news div.interior {
					background-color: #fff;
					padding: 20px 10px;
				}
				#previous_news h2 {
					background: #222;
					width: 300px;
					padding: 10px;
					color: #fff;
					font: bold 16px arial;
				}
					#previous_news div.post {
						float: left;
						width: 290px;
					}
					#previous_news div.post_0 {
						margin-right: 20px;
					}
					#previous_news div.excerpt {
						font: normal 12px arial;
						line-height: 20px;
					}
					div.view_more a {
						float: right;
						background-color: #cc0e00;
						padding: 10px 25px 10px 10px;
						font: bold 16px arial;
						color: #fff;
						text-decoration: none;
					}
						div.view_more a:hover {
							background:#222;
						}
					
/* --- archives stuff --- */
div#archives {
	
}	
	div#listing,
	div#single_post {
		padding: 10px;
		background-color: #fff;
		clear: both;
	}
	#listing div.post {
		border-bottom: #ccc 1px solid;
		padding: 20px 0;
	}
		#listing div.post div.has_image {
			margin-left: 20px;
			width: 440px;
			float: left;
		}
		#listing .post a.featured_link {
			width: 140px;
			height: 95px;
			overflow: hidden;
			float: left;
			background-color: #848484;
			padding-top: 45px;
		}
	
	div.navigation {
		margin:10px 0px;
	}
		.navigation a {
			color:#999;
			background:#EBEBEB;
			padding:5px;
			font-weight:bold;
			text-decoration:none;
		}
			.navigation a:hover {
				color:#FFF;
				background:#333;
			}
	
	
			
/* --- posts stuff --- */
			.post a.comment_link {
				float: right;
				text-decoration: none;
				background: url(images/comment_bg.gif) no-repeat;
				width: 29px;
				height: 29px;
				text-align: center;
				padding: 6px 0 0 1px;
				font: bold 14px arial;
				color: #fff;
			}
			.post a.comment_link_text {
				font: normal 11px arial;
				color: #999;
				float: left;
				text-decoration: none;
				margin: 10px 0 15px;
			}
				.post .comment_link_text:hover {
					color:#333;
				}
			.post a.comment_link:hover {
				background: url(images/comment_bg_hover.gif) no-repeat;
			}
			.post h3 a {
				color: #007bae;
				font: bold 24px arial;
				line-height: 20px;
				text-decoration: none;
				float: left;
				padding-right: 6px;
				border-right: #cfcfcf 1px solid;
				margin-bottom: 30px;				
			}
				.post h3 a:hover {
					color:#222;
				}
			.post h4 a,
			.textwidget h4 {
				color: #007bae;
				font: bold 16px arial;
				text-decoration: none;
			}
				.post h4 a:hover {
					color:#222;
				}
			.post h5.date {
				float: left;
				color: #999;
				font: bold 12px arial;
				padding-left: 6px;
				line-height: 20px;
			}
			.post h6.date {
				color: #999;
				font: bold 11px arial;
				line-height: 20px;
				float: left;
				border-right: #cfcfcf 1px solid;
				padding-right: 6px;
				margin: 10px 6px 15px 0;
				line-height: 12px;
			}
			.post div.excerpt,
			.post div.entry {
				clear: both;
				font: bold 14px arial;
				line-height: 24px;
			}
			.post div.post_meta {
				color: #999;
				line-height: 30px;
			}
				.post_meta strong { font-weight: bold;}
				.post_meta a { color: #999; text-decoration: none;}
					.post_meta a:hover { color:#333;}				


/*COMMENTS AREA --------------*/

h3#comments {
	font-weight:bold;
	font-size:16px;
	color:#999;
	margin:30px 0px 10px 0px;
	padding:10px 0px 10px 40px;
	background: url(images/comment_bg.gif) left no-repeat;
}
	ol.commentlist {
		
	}
		.commentlist a {
			text-decoration:none;
			color:#007bae;
		}
			.commentlist a:hover {
				color:#222;
			}
		.commentlist li.comment {
			margin:30px 0px 30px 0px;
			padding:0px 10px;
		}
		.commentlist li.even {
			border-left:5px solid #cc0e00;
		}
		.commentlist li.odd {
			border-left:5px solid #007bae;
		}
			div.comment-body {

			}
				div.comment-body p {
					font-size:12px;
					line-height:20px;
				}
				div.comment-author {
					padding:0px 0px 10px 0px;
					float:left;
				}
					div.comment-author img.avatar {
						float:left;
						padding:3px;
						background:#007bae;
						margin-right:10px;
					}
					div.comment-author cite {
						font-weight:bold;
					}
						.comment-author cite a {
						}
							.comment-author cite a:hover {
							}
					div.comment-author .says {
						font-weight:bold;
					}
			div.comment-meta {
				clear:both;
				margin:10px 0px;
			}
				.comment-meta a {
					color:#999;
					text-decoration:none;
				}

#respond {
	border-top:1px solid #CCC;
	padding-top:20px;
	margin:20px 0px 0px 0px;
}
	#respond h3 {
		color:#999;
		font-size:16px;
		font-weight:bold;
		margin-bottom:20px;
	}
	
	form#commentform {
	}
		#commentform p {
			margin:0px 0px 10px 0px;
		}
			input#author,
			input#email,
			input#url {
				width:200px;
				margin-right:10px;
				padding:5px;
				border:1px solid #CCC;
				color:#007bae;
			}
				#author:focus,
				#email:focus,
				#url:focus {
					border-color:#666;
				}
				#commentform label {
					color:#999;
				}
				textarea#comment {
					width:578px;
					border:1px solid #CCC;
					color:#007bae;
					padding:10px;
				}
					#comment:focus {
						border-color:#666;
					}
		#commentform #submit {
			background:#007bae;
			padding:2px 5px 3px 2px;
			border:none;
			font-size:15px;
			color:#FFF;
			font-weight:bold;
		}

		div.coffee_callout_big {
			clear: both;
			background-color: #ccc;
			margin-top: 60px;
			margin-bottom: 20px;
		}
				
	div#sponsors {
		clear: both;
	}
		#sponsors h1 {
			float: left;
			background-color: #fff;
			padding: 10px;
			font: bold 16px arial;
			color: #666;
			line-height: 20px;
		}
			#sponsors h1 a {
				font: normal 12px arial;
				border-left: #666 1px solid;
				color: #666;
				margin-left: 6px;
				padding-left: 6px;
				text-decoration: none;
				line-height: 20px;
			}
				#sponsors h1 a:hover {
					color:#222;
				}
		#sponsors div.interior {
			background-color: #fff;
			padding: 10px;
			clear: both;
		}
		#sponsors a.sponsor_thumb_link {
			float: left;
			width: 140px;
			height: 50px;
			overflow: hidden;
			background-color: #ccc;
			margin-right: 16px;
		}
		#sponsors a.sponsor_thumb_link_5 {
			margin-right: 0 !important;
		}
			#sponsors a.sponsor_thumb_link img {
				width:140px;
			}
		
	div#footer {
		padding-top: 25px;
		clear: both;
	}
		#footer p.copywright {
			float: right;
			color: #666;
			font-size: 11px;
		}
		#footer div#bottom_nav {
			float: left;
			margin-bottom: 25px;
		}
			#footer #bottom_nav ul li {
				display: inline;
				margin-right: 6px;
			}
				#footer #bottom_nav ul li a {
					color: #007bae;
					font: bold 12px arial;
					text-decoration: none;
				}
					#footer #bottom_nav ul li a:hover {
						color:#222;
					}
		
		#footer h4.mbm_logo {
			background: url(images/mbm_logo.gif) no-repeat left top;
			width: 73px;
			height: 25px;
		}
			#footer h4.mbm_logo a {
				display: block;
				width: 73px;
				height: 25px;
			}
				#footer h4.mbm_logo a em {
					display: none;
				}
		div#footer_search {
			clear: both;

			float: left;
		}
		#footer h4.mbm_logo {
			float: left;
		}

/*	WIDGETS
---------------------------------------- */
#sidebar li.widget {
	clear: both;
	margin-bottom: 60px;
	list-style: none;
}
.social_networks_widget {
	background-color: #fff;
}
.social_networks_widget a {
	text-decoration: none;
	vertical-align: center;
}
ul.social-networks {
	padding: 15px;
}
ul.social-networks li {
	margin-bottom: 5px;
}
li.textwidget {
	background-color: #fff;
}
	.eventscategory_widget_upcoming div.schedule {
		padding: 0 10px;
	}
	.eventscategory_widget_upcoming h2,
	.widget h2.widgettitle {
		background-color: #222;
		font: bold 16px arial;
		color: #fff;
		padding: 10px;
	}
	.eventscategory_widget_upcoming div.view_more a {
		padding-right: 10px !important;
	}
	.textwidget div.post {
		padding: 15px 0 20px;
		border-bottom: #ccc 1px solid;
		clear: left;
	}
		.textwidget .post h4.post_title {
			clear: left;
		}
		.textwidget .post h5.date {
			padding: 0;
		}
		.textwidget div.post_last {
			border-bottom: 0;
		}
		
div.textwidget {
	padding: 10px;
	background-color: #fff;
}