/*
THEME NAME: Tim Latham
THEME URI: http://protools-mixing.com
DESCRIPTION: Site for Tim Latham
VERSION: 1.0
AUTHOR: Pat Dryburgh
AUTHOR URI: http://patdryburgh.com
TAGS: design
*/

@import url('library/css/reset.css');
@import url('library/css/type.css');
@import url('library/css/forms.css');
@import url('library/css/960.css');

 
/* =Global Elements */

body, html { height: 100%; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility }

body { background: #eaeaea url(images/body_bg.jpg) 50% 0 no-repeat; color: #151515; font: 11px "Helvetica Neue", Helvetica, Arial, Verdana, Sans-Serif; line-height: 18px }

a:link, a:visited { color: #141414; font-weight: bold; text-decoration:none; border-bottom: 1px solid #616161 }

a:hover, a:focus { border-bottom: 3px solid #f2c513 }

em { font-style: italic }

blockquote { margin: 0 20px; font-style: italic }

blockquote em, blockquote cite, blockquote i { font-style:normal }

input, textarea { font: Verdana, Arial }

sup { height: 0; line-height: 1; vertical-align: baseline; position: relative; font-size: .65em; vertical-align: super; margin: 0 .4em }

/* =Headings */

h1, h2, h3, h4, h5, h6 { font-weight: 700; clear: both; color: #151515 }

.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { color: #050816 }

.post h1 { font-size: 2em }

h2 { font-size: 1.6em }

#intro h2 { font-size: 1.5em; font-weight: 400; line-height: 1.5em }

	h2 span { font-weight: 600 }
	
/* =Header */

header { display: block; height: 62px; width: 960px; margin: 20px auto 40px auto; background: #151515 }

	header h1 { display: block; width: 200px; padding: 14px 0 0 10px; float: left; color: rgba(229,229,229,1) }
	
	header h1 a { display: block; width: 100%; height: 100% }
	
	header h1 a:link, header h1 a:visited, header h1 a:hover, header h1 a:focus { color: rgba(229,229,229,1); text-decoration: none; border: 0 }
	
	header a:link, header a:visited, header a:hover, header a:focus { border: 0 }
	
/* =Navigation */

header nav { float: right; text-transform: uppercase; font-size: 14px; font-weight: bold; height: 100% }

	header nav ul { list-style: none; height: 100%; margin: 0 }

		header nav ul li { display: inline; float: left; height: 100%; -webkit-text-stroke: subpixel-antialiased; }
		
		header nav ul li a:link, header nav ul li a:visited { display: block; height: 18px; padding: 24px 18px; color: rgba(229,229,229,1) }
		
			header nav ul li:hover, header nav ul li:focus { background: #d7ae0c }
			
				header nav ul li:hover a, header nav ul li:focus a { color: #151515 }
			
			header nav ul li:active  { background: #a78709 }
			
			header nav ul li.current-menu-item { background: #f2c513 }
			
			header nav ul li.current-menu-item a { color: #151515 }
			
			header nav ul li a:hover, header nav ul li a:focus { text-decoration: none }
			
footer nav { float: right }

	footer nav ul { list-style: none; margin: 0 }
	
		footer nav ul li { float: left; margin-left: 18px }
		
			footer nav ul li a:link, footer nav ul li a:visited, footer nav ul li a:hover, footer nav ul li a:focus { color: #151515 }
			
#social { list-style: none; margin: 0; position: fixed; top: 20px; right: 20px }

	#social li { margin: 0 0 10px 0 }

	#social a { display: block; width: 30px; height: 30px; background: url(images/social.png) no-repeat; text-indent: -9999px; border: 0 }
	
	#social #twitter a { background-position: 0 0 }
	
	#social #twitter a:hover, #social #twitter a:focus { background-position: 0 -30px }
	
	#social #facebook a { background-position: -30px 0 }
	
	#social #facebook a:hover, #social #facebook a:focus { background-position: -30px -30px }
	
	#social #myspace a { background-position: -60px 0 }
	
	#social #myspace a:hover, #social #myspace a:focus { background-position: -60px -30px }

/* =Content */

.highlight { height: 0; border-top: 1px solid #a6a6a6; border-bottom: 1px solid #fff }

#intro { width: 940px; margin: 0 auto }

	#intro h1, #intro h2 { width: 620px; margin-bottom: 0 }
	
#slider { height: 300px; margin: 40px auto; color: #050816; background: url(images/slider_bg.jpg) }

#slider a:link, #slider a:visited, #slider a:hover, #slider a:focus { border: 0 }

#slider_nav { width: 960px; height: 50px; }

	#slider_nav a { font-size: 18px; font-weight: 500; float: left; width: 320px; height: 35px; padding-top: 12px; text-align: center; background: #151515 }
	
	#slider_nav a:link, #slider_nav a:visited, #slider_nav a:hover, #slider_nav a:focus { color: rgba(229,229,229,1); text-decoration: none }
	
	#slider_nav a:hover, #slider_nav a:focus { background: #cca300; color: #151515 }
	
	#slider_nav a.current:link, #slider_nav a.current:visited, #slider_nav a.current:hover, #slider_nav a.current:focus { color: #151515; background: none }
	
#slider_content { width: 960px; overflow: hidden }

#slider_content ul { width: 2880px; position: relative; list-style: none; margin: 0 }

.slide { width: 960px; height: 250px; position: relative; float: left; background-position: 36px 10px; background-repeat: no-repeat }

	.slide div { position: relative; top: 40px; left: 330px; width: 600px }
	
	.slide p { font-size: 14px }
	
	.slide h1 a { color: #151515 }
	
	.slide h1 a:hover, .slide h1 a:focus { background: #151515; color: #f2c513 }

#recentblogposts h1 { font-size: 18px; line-height: 1.5em }

#recentblogposts h1 a:link, #recentblogposts h1 a:visited { background: #151515; color: #f2c513; padding: 3px 6px; display: block; border: 0 }

.category #content a { color: #616161 }

.post h1 a:link, .post h1 a:visited, .category #content .post h1 a:link, .category #content .post h1 a:visited { border: 0; color: #151515 }

#recentblogposts h1 a:hover, #recentblogposts h1 a:focus, .post h1 a:hover, .post h1 a:focus { background: #f2c513; color: #151515; text-decoration: none; border: 0 }
	
#content { margin: 20px auto 24px auto; overflow: hidden; background: #fff; font-size: 14px; line-height: 21px }

.container_12 .post { margin: 0; padding: 20px; width: 600px }

.meta { padding: 12px 0 0; border-top: 1px solid #e7e7e7; font-size: 12px  }

.meta p { margin: 0 }

#primary { background: #eaeaea; padding: 20px ; width: 260px; margin: 0; float: right }

.navigation { margin: 24px 20px }

.navigation div a { display: block; width: 220px; height: 36px; background: url(images/navigation.png) no-repeat; text-indent: -9999px; float: left; border: 0 }

	.navigation .nav-previous a { background-position: 0 0; margin-right: 170px }
	
	.navigation .nav-previous a:hover { background-position: 0 -36px }
	
	.navigation .nav-previous a:active { background-position: 0 -72px }
	
	.navigation .nav-next a { background-position: -220px 0 }
	
	.navigation .nav-next a:hover { background-position: -220px -36px }
	
	.navigation .nav-next a:active { background-position: -220px -72px }




/* =Sidebars */

.xoxo { list-style: none }

.xoxo .widget-container { margin-bottom: 1.5em }

.widget_search #s {	width: 60% }

.widget_search label { display:none }

#wp-calendar { width:100%; }

#wp-calendar caption { font-weight: bold; color: #222; text-align: left; font-size:14px; padding-bottom: 4px }

#wp-calendar thead { font-size:11px }

#wp-calendar thead th {}

#wp-calendar tbody { color: #aaa }

#wp-calendar tbody td { padding: 3px 0 2px; background: #f5f5f5; border:1px solid #fff; text-align: center }

#wp-calendar tbody .pad { background: none }

#wp-calendar tfoot #next { text-align: right }

.widget_rss a.rsswidget { color: #000 }

.widget_rss a.rsswidget:hover { color: #FF4B33 }

.widget_rss .widget-title img { height: 11px; width: 11px }

.testimony { border-bottom: 1px dashed #fff; margin-bottom: 1em }

.testimony p { font-size: 12px }

.testimony span { padding-left: .8em; display: block }


/* =Footer */

footer { display: block; clear: both; color: #050816; padding-bottom: 100px }

	footer .container_12 { padding: 10px 0 }


/* =Comments */

#comments { clear: both }

#comments .navigation { padding: 0 0 18px 0 }

h3#comments-title, h3#reply-title { color: #000; font-size: 20px; font-weight: bold; margin-bottom: 0 }

h3#comments-title { padding: 24px 0 }

.commentlist { list-style: none; margin: 0 } 

.commentlist li.comment { border-bottom: 1px solid #e7e7e7; line-height: 24px; margin: 0 0 24px 0; padding: 0 0 0 56px; position: relative }

.commentlist li:last-child { border-bottom: none; margin-bottom: 0 }

#comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px }

#comments .comment-body p:last-child { margin-bottom: 6px }

#comments .comment-body blockquote p:last-child { margin-bottom: 24px }

.commentlist ol { list-style: decimal }

.commentlist .avatar { position: absolute; top: 4px; left: 0 }

.comment-author { }

.comment-author cite { color: #000; font-style: normal; font-weight: bold }

.comment-author .says { font-style: italic }

.comment-meta { font-size: 12px; margin: 0 0 18px 0 }

.comment-meta a:link, .comment-meta a:visited { color: #888; text-decoration: none }

.comment-meta a:active, .comment-meta a:hover { color: #ff4b33 }

.commentlist .even { }

.commentlist .bypostauthor { }

.reply { font-size: 12px; padding: 0 0 24px 0 }

.reply a, a.comment-edit-link { color: #888 }

.reply a:hover, a.comment-edit-link:hover { color: #ff4b33 }

.commentlist .children { list-style: none; margin: 0 }

.commentlist .children li { border: none; margin: 0 }

.nopassword, .nocomments { display: none }

#comments .pingback { border-bottom: 1px solid #e7e7e7; margin-bottom: 18px; padding-bottom: 18px }

.commentlist li.comment+li.pingback { margin-top: -6px }

#comments .pingback p { color: #888; display: block; font-size: 12px; line-height: 18px; margin: 0 }

#comments .pingback .url { font-size: 13px; font-style: italic }

/* Comments form */

input[type=submit] { color: #333 }

#respond { border-top: 1px solid #e7e7e7; margin: 24px 0; overflow: hidden; position: relative }

#respond p { margin: 0 }

#respond .comment-notes { margin-bottom: 1em }

.form-allowed-tags { line-height: 1em }

.children #respond { margin: 0 48px 0 0 }

h3#reply-title { margin: 18px 0 }

#comments-list #respond { margin: 0 0 18px 0 }

#comments-list ul #respond { margin: 0 }

#cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px }

#respond .required { color: #ff4b33; font-weight: bold }

#respond label { color: #888; font-size: 12px }

#respond input { margin: 0 0 9px; width: 98% }

#respond textarea { width: 98% }

#respond .form-allowed-tags { color: #888; font-size: 12px; line-height: 18px }

#respond .form-allowed-tags code { font-size: 11px }

#respond .form-submit { margin: 12px 0 }

#respond .form-submit input { font-size: 14px; width: auto }