/* Master Style for Doorley Dot Org 2009 - Christopher Doorley, inspired by others */

/* import Eric Meyer's style resets for cross-browers happiness */
@import url("reset.css");


html {
	background: url(../interface/master_bk-mid.png) repeat-y 50% 0;
	}
		
body {
	background: url(../interface/master_bk-top.png) no-repeat 50% 0;
	min-height: 529px;
	min-width: 1040px;
	font-family: Helvetica, sans-serif;
	font-size: small;
	color: #262626;
	}

	a:link, a:visited {
		color: #1E6F8B;
		text-decoration: none;
		}

	a:hover {
		text-decoration: underline;
		}

	a:active {
		color: #1E6F8B;
		}
		
	p {
		font-size: 110%;
		line-height: 130%;
		padding: 0 0 1.2em 0;
		color: #262626;
		}
		
	strong {
		font-weight: bold;
		}
		
	em {
		font-style:italic;
		}
	
	.subtitle {
		color:#1E6F8B;
		font-weight:bold;
		}
		
	.img {
		float: left;
		padding: 0;
		margin: 0 10px 10px 0;
		}
		
	.quote {
		padding: 10px;
		margin: 0 0 10px 10px;
		background-color: #DFE3FC;
		font-size: 100%;
		line-height: 130%;
		color: #262626;
		}

	blockquote {
		border-left-color: #A2A9B0;
		border-left-width: 2px;
		border-left-style: solid;
		padding: 10px;
		margin: 0 0 10px 10px;
		background-color: #F7FAFE;
		font-size: 100%;
		line-height: 130%;
		color: #262626;
		}	

	.submit {
		background:#FFFFFF url(../interface/submit_background.png) repeat-x scroll left bottom;
		color:#1E6F8B;
		margin:0 0 0 10px;
		border:1px solid #9CA4AD;
		font-family:Helvetica,sans-serif;
		font-weight:bold;
		font-size:110%;
		padding:8px 6px 6px;
		}
		
	.field {
		background:#FFFFFF url(../interface/field_background.png) repeat-x scroll left bottom;
		border:1px solid #9CA4AD;
		clear:left;
		color:#9CA4AD;
		font-family:Helvetica,sans-serif;
		font-weight:bold;
		font-size:110%;
		padding:8px 6px 6px;
		}
		
	.form {
		margin: 0;
		padding: 10px;
		}
		
#container {
	margin: 0 auto;
	width: 1085px;
	position: relative;
	}
				

#frontStoryContainer, #articleListContainer {
	clear:both;
	float:left;
	display:inline;
	/* width: 980px; */
	/* margin: 0 0 0 42px; */
	padding: 62px 25px 0 45px;
	}
	
	.frontStory {
		width: 306px;
		float:left;
		margin: 0 20px 0 0;
		}
		
		.frontStory h2, .articleListStory h2 {
			padding: 1em 0 1.5em 0;
			}
		
		.frontStory h2 a:link, .frontStory h2 a:visited, .articleListStory h2 a:link, .articleListStory h2 a:visited {
			font-size: 210%;
			font-weight: bold;
			letter-spacing: -0.04em;
			}
			
	#articleListLeft, #articleListCenter, #articleListRight {
		width: 306px;
		float: left;
		display:inline;
		margin: 0 20px 0 0;
		}
		
		.articleListStory {
			margin: 20px 0;
			border-bottom: 1px solid #C6D2E4;
			padding: 0 0 20px 0;
			}
		
#leftCol {
	display:inline;
	float:left;
	width:480px;
	margin-right:10px;
	}
	
	/* #leftCol ul {
		padding: 0;
		margin: 0;
		}
		
		#leftCol li {
			list-style-image: url(../interface/li_arrow.gif);
			list-style-position: inside;
			padding: 0 0 0 10px;
			margin: 0;
			font-size: 110%;
			line-height: 130%;
			color: #262626;
			} */
/* Section titles */	
	#blog span, #articles span, #about span, #portfolio span, #recipes span, #tumblrTitle span {
		display:none;
		}

	#blog h1, #articles h1, #tumblrTitle h1 {
		background: url(../interface/blog_title.png) no-repeat left 0;
		height:67px;
		}

	#about h1 {
		background: url(../interface/about_title.png) no-repeat left 0;
		height:67px;
		}

	#portfolio h1 {
		background: url(../interface/portfolio_title.png) no-repeat left 0;
		height:67px;
		}

	#recipes h1 {
		background: url(../interface/cookbook_title.png) no-repeat left 0;
		height:67px;
		}
		
	#tumblrTitle {
		margin-bottom: 20px;
		}

/* End Section titles */
		
	#post, #posts {
		padding:0 0 10px 0;
		margin:0 20px 20px 40px;
		border-bottom: 1px #C2C7CC solid;
		}
		
		#post h2, #posts h3 {
			padding:1em 0;
			}
		
		#post h2 a:link, #post h2 a:visited {
			color:#1E6F8B;
			font-size:175%;
			font-weight:bold;
			}

		#posts h3 a:link, #posts h3 a:visited {
			color:#1E6F8B;
			font-size:175%;
			font-weight:bold;
			}
			
		#posts li {
			list-style-type: none;
			list-style-position: inside;
			list-style-image: none;
			padding: 0 0 0 10px;
			margin: 0;
			font-size: 110%;
			line-height: 130%;
			color: #262626;
		}

/* Tumblr Styles */

		.label {
			font-weight: bold;
			color: #1E6F8B;
			}

		.postText, .postPhoto, .postQuote, .postLink, .postChat, .postVideo {
			color:#262626;
			font-size:110%;
			line-height:130%;
			margin:0 0 20px;
			padding:55px 40px 10px;
			}
			
		.postText h3, .postPhoto h3, .postQuote h3, .postLink h3, .postChat h3, .postVideo h3{
			font-size: 130%;
			font-weight: bold;
			padding: 0;
			margin: 0 0 15px 0;
			}
			
		.postText {
			background-image: url(../interface/tumblrPostBK.jpg);
			background-position: left top;
			background-repeat: no-repeat;	
			}
			
		.postPhoto {
			background-image: url(../interface/tumblrPhotoBK.jpg);
			background-position: left top;
			background-repeat: no-repeat;	
			}
			
		.postQuote {
			background-image: url(../interface/tumblrQuoteBK.jpg);
			background-position: left top;
			background-repeat: no-repeat;	
			}
			
		.postLink {
			background-image: url(../interface/tumblrLinkBK.jpg);
			background-position: left top;
			background-repeat: no-repeat;	
			}
			
		.postChat {
			background-image: url(../interface/tumblrChatBK.jpg);
			background-position: left top;
			background-repeat: no-repeat;	
			}
			
			.postChat ul li {
				color:#333333;
				font-size:12px;
				line-height:16px;
				margin:0 0 1px;
				padding:4px 0 4px 8px;
				list-style-image: none;
				}
			
			.postChat ul li.odd {
				background-color:#EFF2F8;
				}
				
			.postChat ul li.even {
				background-color:#E1EBFA;
				}
			
		.postVideo {
			background-image: url(../interface/tumblrVideoBK.jpg);
			background-position: left top;
			background-repeat: no-repeat;	
			}
		
		.quotation {
			background-image: url(../interface/tumblrQuotation.jpg);
			background-position: left top;
			background-repeat: no-repeat;	
			padding: 8px 20px 20px;
			}
			
		.source, .description {
			color: #9FA9B0;
			font-size: 95%;
			padding: 0 0 10px 50px;
			}
		
		.link {
			padding-bottom: 10px;
			display: block;
			}
		
		.caption {
			padding-top: 10px;
			font-size: 90%;
			}
			
		.postVideo object {
			}
			
		#tumblrNext a {
			float: right;
			width: 100px;
			height: 15px;
			text-align: right;
			padding: 5px;
			border: 1px solid #D7DBDE;
			}
			
		#tumblrNext a:visted {
			float: right;
			width: 100px;
			height: 15px;
			text-align: right;
			padding: 5px;
			border: 1px solid #D7DBDE;
			}
			
		#tumblrNext a:hover {
			color: #ffffff;
			background-color: #1E6F8B;
			border: 1px solid #9FA9B0;
			text-decoration: none;
			}
			
		#tumblrPrevious a {
			float: left;
			width: 100px;
			height: 15px;
			text-align: left;
			padding: 5px;
			border: 1px solid #D7DBDE;
			}

		#tumblrPrevious a:visted {
			float: left;
			width: 100px;
			height: 15px;
			text-align: left;
			padding: 5px;
			border: 1px solid #D7DBDE;
			}
			
		#tumblrPrevious a:hover {
			color: #ffffff;
			background-color: #1E6F8B;
			border: 1px solid #9FA9B0;
			text-decoration: none;
			}
			
		#nextPrevious {
			padding-left: 20px;
			display: block;
			}

/* end Tumblr Styles */

		.posted {
			padding: 0;
			float: right;
			font-size: 80%;
			color:#808A95;
			}
			
			.posted a:link, .posted a:visited {
				color:#808A95;
				/* font-weight:bold; */
				}
				
		.postBanner {
			margin-bottom: 20px;
			}
			
	#pageTurn {
		padding:0;
		margin:20px 0 0 40px;
		}
		
		#pageTurn a:link, #pageTurn a:visited, #pageTurn a:hover {
			text-transform:uppercase;
			font-weight:bold;
			font-size: 125%;
			}
	
	
#rightCol {
	display:inline;
	float:right;
	/* padding-right:22px; */
	width:498px;
	}
	
	#masthead h1{
		background: url(../interface/masthead.png) no-repeat left 0;
		height:187px;
		}
	
	#masthead span {
		display:none;
		}
		
	#nav {
		clear:both;
		/* float: right; */
		display:block;
		width: 498px;
		margin: 0 15px 0 0;
		}
	
		#nav ul {
			float:right;
			display:inline;
			}
		
			#nav li {
				float:left;
				display:block;
				padding: 0 15px;
				}
			
				#nav li.last {
					border-right: none;
					}
			
				#nav li a {
					font-size: 140%;
					color:#808A95;
					}
	#boxReading {
		width: 400px;
		margin: 20px 0 0 0;
		padding: 100px 50px 0 40px;
		background: url(../interface/rt_title-reading.png) no-repeat left 0;
		}
			
		.book {
			float: left;
			margin: 0 10px 20px 0;
			}

	#boxFood {
		width: 400px;
		margin: 20px 0 0 0;
		padding: 100px 50px 0 40px;
		background: url(../interface/rt_title-food.png) no-repeat left 0;
		}
		
	#boxCooking {
		width: 400px;
		margin: 20px 0 0 0;
		padding: 100px 50px 0 40px;
		background: url(../interface/rt_title-cooking.png) no-repeat left 0;
		}
			
		#boxFood h2, #boxCooking h2 {
			color:#1E6F8B;
			font-size:110%;
			font-weight:bold;
			}
			
		#boxFood a:link, #boxFood a:visited {
			}
			
		#boxCooking a:link, #boxCooking a:visited {
			font-size:110%;
			font-weight:bold;
			}
			
		#boxFood ul, #boxCooking ul {
			margin:0;
			padding:0 0 10px 0;
			}
			
			#boxFood li {
				list-style-type:none;
				margin:0 0 0;
				padding:5px 0 5px 5px;
				}

			#boxCooking li {
				list-style-type:none;
				margin:0 0 0;
				padding:5px 0;
				}

	#boxFind {
		width: 400px;
		height: 75px;
		margin: 20px 0 0 0;
		padding: 25px 60px 0 100px;
		background: url(../interface/rt_title-find.png) no-repeat left 0;
		}			
			
	#boxFeature {
		width: 400px;
		margin: 20px 0 0 0;
		padding: 86px 60px 0 20px;
		background: url(../interface/rt_title-featured.png) no-repeat left 0;
		}
		
		#boxFeature p, #boxCloud p {
			padding: 0 0 0 15px;
			}
		
		.featuredBanner {
			margin-bottom: 15px;
			}

	#boxRecent {
		width: 400px;
		margin: 20px 0 0 0;
		padding: 86px 60px 0 20px;
		background: url(../interface/rt_title-recent.png) no-repeat left 0;
		}
		
		#boxRecent ul {
			margin: 0;
			padding: 10px 0 0 20px;
			}
			
			#boxRecent li {
				padding: 0 0 5px 0;
				margin: 0;
				font-size: 110%;
				line-height: 130%;
				color: #262626;
				}
	#boxLastFM {
		width: 400px;
		margin: 20px 0 0 0;
		padding: 96px 40px 0 40px;
		background: url(../interface/rt_last-fm.png) no-repeat left 0;
		}
		#boxLastFM ul {
			}
		#boxLastFM li {
			margin: 0 0 5px 0;
			padding: 0 0 5px 25px;
			background: url(http://www.velocitystrategies.com/img/icons.png) no-repeat left;
			background-position: 0 -1100px;
			}
			#boxLastFM .headline a {
				font-weight: bold;
				color: #3C3C3C;
				}
				#creditfooter {
					display: none;
					}
		
	#boxCloud {
		width: 400px;
		margin: 20px 0 0 0;
		padding: 86px 60px 0 20px;
		background: url(../interface/rt_title-cloud.png) no-repeat left 0;
		}

	#boxTopPosts {
		width: 400px;
		margin: 0;
		padding: 92px 60px 0 20px;
		background: url(../interface/rt_title-topposts.png) no-repeat left 0;
		}
		
		.number {
			color:#1E6F8B;
			float:left;
			font-size:48px;
			font-weight:bold;
			padding:10px 15px 25px 10px;
			}
			
		.top5Text {
			color:#272727;
			font-size:12px;
			font-weight:normal;
			padding:15px 0 0;
			}
		
		.numberRow {
			width: 425px;
			height:auto;
			padding:10px 15px 10px 0;
			}
		
		.numberRowOdd {
			width: 425px;
			background: url(../interface/odd_background.png) repeat-y left 0 #fff;
			border-bottom:1px solid #999999;
			border-top:1px solid #999999;
			height:auto;
			padding:10px 15px 10px 0;
			}

		#boxTopPosts h2 {
			padding:.5em 0;
			}
		
		#boxTopPosts h2 a:link, #boxTopPosts h2 a:visited {
			color:#1E6F8B;
			font-size:125%;
			font-weight:bold;
			}
			
		#boxTopPosts p {
			padding: 0 0 0 53px;
			}

	#boxBlogRoll {
		width: 400px;
		margin: 0;
		padding: 110px 50px 0 40px;
		background: url(../interface/rt_title-blogroll.png) no-repeat left 0;
		}

		#boxBlogRoll h2 {
			padding:.5em 0;
			}
		
		#boxBlogRoll h2 a:link, #boxBlogRoll h2 a:visited {
			font-size:110%;
			font-weight:bold;
			}

	#boxTwitter {
		width: 400px;
		margin: 0;
		padding: 110px 50px 0 40px;
		background: url(../interface/rt_title-twitter.png) no-repeat left 0 #fff;
		}

		#twitter_div {
			line-height: 1.25em;
			text-align: left;
			}

		#twitter_div span {
			display: block;	
			}

		#twitter_update_list {	
			margin: 0;	
			list-style-position: outside;	
			list-style-type: none;	
			}

			#twitter_update_list li {	
				padding: 0 0 10px 0;
				}

				#twitter_update_list li a {
					/* display: block; */
					}

			#twitter_div h2 {
				font-style: normal;
				font-weight: normal;
				padding: 0px;
				margin: 0px;
				font-size: 110%;
				color: #558a29;
				}

	#boxSiteShare {
		width: 400px;
		margin: 20px 0 0 0;
		padding: 86px 60px 0 20px;
		background: url(../interface/rt_title-siteshare.png) no-repeat left 0;
		}
		
		#boxSiteShare ul {
			margin: 0;
			padding: 10px 0 0 20px;
			display: block;
			}
			
			#boxSiteShare li {
				float: left;
				padding: 0 10px 0 0;
				margin: 0;
				font-size: 110%;
				line-height: 130%;
				color: #262626;
				}

		.facebook {
			clear: left;
			padding: 10px 0 0 20px; 
			}

#portfolioicons {
	width: 320px;
	padding-left: 30px;
	margin-bottom: 10px;
	}



#footer {
	clear:both;
	/* position:relative;*/ 
	background: url(../interface/master_bk-footer.png) no-repeat 50% 0 #fff;
	min-height: 139px;
	padding: 80px 0 0 0;
	text-align:center;
	}
	
	#footer p {
		text-align: center;
		}
	
	.logo {
		padding-top: 10px;
		}
	
	
	a.footernav:link, a.footernav:visited {
		font-size: 120%;
		margin: 0 10px 0 10px;
		}

	#footer ul {
		padding: 0 0 0 355px;
		width: 425px;
			}
		
		#footer li {
			float:left;
			display:block;
			padding: 0 20px;
			border-right: solid 1px #585f68;
			}
			
			#footer li.last {
				border-right: none;
				}
			
			#footer li a {
				font-size: 120%;
				}
				
	#disclaimer {
		clear:both;
		float:right;
		display:inline;
		width: 600px;
		margin: 40px 0 0 0;
		border: 1px solid #000000;
		padding: 20px 20px 5px 20px;
		}
		
		#disclaimer p{
			font-size: 100%;
			color: #000000;
			}
			
	#bullseye {
		clear:both;
		float:right;
		display:inline;
		margin: 1em 20px 0 0;
	}
	
	
.js-singleComment {
	border:1px solid #9CA4AD;
	font-family:Verdana,Helvetica;
	font-size:8pt;
	margin-bottom:-1px;
	text-align:left;
	}